/* style.css -- merged from per-tier scene CSS by wizard2.stages.build_deploy */
/* Scene root must fill its positioning container. */
.scn { position: absolute; inset: 0; }

/* ============ tier U ============ */
/* per-scene blocks (EXP step_scenes) */
.scn-hindoo-betrothal-midnight {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a3a 40%, #0f0f2a 100%), radial-gradient(ellipse at 50% 80%, #2a2a5a 0%, transparent 70%);
}
.scn-hindoo-betrothal-midnight .ground-dark {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a1a12 0%, #0a0a08 100%);
  border-radius: 30% 30% 0 0;
  animation: hbm-ground 12s ease-in-out infinite alternate;
}
.scn-hindoo-betrothal-midnight .sleepers {
  position: absolute; bottom: 18%; left: 10%; right: 10%; height: 14%;
  background: radial-gradient(ellipse at 30% 50%, #2a2a2a 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
}
.scn-hindoo-betrothal-midnight .bride-figure {
  position: absolute; bottom: 25%; left: 48%; width: 28px; height: 40px;
  background: linear-gradient(180deg, #3a3a5a 0%, #1a1a2a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hbm-bride 6s ease-in-out infinite alternate;
  box-shadow: 0 0 20px 4px rgba(200,180,100,0.3);
}
.scn-hindoo-betrothal-midnight .nautch-girl {
  position: absolute; bottom: 20%; left: 35%; width: 24px; height: 36px;
  background: linear-gradient(180deg, #6a4a4a 0%, #3a2a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hbm-nautch 4s ease-in-out infinite;
}
.scn-hindoo-betrothal-midnight .snake-coil {
  position: absolute; bottom: 28%; left: 60%; width: 40px; height: 30px;
  background: radial-gradient(ellipse at 30% 50%, #4a5a3a 0%, #1a2a1a 100%);
  border-radius: 50%;
  transform: rotate(20deg);
  animation: hbm-snake 8s ease-in-out infinite;
  box-shadow: inset 0 0 10px #0a0a0a;
}
.scn-hindoo-betrothal-midnight .lantern-glow {
  position: absolute; bottom: 30%; left: 50%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffd080 0%, #c08040 40%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: hbm-glow 3s ease-in-out infinite alternate;
}
.scn-hindoo-betrothal-midnight .shadow-veil {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 50%, transparent 60%, rgba(0,0,0,0.5) 100%);
  pointer-events: none;
}
@keyframes hbm-ground { 0% { opacity: 0.8; } 50% { opacity: 0.9; } 100% { opacity: 0.7; } }
@keyframes hbm-bride { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(3px) scale(1.02); } 100% { transform: translateX(0) scale(1); } }
@keyframes hbm-nautch { 0% { transform: translateY(0) rotate(-3deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(3deg); } 75% { transform: translateY(-2px) rotate(0deg); } 100% { transform: translateY(0) rotate(-3deg); } }
@keyframes hbm-snake { 0% { transform: rotate(20deg) scale(1); } 50% { transform: rotate(-10deg) scale(1.1); } 100% { transform: rotate(20deg) scale(1); } }
@keyframes hbm-glow { 0% { opacity: 0.6; transform: translate(-50%,-50%) scale(0.9); } 100% { opacity: 1; transform: translate(-50%,-50%) scale(1.1); } }

.scn-official-thug-book {
  background: linear-gradient(180deg, #2a1a1a 0%, #1a1210 30%, #0a0808 100%), radial-gradient(ellipse at 50% 60%, #3a2a20 0%, transparent 70%);
}
.scn-official-thug-book .wall-dim {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(90deg, transparent 0px, rgba(100,80,60,0.05) 2px, transparent 4px);
}
.scn-official-thug-book .train-car {
  position: absolute; bottom: 30%; left: 10%; right: 10%; height: 45%;
  background: linear-gradient(180deg, #3a3028 0%, #1a1810 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.6);
}
.scn-official-thug-book .berth-bed {
  position: absolute; bottom: 40%; left: 20%; width: 40%; height: 20%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: otb-berth 10s ease-in-out infinite alternate;
}
.scn-official-thug-book .waiting-figure-a {
  position: absolute; bottom: 25%; left: 15%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #3a2a20 0%, #1a1010 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: otb-figure 6s ease-in-out infinite;
}
.scn-official-thug-book .waiting-figure-b {
  position: absolute; bottom: 25%; right: 20%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #3a3028 0%, #1a1810 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: otb-figure 6s ease-in-out infinite reverse;
  animation-delay: 2s;
}
.scn-official-thug-book .lamp-light {
  position: absolute; top: 20%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffd080 0%, #b08040 50%, transparent 80%);
  border-radius: 50%;
  transform: translateX(-50%);
  animation: otb-lamp 4s ease-in-out infinite alternate;
}
.scn-official-thug-book .dream-thought {
  position: absolute; top: 10%; left: 30%; width: 30px; height: 20px;
  background: radial-gradient(circle, rgba(180,160,120,0.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: otb-thought 12s linear infinite;
}
@keyframes otb-berth { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98) translateY(2px); } 100% { transform: scaleY(1); } }
@keyframes otb-figure { 0% { transform: translateX(0) rotate(0deg); } 33% { transform: translateX(5px) rotate(2deg); } 66% { transform: translateX(-3px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes otb-lamp { 0% { opacity: 0.7; transform: translateX(-50%) scale(0.95); } 100% { opacity: 1; transform: translateX(-50%) scale(1.05); } }
@keyframes otb-thought { 0% { transform: translateX(-10px) scale(1); opacity: 0.3; } 50% { transform: translateX(10px) scale(1.2); opacity: 0.6; } 100% { transform: translateX(-10px) scale(1); opacity: 0.3; } }

.scn-thugs-extermination {
  background: linear-gradient(180deg, #1a0a0a 0%, #0a0505 50%, #050202 100%), radial-gradient(ellipse at 50% 70%, #2a1010 0%, transparent 60%);
}
.scn-thugs-extermination .room-dark {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 40% 60%, rgba(50,20,10,0.2) 0%, transparent 70%);
}
.scn-thugs-extermination .choker-silhouette {
  position: absolute; bottom: 30%; left: 35%; width: 30px; height: 45px;
  background: linear-gradient(180deg, #0a0505 0%, #000 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: te-choker 5s ease-in-out infinite alternate;
}
.scn-thugs-extermination .victim-shape {
  position: absolute; bottom: 25%; left: 55%; width: 28px; height: 40px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(15deg);
  animation: te-victim 4s ease-in-out infinite;
}
.scn-thugs-extermination .rope-cloth {
  position: absolute; bottom: 38%; left: 40%; width: 15px; height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 30%;
  transform: rotate(-20deg);
  animation: te-rope 3s ease-in-out infinite;
}
.scn-thugs-extermination .fakeer-spared {
  position: absolute; bottom: 30%; right: 15%; width: 22px; height: 38px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  opacity: 0.6;
  animation: te-fakeer 7s ease-in-out infinite alternate;
}
.scn-thugs-extermination .blood-stain {
  position: absolute; bottom: 20%; left: 50%; width: 20px; height: 10px;
  background: radial-gradient(ellipse, #5e1a1d 0%, transparent 70%);
  border-radius: 50%;
  animation: te-blood 4s ease-in-out infinite alternate;
}
.scn-thugs-extermination .shadow-hand {
  position: absolute; bottom: 35%; left: 30%; width: 18px; height: 25px;
  background: radial-gradient(ellipse at 50% 100%, #000 0%, transparent 80%);
  border-radius: 30% 30% 10% 10%;
  transform: rotate(10deg);
  animation: te-hand 5s ease-in-out infinite;
}
@keyframes te-choker { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.05) rotate(2deg); } 100% { transform: translateY(0) scale(1) rotate(0deg); } }
@keyframes te-victim { 0% { transform: rotate(15deg) scale(1); } 50% { transform: rotate(-5deg) scale(0.95); } 100% { transform: rotate(15deg) scale(1); } }
@keyframes te-rope { 0% { transform: rotate(-20deg) translateY(0); } 50% { transform: rotate(-30deg) translateY(2px); } 100% { transform: rotate(-20deg) translateY(0); } }
@keyframes te-fakeer { 0% { opacity: 0.4; transform: scale(1); } 50% { opacity: 0.7; transform: scale(1.03); } 100% { opacity: 0.4; transform: scale(1); } }
@keyframes te-blood { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 0.6; transform: scale(1.2); } }
@keyframes te-hand { 0% { transform: rotate(10deg) scale(1); } 50% { transform: rotate(20deg) scale(1.1); } 100% { transform: rotate(10deg) scale(1); } }

.scn-starting-allahabad-suttee {
  background: linear-gradient(180deg, #1a1210 0%, #120a08 30%, #080504 100%), radial-gradient(ellipse at 50% 50%, #2a1a10 0%, transparent 70%);
}
.scn-starting-allahabad-suttee .car-interior {
  position: absolute; bottom: 20%; left: 5%; right: 5%; height: 60%;
  background: linear-gradient(180deg, #2a2018 0%, #1a1410 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.7);
}
.scn-starting-allahabad-suttee .lower-berth {
  position: absolute; bottom: 35%; left: 10%; width: 30%; height: 15%;
  background: linear-gradient(180deg, #3a2a20 0%, #1a1210 100%);
  border-radius: 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: sas-berth 8s ease-in-out infinite alternate;
}
.scn-starting-allahabad-suttee .elderly-lady {
  position: absolute; bottom: 40%; left: 12%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #4a3a30 0%, #2a1a10 100%);
  border-radius: 50% 50% 30% 30% / 50% 50% 30% 30%;
  transform: rotate(-5deg);
  animation: sas-lady 6s ease-in-out infinite;
}
.scn-starting-allahabad-suttee .american-lady {
  position: absolute; bottom: 40%; left: 30%; width: 20px; height: 32px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 30% 30% / 50% 50% 30% 30%;
  animation: sas-lady 6s ease-in-out infinite reverse;
  animation-delay: 1.5s;
}
.scn-starting-allahabad-suttee .suitcase {
  position: absolute; bottom: 28%; left: 25%; width: 30px; height: 15px;
  background: linear-gradient(180deg, #3a2a20 0%, #1a1210 100%);
  border-radius: 10%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.scn-starting-allahabad-suttee .train-window {
  position: absolute; top: 15%; left: 20%; width: 20px; height: 25px;
  background: radial-gradient(circle, #1a2a3a 0%, #0a0a1a 100%);
  border-radius: 10%;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
}
.scn-starting-allahabad-suttee .berth-lamp {
  position: absolute; bottom: 60%; left: 50%; width: 16px; height: 20px;
  background: radial-gradient(circle, #ffd080 0%, #c08040 60%, transparent 80%);
  border-radius: 50%;
  transform: translateX(-50%);
  animation: sas-lamp 3s ease-in-out infinite alternate;
}
@keyframes sas-berth { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(0.98) translateY(-2px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes sas-lady { 0% { transform: rotate(-5deg) scale(1); } 33% { transform: rotate(3deg) scale(1.02); } 66% { transform: rotate(-2deg) scale(0.98); } 100% { transform: rotate(-5deg) scale(1); } }
@keyframes sas-lamp { 0% { opacity: 0.7; transform: translateX(-50%) scale(0.9); } 100% { opacity: 1; transform: translateX(-50%) scale(1.1); } }

/* perfection-detail */
.scn-perfection-detail { background: linear-gradient(180deg, #2a1e14 0%, #3a2820 40%, #1e1410 100%), radial-gradient(ellipse at 50% 100%, #3a2820 0%, transparent 70%); }
.scn-perfection-detail .wall { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #2e221a 0%, #1a120c 100%); }
.scn-perfection-detail .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 45%; background: linear-gradient(0deg, #1e1410 0%, #3a2820 100%); border-radius: 20% 20% 0 0; }
.scn-perfection-detail .cushion { position: absolute; bottom: 28%; left: 50%; width: 100px; height: 40px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 60%, #6b4a30 0%, #4a3220 100%); border-radius: 50% 50% 40% 40%; box-shadow: 0 4px 12px rgba(0,0,0,0.5); animation: pf-cushion 6s ease-in-out infinite; }
.scn-perfection-detail .figure { position: absolute; bottom: 38%; left: 50%; width: 40px; height: 70px; transform: translateX(-50%); background: linear-gradient(180deg, #6b4a30 0%, #3a2418 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 0 20px rgba(0,0,0,0.3); animation: pf-breath 4s ease-in-out infinite; }
.scn-perfection-detail .halo { position: absolute; top: 20%; left: 50%; width: 120px; height: 120px; transform: translateX(-50%); background: radial-gradient(circle, rgba(200,170,120,0.3) 0%, rgba(200,170,120,0.1) 40%, transparent 70%); border-radius: 50%; filter: blur(10px); animation: pf-halo 8s ease-in-out infinite alternate; }
.scn-perfection-detail .lamp { position: absolute; bottom: 22%; left: 30%; width: 12px; height: 18px; background: linear-gradient(180deg, #8b6e44 0%, #5a4230 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 30px 8px rgba(200,160,100,0.4); animation: pf-lamp 5s ease-in-out infinite alternate; }
.scn-perfection-detail .glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 22%, rgba(200,160,100,0.08) 0%, transparent 60%); animation: pf-glow 9s ease-in-out infinite; }
@keyframes pf-cushion { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(0.98) translateY(2px); } 100% { transform: translateX(-50%) scale(1); } }
@keyframes pf-breath { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02) translateY(-2px); } 100% { transform: translateX(-50%) scaleY(1); } }
@keyframes pf-halo { 0% { opacity: 0.3; transform: translateX(-50%) scale(0.95); } 50% { opacity: 0.7; transform: translateX(-50%) scale(1.05); } 100% { opacity: 0.4; transform: translateX(-50%) scale(0.98); } }
@keyframes pf-lamp { 0% { opacity: 0.7; box-shadow: 0 0 20px 4px rgba(200,160,100,0.3); } 50% { opacity: 1; box-shadow: 0 0 40px 10px rgba(200,160,100,0.6); } 100% { opacity: 0.8; box-shadow: 0 0 25px 5px rgba(200,160,100,0.35); } }
@keyframes pf-glow { 0% { opacity: 0.3; } 50% { opacity: 0.6; } 100% { opacity: 0.35; } }

/* stages-to-perfection */
.scn-stages-to-perfection { background: linear-gradient(180deg, #1e1814 0%, #2a221e 30%, #1a1410 100%), radial-gradient(ellipse at 50% 100%, #2a221e 0%, transparent 70%); }
.scn-stages-to-perfection .bg-deep { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 100%, rgba(80,60,40,0.2) 0%, transparent 70%); }
.scn-stages-to-perfection .step { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%); border-radius: 10% 10% 4% 4%; box-shadow: 0 -2px 10px rgba(0,0,0,0.4); }
.scn-stages-to-perfection .step-1 { bottom: 25%; width: 140px; height: 18px; }
.scn-stages-to-perfection .step-2 { bottom: 35%; width: 110px; height: 16px; }
.scn-stages-to-perfection .step-3 { bottom: 45%; width: 80px; height: 14px; }
.scn-stages-to-perfection .figure { position: absolute; bottom: 18%; left: 50%; width: 32px; height: 60px; transform: translateX(-50%); background: linear-gradient(180deg, #5a4230 0%, #2e1e14 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: st-ascend 12s ease-in-out infinite, st-breath 4s ease-in-out infinite; }
.scn-stages-to-perfection .light { position: absolute; top: 15%; left: 50%; width: 80px; height: 80px; transform: translateX(-50%); background: radial-gradient(circle, rgba(200,170,120,0.3) 0%, transparent 60%); border-radius: 50%; filter: blur(8px); animation: st-light 10s ease-in-out infinite alternate; }
.scn-stages-to-perfection .sparkle { position: absolute; width: 4px; height: 4px; background: rgba(220,190,140,0.6); border-radius: 50%; }
.scn-stages-to-perfection .sparkle-1 { top: 30%; left: 30%; animation: st-sparkle 7s ease-in-out infinite; }
.scn-stages-to-perfection .sparkle-2 { top: 40%; right: 25%; animation: st-sparkle 9s ease-in-out infinite 2s; }
@keyframes st-ascend { 0% { transform: translateX(-50%) translateY(0); } 30% { transform: translateX(-50%) translateY(-10px); } 50% { transform: translateX(-50%) translateY(-5px); } 70% { transform: translateX(-50%) translateY(-8px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes st-breath { 0%,100% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02) translateY(-1px); } }
@keyframes st-light { 0% { opacity: 0.2; transform: translateX(-50%) scale(0.9); } 50% { opacity: 0.6; transform: translateX(-50%) scale(1.1); } 100% { opacity: 0.3; transform: translateX(-50%) scale(0.95); } }
@keyframes st-sparkle { 0%,100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.2); } }

/* more-stages */
.scn-more-stages { background: linear-gradient(180deg, #221a14 0%, #2e241e 40%, #1a120c 100%), radial-gradient(ellipse at 50% 80%, #2e241e 0%, transparent 60%); }
.scn-more-stages .wall { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #2a1e18 0%, #1a120c 100%); }
.scn-more-stages .desk { position: absolute; bottom: 20%; left: 50%; width: 120px; height: 14px; transform: translateX(-50%); background: linear-gradient(180deg, #4a3422 0%, #2e1e14 100%); border-radius: 8% 8% 0 0; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
.scn-more-stages .book { position: absolute; bottom: 24%; background: linear-gradient(135deg, #5a4030 0%, #3a2a1e 100%); border-radius: 4% 4% 2% 2%; box-shadow: 1px 1px 6px rgba(0,0,0,0.4); animation: ms-book 8s ease-in-out infinite; }
.scn-more-stages .book-1 { left: 40%; width: 30px; height: 22px; transform: rotate(-5deg); }
.scn-more-stages .book-2 { left: 50%; width: 26px; height: 20px; transform: rotate(3deg); }
.scn-more-stages .candle { position: absolute; bottom: 18%; left: 60%; width: 8px; height: 18px; background: linear-gradient(180deg, #8a7050 0%, #5a4230 100%); border-radius: 20% 20% 5% 5%; }
.scn-more-stages .flame { position: absolute; bottom: 30%; left: 60%; width: 4px; height: 8px; background: radial-gradient(ellipse at 50% 80%, #ffdd80 0%, #c07a30 60%, transparent 100%); border-radius: 50%; filter: blur(2px); animation: ms-flame 3s ease-in-out infinite; }
.scn-more-stages .figure { position: absolute; bottom: 12%; left: 35%; width: 36px; height: 65px; transform: translateX(-50%); background: linear-gradient(180deg, #5a4230 0%, #2e1e14 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ms-meditate 6s ease-in-out infinite; }
@keyframes ms-book { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-1px); } }
@keyframes ms-flame { 0% { transform: scaleY(1) rotate(0); } 25% { transform: scaleY(1.1) rotate(5deg); } 50% { transform: scaleY(0.9) rotate(-3deg); } 75% { transform: scaleY(1.05) rotate(2deg); } 100% { transform: scaleY(1) rotate(0); } }
@keyframes ms-meditate { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.01) translateY(-1px); } 100% { transform: translateX(-50%) scaleY(1); } }

/* god-modest-house */
.scn-god-modest-house { background: linear-gradient(180deg, #2a1c14 0%, #3a2a20 40%, #1e1410 100%), radial-gradient(ellipse at 50% 100%, #3a2a20 0%, transparent 70%); }
.scn-god-modest-house .backwall { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #2a1e16 0%, #1a120c 100%); }
.scn-god-modest-house .sidewall { position: absolute; top: 0; bottom: 40%; left: 0; right: 0; background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.3) 100%); }
.scn-god-modest-house .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(0deg, #1e1410 0%, #3a2a20 100%); border-radius: 30% 30% 0 0; }
.scn-god-modest-house .cushion { position: absolute; bottom: 22%; left: 50%; width: 90px; height: 35px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 60%, #5a4230 0%, #3a2418 100%); border-radius: 50% 50% 40% 40%; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
.scn-god-modest-house .figure { position: absolute; bottom: 28%; left: 50%; width: 34px; height: 55px; transform: translateX(-50%); background: linear-gradient(180deg, #5a4230 0%, #2e1e14 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: gh-breathe 5s ease-in-out infinite; }
.scn-god-modest-house .window { position: absolute; top: 15%; left: 20%; width: 40px; height: 50px; background: linear-gradient(180deg, rgba(200,170,120,0.2) 0%, rgba(200,170,120,0.05) 100%); border: 2px solid #4a3422; border-radius: 8% 8% 4% 4%; box-shadow: inset 0 0 20px rgba(200,170,120,0.1); }
.scn-god-modest-house .lamp { position: absolute; top: 25%; right: 25%; width: 10px; height: 14px; background: linear-gradient(180deg, #8a7050 0%, #5a4230 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 25px 6px rgba(200,160,100,0.3); animation: gh-swing 7s ease-in-out infinite; }
.scn-god-modest-house .shadows { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 20%, rgba(0,0,0,0.3) 0%, transparent 60%), radial-gradient(ellipse at 20% 80%, rgba(0,0,0,0.4) 0%, transparent 50%); animation: gh-shadow 10s ease-in-out infinite alternate; }
@keyframes gh-breathe { 0%,100% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02) translateY(-1px); } }
@keyframes gh-swing { 0% { transform: rotate(0); } 25% { transform: rotate(5deg); } 50% { transform: rotate(-3deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(0); } }
@keyframes gh-shadow { 0% { opacity: 0.4; } 50% { opacity: 0.7; } 100% { opacity: 0.5; } }

/* ochterlony-monument – sunlit warm */
.scn-ochterlony-monument {
  background:
    linear-gradient(180deg, #4a90d9 0%, #f4a460 50%, #f5deb3 80%, #ffd700 100%),
    radial-gradient(ellipse at 50% 0%, #ffd700 0%, transparent 60%);
}
.scn-ochterlony-monument .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #87ceeb 0%, transparent 100%);
  animation: och-sky 20s ease-in-out infinite alternate;
}
.scn-ochterlony-monument .sun {
  position: absolute; top: 10%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffd700 0%, #ff8c00 70%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 80px 40px rgba(255, 215, 0, 0.4);
  animation: och-sun 15s ease-in-out infinite alternate;
}
.scn-ochterlony-monument .monument {
  position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 250px;
  background: linear-gradient(180deg, #d2b48c 0%, #a0522d 40%, #8b4513 100%);
  border-radius: 10% 10% 5% 5% / 50% 50% 5% 5%;
  box-shadow: 8px 0 20px rgba(0,0,0,0.3);
  animation: och-monument 8s ease-in-out infinite alternate;
}
.scn-ochterlony-monument .base {
  position: absolute; bottom: 25%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 20px;
  background: linear-gradient(180deg, #a0522d 0%, #5c4033 100%);
  border-radius: 10%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.scn-ochterlony-monument .shadow {
  position: absolute; bottom: 25%; left: 42%; width: 200px; height: 30px;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  filter: blur(8px);
  animation: och-shadow 12s ease-in-out infinite alternate;
}
.scn-ochterlony-monument .cloud-a {
  position: absolute; top: 15%; left: 10%; width: 120px; height: 30px;
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  filter: blur(8px);
  animation: och-drift 40s linear infinite;
}
.scn-ochterlony-monument .cloud-b {
  position: absolute; top: 25%; left: 60%; width: 80px; height: 20px;
  background: rgba(255,255,255,0.4);
  border-radius: 50%;
  filter: blur(6px);
  animation: och-drift 50s linear infinite reverse;
}
@keyframes och-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes och-sun { 0% { transform: translateY(0) scale(1); opacity:0.9 } 50% { transform: translateY(-5px) scale(1.05); opacity:1 } 100% { transform: translateY(0) scale(1); opacity:0.95 } }
@keyframes och-monument { 0%,100% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.02) } }
@keyframes och-shadow { 0% { transform: translateX(0) scaleX(1); opacity:0.3 } 50% { transform: translateX(10px) scaleX(1.1); opacity:0.5 } 100% { transform: translateX(-5px) scaleX(0.9); opacity:0.3 } }
@keyframes och-drift { 0% { transform: translateX(-100px) } 100% { transform: translateX(120vw) } }

/* clive-hastings-look – dim-interior calm */
.scn-clive-hastings-look {
  background:
    linear-gradient(180deg, #3b2f2f 0%, #4a3838 30%, #5c4a3a 60%, #2f1d1d 100%),
    radial-gradient(ellipse at 30% 70%, #5c4a3a 0%, transparent 70%);
}
.scn-clive-hastings-look .wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #4a3838 0%, #3b2f2f 100%);
  animation: cli-wall 12s ease-in-out infinite alternate;
}
.scn-clive-hastings-look .window {
  position: absolute; top: 15%; left: 60%; width: 80px; height: 120px;
  background: linear-gradient(180deg, #1a2a3a 0%, #0d1b2a 100%);
  border: 4px solid #5c4a3a;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.1);
  animation: cli-window 8s ease-in-out infinite alternate;
}
.scn-clive-hastings-look .figure {
  position: absolute; bottom: 25%; left: 35%; width: 40px; height: 100px;
  background: linear-gradient(180deg, #2f1d1d 0%, #1a0f0f 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cli-figure 6s ease-in-out infinite;
}
.scn-clive-hastings-look .table {
  position: absolute; bottom: 20%; left: 20%; width: 60%; height: 20px;
  background: linear-gradient(180deg, #5c3a2a 0%, #3a221a 100%);
  border-radius: 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-clive-hastings-look .candle {
  position: absolute; bottom: 28%; left: 45%; width: 8px; height: 30px;
  background: linear-gradient(180deg, #ffe0a0 0%, #c08040 100%);
  border-radius: 4px 4px 2px 2px;
  box-shadow: 0 0 20px 8px rgba(255, 200, 100, 0.4);
  animation: cli-candle 3s ease-in-out infinite alternate;
}
.scn-clive-hastings-look .shadow {
  position: absolute; bottom: 20%; left: 30%; width: 100px; height: 40px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  filter: blur(10px);
  animation: cli-shadow 10s ease-in-out infinite alternate;
}
@keyframes cli-wall { 0% { opacity:0.7 } 50% { opacity:0.85 } 100% { opacity:0.7 } }
@keyframes cli-window { 0% { background: #1a2a3a; box-shadow: inset 0 0 20px rgba(255,255,255,0.1) } 50% { background: #2a3a4a; box-shadow: inset 0 0 30px rgba(255,255,255,0.2) } 100% { background: #1a2a3a; box-shadow: inset 0 0 20px rgba(255,255,255,0.1) } }
@keyframes cli-figure { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes cli-candle { 0% { transform: scaleY(1); opacity:0.8 } 50% { transform: scaleY(1.05); opacity:1 } 100% { transform: scaleY(0.95); opacity:0.85 } }
@keyframes cli-shadow { 0% { transform: translateX(0) scaleX(1); opacity:0.3 } 50% { transform: translateX(5px) scaleX(1.1); opacity:0.5 } 100% { transform: translateX(-5px) scaleX(0.9); opacity:0.3 } }

/* english-governance – dim-interior calm */
.scn-english-governance {
  background:
    linear-gradient(180deg, #3a2a2a 0%, #4a3838 40%, #2f1d1d 100%),
    radial-gradient(ellipse at 50% 60%, #4a3838 0%, transparent 80%);
}
.scn-english-governance .desk {
  position: absolute; bottom: 5%; left: 10%; width: 80%; height: 25%;
  background: linear-gradient(180deg, #5c3a2a 0%, #3a221a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -4px 10px rgba(0,0,0,0.4);
}
.scn-english-governance .lamp {
  position: absolute; bottom: 40%; left: 45%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #d2b48c 0%, #a0522d 100%);
  border-radius: 4px 4px 10px 10px;
  box-shadow: 0 0 30px 10px rgba(200, 150, 80, 0.3);
  animation: gov-lamp 4s ease-in-out infinite alternate;
}
.scn-english-governance .glow {
  position: absolute; bottom: 35%; left: 35%; width: 120px; height: 80px;
  background: radial-gradient(ellipse, rgba(255, 200, 100, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(20px);
  animation: gov-glow 6s ease-in-out infinite alternate;
}
.scn-english-governance .paper {
  position: absolute; bottom: 15%; left: 30%; width: 60px; height: 80px;
  background: #f5deb3;
  border-radius: 2px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  transform: rotate(-10deg);
  animation: gov-paper 8s ease-in-out infinite;
}
.scn-english-governance .inkwell {
  position: absolute; bottom: 10%; left: 55%; width: 15px; height: 20px;
  background: #2f1d1d;
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.scn-english-governance .books {
  position: absolute; bottom: 10%; left: 15%; width: 80px; height: 40px;
  background: linear-gradient(90deg, #5c3a2a 0%, #8b5a2b 20%, #5c3a2a 40%, #a0522d 60%, #5c3a2a 80%, #8b5a2b 100%);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
@keyframes gov-lamp { 0% { transform: scaleY(1); opacity:0.7 } 50% { transform: scaleY(1.03); opacity:1 } 100% { transform: scaleY(0.97); opacity:0.8 } }
@keyframes gov-glow { 0% { transform: scale(1); opacity:0.5 } 50% { transform: scale(1.1); opacity:0.8 } 100% { transform: scale(0.95); opacity:0.5 } }
@keyframes gov-paper { 0%,100% { transform: rotate(-10deg) translateY(0) } 25% { transform: rotate(-8deg) translateY(-2px) } 50% { transform: rotate(-12deg) translateY(0) } 75% { transform: rotate(-9deg) translateY(-1px) } }

/* obscure-officials – dim-interior calm */
.scn-obscure-officials {
  background:
    linear-gradient(180deg, #2a1f1f 0%, #3a2a2a 40%, #1f1414 100%),
    radial-gradient(ellipse at 40% 50%, #3a2a2a 0%, transparent 70%);
}
.scn-obscure-officials .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3a2a2a 0%, #2a1f1f 100%);
  animation: off-wall 15s ease-in-out infinite alternate;
}
.scn-obscure-officials .chair {
  position: absolute; bottom: 20%; left: 30%; width: 80px; height: 120px;
  background: linear-gradient(180deg, #5c3a2a 0%, #3a221a 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 4px 0 10px rgba(0,0,0,0.4);
  transform-origin: bottom center;
  animation: off-chair 7s ease-in-out infinite;
}
.scn-obscure-officials .globe {
  position: absolute; bottom: 30%; left: 55%; width: 50px; height: 50px;
  background: radial-gradient(circle at 35% 35%, #4a90d9 0%, #2a5a8a 50%, #1a3a5a 100%);
  border-radius: 50%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  animation: off-globe 20s linear infinite;
}
.scn-obscure-officials .newspaper-pile {
  position: absolute; bottom: 5%; left: 10%; width: 120px; height: 60px;
  background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 30%, #f5deb3 60%, #d2b48c 100%);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transform: rotate(5deg);
}
.scn-obscure-officials .lamp {
  position: absolute; bottom: 40%; left: 70%; width: 15px; height: 30px;
  background: linear-gradient(180deg, #d2b48c 0%, #a0522d 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 0 20px 8px rgba(200, 150, 80, 0.3);
  animation: off-lamp 4s ease-in-out infinite alternate;
}
.scn-obscure-officials .shadow {
  position: absolute; bottom: 20%; left: 20%; width: 100px; height: 50px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  filter: blur(12px);
  animation: off-shadow 12s ease-in-out infinite alternate;
}
@keyframes off-wall { 0% { opacity:0.8 } 50% { opacity:0.95 } 100% { opacity:0.8 } }
@keyframes off-chair { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(2deg) translateY(-1px) } 75% { transform: rotate(-1deg) translateY(1px) } }
@keyframes off-globe { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes off-lamp { 0% { transform: scaleY(1); opacity:0.7 } 50% { transform: scaleY(1.04); opacity:1 } 100% { transform: scaleY(0.96); opacity:0.8 } }
@keyframes off-shadow { 0% { transform: translateX(0) scaleX(1); opacity:0.4 } 50% { transform: translateX(8px) scaleX(1.1); opacity:0.6 } 100% { transform: translateX(-4px) scaleX(0.9); opacity:0.3 } }

/* Scene 1: reformers-extraordinary-risks */
.scn-reformers-extraordinary-risks {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2030 50%, #1a1220 100%),
              radial-gradient(ellipse at 50% 100%, #2a2030 0%, transparent 70%);
}
.scn-reformers-extraordinary-risks .room-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1e1e2e 0%, #14101a 100%); opacity: 0.8;
  animation: exr-room 12s ease-in-out infinite alternate;
}
.scn-reformers-extraordinary-risks .desk {
  position: absolute; bottom: 10%; left: 10%; right: 20%; height: 8%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 4px 4px 0 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.6);
}
.scn-reformers-extraordinary-risks .lamp {
  position: absolute; bottom: 25%; left: 20%; width: 16px; height: 24px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 30% 30% 10% 10%;
  box-shadow: 0 -10px 25px 6px #b08040;
  animation: exr-lamp 4s ease-in-out infinite alternate;
}
.scn-reformers-extraordinary-risks .figure-silhouette {
  position: absolute; bottom: 10%; left: 12%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #0a0a0a 40%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom;
  animation: exr-figure 6s ease-in-out infinite;
}
.scn-reformers-extraordinary-risks .papers {
  position: absolute; bottom: 10%; left: 30%; width: 60px; height: 5px;
  background: linear-gradient(90deg, #c8b898 0%, #b8a888 50%, #c8b898 100%);
  border-radius: 2px; filter: blur(1px);
  animation: exr-papers 8s ease-in-out infinite alternate;
}
.scn-reformers-extraordinary-risks .window-night {
  position: absolute; top: 5%; right: 10%; width: 40px; height: 50px;
  background: radial-gradient(ellipse at center, #2a3a5a 0%, #1a2a4a 70%);
  border: 2px solid #2a2a2a; border-radius: 4px;
  box-shadow: inset 0 0 10px #1a1a3a;
  animation: exr-window 15s ease-in-out infinite alternate;
}
@keyframes exr-room { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes exr-lamp { 0% { box-shadow:0 -8px 20px 4px #b08040 } 50% { box-shadow:0 -14px 30px 8px #d0a060 } 100% { box-shadow:0 -8px 20px 4px #b08040 } }
@keyframes exr-figure { 0%,100% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-3px) rotate(2deg) } }
@keyframes exr-papers { 0% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(5px) scaleX(1.05) } 100% { transform: translateX(-2px) scaleX(0.95) } }
@keyframes exr-window { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.8 } }

/* Scene 2: one-year-later-confusion-cleared */
.scn-one-year-later-confusion-cleared {
  background: linear-gradient(135deg, #2a2a3a 0%, #1a1a2a 40%, #3a2a3a 100%),
              radial-gradient(ellipse at 60% 20%, #3a3a4a 0%, transparent 60%);
}
.scn-one-year-later-confusion-cleared .study-wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #2e2e3e 0%, #1e1e2e 100%);
  animation: ylc-wall 10s ease-in-out infinite alternate;
}
.scn-one-year-later-confusion-cleared .bookshelf {
  position: absolute; left: 5%; bottom: 20%; width: 25%; height: 60%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 4px;
  box-shadow: inset 0 0 15px #1a0a00;
}
.scn-one-year-later-confusion-cleared .globe {
  position: absolute; bottom: 35%; right: 20%; width: 30px; height: 30px;
  background: radial-gradient(circle at 30% 30%, #4a6a8a, #2a4a6a);
  border-radius: 50%; box-shadow: 2px -2px 8px #4a4a5a;
  animation: ylc-globe 20s linear infinite;
}
.scn-one-year-later-confusion-cleared .desk-book {
  position: absolute; bottom: 10%; left: 40%; width: 50px; height: 8px;
  background: linear-gradient(90deg, #a09070, #b8a888); border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: ylc-deskbook 12s ease-in-out infinite alternate;
}
.scn-one-year-later-confusion-cleared .candle {
  position: absolute; bottom: 25%; left: 45%; width: 8px; height: 18px;
  background: linear-gradient(180deg, #e0c8a0 0%, #c0a880 100%); border-radius: 20% 20% 10% 10%;
  box-shadow: 0 -6px 15px 2px #ffd080, 0 0 30px 6px rgba(255,208,128,0.3);
  animation: ylc-candle 3s ease-in-out infinite alternate;
}
.scn-one-year-later-confusion-cleared .shadow-figure {
  position: absolute; bottom: 10%; right: 15%; width: 18px; height: 38px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 35% 35% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: ylc-shadow 8s ease-in-out infinite;
}
@keyframes ylc-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ylc-globe { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes ylc-deskbook { 0% { transform: translateX(0) rotate(-2deg) } 50% { transform: translateX(3px) rotate(0deg) } 100% { transform: translateX(-2px) rotate(2deg) } }
@keyframes ylc-candle { 0% { box-shadow:0 -6px 12px 2px #ffd080, 0 0 20px 4px rgba(255,208,128,0.3); height:18px } 50% { box-shadow:0 -8px 18px 4px #ffe0a0, 0 0 30px 8px rgba(255,224,160,0.4); height:20px } 100% { box-shadow:0 -6px 12px 2px #ffd080, 0 0 20px 4px rgba(255,208,128,0.3); height:18px } }
@keyframes ylc-shadow { 0%,100% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(4px) rotate(3deg) } }

/* Scene 3: books-that-throw-light */
.scn-books-that-throw-light {
  background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%),
              radial-gradient(ellipse at 50% 80%, #4a3a2a 0%, transparent 70%);
}
.scn-books-that-throw-light .library-shelf {
  position: absolute; left: 5%; top: 5%; width: 25%; height: 90%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 4px; box-shadow: inset -5px 0 10px #1a0a00;
}
.scn-books-that-throw-light .book-stack {
  position: absolute; bottom: 25%; left: 12%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #a09070 0%, #8a7a5a 100%);
  border-radius: 2px; box-shadow: 0 3px 6px rgba(0,0,0,0.5);
  animation: btl-stack 14s ease-in-out infinite alternate;
}
.scn-books-that-throw-light .lamp-light {
  position: absolute; bottom: 30%; left: 40%; width: 30px; height: 30px;
  background: radial-gradient(circle at 50% 30%, #ffd080 0%, #b08040 50%, transparent 100%);
  border-radius: 50%; filter: blur(4px);
  animation: btl-lamp 4s ease-in-out infinite alternate;
}
.scn-books-that-throw-light .open-book {
  position: absolute; bottom: 15%; left: 20%; width: 60px; height: 40px;
  background: linear-gradient(135deg, #d0c0a0 0%, #b8a888 50%, #a09070 100%);
  border-radius: 2px 2px 6px 6px; box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  transform: perspective(200px) rotateX(-10deg) rotateY(5deg);
  animation: btl-openbook 10s ease-in-out infinite alternate;
}
.scn-books-that-throw-light .reader-hand {
  position: absolute; bottom: 12%; left: 28%; width: 16px; height: 10px;
  background: linear-gradient(180deg, #c0a888 0%, #a08868 100%);
  border-radius: 40% 40% 30% 30%;
  transform: rotate(10deg);
  animation: btl-hand 5s ease-in-out infinite alternate;
}
.scn-books-that-throw-light .dust-motes {
  position: absolute; top: 20%; left: 20%; width: 100%; height: 60%;
  background: radial-gradient(circle at 30% 40%, rgba(255,255,200,0.08) 0%, transparent 70%);
  filter: blur(3px);
  animation: btl-dust 25s linear infinite;
}
@keyframes btl-stack { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes btl-lamp { 0% { opacity:0.7; transform: scale(0.95) } 50% { opacity:1; transform: scale(1.05) } 100% { opacity:0.8; transform: scale(1) } }
@keyframes btl-openbook { 0% { transform: perspective(200px) rotateX(-10deg) rotateY(5deg) } 50% { transform: perspective(200px) rotateX(-12deg) rotateY(3deg) } 100% { transform: perspective(200px) rotateX(-8deg) rotateY(7deg) } }
@keyframes btl-hand { 0% { transform: rotate(8deg) translateX(0) } 50% { transform: rotate(12deg) translateX(2px) } 100% { transform: rotate(10deg) translateX(0) } }
@keyframes btl-dust { 0% { transform: translateY(0) } 100% { transform: translateY(-20px) } }

/* Scene 4: capitalists-fretting-under-taxes */
.scn-capitalists-fretting-under-taxes {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2030 40%, #1a1220 100%),
              radial-gradient(ellipse at 50% 100%, #2a2030 0%, transparent 60%);
}
.scn-capitalists-fretting-under-taxes .boardroom-walls {
  position: absolute; inset: 0; background: linear-gradient(90deg, #1e1e2e 0%, #2a2a3a 50%, #1e1e2e 100%);
  opacity: 0.9;
  animation: cft-walls 12s ease-in-out infinite alternate;
}
.scn-capitalists-fretting-under-taxes .table {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 8%;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
  border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.6);
}
.scn-capitalists-fretting-under-taxes .papers-scattered {
  position: absolute; bottom: 12%; left: 20%; width: 80px; height: 4px;
  background: linear-gradient(90deg, #b8a888 0%, #a09070 50%, #b8a888 100%);
  border-radius: 2px; filter: blur(1px);
  animation: cft-papers 8s ease-in-out infinite alternate;
}
.scn-capitalists-fretting-under-taxes .glass {
  position: absolute; bottom: 18%; left: 35%; width: 12px; height: 16px;
  background: linear-gradient(180deg, rgba(200,200,220,0.4) 0%, transparent 100%);
  border: 1px solid #4a4a5a; border-radius: 2px 2px 6px 6px;
  transform: rotate(5deg);
  animation: cft-glass 6s ease-in-out infinite alternate;
}
.scn-capitalists-fretting-under-taxes .silhouette-men {
  position: absolute; bottom: 10%; left: 20%; width: 80px; height: 50px;
  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);
  clip-path: polygon(0% 100%, 10% 30%, 20% 100%, 35% 20%, 50% 100%, 65% 25%, 80% 100%, 90% 40%, 100% 100%);
  opacity: 0.7;
  animation: cft-men 10s ease-in-out infinite;
}
.scn-capitalists-fretting-under-taxes .window-night {
  position: absolute; top: 5%; right: 10%; width: 40px; height: 50px;
  background: radial-gradient(ellipse at center, #1a2a4a 0%, #0a1a3a 70%);
  border: 2px solid #2a2a3a; border-radius: 4px;
  box-shadow: inset 0 0 15px #0a0a2a;
}
.scn-capitalists-fretting-under-taxes .lamp-overhead {
  position: absolute; top: 5%; left: 40%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 10px 30px 6px #b08040;
  animation: cft-lamp 4s ease-in-out infinite alternate;
}
@keyframes cft-walls { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes cft-papers { 0% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(3px) scaleX(1.02) } 100% { transform: translateX(-2px) scaleX(0.98) } }
@keyframes cft-glass { 0% { transform: rotate(4deg) } 50% { transform: rotate(6deg) } 100% { transform: rotate(5deg) } }
@keyframes cft-men { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes cft-lamp { 0% { box-shadow:0 8px 20px 4px #b08040; opacity:0.8 } 50% { box-shadow:0 12px 30px 8px #d0a060; opacity:1 } 100% { box-shadow:0 8px 20px 4px #b08040; opacity:0.85 } }

/* Scene: root-fibres-pipe */
.scn-root-fibres-pipe {
  background: linear-gradient(180deg, #3a2e1e 0%, #1e150e 50%, #0f0a06 100%), radial-gradient(ellipse at 50% 40%, #4a3a2a 0%, #1a120a 70%);
  overflow: hidden;
}
.scn-root-fibres-pipe .pipe-wall { position:absolute; top:10%; left:50%; width:60%; height:80%; transform:translateX(-50%); background: linear-gradient(90deg, #5a4a3a 0%, #7a6a5a 30%, #6a5a4a 60%, #5a4a3a 100%); border-radius: 50% / 100% 100% 30% 30%; box-shadow: inset 0 0 40px rgba(0,0,0,.6); }
.scn-root-fibres-pipe .pipe-opening { position:absolute; top:8%; left:50%; width:50%; height:12%; transform:translateX(-50%); background: radial-gradient(ellipse at center, #0a0806 0%, #2a1e12 50%, #3a2a1a 100%); border-radius: 50%; box-shadow: inset 0 0 20px rgba(0,0,0,.8); }
.scn-root-fibres-pipe .roots-mass { position:absolute; top:12%; left:30%; width:40%; height:50%; background: repeating-linear-gradient(90deg, #4a3a2a 0px, #3a2a1a 4px, #5a4a3a 8px, #3a2a1a 12px); border-radius: 40% 40% 20% 20%; filter: blur(2px); animation: rfp-roots 9s ease-in-out infinite; }
.scn-root-fibres-pipe .root-fibre.a { position:absolute; top:18%; left:35%; width:2px; height:60px; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 50%; transform-origin: top center; animation: rfp-fibre-a 6s ease-in-out infinite; }
.scn-root-fibres-pipe .root-fibre.b { position:absolute; top:22%; left:55%; width:2px; height:70px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 50%; transform-origin: top center; animation: rfp-fibre-b 7s ease-in-out 2s infinite; }
.scn-root-fibres-pipe .water-droplet { position:absolute; bottom:20%; left:48%; width:6px; height:8px; background: radial-gradient(circle, #a0d0d0 0%, #6090a0 100%); border-radius: 50%; box-shadow: 0 0 6px rgba(100,150,160,.5); animation: rfp-drop 4s ease-in-out infinite; }
.scn-root-fibres-pipe .vignette { position:absolute; inset:0; background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.7) 100%); pointer-events: none; }
@keyframes rfp-roots { 0% { opacity: .6; transform: scaleY(1) } 50% { opacity: .9; transform: scaleY(1.05) } 100% { opacity: .6; transform: scaleY(1) } }
@keyframes rfp-fibre-a { 0% { transform: rotate(-2deg) scaleY(1) } 50% { transform: rotate(2deg) scaleY(1.1) } 100% { transform: rotate(-2deg) scaleY(1) } }
@keyframes rfp-fibre-b { 0% { transform: rotate(3deg) scaleY(1) } 50% { transform: rotate(-1deg) scaleY(1.08) } 100% { transform: rotate(3deg) scaleY(1) } }
@keyframes rfp-drop { 0% { transform: translateY(0) scale(1); opacity: .9 } 50% { transform: translateY(20px) scale(.8); opacity: .4 } 100% { transform: translateY(0) scale(1); opacity: .9 } }

/* Scene: cloud-effects-sky */
.scn-cloud-effects-sky {
  background: linear-gradient(180deg, #7a8a9a 0%, #9aacba 40%, #b0c4d0 70%, #c8d4da 100%), radial-gradient(ellipse at 30% 20%, #aac0ce 0%, transparent 70%);
  overflow: hidden;
}
.scn-cloud-effects-sky .sky-ceiling { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(180,200,210,.1) 100%); animation: ces-sky 20s ease-in-out infinite alternate; }
.scn-cloud-effects-sky .cloud-fleck.a { position:absolute; top:8%; left:10%; width:120px; height:20px; background: rgba(240,245,250,.6); border-radius: 50%; filter: blur(10px); animation: ces-fleck-a 40s linear infinite; }
.scn-cloud-effects-sky .cloud-fleck.b { position:absolute; top:18%; left:40%; width:180px; height:30px; background: rgba(230,240,250,.5); border-radius: 50%; filter: blur(12px); animation: ces-fleck-b 55s linear 5s infinite; }
.scn-cloud-effects-sky .cloud-fleck.c { position:absolute; top:12%; left:70%; width:90px; height:16px; background: rgba(240,245,250,.4); border-radius: 50%; filter: blur(8px); animation: ces-fleck-c 35s linear 15s infinite; }
.scn-cloud-effects-sky .horizon { position:absolute; bottom:12%; left:0; right:0; height:8%; background: linear-gradient(0deg, #4a5a4a 0%, #6a7a6a 40%, transparent 100%); border-radius: 100% 100% 0 0 / 60% 60% 0 0; }
.scn-cloud-effects-sky .distant-tree { position:absolute; bottom:10%; left:20%; width:20px; height:40px; background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 100%); border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%; transform: scaleX(.6); filter: blur(2px); }
@keyframes ces-sky { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes ces-fleck-a { 0% { transform: translateX(-50px) } 100% { transform: translateX(120vw) } }
@keyframes ces-fleck-b { 0% { transform: translateX(-80px) } 100% { transform: translateX(100vw) } }
@keyframes ces-fleck-c { 0% { transform: translateX(50px) } 100% { transform: translateX(-90vw) } }

/* Scene: cloud-transformations */
.scn-cloud-transformations {
  background: linear-gradient(180deg, #6a8aa0 0%, #8ab0c8 30%, #a8cce0 60%, #c8dce8 100%), radial-gradient(ellipse at 50% 30%, #c0d8e8 0%, #8aacbe 60%);
  overflow: hidden;
}
.scn-cloud-transformations .sky-ct { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.15) 0%, transparent 100%); animation: ct-sky 14s ease-in-out infinite alternate; }
.scn-cloud-transformations .sun { position:absolute; top:8%; left:60%; width:50px; height:50px; background: radial-gradient(circle, #fff0c0 0%, #f0d080 50%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 20px rgba(240,208,128,.4); animation: ct-sun 12s ease-in-out infinite; }
.scn-cloud-transformations .pillar.a { position:absolute; top:12%; left:20%; width:35px; height:70%; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(200,220,240,.3) 60%, transparent 100%); border-radius: 20% 20% 0 0; filter: blur(3px); animation: ct-pillar-a 18s ease-in-out infinite; }
.scn-cloud-transformations .pillar.b { position:absolute; top:15%; left:45%; width:40px; height:65%; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(190,210,230,.2) 50%, transparent 100%); border-radius: 20% 20% 0 0; filter: blur(4px); animation: ct-pillar-b 22s ease-in-out 6s infinite; }
.scn-cloud-transformations .pillar.c { position:absolute; top:10%; left:70%; width:30px; height:75%; background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(210,230,250,.3) 70%, transparent 100%); border-radius: 15% 15% 0 0; filter: blur(3px); animation: ct-pillar-c 20s ease-in-out 3s infinite; }
.scn-cloud-transformations .ground-line { position:absolute; bottom:5%; left:0; right:0; height:8%; background: linear-gradient(0deg, #4a5a4a 0%, transparent 100%); border-radius: 40% 60% 0 0 / 100% 100% 0 0; }
.scn-cloud-transformations .mirage-haze { position:absolute; bottom:10%; left:0; right:0; height:20%; background: linear-gradient(0deg, rgba(200,220,240,.2) 0%, transparent 100%); filter: blur(8px); animation: ct-haze 16s ease-in-out infinite; }
@keyframes ct-sky { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes ct-sun { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(5px) scale(1.05) } 100% { transform: translateX(-5px) scale(.95) } }
@keyframes ct-pillar-a { 0% { opacity: .4; transform: scaleX(1) } 50% { opacity: .8; transform: scaleX(1.1) } 100% { opacity: .4; transform: scaleX(1) } }
@keyframes ct-pillar-b { 0% { opacity: .5; transform: scaleY(1) } 50% { opacity: .9; transform: scaleY(1.05) } 100% { opacity: .5; transform: scaleY(1) } }
@keyframes ct-pillar-c { 0% { opacity: .3; transform: scale(1) translateY(0) } 50% { opacity: .7; transform: scale(1.08) translateY(-5px) } 100% { opacity: .3; transform: scale(1) translateY(0) } }
@keyframes ct-haze { 0% { opacity: .6; transform: translateY(0) } 50% { opacity: .9; transform: translateY(-3px) } 100% { opacity: .6; transform: translateY(0) } }

/* Scene: approach-ballarat */
.scn-approach-ballarat {
  background: linear-gradient(180deg, #7aaccc 0%, #9ac8d8 40%, #b4d4da 70%, #c8dcd8 100%), radial-gradient(ellipse at 80% 20%, #d8e8e8 0%, #8aacac 60%);
  overflow: hidden;
}
.scn-approach-ballarat .sky-ab { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, transparent 100%); animation: ab-sky 16s ease-in-out infinite alternate; }
.scn-approach-ballarat .sun-ab { position:absolute; top:12%; left:75%; width:40px; height:40px; background: radial-gradient(circle, #ffeca8 0%, #f0d080 30%, transparent 100%); border-radius: 50%; box-shadow: 0 0 30px 15px rgba(240,208,128,.5); animation: ab-sun 10s ease-in-out infinite; }
.scn-approach-ballarat .pasture-1 { position:absolute; bottom:18%; left:0; right:60%; height:30%; background: linear-gradient(180deg, #6a9a5a 0%, #4a7a3a 100%); border-radius: 100% 20% 0 0 / 80% 40% 0 0; transform: scaleX(1.1); }
.scn-approach-ballarat .pasture-2 { position:absolute; bottom:18%; left:50%; right:0; height:30%; background: linear-gradient(180deg, #7aaa6a 0%, #5a8a4a 100%); border-radius: 20% 100% 0 0 / 40% 80% 0 0; transform: scaleX(1.1); }
.scn-approach-ballarat .gorse-hedge.a { position:absolute; bottom:24%; left:10%; width:30%; height:8%; background: linear-gradient(180deg, #c8b060 0%, #a8a040 60%, #7a8020 100%); border-radius: 60% 40% 80% 20% / 80% 60% 100% 40%; filter: blur(2px); animation: ab-hedge-a 14s ease-in-out infinite; }
.scn-approach-ballarat .gorse-hedge.b { position:absolute; bottom:22%; left:60%; width:35%; height:10%; background: linear-gradient(180deg, #d8c070 0%, #b0a848 60%, #8a8828 100%); border-radius: 40% 60% 20% 80% / 60% 80% 40% 100%; filter: blur(2px); animation: ab-hedge-b 18s ease-in-out 3s infinite; }
.scn-approach-ballarat .lake { position:absolute; bottom:5%; left:20%; right:20%; height:15%; background: linear-gradient(180deg, #6a9aaa 0%, #8ab8c8 40%, #a8ccd4 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; box-shadow: inset 0 6px 12px rgba(0,0,0,.15); }
.scn-approach-ballarat .reflection { position:absolute; bottom:0; left:20%; right:20%; height:8%; background: linear-gradient(180deg, rgba(180,210,220,.3) 0%, transparent 100%); border-radius: 0 0 50% 50% / 0 0 100% 100%; animation: ab-refl 12s ease-in-out infinite; }
@keyframes ab-sky { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes ab-sun { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(3px) scale(1.03) } 100% { transform: translateX(-3px) scale(.97) } }
@keyframes ab-hedge-a { 0% { opacity: .7; transform: scaleY(1) } 50% { opacity: 1; transform: scaleY(1.05) } 100% { opacity: .7; transform: scaleY(1) } }
@keyframes ab-hedge-b { 0% { opacity: .6; transform: translateX(0) } 50% { opacity: .9; transform: translateX(5px) } 100% { opacity: .6; transform: translateX(0) } }
@keyframes ab-refl { 0% { opacity: .3; transform: scaleX(1) } 50% { opacity: .6; transform: scaleX(1.02) } 100% { opacity: .3; transform: scaleX(1) } }

.scn-tiger-station {
  background:
    linear-gradient(180deg, #ffd68a 0%, #f4b35a 30%, #d4953b 60%, #a06a2a 100%),
    radial-gradient(ellipse at 40% 20%, #fffade 0%, transparent 60%);
}
.scn-tiger-station .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #ffe7b0 0%, #f5c98a 60%, transparent);
  opacity: 0.8; animation: ts-sky 10s ease-in-out infinite alternate;
}
.scn-tiger-station .jungle-bg {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #2a5a2a 0%, #1a3a1a 100%);
  border-radius: 0 0 60% 60% / 0 0 40% 40%;
  box-shadow: inset 0 -20px 40px rgba(0,0,0,.5);
}
.scn-tiger-station .station {
  position: absolute; bottom: 22%; left: 40%; width: 100px; height: 60px;
  background: linear-gradient(180deg, #8b6b4a 0%, #5a3a2a 100%);
  border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,.4);
  animation: ts-station 5s ease-in-out infinite;
}
.scn-tiger-station .station-roof {
  position: absolute; bottom: 47%; left: 37%; width: 120px; height: 20px;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  clip-path: polygon(10% 100%, 90% 100%, 100% 0, 0 0);
  box-shadow: 0 -4px 10px rgba(0,0,0,.3);
}
.scn-tiger-station .tiger {
  position: absolute; bottom: 28%; left: 68%; width: 60px; height: 30px;
  background: linear-gradient(135deg, #c8553d 0%, #d97a4a 50%, #b8653a 100%);
  border-radius: 50% 40% 30% 40% / 50% 50% 40% 40%;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: ts-tiger 4s ease-in-out infinite;
}
.scn-tiger-station .vines {
  position: absolute; top: 10%; left: 20%; width: 8px; height: 60%;
  background: linear-gradient(180deg, #2a5a2a 0%, #1a3a1a 100%);
  border-radius: 4px; transform-origin: top;
  animation: ts-vines 6s ease-in-out infinite;
}
.scn-tiger-station .sun-rays {
  position: absolute; top: 0; left: 30%; width: 100%; height: 100%;
  background: linear-gradient(135deg, transparent 40%, rgba(255,255,200,.3) 50%, transparent 60%);
  opacity: 0.6; animation: ts-rays 8s ease-in-out infinite alternate;
}
@keyframes ts-sky    { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes ts-station { 0%,100% { transform: translateY(0) } 25% { transform: translateY(-2px) } 75% { transform: translateY(-1px) } }
@keyframes ts-tiger   { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(8px) rotate(-5deg) } 50% { transform: translateX(-4px) rotate(3deg) } 75% { transform: translateX(6px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes ts-vines   { 0% { transform: rotate(-5deg) scaleY(1) } 50% { transform: rotate(5deg) scaleY(1.02) } 100% { transform: rotate(-5deg) scaleY(1) } }
@keyframes ts-rays    { 0% { opacity:.3; transform: translateX(-10%) } 50% { opacity:.7; transform: translateX(5%) } 100% { opacity:.4; transform: translateX(10%) } }

.scn-wild-elephants {
  background:
    linear-gradient(180deg, #ffe28a 0%, #e8b85a 30%, #c89a3b 60%, #7a5a2a 100%),
    radial-gradient(ellipse at 50% 10%, #fff5d0 0%, transparent 50%);
}
.scn-wild-elephants .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffe8b0 0%, #f5d08a 40%, transparent);
  animation: we-sky 15s ease-in-out infinite alternate;
}
.scn-wild-elephants .jungle-mid {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #3a7a3a 0%, #1a4a1a 100%);
  border-radius: 0 0 40% 40% / 0 0 30% 30%;
  box-shadow: inset 0 -10px 30px rgba(0,0,0,.4);
}
.scn-wild-elephants .tree-trunk-1 {
  position: absolute; bottom: 20%; left: 15%; width: 20px; height: 70%;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%);
  border-radius: 6px; box-shadow: -5px 0 10px rgba(0,0,0,.3);
  animation: we-trunk 20s ease-in-out infinite;
}
.scn-wild-elephants .tree-trunk-2 {
  position: absolute; bottom: 20%; right: 25%; width: 16px; height: 65%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a1a1a 100%);
  border-radius: 5px; box-shadow: 5px 0 10px rgba(0,0,0,.3);
  animation: we-trunk 20s ease-in-out infinite reverse;
}
.scn-wild-elephants .elephant {
  position: absolute; bottom: 28%; left: 35%; width: 80px; height: 60px;
  background: linear-gradient(135deg, #4a4a4a 0%, #3a3a3a 60%, #2a2a2a 100%);
  border-radius: 40% 50% 30% 40% / 40% 40% 30% 30%;
  box-shadow: 0 8px 20px rgba(0,0,0,.4);
  animation: we-elephant 12s ease-in-out infinite;
}
.scn-wild-elephants .vines {
  position: absolute; top: 5%; left: 40%; width: 6px; height: 50%;
  background: linear-gradient(180deg, #2a6a2a 0%, #1a4a1a 100%);
  border-radius: 3px; transform-origin: top;
  animation: we-vines 8s ease-in-out infinite;
}
.scn-wild-elephants .foliage {
  position: absolute; top: 0; right: 0; width: 120px; height: 80px;
  background: radial-gradient(circle at 30% 50%, #5a9a5a 0%, #3a7a3a 60%, transparent 100%);
  border-radius: 50%; filter: blur(4px);
  animation: we-foliage 15s ease-in-out infinite alternate;
}
@keyframes we-sky      { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes we-trunk    { 0% { transform: scaleY(1)  } 50% { transform: scaleY(0.98) } 100% { transform: scaleY(1) } }
@keyframes we-elephant { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(10px) rotate(1deg) } 50% { transform: translateX(5px) rotate(-1deg) } 75% { transform: translateX(15px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes we-vines    { 0% { transform: rotate(-8deg) } 50% { transform: rotate(8deg) } 100% { transform: rotate(-8deg) } }
@keyframes we-foliage  { 0% { opacity:.5; transform: scale(1) } 50% { opacity:.8; transform: scale(1.05) } 100% { opacity:.6; transform: scale(0.95) } }

.scn-crooked-road {
  background:
    linear-gradient(180deg, #ffdd88 0%, #eec060 30%, #c89840 60%, #7a5a20 100%),
    radial-gradient(ellipse at 40% 30%, #fff0c0 0%, transparent 70%);
}
.scn-crooked-road .sky {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #ffe8b0 0%, #f5d08a 50%, transparent);
  animation: cr-sky 12s ease-in-out infinite alternate;
}
.scn-crooked-road .cliff-left {
  position: absolute; bottom: 20%; left: 0; width: 45%; height: 65%;
  background: linear-gradient(90deg, #7a6a4a 0%, #5a4a2a 100%);
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%);
  box-shadow: inset -10px 0 20px rgba(0,0,0,.3);
}
.scn-crooked-road .cliff-right {
  position: absolute; bottom: 20%; right: 0; width: 45%; height: 70%;
  background: linear-gradient(270deg, #8a7a5a 0%, #6a5a3a 100%);
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
  box-shadow: inset 10px 0 20px rgba(0,0,0,.3);
}
.scn-crooked-road .road {
  position: absolute; bottom: 22%; left: 30%; width: 40%; height: 10%;
  background: linear-gradient(180deg, #b09870 0%, #8a7a5a 100%);
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);
  box-shadow: 0 4px 10px rgba(0,0,0,.4);
  animation: cr-road 18s ease-in-out infinite alternate;
}
.scn-crooked-road .figure-1 {
  position: absolute; bottom: 22%; left: 40%; width: 14px; height: 28px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: cr-fig1 8s ease-in-out infinite;
}
.scn-crooked-road .figure-2 {
  position: absolute; bottom: 22%; left: 55%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: cr-fig2 10s ease-in-out infinite 2s;
}
.scn-crooked-road .tree-top {
  position: absolute; top: 5%; right: 15%; width: 80px; height: 60px;
  background: radial-gradient(circle at 50% 60%, #4a8a4a 0%, #2a5a2a 70%, transparent 100%);
  border-radius: 50% 50% 40% 40%;
  filter: blur(3px);
  animation: cr-tree 14s ease-in-out infinite alternate;
}
@keyframes cr-sky   { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes cr-road  { 0% { transform: translateY(0) scaleX(1) } 50% { transform: translateY(-2px) scaleX(0.98) } 100% { transform: translateY(0) scaleX(1) } }
@keyframes cr-fig1  { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(8px) translateY(-1px) rotate(1deg) } 50% { transform: translateX(16px) translateY(0) rotate(-1deg) } 75% { transform: translateX(8px) translateY(-1px) rotate(2deg) } 100% { transform: translateX(0) translateY(0) rotate(-2deg) } }
@keyframes cr-fig2  { 0% { transform: translateX(0) translateY(0) rotate(1deg) } 20% { transform: translateX(-6px) translateY(1px) rotate(-1deg) } 40% { transform: translateX(-12px) translateY(0) rotate(2deg) } 60% { transform: translateX(-6px) translateY(-1px) rotate(-2deg) } 80% { transform: translateX(0) translateY(1px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(1deg) } }
@keyframes cr-tree { 0% { transform: scale(1) rotate(-3deg) } 50% { transform: scale(1.02) rotate(0deg) } 100% { transform: scale(1) rotate(3deg) } }

.scn-view-of-plains {
  background:
    linear-gradient(180deg, #87ceeb 0%, #b0e0e6 20%, #f0e68c 50%, #d2b48c 80%, #8b7355 100%),
    radial-gradient(ellipse at 30% 10%, #fff5d0 0%, transparent 60%);
}
.scn-view-of-plains .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0e0e6 0%, #f0e68c 100%);
  opacity: 0.7; animation: vp-sky 20s ease-in-out infinite alternate;
}
.scn-view-of-plains .plains-bg {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #d2b48c 0%, #c4a882 30%, #b09870 60%, #8b7355 100%);
  border-radius: 0 0 90% 90% / 0 0 60% 60%;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.2);
}
.scn-view-of-plains .plains-mid {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #e0c9a5 0%, #cbb585 50%, #a08660 100%);
  clip-path: polygon(0 30%, 20% 0, 40% 20%, 60% 0, 80% 15%, 100% 0, 100% 100%, 0 100%);
  opacity: 0.6;
  animation: vp-mid 25s ease-in-out infinite alternate;
}
.scn-view-of-plains .cloud-1 {
  position: absolute; top: 10%; left: 20%; width: 120px; height: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%);
  border-radius: 50%; filter: blur(5px);
  animation: vp-cloud1 35s linear infinite;
}
.scn-view-of-plains .cloud-2 {
  position: absolute; top: 5%; right: 30%; width: 80px; height: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 100%);
  border-radius: 50%; filter: blur(4px);
  animation: vp-cloud2 45s linear infinite reverse;
}
.scn-view-of-plains .heat-shimmer {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, transparent 0%, rgba(255,200,100,.2) 50%, transparent 100%);
  animation: vp-shimmer 5s ease-in-out infinite;
}
@keyframes vp-sky     { 0% { opacity:.5 } 50% { opacity:.9 } 100% { opacity:.7 } }
@keyframes vp-mid     { 0% { transform: translateY(0) scaleX(1) } 50% { transform: translateY(-4px) scaleX(0.98) } 100% { transform: translateY(0) scaleX(1) } }
@keyframes vp-cloud1  { 0% { transform: translateX(-60px) } 100% { transform: translateX(120vw) } }
@keyframes vp-cloud2  { 0% { transform: translateX(0) } 100% { transform: translateX(-100vw) } }
@keyframes vp-shimmer { 0% { opacity:.3 } 50% { opacity:.7 } 100% { opacity:.3 } }

.scn-one-may-choose { background: linear-gradient(180deg, #2b1e14 0%, #1a110c 40%, #0d0806 100%), radial-gradient(ellipse at 50% 40%, #4a3020 0%, transparent 70%); }
.scn-one-may-choose .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #3a2a20 0%, #1a110c 100%); }
.scn-one-may-choose .desk { position:absolute; bottom:15%; left:10%; right:10%; height:12%; background: linear-gradient(180deg, #6a4a3a 0%, #4a3020 100%); border-radius:6px; box-shadow:0 -4px 8px rgba(0,0,0,.6); }
.scn-one-may-choose .candle { position:absolute; bottom:26%; left:15%; width:8px; height:40px; background: linear-gradient(180deg, #d4a878 0%, #b8885a 100%); border-radius:4px 4px 2px 2px; transform:rotate(2deg); }
.scn-one-may-choose .choice { position:absolute; bottom:30%; width:50px; height:50px; border-radius:50%; background: radial-gradient(circle at 30% 30%, #b89870 0%, #7a5a3a 100%); box-shadow:0 0 20px 4px rgba(180,140,100,.3); animation: sc1-float 6s ease-in-out infinite, sc1-glow 3s ease-in-out infinite alternate; }
.scn-one-may-choose .choice-a { left:28%; animation-delay:0s; }
.scn-one-may-choose .choice-b { left:46%; width:60px; height:60px; animation-delay:2s; background: radial-gradient(circle at 30% 30%, #c8a880 0%, #8a6a4a 100%); }
.scn-one-may-choose .choice-c { left:62%; width:45px; height:45px; animation-delay:4s; background: radial-gradient(circle at 30% 30%, #a88868 0%, #6a4a2a 100%); }
.scn-one-may-choose .shadow-figure { position:absolute; bottom:18%; left:50%; width:40px; height:70px; transform:translateX(-50%); background: linear-gradient(180deg, #0a0604 0%, #110a06 100%); border-radius:50% 50% 30% 30% / 60% 60% 30% 30%; animation: sc1-bob 4s ease-in-out infinite; }
.scn-one-may-choose .wardrobe { position:absolute; right:5%; bottom:10%; width:90px; height:120px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius:6px; box-shadow:inset 0 0 20px rgba(0,0,0,.5); }
@keyframes sc1-float { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-12px) rotate(5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes sc1-glow { 0% { box-shadow:0 0 15px 3px rgba(180,140,100,.2); } 100% { box-shadow:0 0 30px 8px rgba(200,160,120,.5); } }
@keyframes sc1-bob { 0%,100% { transform: translateX(-50%) translateY(0) rotate(-1deg); } 50% { transform: translateX(-50%) translateY(-3px) rotate(1deg); } }

.scn-narrator-admires-rhodes { background: linear-gradient(180deg, #2c1e14 0%, #1a0e08 50%, #0d0603 100%), radial-gradient(ellipse at 50% 30%, #5a3a22 0%, transparent 70%); }
.scn-narrator-admires-rhodes .study-wall { position:absolute; inset:0; background: linear-gradient(180deg, #3a2a1e 0%, #1a0e08 100%); }
.scn-narrator-admires-rhodes .portrait-frame { position:absolute; top:15%; left:50%; transform:translateX(-50%); width:140px; height:200px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a22 100%); border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,.7), inset 0 0 0 6px #6a4a2a; }
.scn-narrator-admires-rhodes .portrait-figure { position:absolute; top:18%; left:50%; transform:translateX(-50%); width:80px; height:120px; background: linear-gradient(180deg, #1a120e 0%, #0a0604 100%); border-radius:40% 40% 30% 30% / 60% 60% 30% 30%; }
.scn-narrator-admires-rhodes .desk-lamp { position:absolute; bottom:20%; left:20%; width:80px; height:60px; background: radial-gradient(circle at 50% 100%, #704820 0%, #482a12 100%); border-radius:50% 50% 10% 10%; box-shadow:0 -10px 30px 8px rgba(180,120,50,.4); animation: sc2-flicker 2s ease-in-out infinite alternate; }
.scn-narrator-admires-rhodes .rope-coil { position:absolute; bottom:28%; right:25%; width:50px; height:30px; background: radial-gradient(circle at 50% 50%, #9a7a5a 0%, #5a3a22 100%); border-radius:50%; transform:rotate(15deg); border:3px solid #6a4a2a; box-shadow:0 4px 8px rgba(0,0,0,.4); }
.scn-narrator-admires-rhodes .rope-coil::before { content:''; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:4px; height:20px; background:#8a6a4a; border-radius:2px; }
.scn-narrator-admires-rhodes .book-stack { position:absolute; bottom:18%; right:10%; width:30px; height:50px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius:4px; box-shadow:4px 0 0 #5a3a22, 8px 0 0 #6a4a2a; }
.scn-narrator-admires-rhodes .shadow-admirer { position:absolute; bottom:10%; left:15%; width:50px; height:80px; background: linear-gradient(180deg, #0a0604 0%, #110a06 100%); border-radius:30% 30% 20% 20% / 50% 50% 30% 30%; transform:rotate(-5deg); animation: sc2-admire 5s ease-in-out infinite; }
@keyframes sc2-flicker { 0% { opacity:.7; box-shadow:0 -10px 20px 5px rgba(180,120,50,.3); } 100% { opacity:1; box-shadow:0 -12px 40px 12px rgba(200,140,60,.6); } }
@keyframes sc2-admire { 0%,100% { transform:rotate(-5deg) translateY(0); } 50% { transform:rotate(-3deg) translateY(-4px); } }

.scn-table-rock-description { background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 30%, #F0E68C 70%, #8B4513 100%), radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 80%); }
.scn-table-rock-description .sky-bg { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 40%, transparent 100%); }
.scn-table-rock-description .sun { position:absolute; top:10%; left:20%; width:80px; height:80px; background: radial-gradient(circle, #FFD700 0%, #FFA500 60%, transparent 100%); border-radius:50%; animation: sc3-sunrise 25s ease-in-out infinite alternate; }
.scn-table-rock-description .sun-rays { position:absolute; top:10%; left:20%; width:80px; height:80px; background: radial-gradient(circle, rgba(255,215,0,.3) 0%, transparent 70%); border-radius:50%; animation: sc3-rays 10s linear infinite; }
.scn-table-rock-description .mountain { position:absolute; bottom:30%; left:15%; right:15%; height:50%; background: linear-gradient(180deg, #7a5a3a 0%, #5a3a22 40%, #3a2212 100%); clip-path: polygon(0% 100%, 20% 20%, 30% 20%, 35% 15%, 45% 10%, 55% 10%, 60% 15%, 70% 20%, 80% 20%, 100% 100%); box-shadow:0 -10px 20px rgba(0,0,0,.4); animation: sc3-breath 15s ease-in-out infinite; }
.scn-table-rock-description .mountain-shadow { position:absolute; bottom:30%; left:15%; right:15%; height:50%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.2) 100%); clip-path: polygon(0% 100%, 20% 20%, 30% 20%, 35% 15%, 45% 10%, 55% 10%, 60% 15%, 70% 20%, 80% 20%, 100% 100%); }
.scn-table-rock-description .cloud { position:absolute; top:20%; width:120px; height:30px; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%); border-radius:50%; filter: blur(6px); }
.scn-table-rock-description .cloud-1 { left:-10%; animation: sc3-drift 40s linear infinite; }
.scn-table-rock-description .cloud-2 { top:30%; left:80%; width:90px; height:20px; animation: sc3-drift 55s linear infinite reverse; }
.scn-table-rock-description .bay { position:absolute; bottom:0; left:0; right:0; height:10%; background: linear-gradient(180deg, #4a7a9a 0%, #2a5a7a 100%); border-radius:40% 60% 0 0 / 100% 100% 0 0; }
@keyframes sc3-sunrise { 0% { transform: translateY(0) scale(1); opacity:.8; } 100% { transform: translateY(-10px) scale(1.1); opacity:1; } }
@keyframes sc3-rays { 0% { transform: rotate(0deg) scale(1); opacity:.3; } 100% { transform: rotate(360deg) scale(1.2); opacity:.5; } }
@keyframes sc3-breath { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-5px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes sc3-drift { 0% { transform: translateX(0); } 100% { transform: translateX(150vw); } }

.scn-item-portrait-dr-james-barry { background: linear-gradient(180deg, #1a100a 0%, #2a1a0e 40%, #0d0603 100%), radial-gradient(ellipse at 50% 50%, #5a3a22 0%, transparent 80%); }
.scn-item-portrait-dr-james-barry .room-dim { position:absolute; inset:0; background: linear-gradient(180deg, #2a1a0e 0%, #0d0603 100%); }
.scn-item-portrait-dr-james-barry .picture-frame { position:absolute; top:20%; left:50%; transform:translateX(-50%); width:150px; height:200px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a22 100%); border-radius:50% / 60% 60% 40% 40%; box-shadow:0 10px 30px rgba(0,0,0,.8), inset 0 0 0 8px #6a4a2a; }
.scn-item-portrait-dr-james-barry .portrait-head { position:absolute; top:22%; left:50%; transform:translateX(-50%); width:50px; height:70px; background: radial-gradient(circle at 50% 40%, #d4b8a0 0%, #a8886a 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; box-shadow:inset 0 -10px 15px rgba(0,0,0,.2); animation: sc4-breathe 4s ease-in-out infinite; }
.scn-item-portrait-dr-james-barry .portrait-coat { position:absolute; top:48%; left:50%; transform:translateX(-50%); width:100px; height:60px; background: linear-gradient(180deg, #c06a4a 0%, #a85030 100%); border-radius:30% 30% 20% 20% / 50% 50% 20% 20%; box-shadow:inset 0 -8px 10px rgba(0,0,0,.3); animation: sc4-pulse 3s ease-in-out infinite alternate; }
.scn-item-portrait-dr-james-barry .portrait-collar { position:absolute; top:47%; left:50%; transform:translateX(-50%); width:60px; height:10px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,.5); }
.scn-item-portrait-dr-james-barry .candlestick { position:absolute; bottom:20%; left:10%; width:20px; height:50px; background: linear-gradient(180deg, #d4a878 0%, #a8885a 100%); border-radius:4px; box-shadow:0 -5px 15px rgba(180,120,50,.4); }
.scn-item-portrait-dr-james-barry .flame { position:absolute; bottom:72%; left:calc(10% + 6px); width:8px; height:18px; background: radial-gradient(ellipse at 50% 100%, #ffd080 0%, #ffa030 60%, transparent 100%); border-radius:50% 50% 20% 20%; animation: sc4-flicker 1.5s ease-in-out infinite alternate; }
@keyframes sc4-breathe { 0%,100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.02); } }
@keyframes sc4-pulse { 0% { opacity:.85; box-shadow:inset 0 -8px 10px rgba(0,0,0,.3); } 100% { opacity:1; box-shadow:inset 0 -12px 15px rgba(0,0,0,.5); } }
@keyframes sc4-flicker { 0% { opacity:.7; transform: scaleY(1) rotate(-3deg); } 50% { opacity:1; transform: scaleY(1.1) rotate(2deg); } 100% { opacity:.8; transform: scaleY(0.9) rotate(-1deg); } }

/* Scene: quit-habits-any-time (calm, bright-interior) */
.scn-quit-habits-any-time {
  background: linear-gradient(180deg, #f7f0e6 0%, #e6dcc6 50%, #cdbc9a 100%), radial-gradient(ellipse at 70% 20%, #fff8e7 0%, transparent 60%);
}
.scn-quit-habits-any-time .room-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #f0e8d8 0%, #d8ccb0 100%); animation: qh-room 12s ease-in-out infinite alternate;
}
.scn-quit-habits-any-time .window-sun {
  position: absolute; top: 8%; left: 10%; width: 120px; height: 150px; background: linear-gradient(180deg, #ffe9a8 0%, #ffcc66 70%, #fff5d6 100%); border-radius: 4px; box-shadow: 0 0 40px 20px rgba(255, 200, 80, 0.3); animation: qh-sun 20s ease-in-out infinite alternate;
}
.scn-quit-habits-any-time .armchair {
  position: absolute; bottom: 10%; left: 25%; width: 140px; height: 110px; background: linear-gradient(180deg, #b38b6d 0%, #8a6b4f 100%); border-radius: 40% 40% 20% 20%; box-shadow: 10px 10px 20px rgba(0,0,0,0.2); animation: qh-chair 8s ease-in-out infinite;
}
.scn-quit-habits-any-time .figure {
  position: absolute; bottom: 18%; left: 30%; width: 50px; height: 80px; background: linear-gradient(180deg, #4a3e32 0%, #2e251e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: qh-figure 6s ease-in-out infinite;
}
.scn-quit-habits-any-time .book {
  position: absolute; bottom: 20%; left: 35%; width: 30px; height: 40px; background: linear-gradient(180deg, #c0392b 0%, #96281b 100%); border-radius: 4px; transform: rotate(10deg); box-shadow: 2px 2px 6px rgba(0,0,0,0.3); animation: qh-book 4s ease-in-out infinite alternate;
}
.scn-quit-habits-any-time .cat {
  position: absolute; bottom: 8%; left: 15%; width: 40px; height: 30px; background: linear-gradient(180deg, #d4a574 0%, #a67c52 100%); border-radius: 50% 50% 40% 40%; animation: qh-cat 5s ease-in-out infinite alternate;
}
.scn-quit-habits-any-time .clock {
  position: absolute; top: 12%; right: 15%; width: 40px; height: 40px; background: radial-gradient(circle, #f5e6d0 0%, #b89a78 100%); border-radius: 50%; border: 4px solid #8b6b4a; box-shadow: 0 0 10px rgba(0,0,0,0.2); animation: qh-clock 3s ease-in-out infinite;
}
.scn-quit-habits-any-time .plant {
  position: absolute; bottom: 5%; right: 10%; width: 50px; height: 70px; background: linear-gradient(180deg, #5a8a3a 0%, #3a6a1a 100%); border-radius: 40% 40% 20% 20%; animation: qh-plant 7s ease-in-out infinite alternate;
}
@keyframes qh-room { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes qh-sun { 0% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.8; transform: scale(0.98); } }
@keyframes qh-chair { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes qh-figure { 0% { transform: rotate(-2deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(1deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
@keyframes qh-book { 0% { transform: rotate(8deg); } 100% { transform: rotate(12deg); } }
@keyframes qh-cat { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }
@keyframes qh-clock { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
@keyframes qh-plant { 0% { opacity: 0.8; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.02); } 100% { opacity: 0.9; transform: scaleY(0.98); } }

/* Scene: lumbago-doctor-visit (funny, dim-interior) */
.scn-lumbago-doctor-visit {
  background: linear-gradient(180deg, #2b2520 0%, #3d3229 30%, #1e1814 100%), radial-gradient(ellipse at 30% 80%, #4a3e34 0%, transparent 70%);
}
.scn-lumbago-doctor-visit .bedroom-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #3d3229 0%, #1e1814 100%); animation: ld-bg 10s ease-in-out infinite alternate;
}
.scn-lumbago-doctor-visit .bed {
  position: absolute; bottom: 10%; left: 15%; width: 200px; height: 100px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,0.6); animation: ld-bed 6s ease-in-out infinite;
}
.scn-lumbago-doctor-visit .patient {
  position: absolute; bottom: 18%; left: 20%; width: 60px; height: 70px; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform: rotate(-5deg); animation: ld-patient 4s ease-in-out infinite alternate;
}
.scn-lumbago-doctor-visit .doctor {
  position: absolute; bottom: 14%; right: 20%; width: 50px; height: 90px; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 50% 50% 30% 30% / 70% 70% 20% 20%; animation: ld-doctor 5s ease-in-out infinite;
}
.scn-lumbago-doctor-visit .lamp {
  position: absolute; top: 20%; right: 30%; width: 20px; height: 60px; background: linear-gradient(180deg, #b08a5a 0%, #7a5a3a 100%); border-radius: 10px; box-shadow: 0 0 30px 10px rgba(200, 150, 80, 0.5); animation: ld-lamp 3s ease-in-out infinite alternate;
}
.scn-lumbago-doctor-visit .nightstand {
  position: absolute; bottom: 10%; right: 15%; width: 60px; height: 50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 5px; animation: ld-stand 8s ease-in-out infinite;
}
.scn-lumbago-doctor-visit .medicine {
  position: absolute; bottom: 15%; right: 18%; width: 20px; height: 30px; background: linear-gradient(180deg, #d4c4a0 0%, #a08a6a 100%); border-radius: 4px; transform: rotate(15deg); box-shadow: 0 2px 4px rgba(0,0,0,0.5); animation: ld-med 4s ease-in-out infinite alternate;
}
@keyframes ld-bg { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.8; } }
@keyframes ld-bed { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes ld-patient { 0% { transform: rotate(-5deg); } 50% { transform: rotate(-3deg); } 100% { transform: rotate(-5deg); } }
@keyframes ld-doctor { 0% { transform: translateX(0); } 25% { transform: translateX(-5px); } 50% { transform: translateX(0); } 75% { transform: translateX(3px); } 100% { transform: translateX(0); } }
@keyframes ld-lamp { 0% { opacity: 0.6; box-shadow: 0 0 20px 8px rgba(200,150,80,0.3); } 50% { opacity: 1; box-shadow: 0 0 40px 15px rgba(200,150,80,0.6); } 100% { opacity: 0.7; box-shadow: 0 0 25px 10px rgba(200,150,80,0.4); } }
@keyframes ld-stand { 0% { transform: scale(1); } 50% { transform: scale(0.98); } 100% { transform: scale(1); } }
@keyframes ld-med { 0% { transform: rotate(12deg); } 100% { transform: rotate(18deg); } }

/* Scene: cut-off-for-two-days (funny, dim-interior) */
.scn-cut-off-for-two-days {
  background: linear-gradient(180deg, #1e1a16 0%, #3a3028 40%, #1e1a16 100%), radial-gradient(ellipse at 50% 30%, #4a3e34 0%, transparent 70%);
}
.scn-cut-off-for-two-days .dining-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #2a241e 0%, #1e1a16 100%); animation: ct-bg 14s ease-in-out infinite alternate;
}
.scn-cut-off-for-two-days .table {
  position: absolute; bottom: 15%; left: 20%; width: 180px; height: 80px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 8px; box-shadow: 0 8px 20px rgba(0,0,0,0.7); animation: ct-table 7s ease-in-out infinite;
}
.scn-cut-off-for-two-days .chair {
  position: absolute; bottom: 15%; left: 10%; width: 60px; height: 90px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 20% 20% 10% 10%; animation: ct-chair 5s ease-in-out infinite alternate;
}
.scn-cut-off-for-two-days .figure {
  position: absolute; bottom: 22%; left: 25%; width: 50px; height: 80px; background: linear-gradient(180deg, #4a3e32 0%, #2e251e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ct-figure 6s ease-in-out infinite;
}
.scn-cut-off-for-two-days .clock {
  position: absolute; top: 10%; right: 20%; width: 50px; height: 50px; background: radial-gradient(circle, #d4c4a0 0%, #8a7a6a 100%); border-radius: 50%; border: 3px solid #5a4a3a; box-shadow: 0 0 12px rgba(0,0,0,0.4); animation: ct-clock 10s linear infinite;
}
.scn-cut-off-for-two-days .empty-plate {
  position: absolute; bottom: 22%; left: 35%; width: 40px; height: 30px; background: radial-gradient(circle, #8a7a6a 0%, #5a4a3a 100%); border-radius: 50%; box-shadow: inset 0 2px 4px rgba(0,0,0,0.5); animation: ct-plate 4s ease-in-out infinite alternate;
}
.scn-cut-off-for-two-days .candle {
  position: absolute; bottom: 25%; left: 50%; width: 10px; height: 40px; background: linear-gradient(180deg, #e6c8a0 0%, #b89a6a 100%); border-radius: 4px 4px 2px 2px; box-shadow: 0 0 20px 6px rgba(255, 200, 100, 0.4); animation: ct-candle 3s ease-in-out infinite alternate;
}
@keyframes ct-bg { 0% { opacity: 0.6; } 50% { opacity: 0.9; } 100% { opacity: 0.7; } }
@keyframes ct-table { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes ct-chair { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }
@keyframes ct-figure { 0% { transform: rotate(-2deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(1deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
@keyframes ct-clock { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
@keyframes ct-plate { 0% { opacity: 0.7; } 100% { opacity: 0.9; } }
@keyframes ct-candle { 0% { opacity: 0.6; box-shadow: 0 0 12px 4px rgba(255,200,100,0.3); } 50% { opacity: 1; box-shadow: 0 0 30px 10px rgba(255,200,100,0.6); } 100% { opacity: 0.7; box-shadow: 0 0 18px 6px rgba(255,200,100,0.4); } }

/* Scene: lady-no-habits (funny, bright-interior) */
.scn-lady-no-habits {
  background: linear-gradient(180deg, #fcf6ed 0%, #f0e6d6 40%, #e0d0b8 100%), radial-gradient(ellipse at 60% 30%, #fff8e8 0%, transparent 60%);
}
.scn-lady-no-habits .parlor-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #f0e6d6 0%, #e0d0b8 100%); animation: ln-bg 15s ease-in-out infinite alternate;
}
.scn-lady-no-habits .window-bright {
  position: absolute; top: 5%; left: 60%; width: 100px; height: 140px; background: linear-gradient(180deg, #fff5d6 0%, #ffe9b0 70%, #fff5e0 100%); border-radius: 4px; box-shadow: 0 0 50px 25px rgba(255, 220, 130, 0.4); animation: ln-window 18s ease-in-out infinite alternate;
}
.scn-lady-no-habits .lady {
  position: absolute; bottom: 12%; left: 30%; width: 50px; height: 100px; background: linear-gradient(180deg, #d4b896 0%, #a08666 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: ln-lady 6s ease-in-out infinite;
}
.scn-lady-no-habits .tea-table {
  position: absolute; bottom: 8%; left: 40%; width: 120px; height: 60px; background: linear-gradient(180deg, #c8b498 0%, #a89078 100%); border-radius: 8px; box-shadow: 0 6px 12px rgba(0,0,0,0.15); animation: ln-table 7s ease-in-out infinite;
}
.scn-lady-no-habits .teapot {
  position: absolute; bottom: 16%; left: 48%; width: 30px; height: 40px; background: linear-gradient(180deg, #e6d4b8 0%, #c8b498 100%); border-radius: 30% 30% 20% 20%; transform: rotate(-5deg); animation: ln-teapot 5s ease-in-out infinite alternate;
}
.scn-lady-no-habits .flowers {
  position: absolute; bottom: 20%; left: 55%; width: 40px; height: 50px; background: linear-gradient(180deg, #f0a070 0%, #d08050 100%); border-radius: 50% 50% 40% 40%; box-shadow: 0 0 10px rgba(200,100,50,0.3); animation: ln-flowers 4s ease-in-out infinite alternate;
}
.scn-lady-no-habits .rug {
  position: absolute; bottom: 0; left: 15%; width: 200px; height: 30px; background: linear-gradient(90deg, #8a6a5a 0%, #6a4a3a 20%, #8a6a5a 40%, #6a4a3a 60%, #8a6a5a 80%, #6a4a3a 100%); border-radius: 10px 10px 0 0; animation: ln-rug 9s ease-in-out infinite;
}
@keyframes ln-bg { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes ln-window { 0% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.8; transform: scale(0.98); } }
@keyframes ln-lady { 0% { transform: rotate(-2deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(1deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
@keyframes ln-table { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes ln-teapot { 0% { transform: rotate(-5deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(-5deg); } }
@keyframes ln-flowers { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes ln-rug { 0% { background-position: 0 0; } 100% { background-position: -100px 0; } }

.scn-examine-history-lessons { background: linear-gradient(180deg, #2a1f1a 0%, #1e1410 40%, #3a2a22 100%), radial-gradient(ellipse at 50% 30%, #4a3528 0%, transparent 60%); }
.scn-examine-history-lessons .wall { position:absolute; inset:0; background: linear-gradient(135deg, #2a1f1a 0%, #1e1410 50%, #2f221c 100%); animation: hst-wall 20s ease-in-out infinite alternate; }
.scn-examine-history-lessons .desk { position:absolute; bottom:15%; left:10%; right:10%; height:40%; background: linear-gradient(180deg, #4a3528 0%, #2f1f14 100%); border-radius:4% 4% 0 0; box-shadow: 0 -6px 10px rgba(0,0,0,.6); }
.scn-examine-history-lessons .book { position:absolute; bottom:30%; left:25%; width:120px; height:80px; background: linear-gradient(135deg, #6a4a2a 0%, #4a2a1a 100%); border-radius:8% 8% 4% 4%; transform: rotate(-5deg); box-shadow: 3px 4px 8px rgba(0,0,0,.7); animation: hst-book 6s ease-in-out infinite; }
.scn-examine-history-lessons .candle { position:absolute; bottom:42%; left:60%; width:12px; height:40px; background: linear-gradient(180deg, #d0a060 0%, #a07840 100%); border-radius:50% 50% 10% 10% / 80% 80% 10% 10%; box-shadow: 0 0 6px 2px #b08840; animation: hst-candle 4s ease-in-out infinite alternate; }
.scn-examine-history-lessons .glow-candle { position:absolute; bottom:46%; left:59%; width:50px; height:50px; background: radial-gradient(circle, #ffcc80 0%, #e0a040 30%, transparent 70%); border-radius:50%; filter: blur(8px); animation: hst-glow 3s ease-in-out infinite alternate; }
.scn-examine-history-lessons .quill { position:absolute; bottom:33%; left:65%; width:8px; height:60px; background: linear-gradient(180deg, #c8b090 0%, #8a7060 100%); border-radius:50% 50% 20% 20% / 80% 80% 40% 40%; transform: rotate(15deg); transform-origin: bottom center; animation: hst-quill 5s ease-in-out infinite; }
.scn-examine-history-lessons .ink-pot { position:absolute; bottom:30%; left:68%; width:18px; height:16px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius:50% 50% 30% 30% / 60% 60% 20% 20%; box-shadow: inset 0 -3px 4px rgba(0,0,0,.8); }
.scn-examine-history-lessons .shadow-book { position:absolute; bottom:28%; left:23%; width:130px; height:20px; background: rgba(0,0,0,.4); border-radius:50%; filter: blur(6px); animation: hst-shadow 8s ease-in-out infinite alternate; }
@keyframes hst-wall { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes hst-book { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-5deg) translateY(-3px) scale(1.01) } }
@keyframes hst-candle { 0% { transform: scaleY(1) scaleX(1) } 50% { transform: scaleY(1.05) scaleX(0.95) } 100% { transform: scaleY(0.98) scaleX(1.02) } }
@keyframes hst-glow { 0% { opacity:.6; transform: scale(.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.8; transform: scale(1) } }
@keyframes hst-quill { 0% { transform: rotate(15deg) } 50% { transform: rotate(10deg) translateY(-2px) } 100% { transform: rotate(15deg) } }
@keyframes hst-shadow { 0% { opacity:.3; transform: scaleX(1) } 50% { opacity:.5; transform: scaleX(1.1) } 100% { opacity:.35; transform: scaleX(1) } }

.scn-arithmetic-of-required-force { background: linear-gradient(180deg, #1e1a2a 0%, #14102a 40%, #2a2444 100%), radial-gradient(ellipse at 50% 40%, #3a3460 0%, transparent 60%); }
.scn-arithmetic-of-required-force .wall { position:absolute; inset:0; background: linear-gradient(135deg, #1e1a2a 0%, #14102a 50%, #2a2444 100%); animation: arf-wall 18s ease-in-out infinite alternate; }
.scn-arithmetic-of-required-force .board { position:absolute; top:25%; left:15%; right:15%; height:55%; background: linear-gradient(135deg, #2a3a2a 0%, #1a2a1a 100%); border-radius:4% 4% 2% 2%; box-shadow: inset 0 0 20px rgba(0,0,0,.7), 0 6px 12px rgba(0,0,0,.5); animation: arf-board 12s ease-in-out infinite alternate; }
.scn-arithmetic-of-required-force .chalk-numbers { position:absolute; top:35%; left:20%; width:200px; height:60px; background: repeating-linear-gradient(90deg, #c8c0b0 0px, #c8c0b0 4px, transparent 4px, transparent 8px) no-repeat; background-size: 200px 100%; opacity:.3; filter: blur(1px); animation: arf-numbers 8s ease-in-out infinite; }
.scn-arithmetic-of-required-force .abacus { position:absolute; bottom:30%; left:50%; transform:translateX(-50%); width:120px; height:40px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:6px; box-shadow: 0 4px 8px rgba(0,0,0,.6); }
.scn-arithmetic-of-required-force .abacus-beads { position:absolute; bottom:31%; left:50%; transform:translateX(-50%); width:110px; height:30px; background: radial-gradient(circle at 10% 50%, #c06040 4px, transparent 4px), radial-gradient(circle at 30% 50%, #c06040 4px, transparent 4px), radial-gradient(circle at 50% 50%, #c06040 4px, transparent 4px), radial-gradient(circle at 70% 50%, #c06040 4px, transparent 4px), radial-gradient(circle at 90% 50%, #c06040 4px, transparent 4px); background-size: 20% 100%; animation: arf-beads 6s ease-in-out infinite; }
.scn-arithmetic-of-required-force .lamp { position:absolute; top:10%; left:60%; width:20px; height:30px; background: linear-gradient(180deg, #a08050 0%, #806030 100%); border-radius:50% 50% 20% 20% / 80% 80% 20% 20%; box-shadow: 0 0 10px 2px #b09050; }
.scn-arithmetic-of-required-force .lamp-glow { position:absolute; top:8%; left:58%; width:50px; height:50px; background: radial-gradient(circle, #e0b060 0%, #b08040 30%, transparent 70%); border-radius:50%; filter: blur(10px); animation: arf-lampglow 4s ease-in-out infinite alternate; }
@keyframes arf-wall { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes arf-board { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.01) } 100% { transform: scaleY(0.99) } }
@keyframes arf-numbers { 0% { background-position-x: 0 } 50% { background-position-x: 10px } 100% { background-position-x: 0 } }
@keyframes arf-beads { 0% { opacity:.6; transform: translateX(-50%) translateY(0) } 50% { opacity:1; transform: translateX(-50%) translateY(-2px) } 100% { opacity:.6; transform: translateX(-50%) translateY(0) } }
@keyframes arf-lampglow { 0% { opacity:.5; transform: scale(.9) } 50% { opacity:.9; transform: scale(1.15) } 100% { opacity:.6; transform: scale(1) } }

.scn-jameson-encumbered-by-artillery { background: linear-gradient(180deg, #2a2420 0%, #1a1410 40%, #3a2e24 100%), radial-gradient(ellipse at 50% 80%, #3a2e24 0%, transparent 60%); }
.scn-jameson-encumbered-by-artillery .floor { position:absolute; bottom:10%; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius:50% 50% 0 0 / 20% 20% 0 0; }
.scn-jameson-encumbered-by-artillery .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #2a2420 0%, #1a1410 100%); animation: jca-wall 15s ease-in-out infinite alternate; }
.scn-jameson-encumbered-by-artillery .figure { position:absolute; bottom:32%; left:25%; width:30px; height:70px; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: jca-figure 2s ease-in-out infinite; }
.scn-jameson-encumbered-by-artillery .cannon { position:absolute; bottom:10%; left:50%; transform:translateX(-50%); width:80px; height:30px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:40% 40% 20% 20% / 60% 60% 20% 20%; box-shadow: 0 6px 10px rgba(0,0,0,.7); animation: jca-cannon 4s ease-in-out infinite; }
.scn-jameson-encumbered-by-artillery .cannonball { position:absolute; bottom:18%; left:45%; width:14px; height:14px; background: radial-gradient(circle, #6a5a4a 0%, #3a2a1a 100%); border-radius:50%; animation: jca-ball 3s ease-in-out infinite; }
.scn-jameson-encumbered-by-artillery .rifle { position:absolute; bottom:33%; left:35%; width:6px; height:50px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius:20% 20% 40% 40%; transform: rotate(-20deg); transform-origin: bottom center; animation: jca-rifle 2.5s ease-in-out infinite; }
.scn-jameson-encumbered-by-artillery .pack { position:absolute; bottom:35%; left:28%; width:22px; height:30px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:30% 30% 20% 20% / 40% 40% 20% 20%; transform: rotate(10deg); animation: jca-pack 3s ease-in-out infinite; }
.scn-jameson-encumbered-by-artillery .strain-lines { position:absolute; top:0; left:0; right:0; bottom:0; background: repeating-linear-gradient(45deg, transparent 0px, transparent 30px, rgba(100,60,40,.1) 30px, rgba(100,60,40,.1) 32px); animation: jca-lines 1s linear infinite; }
@keyframes jca-wall { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes jca-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 25% { transform: translateX(5px) translateY(-2px) rotate(-3deg) } 50% { transform: translateX(10px) translateY(0) rotate(0deg) } 75% { transform: translateX(15px) translateY(-2px) rotate(3deg) } 100% { transform: translateX(20px) translateY(0) rotate(0deg) } }
@keyframes jca-cannon { 0% { transform: translateX(-50%) rotate(0deg) } 25% { transform: translateX(-50%) rotate(-2deg) } 75% { transform: translateX(-50%) rotate(2deg) } 100% { transform: translateX(-50%) rotate(0deg) } }
@keyframes jca-ball { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(10px,-5px) scale(.9) } 100% { transform: translate(20px,0) scale(1) } }
@keyframes jca-rifle { 0% { transform: rotate(-20deg) } 50% { transform: rotate(-15deg) translateY(-3px) } 100% { transform: rotate(-20deg) } }
@keyframes jca-pack { 0% { transform: rotate(10deg) translateY(0) } 50% { transform: rotate(10deg) translateY(-2px) } 100% { transform: rotate(10deg) translateY(0) } }
@keyframes jca-lines { 0% { background-position: 0 0 } 100% { background-position: 40px 40px } }

.scn-garrett-excuse-for-maxims { background: linear-gradient(180deg, #1e1a18 0%, #14100e 40%, #2a221e 100%), radial-gradient(ellipse at 50% 40%, #3a2e26 0%, transparent 60%); }
.scn-garrett-excuse-for-maxims .ground { position:absolute; bottom:20%; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius:40% 60% 0 0 / 60% 40% 0 0; }
.scn-garrett-excuse-for-maxims .backdrop { position:absolute; inset:0 0 30% 0; background: radial-gradient(ellipse at 50% 80%, #2a1e18 0%, #1a1410 100%); animation: gxe-backdrop 20s ease-in-out infinite alternate; }
.scn-garrett-excuse-for-maxims .maxim { position:absolute; bottom:32%; left:40%; width:80px; height:40px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:20% 20% 10% 10% / 40% 40% 10% 10%; transform: rotate(-5deg); box-shadow: 2px 4px 6px rgba(0,0,0,.6); animation: gxe-maxim 4s ease-in-out infinite; }
.scn-garrett-excuse-for-maxims .maxim-smoke { position:absolute; bottom:50%; left:45%; width:30px; height:30px; background: radial-gradient(circle, rgba(200,180,160,.3) 0%, transparent 70%); border-radius:50%; filter: blur(6px); animation: gxe-smoke 3s ease-out infinite; }
.scn-garrett-excuse-for-maxims .garrett-figure { position:absolute; bottom:25%; left:55%; width:28px; height:60px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gxe-figure 2s ease-in-out infinite; }
.scn-garrett-excuse-for-maxims .garrett-smile { position:absolute; bottom:45%; left:58%; width:10px; height:4px; background: transparent; border-bottom: 2px solid #a08060; border-radius: 0 0 50% 50%; transform: rotate(10deg); animation: gxe-smile 1.5s ease-in-out infinite alternate; }
.scn-garrett-excuse-for-maxims .sparkles { position:absolute; top:15%; left:10%; right:10%; bottom:50%; background: radial-gradient(circle at 20% 30%, rgba(200,180,100,.4) 2px, transparent 2px), radial-gradient(circle at 70% 60%, rgba(200,180,100,.3) 3px, transparent 3px), radial-gradient(circle at 45% 20%, rgba(200,180,100,.2) 1px, transparent 1px); background-size: 80px 80px; animation: gxe-sparkles 2s ease-in-out infinite; }
@keyframes gxe-backdrop { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes gxe-maxim { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-5deg) translateY(-3px) } 100% { transform: rotate(-5deg) translateY(0) } }
@keyframes gxe-smoke { 0% { opacity:.6; transform: scale(.8) translateY(0) } 100% { opacity:0; transform: scale(1.5) translateY(-20px) } }
@keyframes gxe-figure { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-2px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes gxe-smile { 0% { border-bottom-width: 2px; transform: rotate(8deg) } 50% { border-bottom-width: 4px; transform: rotate(12deg) } 100% { border-bottom-width: 2px; transform: rotate(8deg) } }
@keyframes gxe-sparkles { 0% { background-position: 0 0; opacity:.5 } 50% { background-position: 40px 20px; opacity:1 } 100% { background-position: 0 0; opacity:.5 } }

/* village-midwife – calm dim interior, warm browns */
.scn-village-midwife {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 40%, #1a0e05 100%),
    radial-gradient(ellipse at 50% 70%, #5a3a2a 0%, transparent 70%);
}
.scn-village-midwife .wall {
  position:absolute; inset:0 0 25% 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
}
.scn-village-midwife .window {
  position:absolute; top:10%; left:20%; width:30%; height:20%;
  background: linear-gradient(135deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 10% / 20%;
  box-shadow: inset 0 0 20px rgba(0,0,0,.5);
}
.scn-village-midwife .cradle {
  position:absolute; bottom:22%; left:35%; width:25%; height:15%;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: mw-cradle 6s ease-in-out infinite;
}
.scn-village-midwife .figure {
  position:absolute; bottom:20%; left:60%; width:12%; height:30%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mw-figure 8s ease-in-out infinite;
}
.scn-village-midwife .lamp {
  position:absolute; bottom:30%; left:15%; width:6%; height:8%;
  background: radial-gradient(circle, #c08040 0%, #804020 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 10px #c08040;
  animation: mw-lamp 3s ease-in-out infinite alternate;
}
.scn-village-midwife .glow {
  position:absolute; bottom:25%; left:10%; width:20%; height:20%;
  background: radial-gradient(circle, rgba(192,128,64,.3) 0%, transparent 70%);
  filter: blur(10px);
  animation: mw-glow 4s ease-in-out infinite alternate;
}
@keyframes mw-cradle {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes mw-figure {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-1px) rotate(2deg); }
  50% { transform: translateY(-2px) rotate(-1deg); }
  75% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes mw-lamp {
  0% { box-shadow: 0 0 15px 5px #c08040; opacity:.8; }
  50% { box-shadow: 0 0 25px 10px #e0a060; opacity:1; }
  100% { box-shadow: 0 0 18px 6px #c08040; opacity:.85; }
}
@keyframes mw-glow {
  0% { opacity:.3; transform: scale(1); }
  100% { opacity:.6; transform: scale(1.2); }
}

/* girl-baby-killing – dark mood, dim, deep browns/cool */
.scn-girl-baby-killing {
  background:
    linear-gradient(180deg, #1a1010 0%, #0a0606 50%, #050303 100%),
    radial-gradient(ellipse at 50% 60%, #2a1a1a 0%, transparent 70%);
}
.scn-girl-baby-killing .bg {
  position:absolute; inset:0; 
  background: linear-gradient(180deg, rgba(10,6,6,.8) 0%, transparent 100%);
  animation: gb-bg 12s ease-in-out infinite alternate;
}
.scn-girl-baby-killing .table {
  position:absolute; bottom:20%; left:40%; width:30%; height:5%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a100a 100%);
  border-radius: 10% / 20%;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.6);
}
.scn-girl-baby-killing .figure {
  position:absolute; bottom:25%; left:35%; width:15%; height:35%;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0606 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gb-figure 10s ease-in-out infinite;
}
.scn-girl-baby-killing .bundle {
  position:absolute; bottom:18%; left:45%; width:10%; height:8%;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30%;
  box-shadow: 0 2px 6px rgba(0,0,0,.7);
  animation: gb-bundle 6s ease-in-out infinite alternate;
}
.scn-girl-baby-killing .light {
  position:absolute; bottom:30%; left:20%; width:8%; height:10%;
  background: radial-gradient(circle, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px 6px #6a4a3a, 0 0 24px 10px rgba(50,30,20,.4);
  animation: gb-light 4s ease-in-out infinite alternate;
}
.scn-girl-baby-killing .shadow {
  position:absolute; bottom:18%; left:30%; width:40%; height:15%;
  background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: gb-shadow 8s ease-in-out infinite alternate;
}
@keyframes gb-bg {
  0%,100% { opacity:.9; }
  50% { opacity:1; }
}
@keyframes gb-figure {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes gb-bundle {
  0% { transform: scale(1) translateY(0); }
  50% { transform: scale(1.05) translateY(-2px); }
  100% { transform: scale(1) translateY(0); }
}
@keyframes gb-light {
  0% { box-shadow: 0 0 10px 4px #6a4a3a; opacity:.7; }
  50% { box-shadow: 0 0 16px 6px #8a6a4a; opacity:.9; }
  100% { box-shadow: 0 0 12px 5px #6a4a3a; opacity:.75; }
}
@keyframes gb-shadow {
  0% { opacity:.5; transform: scaleX(1); }
  100% { opacity:.8; transform: scaleX(1.1); }
}

/* village-astrologer – calm dim, night interior, deep blues/purples */
.scn-village-astrologer {
  background:
    linear-gradient(180deg, #1a1a3a 0%, #0a0a1a 50%, #050510 100%),
    radial-gradient(ellipse at 50% 80%, #2a2a4a 0%, transparent 70%);
}
.scn-village-astrologer .wall {
  position:absolute; inset:0 0 30% 0;
  background: linear-gradient(180deg, #2a2a4a 0%, #1a1a3a 100%);
}
.scn-village-astrologer .window {
  position:absolute; top:8%; left:10%; width:25%; height:20%;
  background: linear-gradient(135deg, #3a3a5a 0%, #1a1a3a 100%);
  border-radius: 10% / 20%;
  box-shadow: inset 0 0 20px rgba(0,0,0,.5);
}
.scn-village-astrologer .stars {
  position:absolute; top:8%; left:10%; width:25%; height:20%;
  background: radial-gradient(ellipse at 30% 40%, #e0e0ff 0%, transparent 5%),
              radial-gradient(ellipse at 60% 20%, #c0c0ff 0%, transparent 4%),
              radial-gradient(ellipse at 80% 70%, #a0a0ff 0%, transparent 3%);
  animation: va-stars 8s ease-in-out infinite alternate;
}
.scn-village-astrologer .figure {
  position:absolute; bottom:25%; left:50%; width:12%; height:35%;
  background: linear-gradient(180deg, #2a2a4a 0%, #0a0a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: va-figure 9s ease-in-out infinite;
}
.scn-village-astrologer .book {
  position:absolute; bottom:22%; left:40%; width:15%; height:10%;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 10% / 20%;
  transform: rotate(-10deg);
  animation: va-book 6s ease-in-out infinite alternate;
}
.scn-village-astrologer .lamp {
  position:absolute; bottom:30%; left:70%; width:5%; height:6%;
  background: radial-gradient(circle, #c0a060 0%, #806040 100%);
  border-radius: 50%;
  box-shadow: 0 0 15px 8px #c0a060;
  animation: va-lamp 3s ease-in-out infinite alternate;
}
@keyframes va-stars {
  0% { opacity:.5; }
  50% { opacity:.8; }
  100% { opacity:.6; }
}
@keyframes va-figure {
  0% { transform: translateY(0) rotate(0deg); }
  33% { transform: translateY(-1px) rotate(2deg); }
  66% { transform: translateY(-2px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes va-book {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-2px); }
  100% { transform: rotate(-10deg) translateY(0); }
}
@keyframes va-lamp {
  0% { box-shadow: 0 0 12px 6px #c0a060; opacity:.8; }
  50% { box-shadow: 0 0 20px 10px #e0c080; opacity:1; }
  100% { box-shadow: 0 0 14px 7px #c0a060; opacity:.85; }
}

/* sweepers-guild – calm dim, low caste, earth tones */
.scn-sweepers-guild {
  background:
    linear-gradient(180deg, #2a2218 0%, #1a1410 50%, #0e0a08 100%),
    radial-gradient(ellipse at 50% 0%, #3a2e24 0%, transparent 70%);
}
.scn-sweepers-guild .floor {
  position:absolute; inset:60% 0 0 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,.6);
}
.scn-sweepers-guild .wall {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #2a2218 0%, #1a1410 100%);
}
.scn-sweepers-guild .figure {
  position:absolute; bottom:30%; left:45%; width:12%; height:35%;
  background: linear-gradient(180deg, #2a2018 0%, #0e0a08 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sg-figure 8s ease-in-out infinite;
}
.scn-sweepers-guild .broom {
  position:absolute; bottom:28%; left:55%; width:4%; height:18%;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 10% / 5%;
  transform: rotate(20deg);
  transform-origin: bottom left;
  animation: sg-broom 2s ease-in-out infinite alternate;
}
.scn-sweepers-guild .pile {
  position:absolute; bottom:25%; left:30%; width:15%; height:6%;
  background: linear-gradient(180deg, #4a3828 0%, #2a1a0a 100%);
  border-radius: 50% / 30%;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.5);
  animation: sg-pile 5s ease-in-out infinite;
}
.scn-sweepers-guild .dust {
  position:absolute; bottom:28%; left:35%; width:8%; height:3%;
  background: linear-gradient(90deg, transparent 0%, rgba(100,80,60,.2) 50%, transparent 100%);
  filter: blur(4px);
  animation: sg-dust 6s linear infinite;
}
@keyframes sg-figure {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-1px) rotate(2deg); }
  50% { transform: translateY(-2px) rotate(-1deg); }
  75% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sg-broom {
  0% { transform: rotate(15deg); }
  100% { transform: rotate(25deg); }
}
@keyframes sg-pile {
  0% { transform: scaleX(1); opacity:.8; }
  50% { transform: scaleX(1.1); opacity:1; }
  100% { transform: scaleX(1); opacity:.8; }
}
@keyframes sg-dust {
  0% { transform: translateX(0) translateY(0); opacity:.3; }
  25% { transform: translateX(10px) translateY(-5px); opacity:.6; }
  50% { transform: translateX(20px) translateY(0); opacity:.3; }
  75% { transform: translateX(10px) translateY(5px); opacity:.6; }
  100% { transform: translateX(0) translateY(0); opacity:.3; }
}

.scn-trappist-life-incredible { background: linear-gradient(180deg, #2a1e1e 0%, #3a2a2a 30%, #4a3a2a 60%, #6a5a3a 100%), radial-gradient(ellipse at 70% 30%, rgba(220,200,160,.15) 0%, transparent 60%); }
.scn-trappist-life-incredible .archway  { position:absolute; top:0; left:25%; right:25%; height:75%; background: radial-gradient(ellipse at 50% 100%, #5a4a3a 0%, #1a1212 80%); border-radius: 50% 50% 0 0 / 60% 60% 0 0; box-shadow: inset 0 -30px 40px rgba(0,0,0,.7); }
.scn-trappist-life-incredible .wall-left  { position:absolute; top:0; left:0; right:75%; height:100%; background: linear-gradient(180deg, #3a2a22 0%, #2a1a12 100%); }
.scn-trappist-life-incredible .wall-right { position:absolute; top:0; left:75%; right:0; height:100%; background: linear-gradient(180deg, #3a2a22 0%, #2a1a12 100%); }
.scn-trappist-life-incredible .sunbeam   { position:absolute; top:15%; left:30%; width:40%; height:70%; background: linear-gradient(180deg, rgba(240,220,180,.25) 0%, rgba(240,220,180,.08) 30%, transparent 100%); clip-path: polygon(20% 0%, 80% 0%, 65% 100%, 35% 100%); filter: blur(8px); animation: tli-beam 8s ease-in-out infinite alternate; }
.scn-trappist-life-incredible .figure    { position:absolute; bottom:15%; left:42%; width:16%; height:50%; background: linear-gradient(180deg, #1a1212 0%, #0a0808 50%, #1a1212 100%); border-radius: 45% 45% 30% 30% / 55% 55% 35% 35%; transform-origin: bottom center; animation: tli-bow 12s ease-in-out infinite; }
.scn-trappist-life-incredible .cot       { position:absolute; bottom:8%; left:30%; right:30%; height:12%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px 4px 12px 12px; box-shadow: 0 -4px 10px rgba(0,0,0,.6); }
.scn-trappist-life-incredible .dust      { position:absolute; top:20%; left:35%; width:4px; height:4px; background: rgba(255,240,210,.6); border-radius:50%; filter: blur(2px); animation: tli-drift-a 15s linear infinite; }
.scn-trappist-life-incredible .dust-2    { position:absolute; top:25%; left:55%; width:3px; height:3px; background: rgba(255,240,210,.5); border-radius:50%; filter: blur(2px); animation: tli-drift-b 20s linear infinite reverse; }
@keyframes tli-beam   { 0% { opacity:.7; transform: skewX(-2deg) } 50% { opacity:1; transform: skewX(0deg) } 100% { opacity:.8; transform: skewX(2deg) } }
@keyframes tli-bow    { 0%,100% { transform: translateX(0) rotate(0deg) } 30% { transform: translateX(-3px) rotate(-4deg) } 60% { transform: translateX(2px) rotate(2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes tli-drift-a{ 0% { transform: translateY(0) translateX(0); opacity:.6 } 25% { transform: translateY(40px) translateX(20px); opacity:.4 } 50% { transform: translateY(80px) translateX(-10px); opacity:.7 } 75% { transform: translateY(120px) translateX(15px); opacity:.3 } 100% { transform: translateY(160px) translateX(0); opacity:.6; visibility:hidden } }
@keyframes tli-drift-b{ 0% { transform: translateY(0) translateX(0); opacity:.5 } 33% { transform: translateY(60px) translateX(-25px); opacity:.7 } 66% { transform: translateY(130px) translateX(10px); opacity:.3 } 100% { transform: translateY(200px) translateX(0); opacity:0; visibility:hidden } }

.scn-la-trappes-knowledge-of-humanity { background: linear-gradient(180deg, #1a150e 0%, #2a2015 30%, #3a2a1a 60%, #4a3a2a 100%), radial-gradient(ellipse at 50% 60%, rgba(200,170,120,.06) 0%, transparent 70%); }
.scn-la-trappes-knowledge-of-humanity .room-wall  { position:absolute; top:0; left:0; right:0; height:100%; background: linear-gradient(180deg, #2a2018 0%, #1a1410 100%); box-shadow: inset 0 0 80px rgba(0,0,0,.5); }
.scn-la-trappes-knowledge-of-humanity .shelf     { position:absolute; bottom:55%; left:10%; right:10%; height:4%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 2px; box-shadow: 0 2px 8px rgba(0,0,0,.4); }
.scn-la-trappes-knowledge-of-humanity .books     { position:absolute; bottom:56%; left:15%; width:70%; height:18%; background: repeating-linear-gradient(90deg, #4a3a2a 0px, #4a3a2a 8px, #5a4030 8px, #5a4030 16px, #3a2a1a 16px, #3a2a1a 24px, #6a5040 24px, #6a5040 32px, #2a1a12 32px, #2a1a12 40px); border-radius: 2px; box-shadow: inset 0 2px 6px rgba(0,0,0,.3); opacity:.7; }
.scn-la-trappes-knowledge-of-humanity .candle    { position:absolute; bottom:44%; left:48%; width:3%; height:20%; background: linear-gradient(180deg, #e8d8c0 0%, #c8b898 40%, #8a7a5a 100%); border-radius: 30% 30% 10% 10% / 40% 40% 10% 10%; box-shadow: -2px 0 4px rgba(0,0,0,.3); }
.scn-la-trappes-knowledge-of-humanity .flame     { position:absolute; bottom:62%; left:48%; width:2.5%; height:6%; background: radial-gradient(ellipse at 50% 100%, #ffdd80 0%, #ffb040 60%, transparent 100%); border-radius: 50% 50% 40% 40% / 80% 80% 20% 20%; filter: blur(2px); animation: lth-flame 2s ease-in-out infinite alternate; }
.scn-la-trappes-knowledge-of-humanity .glow      { position:absolute; bottom:40%; left:38%; width:24%; height:30%; background: radial-gradient(ellipse at 50% 50%, rgba(255,220,140,.12) 0%, transparent 70%); filter: blur(20px); animation: lth-glow 3s ease-in-out infinite alternate; }
.scn-la-trappes-knowledge-of-humanity .shadow-figure { position:absolute; bottom:10%; left:30%; width:35%; height:60%; background: linear-gradient(180deg, #0a0808 0%, #12100e 50%, #1a1410 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: lth-shift 8s ease-in-out infinite; }
.scn-la-trappes-knowledge-of-humanity .table     { position:absolute; bottom:8%; left:25%; right:25%; height:8%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 6px 6px 20px 20px; box-shadow: 0 -6px 20px rgba(0,0,0,.5); }
.scn-la-trappes-knowledge-of-humanity .chair     { position:absolute; bottom:8%; left:60%; width:20%; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%); border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%; box-shadow: 2px 0 6px rgba(0,0,0,.4); }
@keyframes lth-flame  { 0% { transform: scaleY(1) scaleX(1) translateY(0); opacity:.9 } 25% { transform: scaleY(1.15) scaleX(.85) translateY(-1px); opacity:1 } 50% { transform: scaleY(.95) scaleX(1.05) translateY(1px); opacity:.85 } 75% { transform: scaleY(1.08) scaleX(.92) translateY(-1px); opacity:.95 } 100% { transform: scaleY(1) scaleX(1) translateY(0); opacity:.9 } }
@keyframes lth-glow   { 0% { opacity:.6; transform: scale(1) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(.95) } }
@keyframes lth-shift  { 0%,100% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(8px) rotate(2deg) } 50% { transform: translateX(-4px) rotate(-1deg) } 75% { transform: translateX(6px) rotate(1deg) } }

.scn-trappist-scheme-proved-possible { background: linear-gradient(180deg, #2a1e0e 0%, #3a2a1a 25%, #4a3a2a 50%, #5a4a3a 75%, #6a5a4a 100%), radial-gradient(ellipse at 50% 40%, rgba(200,160,120,.1) 0%, transparent 70%); }
.scn-trappist-scheme-proved-possible .cell-wall     { position:absolute; inset:0; background: linear-gradient(180deg, #3a2a1e 0%, #2a1a12 100%); box-shadow: inset 0 0 100px rgba(0,0,0,.4); }
.scn-trappist-scheme-proved-possible .bed-slab      { position:absolute; bottom:12%; left:20%; right:20%; height:8%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px; box-shadow: 0 -4px 10px rgba(0,0,0,.5); }
.scn-trappist-scheme-proved-possible .pillow        { position:absolute; bottom:18%; left:30%; width:12%; height:4%; background: #4a3a2a; border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; box-shadow: inset 0 2px 6px rgba(0,0,0,.3); }
.scn-trappist-scheme-proved-possible .blanket       { position:absolute; bottom:12%; left:24%; right:24%; height:10%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 0 0 30% 30% / 0 0 40% 40%; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.scn-trappist-scheme-proved-possible .figure-kneeling { position:absolute; bottom:12%; left:45%; width:12%; height:45%; background: linear-gradient(180deg, #1a1212 0%, #0a0808 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: tsp-pray 6s ease-in-out infinite; }
.scn-trappist-scheme-proved-possible .window-glow   { position:absolute; top:8%; left:35%; right:35%; height:25%; background: radial-gradient(ellipse at 50% 50%, rgba(255,230,180,.2) 0%, transparent 70%); border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%; animation: tsp-glow 5s ease-in-out infinite alternate; }
.scn-trappist-scheme-proved-possible .light-rays    { position:absolute; top:5%; left:38%; width:24%; height:30%; background: linear-gradient(180deg, rgba(255,240,200,.15) 0%, transparent 100%); clip-path: polygon(30% 0%, 70% 0%, 60% 100%, 40% 100%); filter: blur(6px); animation: tsp-rays 7s ease-in-out infinite alternate; }
.scn-trappist-scheme-proved-possible .cross-shadow  { position:absolute; top:10%; left:46%; width:8%; height:20%; background: rgba(0,0,0,.15); clip-path: polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%); transform: rotate(2deg); filter: blur(3px); animation: tsp-shadow 9s ease-in-out infinite; }
@keyframes tsp-pray  { 0%,100% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-3px) rotate(-3deg) } 60% { transform: translateY(0) rotate(2deg) } 80% { transform: translateY(-2px) rotate(-1deg) } }
@keyframes tsp-glow  { 0% { opacity:.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.05) } 100% { opacity:.8; transform: scale(.95) } }
@keyframes tsp-rays  { 0% { opacity:.5; transform: skewX(-3deg) } 50% { opacity:1; transform: skewX(0deg) } 100% { opacity:.6; transform: skewX(3deg) } }
@keyframes tsp-shadow{ 0%,100% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(4deg) scaleX(.8) } }

.scn-trappist-denials-list { background: linear-gradient(180deg, #12100e 0%, #1a1612 25%, #201c18 50%, #28221e 75%, #2a241e 100%), radial-gradient(ellipse at 50% 60%, rgba(80,60,40,.08) 0%, transparent 70%); }
.scn-trappist-denials-list .cloister-wall { position:absolute; inset:0; background: linear-gradient(90deg, #1a1612 0%, #221e1a 20%, #2a2420 80%, #1a1612 100%); }
.scn-trappist-denials-list .bench        { position:absolute; bottom:15%; left:20%; right:20%; height:6%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%); border-radius: 4px 4px 20px 20px; box-shadow: 0 -6px 20px rgba(0,0,0,.5); }
.scn-trappist-denials-list .bowl         { position:absolute; bottom:24%; left:40%; width:8%; height:8%; background: radial-gradient(ellipse at 50% 40%, #5a4a3a 0%, #3a2a1a 70%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; box-shadow: inset 0 -4px 8px rgba(0,0,0,.4); }
.scn-trappist-denials-list .bread        { position:absolute; bottom:27%; left:42%; width:6%; height:4%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius: 40% 50% 30% 40% / 50% 60% 30% 40%; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.scn-trappist-denials-list .figure-seated { position:absolute; bottom:15%; left:38%; width:14%; height:45%; background: linear-gradient(180deg, #1a1410 0%, #0e0c0a 100%); border-radius: 30% 30% 15% 15% / 40% 40% 20% 20%; transform-origin: bottom center; animation: tdn-slump 8s ease-in-out infinite; }
.scn-trappist-denials-list .shadow       { position:absolute; bottom:12%; left:30%; right:30%; height:8%; background: rgba(0,0,0,.3); border-radius: 50%; filter: blur(8px); animation: tdn-shadow 8s ease-in-out infinite; }
.scn-trappist-denials-list .sand-floor   { position:absolute; bottom:0; left:0; right:0; height:18%; background: linear-gradient(180deg, #1a1410 0%, #2a2018 100%); border-radius: 30% 30% 0 0 / 20% 20% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); }
.scn-trappist-denials-list .bare-window  { position:absolute; top:10%; left:35%; right:35%; height:25%; background: linear-gradient(180deg, #2a2420 0%, #1a1612 100%); border: 2px solid #3a2a1a; border-radius: 4px; box-shadow: inset 0 0 30px rgba(0,0,0,.4); }
@keyframes tdn-slump  { 0%,100% { transform: translateY(0) rotate(0deg) } 20% { transform: translateY(2px) rotate(2deg) } 40% { transform: translateY(0) rotate(-1deg) } 60% { transform: translateY(3px) rotate(1deg) } 80% { transform: translateY(0) rotate(-2deg) } }
@keyframes tdn-shadow { 0%,100% { transform: scale(1); opacity:.6 } 50% { transform: scale(1.1); opacity:.4 } }

/* train-train-starts */
.scn-train-train-starts { background: linear-gradient(180deg, #15152a 0%, #2a1f3d 50%, #3a2a4a 100%), radial-gradient(ellipse at 50% 0%, #2a1f3d 0%, transparent 70%); }
.scn-train-train-starts .window { position:absolute; top:10%; left:30%; width:40%; height:35%; background: linear-gradient(180deg, #0a0a1e 0%, #1a1530 100%); border-radius: 20px 20px 10px 10px; border: 3px solid #3a2a4a; box-shadow: inset 0 0 20px rgba(0,0,10,.6); animation: tts-window 8s ease-in-out infinite alternate; }
.scn-train-train-starts .shelf { position:absolute; top:28%; left:20%; width:60%; height:8%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:4px; box-shadow: 0 4px 6px rgba(0,0,0,.5); }
.scn-train-train-starts .berth-bottom { position:absolute; bottom:20%; left:10%; width:35%; height:20%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:8px; box-shadow: inset 0 -8px 12px rgba(0,0,0,.4); }
.scn-train-train-starts .berth-top { position:absolute; top:40%; left:55%; width:35%; height:20%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:8px; box-shadow: inset 0 -8px 12px rgba(0,0,0,.4); }
.scn-train-train-starts .figure { position:absolute; bottom:25%; left:15%; width:20px; height:36px; background: linear-gradient(180deg, #1e1e2e 0%, #0e0e1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tts-figure 4s ease-in-out infinite; }
.scn-train-train-starts .lamp { position:absolute; top:12%; left:45%; width:12px; height:14px; background: radial-gradient(circle, #e8c080 0%, #b08040 70%); border-radius:50% 50% 30% 30%; box-shadow: 0 0 24px 6px #c08040, 0 0 48px 12px rgba(192,128,64,.4); animation: tts-lamp 3s ease-in-out infinite alternate; }
.scn-train-train-starts .door { position:absolute; right:8%; bottom:15%; width:16%; height:50%; background: linear-gradient(180deg, #2a201a 0%, #1a100a 100%); border-radius:6px; box-shadow: inset 0 0 10px rgba(0,0,0,.5); animation: tts-door 5s ease-in-out infinite; }
@keyframes tts-window { 0% { opacity:.7 } 50% { opacity:.5 } 100% { opacity:.8 } }
@keyframes tts-figure { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) translateY(-1px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) translateY(0) rotate(2deg) } 100% { transform: translateX(16px) rotate(0) } }
@keyframes tts-lamp { 0% { box-shadow: 0 0 18px 4px #c08040, 0 0 36px 8px rgba(192,128,64,.3); opacity:.8 } 50% { box-shadow: 0 0 32px 10px #ffd060, 0 0 64px 18px rgba(255,208,96,.5); opacity:1 } 100% { box-shadow: 0 0 22px 5px #c08040, 0 0 40px 10px rgba(192,128,64,.35); opacity:.85 } }
@keyframes tts-door { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.4) translateX(-10px) } 100% { transform: scaleX(1) } }

/* train-officer-surprise */
.scn-train-officer-surprise { background: linear-gradient(180deg, #3a2a1a 0%, #5a3a1a 50%, #2a1a0a 100%), radial-gradient(ellipse at 50% 100%, #5a3a1a 0%, transparent 70%); }
.scn-train-officer-surprise .window { position:absolute; top:15%; left:30%; width:40%; height:30%; background: linear-gradient(180deg, #e8c880 0%, #c8a060 100%); border-radius: 20px 20px 10px 10px; border: 3px solid #6a4a2a; box-shadow: inset 0 0 30px rgba(232,200,128,.4); animation: tos-window 12s ease-in-out infinite alternate; }
.scn-train-officer-surprise .baggage { position:absolute; bottom:10%; left:40%; width:30%; height:20%; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius:6px; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-train-officer-surprise .figure { position:absolute; bottom:18%; left:32%; width:22px; height:38px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tos-figure 5s ease-in-out infinite; }
.scn-train-officer-surprise .seat { position:absolute; bottom:12%; left:55%; width:40%; height:15%; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius:8px; box-shadow: inset 0 -4px 6px rgba(0,0,0,.4); }
.scn-train-officer-surprise .lamp { position:absolute; top:20%; left:50%; width:10px; height:12px; background: radial-gradient(circle, #ffd880 0%, #c8a040 70%); border-radius:50% 50% 30% 30%; box-shadow: 0 0 30px 8px #c8a040, 0 0 60px 16px rgba(200,160,64,.4); animation: tos-lamp 4s ease-in-out infinite alternate; }
.scn-train-officer-surprise .floor { position:absolute; bottom:0; left:0; right:0; height:10%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); }
@keyframes tos-window { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes tos-figure { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(2px) translateY(-2px) rotate(1deg) } 50% { transform: translateX(4px) rotate(-1deg) } 75% { transform: translateX(6px) translateY(0) rotate(2deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes tos-lamp { 0% { box-shadow: 0 0 20px 5px #c8a040, 0 0 40px 10px rgba(200,160,64,.3); opacity:.8 } 50% { box-shadow: 0 0 40px 12px #ffd880, 0 0 80px 20px rgba(255,216,128,.5); opacity:1 } 100% { box-shadow: 0 0 25px 6px #c8a040, 0 0 50px 12px rgba(200,160,64,.35); opacity:.85 } }

/* train-sleepless-night */
.scn-train-sleepless-night { background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 50%, #3a3a4e 100%), radial-gradient(ellipse at 50% 100%, #2a2a3e 0%, transparent 70%); }
.scn-train-sleepless-night .closet-door { position:absolute; top:15%; right:10%; width:30%; height:60%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:4px; box-shadow: inset 0 0 10px rgba(0,0,0,.5); transform-origin: right center; animation: tsn-door 1.5s ease-in-out infinite; }
.scn-train-sleepless-night .berth { position:absolute; bottom:10%; left:10%; width:45%; height:25%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:8px; box-shadow: inset 0 -6px 12px rgba(0,0,0,.4); }
.scn-train-sleepless-night .figure { position:absolute; bottom:18%; left:18%; width:20px; height:30px; background: linear-gradient(180deg, #1e1e2e 0%, #0e0e1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tsn-figure 8s ease-in-out infinite; }
.scn-train-sleepless-night .window-dawn { position:absolute; top:5%; left:30%; width:40%; height:35%; background: linear-gradient(180deg, #3a4a6a 0%, #2a3a5a 100%); border-radius: 20px 20px 10px 10px; border: 3px solid #2a2a3e; box-shadow: inset 0 0 30px rgba(58,74,106,.4); animation: tsn-dawn 15s ease-in-out infinite alternate; }
.scn-train-sleepless-night .ceiling { position:absolute; top:0; left:0; right:0; height:8%; background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 100%); box-shadow: 0 8px 10px rgba(0,0,0,.3); }
@keyframes tsn-door { 0% { transform: rotate(0deg) } 20% { transform: rotate(8deg) } 40% { transform: rotate(-5deg) } 60% { transform: rotate(10deg) } 80% { transform: rotate(-3deg) } 100% { transform: rotate(0deg) } }
@keyframes tsn-figure { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(2px) rotate(0deg) } 50% { transform: translateY(0) rotate(1deg) } 75% { transform: translateY(-2px) rotate(0deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes tsn-dawn { 0% { opacity:.3 } 50% { opacity:.6 } 100% { opacity:.4 } }

/* train-irony */
.scn-train-irony { background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 50%, #b89a7a 100%), radial-gradient(ellipse at 50% 100%, #d4b896 0%, transparent 70%); }
.scn-train-irony .window-sunlit { position:absolute; top:10%; left:20%; width:60%; height:40%; background: linear-gradient(180deg, #e8f0ff 0%, #c8d6e8 100%); border-radius: 20px 20px 10px 10px; border: 3px solid #b89a7a; box-shadow: inset 0 0 40px rgba(232,240,255,.6); animation: tir-window 15s ease-in-out infinite alternate; }
.scn-train-irony .seat-left { position:absolute; bottom:15%; left:10%; width:30%; height:25%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:8px; box-shadow: inset 0 -6px 8px rgba(0,0,0,.2); }
.scn-train-irony .seat-right { position:absolute; bottom:15%; right:10%; width:30%; height:25%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:8px; box-shadow: inset 0 -6px 8px rgba(0,0,0,.2); }
.scn-train-irony .figure-colonel { position:absolute; bottom:22%; left:22%; width:22px; height:40px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tir-colonel 8s ease-in-out infinite; }
.scn-train-irony .figure-family { position:absolute; bottom:22%; right:22%; width:18px; height:32px; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tir-family 10s ease-in-out infinite; animation-delay: 2s; }
.scn-train-irony .table { position:absolute; bottom:18%; left:40%; width:20%; height:16%; background: linear-gradient(180deg, #6a5a4a 0%, #5a4a3a 100%); border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.scn-train-irony .curtain { position:absolute; top:10%; left:20%; width:60%; height:35%; background: linear-gradient(180deg, rgba(200,180,160,.6) 0%, rgba(180,160,140,.4) 100%); border-radius:20px; filter: blur(2px); animation: tir-curtain 12s ease-in-out infinite; }
@keyframes tir-window { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes tir-colonel { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(3px) translateY(-1px) rotate(0deg) } 50% { transform: translateX(6px) rotate(1deg) } 75% { transform: translateX(3px) translateY(1px) rotate(0deg) } 100% { transform: translateX(0) rotate(-1deg) } }
@keyframes tir-family { 0% { transform: translateX(0) rotate(1deg) } 25% { transform: translateX(-2px) translateY(1px) rotate(0deg) } 50% { transform: translateX(-4px) rotate(-1deg) } 75% { transform: translateX(-2px) translateY(-1px) rotate(0deg) } 100% { transform: translateX(0) rotate(1deg) } }
@keyframes tir-curtain { 0% { filter: blur(2px); opacity:.4 } 50% { filter: blur(4px); opacity:.7 } 100% { filter: blur(2px); opacity:.5 } }

/* Scene: hand-car-slide (calm, sunlit) */
.scn-hand-car-slide {
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 40%, #FFF8DC 100%),
              radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 60%);
}
.scn-hand-car-slide .sky    { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 80%); animation: hcs-sky 20s ease-in-out infinite; }
.scn-hand-car-slide .sun    { position:absolute; top:8%; left:55%; width:40px; height:40px; background: radial-gradient(circle, #FFFFE0 0%, #FFD700 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px #FFD700, 0 0 80px rgba(255,215,0,0.3); animation: hcs-sun 30s ease-in-out infinite alternate; }
.scn-hand-car-slide .cloud-a{ position:absolute; top:12%; left:10%; width:100px; height:30px; background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.2) 100%); border-radius:50%; filter: blur(4px); animation: hcs-drift-a 60s linear infinite; }
.scn-hand-car-slide .cloud-b{ position:absolute; top:20%; right:5%; width:80px; height:24px; background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); border-radius:50%; filter: blur(3px); animation: hcs-drift-b 75s linear infinite reverse; }
.scn-hand-car-slide .track { position:absolute; bottom:20%; left:0; right:0; height:4px; background: linear-gradient(90deg, #8B7355 0%, #A0522D 50%, #8B7355 100%); box-shadow: 0 2px 0 #6B4226; animation: hcs-track 2s linear infinite; }
.scn-hand-car-slide .handcar{ position:absolute; bottom:18%; left:30%; width:60px; height:30px; background: linear-gradient(180deg, #2F4F4F 0%, #1A1A1A 100%); border-radius: 8px 8px 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: hcs-car 6s ease-in-out infinite; }
.scn-hand-car-slide .banyan{ position:absolute; bottom:40%; right:10%; width:80px; height:120px; background: radial-gradient(ellipse at 50% 0%, #228B22 0%, #006400 100%); border-radius: 40% 40% 20% 20% / 60% 60% 40% 40%; clip-path: polygon(20% 0%, 80% 0%, 70% 50%, 100% 100%, 50% 80%, 0% 100%, 30% 50%); animation: hcs-tree 12s ease-in-out infinite; }
.scn-hand-car-slide .figure{ position:absolute; bottom:14%; left:35%; width:14px; height:26px; background: linear-gradient(180deg, #1A1A1A 0%, #0A0A0A 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hcs-figure 4s ease-in-out infinite; }
@keyframes hcs-sky      { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes hcs-sun      { 0% { transform: scale(1) translateY(0) } 50% { transform: scale(1.05) translateY(-4px) } 100% { transform: scale(0.95) translateY(2px) } }
@keyframes hcs-drift-a  { 0% { transform: translateX(-120px) } 100% { transform: translateX(120vw) } }
@keyframes hcs-drift-b  { 0% { transform: translateX(0) } 100% { transform: translateX(-140vw) } }
@keyframes hcs-track    { 0% { background-position: 0% 0% } 100% { background-position: 20px 0% } }
@keyframes hcs-car      { 0% { transform: translateX(0) } 25% { transform: translateX(15px) rotate(2deg) } 50% { transform: translateX(30px) } 75% { transform: translateX(15px) rotate(-2deg) } 100% { transform: translateX(0) } }
@keyframes hcs-tree     { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(2deg) scale(1.01) } 100% { transform: rotate(-2deg) scale(0.99) } }
@keyframes hcs-figure   { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(4px) translateY(-1px) rotate(2deg) } 50% { transform: translateX(8px) translateY(0) rotate(-1deg) } 75% { transform: translateX(4px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(0) } }

/* Scene: great-mutiny-cawnpore (dark, dim-interior) */
.scn-great-mutiny-cawnpore {
  background: linear-gradient(180deg, #1A1A2E 0%, #16213E 40%, #0F3460 100%),
              radial-gradient(ellipse at 50% 100%, #1A1A2E 0%, transparent 70%);
}
.scn-great-mutiny-cawnpore .wall-back { position:absolute; inset:0 0 30% 0; background: linear-gradient(90deg, #2C3E50 0%, #34495E 50%, #2C3E50 100%); box-shadow: inset 0 4px 20px #0A0A1A; }
.scn-great-mutiny-cawnpore .wall-left { position:absolute; top:0; left:0; bottom:30%; width:20%; background: linear-gradient(180deg, #2C3E50 0%, #1A252F 100%); box-shadow: inset -4px 0 10px #0A0A1A; }
.scn-great-mutiny-cawnpore .wall-right{ position:absolute; top:0; right:0; bottom:30%; width:20%; background: linear-gradient(180deg, #2C3E50 0%, #1A252F 100%); box-shadow: inset 4px 0 10px #0A0A1A; }
.scn-great-mutiny-cawnpore .floor    { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #3E2A1A 0%, #1A0F08 100%); }
.scn-great-mutiny-cawnpore .window   { position:absolute; top:25%; left:50%; width:40px; height:60px; transform:translateX(-50%); background: radial-gradient(ellipse at center, #2C3E50 0%, #1A252F 100%); border:2px solid #5D4037; box-shadow: inset 0 0 20px #0A0A1A; animation: gmc-window 8s ease-in-out infinite; }
.scn-great-mutiny-cawnpore .lamp     { position:absolute; top:35%; left:60%; width:10px; height:14px; background: radial-gradient(circle, #FFD700 0%, #FF8C00 80%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 10px #FF8C00, 0 0 60px 20px rgba(255,140,0,0.3); animation: gmc-lamp 3s ease-in-out infinite alternate; }
.scn-great-mutiny-cawnpore .shadow-figure{ position:absolute; bottom:30%; left:40%; width:20px; height:40px; background: linear-gradient(90deg, transparent 0%, #0A0A1A 50%, transparent 100%); transform: skewX(-10deg); animation: gmc-shadow 6s ease-in-out infinite; }
@keyframes gmc-window   { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.5 } }
@keyframes gmc-lamp     { 0% { box-shadow: 0 0 20px 5px #FF8C00, 0 0 40px 10px rgba(255,140,0,0.2); opacity:0.9 } 50% { box-shadow: 0 0 40px 15px #FFD700, 0 0 80px 25px rgba(255,215,0,0.4); opacity:1 } 100% { box-shadow: 0 0 25px 8px #FF8C00, 0 0 50px 15px rgba(255,140,0,0.25); opacity:0.85 } }
@keyframes gmc-shadow   { 0% { transform: skewX(-10deg) translateX(0) } 50% { transform: skewX(-15deg) translateX(5px) } 100% { transform: skewX(-10deg) translateX(0) } }

/* Scene: methods-in-schools (calm, bright-interior) */
.scn-methods-in-schools {
  background: linear-gradient(180deg, #F5F5DC 0%, #E8E0C8 50%, #D2C8A0 100%),
              radial-gradient(ellipse at 50% 0%, #FFF8DC 0%, transparent 60%);
}
.scn-methods-in-schools .bg-wall    { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #FDF5E6 0%, #F5F5DC 100%); box-shadow: inset 0 4px 20px rgba(0,0,0,0.05); }
.scn-methods-in-schools .floor     { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #D2B48C 0%, #A0522D 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); }
.scn-methods-in-schools .window-left{ position:absolute; top:15%; left:10%; width:80px; height:100px; background: radial-gradient(ellipse at center, #87CEEB 0%, #B0E0E6 60%, #F0F8FF 100%); border:4px solid #8B7355; border-radius:4px; box-shadow: inset 0 0 20px rgba(135,206,235,0.3); animation: mis-window 12s ease-in-out infinite; }
.scn-methods-in-schools .window-right{ position:absolute; top:15%; right:10%; width:80px; height:100px; background: radial-gradient(ellipse at center, #87CEEB 0%, #B0E0E6 60%, #F0F8FF 100%); border:4px solid #8B7355; border-radius:4px; box-shadow: inset 0 0 20px rgba(135,206,235,0.3); animation: mis-window 12s ease-in-out infinite alternate; }
.scn-methods-in-schools .desk      { position:absolute; bottom:35%; left:50%; width:120px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #A0522D 0%, #8B4513 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: mis-desk 8s ease-in-out infinite; }
.scn-methods-in-schools .book-1    { position:absolute; bottom:45%; left:42%; width:20px; height:14px; background: linear-gradient(180deg, #556B2F 0%, #6B8E23 100%); border-radius: 2px; transform: rotate(5deg); animation: mis-book1 5s ease-in-out infinite; }
.scn-methods-in-schools .book-2    { position:absolute; bottom:44%; left:47%; width:18px; height:12px; background: linear-gradient(180deg, #8B4513 0%, #A0522D 100%); border-radius: 2px; transform: rotate(-3deg); animation: mis-book2 5s ease-in-out infinite alternate; }
.scn-methods-in-schools .student-silhouette{ position:absolute; bottom:35%; left:20%; width:16px; height:30px; background: linear-gradient(180deg, #2F2F2F 0%, #1A1A1A 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mis-student 4s ease-in-out infinite; }
@keyframes mis-window  { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes mis-desk    { 0% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-2px) } 100% { transform: translateX(-50%) } }
@keyframes mis-book1   { 0% { transform: rotate(5deg) translateY(0) } 50% { transform: rotate(10deg) translateY(-1px) } 100% { transform: rotate(5deg) } }
@keyframes mis-book2   { 0% { transform: rotate(-3deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-1px) } 100% { transform: rotate(-3deg) } }
@keyframes mis-student { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(3px) rotate(1deg) } 50% { transform: translateX(0) rotate(0) } 75% { transform: translateX(-3px) rotate(-1deg) } 100% { transform: translateX(0) } }

/* Scene: sail-from-calcutta (calm, sunlit) */
.scn-sail-from-calcutta {
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 30%, #FFF8DC 60%, #E0F0FF 100%),
              radial-gradient(ellipse at 50% 100%, #87CEEB 0%, transparent 70%);
}
.scn-sail-from-calcutta .sky-layer  { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 100%); animation: sfc-sky 20s ease-in-out infinite; }
.scn-sail-from-calcutta .horizon   { position:absolute; bottom:40%; left:0; right:0; height:2px; background: #4682B4; box-shadow: 0 1px 0 #FFF8DC; }
.scn-sail-from-calcutta .ocean     { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #4682B4 0%, #2E6B8A 50%, #1A4D6B 100%); animation: sfc-ocean 10s ease-in-out infinite; }
.scn-sail-from-calcutta .ship-hull { position:absolute; bottom:38%; left:30%; width:80px; height:24px; background: linear-gradient(180deg, #5D4037 0%, #3E2723 100%); border-radius: 0 0 20px 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: sfc-ship 6s ease-in-out infinite; }
.scn-sail-from-calcutta .sail-fore{ position:absolute; bottom:38%; left:35%; width:20px; height:40px; background: linear-gradient(180deg, #F5F5DC 0%, #E8E0C8 100%); border-radius: 4px 4px 0 0; transform: skewX(-10deg); animation: sfc-sail-fore 3s ease-in-out infinite; }
.scn-sail-from-calcutta .sail-aft { position:absolute; bottom:38%; left:60%; width:18px; height:35px; background: linear-gradient(180deg, #F5F5DC 0%, #E8E0C8 100%); border-radius: 4px 4px 0 0; transform: skewX(10deg); animation: sfc-sail-aft 3s ease-in-out infinite alternate; }
.scn-sail-from-calcutta .wave-1   { position:absolute; bottom:20%; left:0; width:200%; height:30px; background: radial-gradient(ellipse at 50% 0%, transparent 0%, #4682B4 20%, transparent 40%); animation: sfc-wave-1 8s linear infinite; }
.scn-sail-from-calcutta .wave-2   { position:absolute; bottom:10%; left:0; width:200%; height:20px; background: radial-gradient(ellipse at 50% 0%, transparent 0%, #5B9BD5 15%, transparent 35%); animation: sfc-wave-2 10s linear infinite reverse; }
.scn-sail-from-calcutta .flying-fish{ position:absolute; bottom:45%; left:60%; width:20px; height:6px; background: linear-gradient(90deg, #ADD8E6 0%, #87CEEB 100%); border-radius: 50% 50% 10% 10%; transform: rotate(20deg); box-shadow: 0 0 8px rgba(135,206,235,0.5); animation: sfc-fish 4s ease-in-out infinite; }
@keyframes sfc-sky        { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes sfc-ocean      { 0% { background-position: 0% 100% } 50% { background-position: 10% 100% } 100% { background-position: 0% 100% } }
@keyframes sfc-ship       { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(0deg) } 75% { transform: translateY(-1px) rotate(-1deg) } 100% { transform: translateY(0) } }
@keyframes sfc-sail-fore  { 0% { transform: skewX(-10deg) translateY(0) } 50% { transform: skewX(-12deg) translateY(-2px) } 100% { transform: skewX(-10deg) } }
@keyframes sfc-sail-aft   { 0% { transform: skewX(10deg) translateY(0) } 50% { transform: skewX(12deg) translateY(-2px) } 100% { transform: skewX(10deg) } }
@keyframes sfc-wave-1     { 0% { transform: translateX(0) } 100% { transform: translateX(-50%) } }
@keyframes sfc-wave-2     { 0% { transform: translateX(0) } 100% { transform: translateX(-50%) } }
@keyframes sfc-fish       { 0% { transform: rotate(20deg) translateX(0) translateY(0) } 25% { transform: rotate(30deg) translateX(10px) translateY(-6px) } 50% { transform: rotate(20deg) translateX(20px) translateY(0) } 75% { transform: rotate(10deg) translateX(30px) translateY(-4px) } 100% { transform: rotate(20deg) translateX(40px) translateY(0) } }

.scn-zenana-park-proposal { background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #1a1a1a 100%), radial-gradient(ellipse at 50% 0%, #3a3a4a 0%, transparent 70%); }
.scn-zenana-park-proposal .room-wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(90deg, #3a3a4a 0%, #4a4a5a 50%, #3a3a4a 100%); }
.scn-zenana-park-proposal .window-frame { position:absolute; top:8%; left:50%; width:45%; height:55%; transform:translateX(-50%); background: #2a2a3a; border:8px solid #4a4a5a; border-radius:4px; box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 0 30px rgba(0,0,0,.4); }
.scn-zenana-park-proposal .window-glass { position:absolute; top:calc(8% + 8px); left:calc(50% - 22.5% + 8px); width:calc(45% - 16px); height:calc(55% - 16px); background: linear-gradient(180deg, rgba(150,180,200,0.3) 0%, rgba(100,130,150,0.5) 100%); box-shadow: inset 0 0 20px rgba(200,230,255,0.2); animation: zpp-glass 8s ease-in-out infinite alternate; }
.scn-zenana-park-proposal .park-tree { position:absolute; bottom:55%; left:30%; width:40px; height:80px; background: radial-gradient(ellipse at 50% 100%, #3a6a3a 0%, #2a4a2a 70%, transparent 80%); border-radius:50% 50% 0 0; transform:scaleY(1.2); animation: zpp-tree 12s ease-in-out infinite; }
.scn-zenana-park-proposal .park-bench { position:absolute; bottom:45%; left:45%; width:60px; height:12px; background: #5a4a3a; border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-zenana-park-proposal .zenana-figure { position:absolute; bottom:45%; left:55%; width:20px; height:40px; background: linear-gradient(180deg, #5a4a6a 0%, #3a2a4a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: zpp-walk 6s ease-in-out infinite; }
.scn-zenana-park-proposal .curtain-left { position:absolute; top:0; left:0; width:20%; height:100%; background: linear-gradient(180deg, #6a3a2a 0%, #4a2a1a 100%); border-radius:0 30% 30% 0; transform-origin: left center; animation: zpp-curtain 4s ease-in-out infinite alternate; }
.scn-zenana-park-proposal .curtain-right { position:absolute; top:0; right:0; width:20%; height:100%; background: linear-gradient(180deg, #6a3a2a 0%, #4a2a1a 100%); border-radius:30% 0 0 30%; transform-origin: right center; animation: zpp-curtain 4s ease-in-out infinite alternate-reverse; }
.scn-zenana-park-proposal .lamp { position:absolute; top:5%; right:15%; width:10px; height:15px; background: radial-gradient(circle, #d0a050 0%, #a08030 70%); border-radius:50%; box-shadow: 0 0 20px 6px rgba(208,160,80,0.6); animation: zpp-glow 3s ease-in-out infinite alternate; }
@keyframes zpp-glass { 0% { opacity:0.4 } 50% { opacity:0.7 } 100% { opacity:0.5 } }
@keyframes zpp-tree { 0% { transform:scaleY(1.2) translateY(0) } 50% { transform:scaleY(1.25) translateY(-2px) } 100% { transform:scaleY(1.15) translateY(1px) } }
@keyframes zpp-walk { 0% { transform:translateX(0) translateY(0) rotate(-2deg) } 25% { transform:translateX(4px) translateY(-1px) rotate(1deg) } 50% { transform:translateX(8px) translateY(0) rotate(-1deg) } 75% { transform:translateX(12px) translateY(-1px) rotate(2deg) } 100% { transform:translateX(16px) translateY(0) rotate(0) } }
@keyframes zpp-curtain { 0% { transform:scaleX(1) } 100% { transform:scaleX(0.9) } }
@keyframes zpp-glow { 0% { opacity:0.6; box-shadow: 0 0 15px 4px rgba(208,160,80,0.4) } 50% { opacity:1; box-shadow: 0 0 30px 10px rgba(208,160,80,0.8) } 100% { opacity:0.8; box-shadow: 0 0 20px 6px rgba(208,160,80,0.5) } }

.scn-modesty-rules { background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 40%, #1a1a2e 100%), radial-gradient(ellipse at 50% 30%, #3a3a4e 0%, transparent 80%); }
.scn-modesty-rules .bg-deep { position:absolute; inset:0; background: linear-gradient(180deg, #0a0a1e 0%, #1a1a2e 100%); opacity:0.7; }
.scn-modesty-rules .bg-mid { position:absolute; inset:10% 5% 10% 5%; background: radial-gradient(ellipse at 50% 60%, #2a2a3a 0%, transparent 70%); }
.scn-modesty-rules .veil-figure { position:absolute; bottom:20%; left:50%; width:40px; height:80px; transform:translateX(-50%); background: linear-gradient(180deg, #3a2a4a 0%, #1a1a2e 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: mr-sway 5s ease-in-out infinite; }
.scn-modesty-rules .veil-cloth { position:absolute; bottom:50%; left:50%; width:60px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, rgba(100,80,120,0.4) 0%, rgba(80,60,100,0.2) 100%); border-radius:50% 50% 30% 30% / 80% 80% 30% 30%; filter: blur(3px); animation: mr-veil 7s ease-in-out infinite; }
.scn-modesty-rules .shadow-floor { position:absolute; bottom:5%; left:20%; width:60%; height:20%; background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.6) 0%, transparent 70%); }
.scn-modesty-rules .light-ray { position:absolute; top:10%; left:30%; width:40%; height:50%; background: linear-gradient(180deg, rgba(200,200,220,0.1) 0%, transparent 100%); transform:rotate(-10deg); animation: mr-ray 9s ease-in-out infinite alternate; }
.scn-modesty-rules .modesty-lamp { position:absolute; top:25%; left:60%; width:12px; height:18px; background: radial-gradient(circle, #c0a060 0%, #907040 70%); border-radius:50%; box-shadow: 0 0 30px 8px rgba(192,160,96,0.5); animation: mr-glow 4s ease-in-out infinite alternate; }
@keyframes mr-sway { 0% { transform:translateX(-50%) rotate(-2deg) } 50% { transform:translateX(-50%) rotate(2deg) } 100% { transform:translateX(-50%) rotate(-1deg) } }
@keyframes mr-veil { 0% { transform:translateX(-50%) rotate(-5deg) scale(1) } 50% { transform:translateX(-45%) rotate(5deg) scale(1.05) } 100% { transform:translateX(-55%) rotate(-3deg) scale(0.95) } }
@keyframes mr-ray { 0% { opacity:0.3 } 50% { opacity:0.7 } 100% { opacity:0.4 } }
@keyframes mr-glow { 0% { opacity:0.7; box-shadow: 0 0 20px 5px rgba(192,160,96,0.4) } 50% { opacity:1; box-shadow: 0 0 40px 12px rgba(192,160,96,0.7) } 100% { opacity:0.8; box-shadow: 0 0 25px 6px rgba(192,160,96,0.5) } }

.scn-rules-idiotic { background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #1a1a1a 100%), radial-gradient(ellipse at 50% 50%, #3a3a4a 0%, transparent 70%); }
.scn-rules-idiotic .room-corner { position:absolute; inset:0 20% 0 0; background: linear-gradient(135deg, #2a2a3a 0%, #1a1a2a 100%); }
.scn-rules-idiotic .desk { position:absolute; bottom:15%; left:10%; width:70%; height:20%; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius:4px; box-shadow: 0 8px 16px rgba(0,0,0,.5); }
.scn-rules-idiotic .papers { position:absolute; bottom:25%; left:30%; width:20%; height:8%; background: #b0a080; border-radius:2px; box-shadow: 0 2px 4px rgba(0,0,0,.3); transform:rotate(-5deg); animation: ri-paper 6s ease-in-out infinite; }
.scn-rules-idiotic .rule-book { position:absolute; bottom:29%; left:45%; width:15%; height:12%; background: linear-gradient(135deg, #8a6a4a 0%, #6a4a2a 100%); border-radius:2px; box-shadow: 0 4px 8px rgba(0,0,0,.4); transform:rotate(3deg); animation: ri-book 8s ease-in-out infinite; }
.scn-rules-idiotic .figure-left { position:absolute; bottom:20%; left:15%; width:22px; height:50px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ri-figure 5s ease-in-out infinite; }
.scn-rules-idiotic .figure-right { position:absolute; bottom:20%; right:15%; width:22px; height:50px; background: linear-gradient(180deg, #4a3a4a 0%, #2a2a3a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ri-figure 5s ease-in-out infinite reverse; }
.scn-rules-idiotic .candle-holder { position:absolute; bottom:35%; left:50%; width:10px; height:20px; background: #5a4a3a; border-radius:10% 10% 20% 20%; transform:translateX(-50%); }
.scn-rules-idiotic .candle-flame { position:absolute; bottom:55%; left:50%; width:8px; height:18px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 30%, #f0c060 0%, #c08040 70%, transparent 100%); border-radius:50%; box-shadow: 0 0 20px 6px rgba(192,128,64,0.6); animation: ri-flame 2s ease-in-out infinite alternate; }
@keyframes ri-paper { 0% { transform:rotate(-5deg) translateY(0) } 50% { transform:rotate(-3deg) translateY(-2px) } 100% { transform:rotate(-6deg) translateY(1px) } }
@keyframes ri-book { 0% { transform:rotate(3deg) translateY(0) } 50% { transform:rotate(4deg) translateY(-1px) } 100% { transform:rotate(2deg) translateY(0) } }
@keyframes ri-figure { 0% { transform:translateY(0) rotate(-2deg) } 25% { transform:translateY(-2px) rotate(1deg) } 50% { transform:translateY(0) rotate(2deg) } 75% { transform:translateY(-1px) rotate(-1deg) } 100% { transform:translateY(0) rotate(0) } }
@keyframes ri-flame { 0% { transform:translateX(-50%) scaleY(1) } 50% { transform:translateX(-50%) scaleY(1.3) } 100% { transform:translateX(-50%) scaleY(0.9) } }

.scn-benares-outskirts { background: linear-gradient(180deg, #e0c090 0%, #c0a070 30%, #a08050 60%, #806040 100%), radial-gradient(ellipse at 50% 0%, #f0d0a0 0%, transparent 70%); }
.scn-benares-outskirts .sky-dust { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #d0b090 0%, #c0a070 60%, #a08050 100%); opacity:0.8; animation: bo-dust 15s ease-in-out infinite alternate; }
.scn-benares-outskirts .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius:40% 60% 0 0 / 80% 70% 0 0; }
.scn-benares-outskirts .ruin-temple { position:absolute; bottom:30%; left:15%; width:80px; height:90px; background: linear-gradient(180deg, #a08060 0%, #8a6a4a 100%); border-radius:10% 10% 30% 30%; box-shadow: inset 0 -30px 20px rgba(0,0,0,.2); transform:rotate(-5deg); animation: bo-sway 12s ease-in-out infinite; }
.scn-benares-outskirts .broken-wall { position:absolute; bottom:35%; right:20%; width:60px; height:50px; background: linear-gradient(180deg, #b09070 0%, #906040 100%); border-radius:4px; box-shadow: inset 0 -20px 15px rgba(0,0,0,.3); transform:rotate(8deg); animation: bo-sway 14s ease-in-out infinite reverse; }
.scn-benares-outskirts .dust-cloud { position:absolute; bottom:15%; left:30%; width:30%; height:20%; background: radial-gradient(ellipse at 50% 50%, rgba(200,180,150,0.4) 0%, transparent 80%); filter: blur(8px); animation: bo-dust-drift 20s ease-in-out infinite; }
.scn-benares-outskirts .tree-silhouette { position:absolute; bottom:20%; left:5%; width:50px; height:120px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:80% 80% 30% 30% / 90% 90% 30% 30%; transform:scaleX(0.8); animation: bo-sway 18s ease-in-out infinite; }
.scn-benares-outskirts .distant-hut { position:absolute; bottom:30%; left:55%; width:40px; height:30px; background: #5a4a3a; border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); transform:scale(0.8); animation: bo-fade 10s ease-in-out infinite; }
@keyframes bo-dust { 0% { opacity:0.6 } 50% { opacity:0.9 } 100% { opacity:0.7 } }
@keyframes bo-sway { 0% { transform:rotate(-5deg) translateY(0) } 50% { transform:rotate(-3deg) translateY(-2px) } 100% { transform:rotate(-6deg) translateY(1px) } }
@keyframes bo-dust-drift { 0% { transform:translateX(0) scale(1) } 50% { transform:translateX(20px) scale(1.2) } 100% { transform:translateX(-10px) scale(0.9) } }
@keyframes bo-fade { 0% { opacity:0.5 } 50% { opacity:0.8 } 100% { opacity:0.4 } }

.scn-diamond-theft-prevention {
  background: 
    linear-gradient(180deg, #2b1e14 0%, #1f1410 40%),
    radial-gradient(ellipse at 50% 100%, #1a100c 0%, transparent 70%);
}
.scn-diamond-theft-prevention .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3d2b1f 0%, #1f1410 100%);
  opacity: 0.8;
}
.scn-diamond-theft-prevention .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, #1a100c 0%, #2b1e14 100%);
}
.scn-diamond-theft-prevention .figure {
  position: absolute; bottom: 22%; left: 40%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #1a140e 0%, #120c08 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: dtp-fig 6s ease-in-out infinite;
}
.scn-diamond-theft-prevention .guard {
  position: absolute; bottom: 22%; right: 20%; width: 70px; height: 90px;
  background: linear-gradient(180deg, #2a1e12 0%, #1a1008 100%);
  border-radius: 35% 35% 25% 25% / 45% 45% 35% 35%;
  animation: dtp-guard 8s ease-in-out infinite;
}
.scn-diamond-theft-prevention .table {
  position: absolute; bottom: 25%; left: 55%; width: 80px; height: 12px;
  background: linear-gradient(90deg, #3d2b1f, #2a1e14);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.6);
}
.scn-diamond-theft-prevention .diamond {
  position: absolute; bottom: 30%; left: 58%; width: 10px; height: 10px;
  background: radial-gradient(circle, #f0e0c0 0%, #c8b890 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation: dtp-diamond 4s ease-in-out infinite alternate;
}
.scn-diamond-theft-prevention .lantern {
  position: absolute; bottom: 55%; left: 30%; width: 12px; height: 20px;
  background: radial-gradient(circle, #ffb366 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(255, 179, 102, .3);
  animation: dtp-lantern 5s ease-in-out infinite alternate;
}
@keyframes dtp-fig {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(-10px) translateY(-2px) rotate(-2deg); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes dtp-guard {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.98) translateY(2px); }
  100% { transform: scaleY(1); }
}
@keyframes dtp-diamond {
  0% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.9; }
  50% { transform: translateY(-3px) rotate(15deg) scale(1.1); opacity: 1; }
  100% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.95; }
}
@keyframes dtp-lantern {
  0% { opacity: 0.7; box-shadow: 0 0 20px 8px rgba(255, 179, 102, .2); }
  50% { opacity: 1; box-shadow: 0 0 40px 15px rgba(255, 179, 102, .4); }
  100% { opacity: 0.8; box-shadow: 0 0 25px 10px rgba(255, 179, 102, .25); }
}

.scn-item-largest-diamond {
  background:
    linear-gradient(180deg, #2d221a 0%, #1f1610 50%),
    radial-gradient(ellipse at 50% 80%, #1a120d 0%, transparent 70%);
}
.scn-item-largest-diamond .bg-wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #3d2f23 0%, #1f1610 100%);
  opacity: 0.7;
}
.scn-item-largest-diamond .pedestal {
  position: absolute; bottom: 18%; left: 50%; transform: translateX(-50%);
  width: 100px; height: 60px;
  background: linear-gradient(180deg, #4a3b2d 0%, #2a1e14 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 8px 16px rgba(0,0,0,.6);
}
.scn-item-largest-diamond .diamond {
  position: absolute; bottom: 48%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 40px;
  background: radial-gradient(circle, #f8eac8 0%, #d4bfa0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation: ilg-glow 4s ease-in-out infinite alternate;
  box-shadow: 0 0 40px 20px rgba(200, 180, 140, .4);
}
.scn-item-largest-diamond .hand {
  position: absolute; bottom: 50%; left: 60%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #3d2b1f 0%, #1f1410 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ilg-hand 6s ease-in-out infinite;
}
.scn-item-largest-diamond .scale-pan {
  position: absolute; bottom: 25%; left: 30%; width: 60px; height: 8px;
  background: linear-gradient(90deg, #3d2b1f, #2a1e14);
  border-radius: 4px;
}
.scn-item-largest-diamond .lantern {
  position: absolute; bottom: 65%; left: 20%; width: 14px; height: 22px;
  background: radial-gradient(circle, #ffb366 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 15px rgba(255, 179, 102, .3);
  animation: ilg-lantern 7s ease-in-out infinite alternate;
}
.scn-item-largest-diamond .shadow {
  position: absolute; bottom: 12%; left: 30%; width: 120px; height: 30px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 100%);
  opacity: 0.6;
  animation: ilg-shadow 5s ease-in-out infinite alternate;
}
@keyframes ilg-glow {
  0% { transform: translateX(-50%) rotate(0deg) scale(1); opacity: 0.85; box-shadow: 0 0 30px 15px rgba(200,180,140,.3); }
  50% { transform: translateX(-50%) rotate(10deg) scale(1.05); opacity: 1; box-shadow: 0 0 60px 30px rgba(220,200,160,.5); }
  100% { transform: translateX(-50%) rotate(0deg) scale(1); opacity: 0.9; box-shadow: 0 0 35px 18px rgba(200,180,140,.35); }
}
@keyframes ilg-hand {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-8px) rotate(8deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ilg-lantern {
  0% { opacity: 0.7; box-shadow: 0 0 25px 10px rgba(255,179,102,.2); }
  50% { opacity: 1; box-shadow: 0 0 50px 20px rgba(255,179,102,.4); }
  100% { opacity: 0.8; box-shadow: 0 0 30px 12px rgba(255,179,102,.25); }
}
@keyframes ilg-shadow {
  0% { opacity: 0.5; transform: scaleX(1); }
  50% { opacity: 0.7; transform: scaleX(0.95); }
  100% { opacity: 0.5; transform: scaleX(1); }
}

.scn-diamond-found-by-native-contractor {
  background:
    linear-gradient(180deg, #2a2018 0%, #1a1410 40%),
    radial-gradient(ellipse at 50% 100%, #120c08 0%, transparent 70%);
}
.scn-diamond-found-by-native-contractor .rock-wall {
  position: absolute; inset: 0 40% 0 0;
  background: linear-gradient(180deg, #3d3a2f 0%, #1a1712 100%);
  border-right: 2px solid #2a2018;
  opacity: 0.8;
}
.scn-diamond-found-by-native-contractor .mine-shaft {
  position: absolute; inset: 0 0 40% 0; left: 40%; right: 0;
  background: linear-gradient(180deg, #1a1510 0%, #120d08 100%);
}
.scn-diamond-found-by-native-contractor .figure {
  position: absolute; bottom: 20%; left: 50%; width: 50px; height: 70px;
  background: linear-gradient(180deg, #1a1410 0%, #0d0905 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: dfn-fig 6s ease-in-out infinite;
}
.scn-diamond-found-by-native-contractor .diamond {
  position: absolute; bottom: 38%; left: 55%; width: 12px; height: 12px;
  background: radial-gradient(circle, #f0e0c0 0%, #c8b890 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation: dfn-diamond 5s ease-in-out infinite alternate;
}
.scn-diamond-found-by-native-contractor .lantern {
  position: absolute; bottom: 60%; left: 45%; width: 10px; height: 18px;
  background: radial-gradient(circle, #ffb366 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 12px rgba(255, 179, 102, .3);
  animation: dfn-lantern 6s ease-in-out infinite alternate;
}
.scn-diamond-found-by-native-contractor .dust {
  position: absolute; bottom: 15%; left: 45%; width: 40px; height: 40px;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,180,140,0.2) 0%, transparent 100%);
  filter: blur(6px);
  animation: dfn-dust 4s ease-in-out infinite;
}
.scn-diamond-found-by-native-contractor .cart {
  position: absolute; bottom: 10%; left: 20%; width: 60px; height: 20px;
  background: linear-gradient(90deg, #2a1e14, #1a120c);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,.5);
  animation: dfn-cart 10s ease-in-out infinite;
}
@keyframes dfn-fig {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(6px) translateY(-3px) rotate(2deg); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes dfn-diamond {
  0% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.8; }
  50% { transform: translateY(-4px) rotate(20deg) scale(1.15); opacity: 1; }
  100% { transform: translateY(0) rotate(0deg) scale(1); opacity: 0.9; }
}
@keyframes dfn-lantern {
  0% { opacity: 0.6; box-shadow: 0 0 20px 8px rgba(255,179,102,.2); }
  50% { opacity: 1; box-shadow: 0 0 45px 18px rgba(255,179,102,.4); }
  100% { opacity: 0.7; box-shadow: 0 0 25px 10px rgba(255,179,102,.25); }
}
@keyframes dfn-dust {
  0% { opacity: 0.4; transform: scale(1) translateY(0); }
  50% { opacity: 0.7; transform: scale(1.2) translateY(-5px); }
  100% { opacity: 0.2; transform: scale(0.9) translateY(0); }
}
@keyframes dfn-cart {
  0% { transform: translateX(0); }
  50% { transform: translateX(8px); }
  100% { transform: translateX(0); }
}

.scn-other-famous-diamonds {
  background:
    linear-gradient(180deg, #1a1512 0%, #100d0a 50%),
    radial-gradient(ellipse at 50% 80%, #0d0a08 0%, transparent 70%);
}
.scn-other-famous-diamonds .bg-velvet {
  position: absolute; inset: 10% 10% 10% 10%;
  background: linear-gradient(135deg, #2a1a1a 0%, #1a1010 100%);
  border-radius: 8px;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.8);
}
.scn-other-famous-diamonds .crown {
  position: absolute; bottom: 30%; width: 60px; height: 30px;
  background: linear-gradient(90deg, #c8a850, #b89040, #c8a850);
  clip-path: polygon(0% 100%, 20% 10%, 40% 30%, 60% 10%, 80% 30%, 100% 10%, 100% 100%);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.5));
}
.scn-other-famous-diamonds .crown.left {
  left: 15%;
  animation: ofc-crown-left 8s ease-in-out infinite alternate;
}
.scn-other-famous-diamonds .crown.right {
  right: 15%;
  animation: ofc-crown-right 8s ease-in-out infinite alternate;
}
.scn-other-famous-diamonds .diamond {
  position: absolute; width: 14px; height: 14px;
  background: radial-gradient(circle, #f8eac8 0%, #d4bfa0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation: ofc-diamond 6s ease-in-out infinite alternate;
}
.scn-other-famous-diamonds .diamond.one {
  bottom: 35%; left: 18%;
  animation-delay: 0s;
}
.scn-other-famous-diamonds .diamond.two {
  bottom: 35%; left: 48%;
  animation-delay: -2s;
}
.scn-other-famous-diamonds .diamond.three {
  bottom: 35%; right: 18%;
  animation-delay: -4s;
}
.scn-other-famous-diamonds .glint {
  position: absolute; width: 100%; height: 100%; pointer-events: none;
  background: radial-gradient(ellipse at 40% 30%, rgba(255,255,200,0.1) 0%, transparent 60%);
  animation: ofc-glint 12s ease-in-out infinite alternate;
}
@keyframes ofc-crown-left {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-3px) rotate(0deg); }
  100% { transform: translateY(0) rotate(2deg); }
}
@keyframes ofc-crown-right {
  0% { transform: translateY(0) rotate(2deg); }
  50% { transform: translateY(-3px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes ofc-diamond {
  0% { transform: scale(1) rotate(0deg); opacity: 0.8; filter: brightness(1); }
  50% { transform: scale(1.15) rotate(10deg); opacity: 1; filter: brightness(1.2); }
  100% { transform: scale(1) rotate(0deg); opacity: 0.9; filter: brightness(1); }
}
@keyframes ofc-glint {
  0% { opacity: 0.3; transform: translateX(0); }
  50% { opacity: 0.6; transform: translateX(10px); }
  100% { opacity: 0.2; transform: translateX(-10px); }
}

.scn-naked-man-chases-horse { background: linear-gradient(180deg, #fce4b8 0%, #e8c99b 40%, #d4a86a 100%), radial-gradient(ellipse at 60% 80%, #fff5dd 0%, transparent 70%); }
.scn-naked-man-chases-horse .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #c1e1ff 0%, #fdeacb 100%); animation: nmch-sky 10s ease-in-out infinite alternate; }
.scn-naked-man-chases-horse .road { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #b49a6a 0%, #8c7a4e 100%); border-radius: 10% 20% 0 0 / 20% 30% 0 0; }
.scn-naked-man-chases-horse .horse { position:absolute; bottom:20%; left:55%; width:70px; height:50px; background: linear-gradient(180deg, #8b5e3c 0%, #5c3d25 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nmch-horse 12s ease-in-out infinite; }
.scn-naked-man-chases-horse .buggy { position:absolute; bottom:28%; left:50%; width:50px; height:25px; background: linear-gradient(180deg, #6b4a2e 0%, #3d2a18 100%); border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%; transform: translateX(-50%); box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-naked-man-chases-horse .man { position:absolute; bottom:15%; left:35%; width:18px; height:40px; background: linear-gradient(180deg, #d2a679 0%, #a67c52 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: nmch-run 4s ease-in-out infinite; }
.scn-naked-man-chases-horse .dust { position:absolute; bottom:8%; left:20%; width:30px; height:10px; background: rgba(200,180,140,.25); filter: blur(4px); border-radius: 50%; animation: nmch-dust 2s ease-in-out infinite alternate; }
@keyframes nmch-sky { 0%,100% { opacity:.9 } 50% { opacity:1 } }
@keyframes nmch-horse { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-3px) rotate(0deg) } 50% { transform: translateY(0) rotate(2deg) } 75% { transform: translateY(-2px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes nmch-run { 0% { transform: translateX(0) translateY(0) rotate(-10deg) } 25% { transform: translateX(5px) translateY(-3px) rotate(15deg) } 50% { transform: translateX(10px) translateY(0) rotate(-10deg) } 75% { transform: translateX(15px) translateY(-2px) rotate(12deg) } 100% { transform: translateX(20px) translateY(0) rotate(0deg) } }
@keyframes nmch-dust { 0% { transform: translateY(0) scale(1); opacity:.6 } 50% { transform: translateY(-4px) scale(1.2); opacity:.3 } 100% { transform: translateY(0) scale(1); opacity:.6 } }

.scn-women-on-foot { background: linear-gradient(180deg, #f9e6c4 0%, #e3c9a0 50%, #c4a87a 100%), radial-gradient(ellipse at 70% 90%, #fff5dd 0%, transparent 60%); }
.scn-women-on-foot .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #b8d4f0 0%, #f2dbaf 100%); animation: wof-sky 8s ease-in-out infinite alternate; }
.scn-women-on-foot .road { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #b89a6a 0%, #8c7a4e 100%); border-radius: 30% 10% 0 0 / 20% 10% 0 0; }
.scn-women-on-foot .woman-a { position:absolute; bottom:15%; left:20%; width:16px; height:42px; background: linear-gradient(180deg, #b5785a 0%, #8a5a40 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: wof-walk 5s ease-in-out infinite; }
.scn-women-on-foot .woman-b { position:absolute; bottom:15%; left:35%; width:16px; height:40px; background: linear-gradient(180deg, #9c6e52 0%, #704a32 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: wof-walk 5s ease-in-out infinite 0.15s; }
.scn-women-on-foot .woman-c { position:absolute; bottom:15%; left:50%; width:16px; height:38px; background: linear-gradient(180deg, #7f5a3e 0%, #5a3a28 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: wof-walk 5s ease-in-out infinite 0.3s; }
.scn-women-on-foot .woman-d { position:absolute; bottom:15%; left:65%; width:16px; height:44px; background: linear-gradient(180deg, #a0765a 0%, #78523a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: wof-walk 5s ease-in-out infinite 0.45s; }
.scn-women-on-foot .bonnet-a { position:absolute; bottom:34%; left:22%; width:12px; height:8px; background: #d4bc9c; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; transform: rotate(-5deg); animation: wof-sway 4s ease-in-out infinite; }
.scn-women-on-foot .bonnet-b { position:absolute; bottom:34%; left:52%; width:12px; height:8px; background: #d4bc9c; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; transform: rotate(5deg); animation: wof-sway 4s ease-in-out infinite 0.5s; }
@keyframes wof-sky { 0%,100% { opacity:.8 } 50% { opacity:1 } }
@keyframes wof-walk { 0% { transform: translateY(0) rotate(-5deg) } 25% { transform: translateY(-2px) rotate(5deg) } 50% { transform: translateY(0) rotate(-5deg) } 75% { transform: translateY(-1px) rotate(3deg) } 100% { transform: translateY(0) rotate(-5deg) } }
@keyframes wof-sway { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(5deg) translateY(-2px) } }

.scn-cabin-fire-rescue { background: linear-gradient(180deg, #f5c89a 0%, #dba878 40%, #b37a4a 100%), radial-gradient(ellipse at 50% 0%, #ffe7b0 0%, transparent 60%); }
.scn-cabin-fire-rescue .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #b8b8b0 0%, #c08555 100%); animation: cfr-sky 6s ease-in-out infinite alternate; }
.scn-cabin-fire-rescue .smoke-bg { position:absolute; inset:0 0 50% 0; background: radial-gradient(ellipse at 50% 30%, rgba(100,80,60,0.4) 0%, transparent 70%); animation: cfr-smoke 20s linear infinite; }
.scn-cabin-fire-rescue .cabin { position:absolute; bottom:20%; left:50%; width:80px; height:50px; transform: translateX(-50%); background: linear-gradient(180deg, #6b4a2e 0%, #4a2e1a 100%); border-radius: 10% 10% 5% 5% / 30% 30% 10% 10%; box-shadow: inset 0 -5px 10px rgba(0,0,0,.5); }
.scn-cabin-fire-rescue .flame-1 { position:absolute; bottom:35%; left:48%; width:20px; height:35px; background: linear-gradient(180deg, #e8a040 0%, #c85d2a 50%, #80301a 100%); border-radius: 50% 50% 20% 20% / 70% 70% 20% 20%; transform-origin: bottom; animation: cfr-fire 0.6s ease-in-out infinite alternate; }
.scn-cabin-fire-rescue .flame-2 { position:absolute; bottom:38%; left:55%; width:15px; height:25px; background: linear-gradient(180deg, #d47a2a 0%, #a8441a 60%, #5c2010 100%); border-radius: 50% 50% 20% 20% / 70% 70% 20% 20%; transform-origin: bottom; animation: cfr-fire 0.4s ease-in-out infinite alternate-reverse; }
.scn-cabin-fire-rescue .figure-rescuer { position:absolute; bottom:18%; left:38%; width:16px; height:36px; background: linear-gradient(180deg, #2a1a0c 0%, #1a0e04 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: cfr-rescue 8s ease-in-out infinite; }
.scn-cabin-fire-rescue .figure-victim { position:absolute; bottom:20%; left:42%; width:14px; height:30px; background: linear-gradient(180deg, #3a281a 0%, #24160a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: cfr-victim 6s ease-in-out infinite; }
@keyframes cfr-sky { 0% { background-position: 0 0; } 50% { background-position: 10px 5px; } 100% { background-position: 0 0; } }
@keyframes cfr-smoke { 0% { transform: translateY(0) scale(1); opacity:.6; } 50% { transform: translateY(-20px) scale(1.2); opacity:.3; } 100% { transform: translateY(0) scale(1); opacity:.6; } }
@keyframes cfr-fire { 0% { transform: translateY(0) rotate(-8deg) scaleY(1); } 50% { transform: translateY(-3px) rotate(8deg) scaleY(1.2); } 100% { transform: translateY(0) rotate(-8deg) scaleY(1); } }
@keyframes cfr-rescue { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(3px) rotate(-5deg); } 50% { transform: translateX(0) rotate(0); } 75% { transform: translateX(-2px) rotate(5deg); } }
@keyframes cfr-victim { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(10deg); } }

.scn-providence-provides { background: linear-gradient(180deg, #f9e6c4 0%, #e3c9a0 40%, #c4a87a 100%), radial-gradient(ellipse at 50% 80%, #ffe8c0 0%, transparent 70%); }
.scn-providence-provides .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #b0cfe0 0%, #f2dbaf 100%); animation: pp-sky 12s ease-in-out infinite alternate; }
.scn-providence-provides .sun { position:absolute; top:10%; right:20%; width:30px; height:30px; background: radial-gradient(circle, #fff4c0 0%, #f2d070 40%, transparent 70%); border-radius: 50%; animation: pp-sun 8s ease-in-out infinite alternate; }
.scn-providence-provides .path { position:absolute; bottom:0; left:20%; right:20%; height:45%; background: linear-gradient(180deg, #b49a6a 0%, #8c7a4e 100%); border-radius: 40% 40% 0 0 / 20% 20% 0 0; }
.scn-providence-provides .tree-l { position:absolute; bottom:20%; left:5%; width:40px; height:60px; background: #4a6a3a; border-radius: 50% 50% 20% 20% / 70% 70% 20% 20%; box-shadow: -5px 0 10px rgba(0,0,0,.2); animation: pp-tree 20s ease-in-out infinite; }
.scn-providence-provides .tree-r { position:absolute; bottom:22%; right:10%; width:35px; height:55px; background: #5a7a4a; border-radius: 50% 50% 20% 20% / 70% 70% 20% 20%; box-shadow: 5px 0 8px rgba(0,0,0,.2); animation: pp-tree 18s ease-in-out infinite reverse; }
.scn-providence-provides .figures { position:absolute; bottom:12%; left:40%; width:20px; height:30px; background: #6b4a2e; border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; animation: pp-figures 7s ease-in-out infinite; }
@keyframes pp-sky { 0%,100% { opacity:.85; } 50% { opacity:1; } }
@keyframes pp-sun { 0% { transform: translateY(0) scale(1); opacity:.9; } 50% { transform: translateY(-2px) scale(1.05); opacity:1; } 100% { transform: translateY(0) scale(1); opacity:.9; } }
@keyframes pp-tree { 0% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-2px); } 100% { transform: rotate(0deg) translateY(0); } }
@keyframes pp-figures { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(2px) rotate(-5deg); } 50% { transform: translateX(4px) rotate(0); } 75% { transform: translateX(2px) rotate(5deg); } 100% { transform: translateX(0) rotate(0); } }

.scn-comfortable-ship-captain {
  background:
    linear-gradient(180deg, #7db3e0 0%, #4a80b0 40%, #2c5a80 70%, #1a3a55 100%),
    radial-gradient(ellipse at 70% 20%, #fff4c0 0%, transparent 50%);
}

.scn-comfortable-ship-captain .sky {
  position: absolute;
  inset: 0 0 65% 0;
  background: linear-gradient(180deg, #d4e8ff 0%, #88b8e0 40%, transparent 100%);
  animation: sc1-sky 15s ease-in-out infinite alternate;
}

.scn-comfortable-ship-captain .sea {
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, #1f5a7a 0%, #0e3a5a 60%, #0a2a40 100%);
  border-radius: 30% 70% 0 0 / 20% 40% 0 0;
  animation: sc1-sea 8s ease-in-out infinite alternate;
}

.scn-comfortable-ship-captain .sun-glint {
  position: absolute;
  bottom: 50%;
  left: 70%;
  width: 40px;
  height: 40px;
  background: radial-gradient(circle, #fffbe0 0%, #ffdd40 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255, 200, 50, 0.6);
  animation: sc1-glint 6s ease-in-out infinite alternate;
}

.scn-comfortable-ship-captain .ship-hull {
  position: absolute;
  bottom: 35%;
  left: 25%;
  width: 120px;
  height: 35px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 0 50% 80% 80% / 0 60% 100% 100%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  animation: sc1-hull 12s ease-in-out infinite;
}

.scn-comfortable-ship-captain .sail-man {
  position: absolute;
  bottom: 42%;
  left: 28%;
  width: 50px;
  height: 60px;
  background: linear-gradient(135deg, #f0e8d0 0%, #c8b890 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  box-shadow: 2px 4px 8px rgba(0,0,0,0.3);
  animation: sc1-sail 8s ease-in-out infinite alternate;
}

.scn-comfortable-ship-captain .sc1-cloud-a,
.scn-comfortable-ship-captain .sc1-cloud-b {
  position: absolute;
  height: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%;
  filter: blur(6px);
}

.scn-comfortable-ship-captain .sc1-cloud-a {
  top: 15%;
  left: -10%;
  width: 100px;
  animation: sc1-drift 40s linear infinite;
}

.scn-comfortable-ship-captain .sc1-cloud-b {
  top: 25%;
  left: -20%;
  width: 70px;
  animation: sc1-drift 55s linear infinite reverse;
}

.scn-comfortable-ship-captain .sc1-gull {
  position: absolute;
  top: 22%;
  left: 60%;
  width: 12px;
  height: 6px;
  background: #222;
  border-radius: 50% 50% 0 0;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 80% 50%, 50% 30%, 20% 50%);
  animation: sc1-gull 14s ease-in-out infinite;
}

@keyframes sc1-sky { 0%{opacity:0.8} 50%{opacity:1} 100%{opacity:0.9} }
@keyframes sc1-sea { 0%{transform:translateY(0)} 50%{transform:translateY(3px)} 100%{transform:translateY(-2px)} }
@keyframes sc1-glint { 0%{opacity:0.6;transform:scale(1)} 50%{opacity:1;transform:scale(1.3)} 100%{opacity:0.8;transform:scale(1.1)} }
@keyframes sc1-hull { 0%{transform:rotate(-2deg) translateY(0)} 50%{transform:rotate(2deg) translateY(3px)} 100%{transform:rotate(-1deg) translateY(1px)} }
@keyframes sc1-sail { 0%{transform:skewX(-5deg)} 50%{transform:skewX(5deg)} 100%{transform:skewX(-3deg)} }
@keyframes sc1-drift { 0%{transform:translateX(0)} 100%{transform:translateX(120vw)} }
@keyframes sc1-gull { 0%{transform:translate(0,0) scale(1)} 25%{transform:translate(10px,-8px) scale(1.1)} 50%{transform:translate(20px,0) scale(1)} 75%{transform:translate(30px,-5px) scale(0.9)} 100%{transform:translate(40px,2px) scale(1)} }

/* ===== captains-manners-tenor ===== */
.scn-captains-manners-tenor {
  background:
    linear-gradient(180deg, #f5ead0 0%, #e0d0b0 30%, #c8b890 60%, #b0a080 100%),
    radial-gradient(ellipse at 50% 60%, #fff8e0 0%, transparent 60%);
}

.scn-captains-manners-tenor .wall {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(135deg, #d8c8a8 0%, #c0b090 50%, #b0a080 100%);
}

.scn-captains-manners-tenor .window-c {
  position: absolute;
  top: 15%;
  left: 30%;
  width: 100px;
  height: 130px;
  background: linear-gradient(180deg, #d4e8ff 0%, #a0c8e8 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,200,0.3);
}

.scn-captains-manners-tenor .curtain-left,
.scn-captains-manners-tenor .curtain-right {
  position: absolute;
  top: 15%;
  height: 130px;
  width: 30px;
  background: linear-gradient(180deg, #b8a080 0%, #978060 100%);
  border-radius: 0 20px 20px 0;
  animation: te-curtain 6s ease-in-out infinite alternate;
}

.scn-captains-manners-tenor .curtain-left { left: 28%; transform-origin: top left; }
.scn-captains-manners-tenor .curtain-right { left: 45%; border-radius: 20px 0 0 20px; transform-origin: top right; }

.scn-captains-manners-tenor .armchair {
  position: absolute;
  bottom: 20%;
  left: 15%;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #7a6a5a 0%, #5a4a3a 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 3px 5px 10px rgba(0,0,0,0.3);
}

.scn-captains-manners-tenor .portrait {
  position: absolute;
  top: 12%;
  left: 55%;
  width: 50px;
  height: 70px;
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}

.scn-captains-manners-tenor .figure-profile {
  position: absolute;
  bottom: 22%;
  left: 22%;
  width: 20px;
  height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: te-figure 4s ease-in-out infinite;
}

.scn-captains-manners-tenor .te-mote {
  position: absolute;
  top: 20%;
  left: 40%;
  width: 4px;
  height: 4px;
  background: rgba(200,180,140,0.8);
  border-radius: 50%;
  animation: te-dust 8s ease-in-out infinite;
}

@keyframes te-curtain {
  0%{transform:rotateY(0deg)} 50%{transform:rotateY(15deg)} 100%{transform:rotateY(0deg)}
}
@keyframes te-figure {
  0%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-3px) rotate(2deg)} 100%{transform:translateY(0) rotate(0)}
}
@keyframes te-dust {
  0%{transform:translate(0,0);opacity:0.6}
  50%{transform:translate(8px,-12px);opacity:0.2}
  100%{transform:translate(16px,-24px);opacity:0.8}
}

/* ===== laws-smoking-room ===== */
.scn-laws-smoking-room {
  background:
    linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 30%, #3a3a3a 60%, #2a2a2a 100%),
    radial-gradient(ellipse at 50% 80%, #4a3a2a 0%, transparent 70%);
}

.scn-laws-smoking-room .floor-sm {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
}

.scn-laws-smoking-room .wall-sm {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(135deg, #2a241a 0%, #1f1810 50%, #14100a 100%);
}

.scn-laws-smoking-room .table-sm {
  position: absolute;
  bottom: 25%;
  left: 35%;
  width: 80px;
  height: 60px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
}

.scn-laws-smoking-room .lamp-sm {
  position: absolute;
  top: 30%;
  left: 38%;
  width: 20px;
  height: 30px;
  background: radial-gradient(circle at 50% 20%, #ffd080 0%, #b08040 60%, transparent 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(255,200,80,0.5);
  animation: sm-lamp 4s ease-in-out infinite alternate;
}

.scn-laws-smoking-room .smoke-sm {
  position: absolute;
  top: 20%;
  left: 40%;
  width: 60px;
  height: 40px;
  background: linear-gradient(180deg, rgba(200,180,160,0.3) 0%, rgba(200,180,160,0) 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: sm-smoke 12s ease-in-out infinite;
}

.scn-laws-smoking-room .chair-sm-1,
.scn-laws-smoking-room .chair-sm-2 {
  position: absolute;
  bottom: 28%;
  width: 50px;
  height: 70px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%;
}

.scn-laws-smoking-room .chair-sm-1 { left: 20%; }
.scn-laws-smoking-room .chair-sm-2 { left: 60%; }

.scn-laws-smoking-room .clock-sm {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 30px;
  height: 30px;
  background: radial-gradient(circle, #c8b890 0%, #8a7a6a 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0,0,0,0.5);
  animation: sm-clock 2s ease-in-out infinite alternate;
}

@keyframes sm-lamp { 0%{opacity:0.7;transform:scaleY(1)} 50%{opacity:1;transform:scaleY(1.1)} 100%{opacity:0.8;transform:scaleY(0.95)} }
@keyframes sm-smoke { 0%{transform:translate(0,0) scale(1);opacity:0.3} 50%{transform:translate(10px,-20px) scale(1.5);opacity:0.1} 100%{transform:translate(-5px,-40px) scale(2);opacity:0} }
@keyframes sm-clock { 0%{transform:rotate(0deg)} 100%{transform:rotate(10deg)} }

/* ===== captain-under-cloud ===== */
.scn-captain-under-cloud {
  background:
    linear-gradient(180deg, #0a0a1a 0%, #14142e 30%, #1a1a3a 60%, #0f0f2a 100%),
    radial-gradient(ellipse at 50% 20%, #2a2a4e 0%, transparent 70%);
}

.scn-captain-under-cloud .room-bg {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #0a0a1a 50%, #1a1a3a 100%);
}

.scn-captain-under-cloud .window-rain {
  position: absolute;
  top: 10%;
  left: 20%;
  width: 80px;
  height: 100px;
  background: linear-gradient(180deg, #2a3a5a 0%, #1a2a4a 100%);
  border-radius: 4px;
  overflow: hidden;
  animation: cu-rain 0.8s linear infinite;
}

.scn-captain-under-cloud .window-rain::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 20%;
  width: 2px;
  height: 120%;
  background: rgba(180,200,255,0.4);
  animation: cu-rain-drop 0.8s linear infinite;
}

.scn-captain-under-cloud .desk-cu {
  position: absolute;
  bottom: 30%;
  left: 35%;
  width: 100px;
  height: 40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.7);
}

.scn-captain-under-cloud .captain-silhouette {
  position: absolute;
  bottom: 30%;
  left: 25%;
  width: 30px;
  height: 70px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: cu-figure 3s ease-in-out infinite alternate;
}

.scn-captain-under-cloud .lamp-cu {
  position: absolute;
  bottom: 40%;
  left: 55%;
  width: 12px;
  height: 18px;
  background: radial-gradient(circle at 50% 50%, #f0c060 0%, #b08030 60%, transparent 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 20px 6px rgba(200,150,50,0.5);
  animation: cu-lamp 2s ease-in-out infinite alternate;
}

.scn-captain-under-cloud .shadow-cu {
  position: absolute;
  bottom: 30%;
  left: 20%;
  width: 80px;
  height: 20px;
  background: rgba(0,0,0,0.6);
  filter: blur(6px);
  animation: cu-shadow 4s ease-in-out infinite alternate;
}

.scn-captain-under-cloud .paper-cu {
  position: absolute;
  bottom: 32%;
  left: 40%;
  width: 30px;
  height: 20px;
  background: #2a2a1a;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: cu-paper 5s ease-in-out infinite;
}

@keyframes cu-rain {
  0%{background-position:0 0}
  100%{background-position:0 20px}
}
@keyframes cu-rain-drop {
  0%{transform:translateY(-100%)}
  100%{transform:translateY(100%)}
}
@keyframes cu-figure {
  0%{transform:translateY(0) rotate(-3deg);opacity:0.9}
  50%{transform:translateY(2px) rotate(0);opacity:1}
  100%{transform:translateY(-1px) rotate(2deg);opacity:0.8}
}
@keyframes cu-lamp {
  0%{box-shadow:0 0 10px 4px rgba(200,150,50,0.3);opacity:0.7}
  50%{box-shadow:0 0 25px 8px rgba(200,150,50,0.7);opacity:1}
  100%{box-shadow:0 0 15px 5px rgba(200,150,50,0.4);opacity:0.8}
}
@keyframes cu-shadow {
  0%{transform:scaleX(1);opacity:0.5}
  50%{transform:scaleX(0.8);opacity:0.7}
  100%{transform:scaleX(1.2);opacity:0.4}
}
@keyframes cu-paper {
  0%{transform:translate(0,0) rotate(0deg)}
  25%{transform:translate(2px,-3px) rotate(5deg)}
  50%{transform:translate(-1px,0) rotate(-3deg)}
  75%{transform:translate(1px,-2px) rotate(2deg)}
  100%{transform:translate(0,0) rotate(0deg)}
}

.scn-indian-river-skeleton { background: linear-gradient(180deg, #f5e6c0 0%, #e8d5a8 30%, #cbb58a 60%, #a68b6a 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%); }
.scn-indian-river-skeleton .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #fadc96 0%, #f5e0b0 100%); animation: irs-sky 15s ease-in-out infinite alternate; }
.scn-indian-river-skeleton .sun { position:absolute; top:8%; left:78%; width:50px; height:50px; border-radius:50%; background: radial-gradient(circle, #ffedb0 0%, #f5c87a 60%, transparent 80%); box-shadow: 0 0 60px 20px #f5d28a; animation: irs-sun 20s ease-in-out infinite; }
.scn-indian-river-skeleton .riverbed { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(0deg, #b8956a 0%, #d4b88a 40%, #e8d0a8 100%); border-radius: 60% 40% 0 0 / 30% 20% 0 0; }
.scn-indian-river-skeleton .channel { position:absolute; bottom:35%; height:4px; border-radius:2px; background: #7a8a9a; opacity:0.5; animation: irs-channel 5s ease-in-out infinite; }
.scn-indian-river-skeleton .channel-a { left:10%; width:30%; }
.scn-indian-river-skeleton .channel-b { right:15%; width:20%; animation-delay:2.5s; }
.scn-indian-river-skeleton .sandbar { position:absolute; bottom:30%; width:80px; height:30px; background: #d4be96; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 -4px 8px rgba(0,0,0,0.1); animation: irs-sandbar 8s ease-in-out infinite; }
.scn-indian-river-skeleton .sandbar-a { left:20%; }
.scn-indian-river-skeleton .sandbar-b { right:25%; animation-delay:4s; }
.scn-indian-river-skeleton .bone-spine { position:absolute; bottom:15%; left:45%; width:8px; height:50%; background: linear-gradient(180deg, #e8d0a8 0%, #cbb58a 50%, #a68b6a 100%); border-radius: 40% 40% 20% 20%; transform: rotate(5deg); animation: irs-spine 12s ease-in-out infinite alternate; }
@keyframes irs-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes irs-sun { 0% { transform: scale(1) rotate(0deg); box-shadow: 0 0 60px 20px #f5d28a; } 50% { transform: scale(1.05) rotate(5deg); box-shadow: 0 0 80px 30px #f5d28a; } 100% { transform: scale(0.95) rotate(-2deg); box-shadow: 0 0 50px 15px #f5d28a; } }
@keyframes irs-channel { 0% { opacity:0.3; transform: translateY(0); } 50% { opacity:0.7; transform: translateY(-3px); } 100% { opacity:0.3; transform: translateY(0); } }
@keyframes irs-sandbar { 0% { transform: scale(1); } 50% { transform: scale(1.1) translateY(-2px); } 100% { transform: scale(1); } }
@keyframes irs-spine { 0% { transform: rotate(3deg); } 50% { transform: rotate(8deg); } 100% { transform: rotate(3deg); } }

.scn-allahabad-arrival { background: linear-gradient(180deg, #c8d8e0 0%, #b0c4d0 30%, #8aa0b0 60%, #6a8090 100%), radial-gradient(ellipse at 80% 20%, #d4e4f0 0%, transparent 60%); }
.scn-allahabad-arrival .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #d4e4f0 0%, #c0d0e0 100%); animation: aar-sky 18s ease-in-out infinite alternate; }
.scn-allahabad-arrival .sun-low { position:absolute; top:20%; left:85%; width:40px; height:40px; border-radius:50%; background: radial-gradient(circle, #ffefb0 0%, #f5d68a 60%, transparent 80%); box-shadow: 0 0 50px 15px #f5d68a; animation: aar-sun 12s ease-in-out infinite; }
.scn-allahabad-arrival .bridge { position:absolute; bottom:40%; left:0; right:0; height:6px; background: linear-gradient(90deg, #8a7a6a 0%, #a09080 50%, #8a7a6a 100%); border-radius:2px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); animation: aar-bridge 6s ease-in-out infinite; }
.scn-allahabad-arrival .pillar { position:absolute; bottom:40%; width:8px; height:40px; background: linear-gradient(180deg, #a09080 0%, #7a6a5a 100%); border-radius:2px; }
.scn-allahabad-arrival .pillar-a { left:25%; }
.scn-allahabad-arrival .pillar-b { left:70%; }
.scn-allahabad-arrival .track { position:absolute; bottom:38%; left:5%; right:5%; height:4px; background: linear-gradient(90deg, #5a4a3a 0%, #7a6a5a 50%, #5a4a3a 100%); border-radius:2px; animation: aar-track 4s ease-in-out infinite; }
.scn-allahabad-arrival .riverbed-dry { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(0deg, #8a7a6a 0%, #b0a090 40%, #c8b8a8 100%); border-radius: 40% 60% 0 0 / 20% 30% 0 0; box-shadow: inset 0 5px 10px rgba(0,0,0,0.15); }
@keyframes aar-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes aar-sun { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.08) rotate(3deg); } 100% { transform: scale(0.95) rotate(-2deg); } }
@keyframes aar-bridge { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(0); } }
@keyframes aar-track { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }

.scn-allahabad-lost-satan { background: linear-gradient(180deg, #e8d8b0 0%, #d4c0a0 30%, #b89878 60%, #9a7858 100%), radial-gradient(ellipse at 50% 0%, #f5e8c8 0%, transparent 60%); }
.scn-allahabad-lost-satan .sky { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #f5e8c8 0%, #e0d0b0 100%); animation: als-sky 20s ease-in-out infinite alternate; }
.scn-allahabad-lost-satan .sun-soft { position:absolute; top:12%; left:20%; width:45px; height:45px; border-radius:50%; background: radial-gradient(circle, #ffe0a0 0%, #f0c880 60%, transparent 80%); box-shadow: 0 0 60px 20px #f0c880; opacity:0.8; animation: als-sun 15s ease-in-out infinite; }
.scn-allahabad-lost-satan .town-skyline { position:absolute; bottom:35%; left:10%; right:10%; height:20%; background: linear-gradient(0deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 50% 50% 0 0 / 80% 80% 0 0; clip-path: polygon(0% 100%, 5% 60%, 12% 70%, 18% 50%, 25% 65%, 35% 40%, 45% 55%, 55% 30%, 65% 50%, 75% 35%, 85% 55%, 95% 45%, 100% 100%); animation: als-town 10s ease-in-out infinite; }
.scn-allahabad-lost-satan .tree { position:absolute; bottom:30%; width:25px; height:50px; background: linear-gradient(180deg, #5a7a4a 0%, #3a5a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; }
.scn-allahabad-lost-satan .tree-a { left:15%; animation: als-tree 7s ease-in-out infinite; }
.scn-allahabad-lost-satan .tree-b { right:20%; animation: als-tree 7s ease-in-out infinite reverse; }
.scn-allahabad-lost-satan .dream-haze { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 50%, rgba(240,220,180,0.4) 0%, transparent 70%); animation: als-haze 25s ease-in-out infinite alternate; }
@keyframes als-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes als-sun { 0% { transform: scale(1) rotate(0deg); box-shadow: 0 0 60px 20px #f0c880; } 50% { transform: scale(1.06) rotate(5deg); box-shadow: 0 0 80px 30px #f0c880; } 100% { transform: scale(0.95) rotate(-3deg); box-shadow: 0 0 50px 15px #f0c880; } }
@keyframes als-town { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }
@keyframes als-tree { 0% { transform: rotate(0deg); } 50% { transform: rotate(3deg) scale(1.05); } 100% { transform: rotate(-2deg); } }
@keyframes als-haze { 0% { opacity:0.3; } 50% { opacity:0.6; } 100% { opacity:0.3; } }

.scn-allahabad-bungalows { background: linear-gradient(180deg, #c8d8c0 0%, #b0c8a8 30%, #90b088 60%, #709068 100%), radial-gradient(ellipse at 60% 20%, #d8e8d0 0%, transparent 60%); }
.scn-allahabad-bungalows .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #d8e8d0 0%, #c0d0b8 100%); animation: alb-sky 14s ease-in-out infinite alternate; }
.scn-allahabad-bungalows .compound-wall { position:absolute; bottom:25%; left:10%; right:10%; height:20%; background: linear-gradient(0deg, #8a7a5a 0%, #a09070 40%, #b0a080 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.1); animation: alb-wall 8s ease-in-out infinite; }
.scn-allahabad-bungalows .bungalow { position:absolute; bottom:30%; left:35%; width:120px; height:70px; background: linear-gradient(180deg, #e0d0b0 0%, #c0b090 100%); border-radius: 4px 4px 8px 8px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
.scn-allahabad-bungalows .veranda { position:absolute; bottom:30%; left:35%; width:120px; height:15px; background: linear-gradient(90deg, #b0a090 0%, #d0c0b0 50%, #b0a090 100%); border-radius:4px 4px 0 0; animation: alb-veranda 5s ease-in-out infinite; }
.scn-allahabad-bungalows .tree-canopy { position:absolute; bottom:45%; left:20%; width:80px; height:50px; background: radial-gradient(ellipse at 50% 50%, #6a9a5a 0%, #4a7a3a 70%, transparent 80%); border-radius: 50%; filter: blur(8px); animation: alb-canopy 12s ease-in-out infinite; }
.scn-allahabad-bungalows .path { position:absolute; bottom:0; left:40%; width:20px; height:30%; background: linear-gradient(0deg, #7a6a4a 0%, #a09070 100%); border-radius: 30% 30% 0 0; transform: skewX(-5deg); animation: alb-path 6s ease-in-out infinite; }
.scn-allahabad-bungalows .figure { position:absolute; bottom:25%; left:55%; width:12px; height:25px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: alb-figure 5s ease-in-out infinite; }
@keyframes alb-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes alb-wall { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02) translateY(-2px); } 100% { transform: scaleX(1); } }
@keyframes alb-veranda { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes alb-canopy { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(2deg); } 100% { transform: scale(0.95) rotate(-1deg); } }
@keyframes alb-path { 0% { transform: skewX(-5deg) translateY(0); } 50% { transform: skewX(-3deg) translateY(-3px); } 100% { transform: skewX(-5deg) translateY(0); } }
@keyframes alb-figure { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(8px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }

.scn-marienbad-sled { background: linear-gradient(180deg, #c8a06a 0%, #a07a4a 40%, #4a3018 100%), radial-gradient(ellipse at 30% 60%, #ffcc80 0%, transparent 60%); }
.scn-marienbad-sled .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #d4b080 0%, #b08050 100%); animation: mrs-sky 30s ease-in-out infinite alternate; }
.scn-marienbad-sled .road { position:absolute; bottom:10%; left:0; right:0; height:50%; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); border-radius: 20% 30% 0 0 / 30% 40% 0 0; animation: mrs-road 20s ease-in-out infinite alternate; }
.scn-marienbad-sled .woman { position:absolute; bottom:30%; left:30%; width:16px; height:40px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0e04 100%); border-radius: 40% 40% 30% 30% / 60% 60% 20% 20%; transform-origin: bottom center; animation: mrs-walk 5s ease-in-out infinite; }
.scn-marienbad-sled .dog { position:absolute; bottom:28%; left:38%; width:24px; height:20px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; animation: mrs-dog 4.5s ease-in-out infinite; }
.scn-marienbad-sled .sled { position:absolute; bottom:22%; left:46%; width:30px; height:10px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius: 20% 20% 10% 10%; transform: skewX(-10deg); animation: mrs-sled 6s ease-in-out infinite; }
.scn-marienbad-sled .driver { position:absolute; bottom:32%; left:68%; width:18px; height:44px; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: mrs-driver 10s ease-in-out infinite; }
.scn-marienbad-sled .puff { position:absolute; bottom:52%; left:72%; width:8px; height:8px; background: radial-gradient(circle, rgba(200,180,160,.8) 0%, rgba(200,180,160,0) 100%); border-radius:50%; animation: mrs-puff 2s ease-out infinite; }
.scn-marienbad-sled .lamp { position:absolute; bottom:48%; left:65%; width:4px; height:8px; background: #d4a060; border-radius:10% 10% 50% 50%; box-shadow: 0 0 12px 4px #a07030; animation: mrs-lamp 3s ease-in-out infinite alternate; }
@keyframes mrs-sky    { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.8 } }
@keyframes mrs-road   { 0% { transform:translateY(0) } 50% { transform:translateY(-2px) } 100% { transform:translateY(0) } }
@keyframes mrs-walk   { 0%,100% { transform:translateX(0) rotate(-2deg) } 25% { transform:translateX(4px) rotate(1deg) } 50% { transform:translateX(8px) rotate(-2deg) } 75% { transform:translateX(12px) rotate(1deg) } }
@keyframes mrs-dog    { 0%,100% { transform:translateX(0) scaleX(1) } 25% { transform:translateX(6px) scaleX(0.9) } 50% { transform:translateX(12px) scaleX(1) } 75% { transform:translateX(18px) scaleX(0.9) } }
@keyframes mrs-sled   { 0%,100% { transform:translateX(0) skewX(-10deg) } 25% { transform:translateX(5px) skewX(-5deg) } 50% { transform:translateX(10px) skewX(-10deg) } 75% { transform:translateX(15px) skewX(-5deg) } }
@keyframes mrs-driver { 0%,100% { transform:translateX(0) rotate(-2deg) } 20% { transform:translateX(3px) rotate(1deg) } 40% { transform:translateX(6px) rotate(-2deg) } 60% { transform:translateX(9px) rotate(1deg) } 80% { transform:translateX(12px) rotate(-2deg) } }
@keyframes mrs-puff   { 0% { transform:translate(0,0) scale(1); opacity:1 } 100% { transform:translate(5px,-10px) scale(2); opacity:0 } }
@keyframes mrs-lamp   { 0% { box-shadow:0 0 8px 2px #a07030; opacity:0.6 } 50% { box-shadow:0 0 16px 6px #c89050; opacity:1 } 100% { box-shadow:0 0 10px 3px #a07030; opacity:0.7 } }

.scn-rhone-virgin-statues { background: linear-gradient(180deg, #b8d8e0 0%, #98b8c8 40%, #6080a0 100%), radial-gradient(ellipse at 70% 30%, #ffe0b0 0%, transparent 50%); }
.scn-rhone-virgin-statues .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #c8e8f0 0%, #90b8c8 100%); animation: rhsv-sky 40s ease-in-out infinite alternate; }
.scn-rhone-virgin-statues .ridge { position:absolute; bottom:25%; left:10%; right:20%; height:30%; background: linear-gradient(180deg, #6a7a50 0%, #3a4a20 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; animation: rhsv-ridge 25s ease-in-out infinite alternate; }
.scn-rhone-virgin-statues .tower { position:absolute; bottom:12%; left:55%; width:20px; height:50px; background: linear-gradient(180deg, #8a7a6a 0%, #4a3a2a 100%); border-radius:10% 10% 0 0; transform: perspective(100px) rotateX(3deg); animation: rhsv-tower 20s ease-in-out infinite; }
.scn-rhone-virgin-statues .statue { position:absolute; bottom:40%; left:56%; width:10px; height:18px; background: linear-gradient(180deg, #c0b0a0 0%, #a09080 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform: perspective(80px) rotateX(-5deg); animation: rhsv-statue 15s ease-in-out infinite; }
.scn-rhone-virgin-statues .cloud-a { position:absolute; top:15%; left:10%; width:70px; height:14px; background: rgba(255,255,255,.4); border-radius:50%; filter:blur(5px); animation: rhsv-drift-a 50s linear infinite; }
.scn-rhone-virgin-statues .cloud-b { position:absolute; top:8%; right:20%; width:50px; height:10px; background: rgba(255,255,255,.3); border-radius:50%; filter:blur(4px); animation: rhsv-drift-b 60s linear infinite reverse; }
@keyframes rhsv-sky    { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.75 } }
@keyframes rhsv-ridge  { 0% { transform:translateY(0) } 50% { transform:translateY(-4px) } 100% { transform:translateY(0) } }
@keyframes rhsv-tower  { 0%,100% { transform:perspective(100px) rotateX(3deg) translateY(0) } 50% { transform:perspective(100px) rotateX(3deg) translateY(-3px) } }
@keyframes rhsv-statue { 0%,100% { transform:perspective(80px) rotateX(-5deg) translateY(0); opacity:0.8 } 50% { transform:perspective(80px) rotateX(-5deg) translateY(-2px); opacity:1 } }
@keyframes rhsv-drift-a{ 0% { transform:translateX(-30px) } 100% { transform:translateX(120vw) } }
@keyframes rhsv-drift-b{ 0% { transform:translateX(0) } 100% { transform:translateX(-120vw) } }

.scn-rhone-tavern { background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 40%, #0a1a2a 100%), radial-gradient(ellipse at 30% 50%, #4a6a7a 0%, transparent 60%); }
.scn-rhone-tavern .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #3a4a5a 0%, transparent 100%); animation: rht-rain-sky 30s ease-in-out infinite alternate; }
.scn-rhone-tavern .building { position:absolute; bottom:20%; left:25%; width:50%; height:50%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:5% 5% 0 0; box-shadow: inset 0 -10px 20px rgba(0,0,0,.5); animation: rht-bldg 25s ease-in-out infinite; }
.scn-rhone-tavern .window { position:absolute; bottom:40%; left:40%; width:15%; height:15%; background: radial-gradient(circle, #c08040 0%, #805020 100%); border-radius:10% 10% 5% 5%; box-shadow: 0 0 20px 6px #805020, 0 0 40px 12px rgba(128,80,32,.4); animation: rht-glow 3s ease-in-out infinite alternate; }
.scn-rhone-tavern .figure { position:absolute; bottom:30%; left:45%; width:8%; height:20%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; animation: rht-sit 6s ease-in-out infinite; }
.scn-rhone-tavern .rain-fore { position:absolute; inset:0; background: repeating-linear-gradient(90deg, transparent 0px, rgba(200,220,255,.3) 1px, transparent 3px, transparent 10px); animation: rht-rain-f 0.3s linear infinite; }
.scn-rhone-tavern .rain-mid { position:absolute; inset:0; background: repeating-linear-gradient(120deg, transparent 0px, rgba(200,220,255,.15) 1px, transparent 2px, transparent 8px); animation: rht-rain-m 0.4s linear infinite; }
.scn-rhone-tavern .rain-back { position:absolute; inset:0; background: repeating-linear-gradient(60deg, transparent 0px, rgba(200,220,255,.08) 1px, transparent 2px, transparent 20px); animation: rht-rain-b 0.6s linear infinite; }
@keyframes rht-rain-sky { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.7 } }
@keyframes rht-bldg   { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-2px) } }
@keyframes rht-glow   { 0% { box-shadow:0 0 12px 3px #805020; opacity:0.7 } 50% { box-shadow:0 0 25px 8px #c08040; opacity:1 } 100% { box-shadow:0 0 15px 4px #805020; opacity:0.8 } }
@keyframes rht-sit    { 0%,100% { transform:translateY(0) rotate(-2deg) } 30% { transform:translateY(-1px) rotate(1deg) } 60% { transform:translateY(1px) rotate(-1deg) } }
@keyframes rht-rain-f { 0% { background-position:0 0 } 100% { background-position:-10px 0 } }
@keyframes rht-rain-m { 0% { background-position:0 0 } 100% { background-position:-8px 0 } }
@keyframes rht-rain-b { 0% { background-position:0 0 } 100% { background-position:-20px 0 } }

.scn-french-women-washing { background: linear-gradient(180deg, #4a5a5a 0%, #2a3a3a 40%, #1a2a2a 100%), radial-gradient(ellipse at 50% 80%, #6a8a8a 0%, transparent 70%); }
.scn-french-women-washing .river { position:absolute; bottom:20%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #3a5a5a 0%, #2a4a4a 100%); border-radius: 30% 40% 0 0 / 50% 60% 0 0; animation: fww-river 30s ease-in-out infinite alternate; }
.scn-french-women-washing .bank { position:absolute; bottom:35%; left:5%; right:5%; height:25%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 60% 40% 0 0 / 70% 50% 0 0; animation: fww-bank 20s ease-in-out infinite alternate; }
.scn-french-women-washing .figure-a { position:absolute; bottom:30%; left:25%; width:12px; height:30px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 20% 20%; transform-origin: bottom center; animation: fww-wash-a 5s ease-in-out infinite; }
.scn-french-women-washing .figure-b { position:absolute; bottom:30%; left:45%; width:12px; height:30px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 20% 20%; transform-origin: bottom center; animation: fww-wash-b 5.5s ease-in-out infinite 1s; }
.scn-french-women-washing .figure-c { position:absolute; bottom:30%; left:65%; width:12px; height:30px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 20% 20%; transform-origin: bottom center; animation: fww-wash-c 6s ease-in-out infinite 0.5s; }
.scn-french-women-washing .basket { position:absolute; bottom:32%; left:35%; width:20px; height:12px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius:20% 20% 10% 10%; animation: fww-basket 15s ease-in-out infinite; }
.scn-french-women-washing .rain-1 { position:absolute; inset:0; background: repeating-linear-gradient(100deg, transparent 0px, rgba(200,220,255,.2) 1px, transparent 2px, transparent 12px); animation: fww-rain1 0.35s linear infinite; }
.scn-french-women-washing .rain-2 { position:absolute; inset:0; background: repeating-linear-gradient(150deg, transparent 0px, rgba(200,220,255,.1) 1px, transparent 2px, transparent 15px); animation: fww-rain2 0.5s linear infinite; }
@keyframes fww-river  { 0% { transform:translateY(0) } 50% { transform:translateY(-3px) } 100% { transform:translateY(0) } }
@keyframes fww-bank   { 0% { transform:translateY(0) scaleY(1) } 50% { transform:translateY(-2px) scaleY(0.98) } 100% { transform:translateY(0) scaleY(1) } }
@keyframes fww-wash-a { 0%,100% { transform:translateY(0) rotate(-15deg) } 25% { transform:translateY(3px) rotate(-5deg) } 50% { transform:translateY(0) rotate(15deg) } 75% { transform:translateY(3px) rotate(5deg) } }
@keyframes fww-wash-b { 0%,100% { transform:translateY(0) rotate(10deg) } 25% { transform:translateY(2px) rotate(20deg) } 50% { transform:translateY(0) rotate(-10deg) } 75% { transform:translateY(2px) rotate(-20deg) } }
@keyframes fww-wash-c { 0%,100% { transform:translateY(0) rotate(-5deg) } 25% { transform:translateY(4px) rotate(-15deg) } 50% { transform:translateY(0) rotate(5deg) } 75% { transform:translateY(4px) rotate(15deg) } }
@keyframes fww-basket { 0%,100% { transform:translateY(0) }} 50% { transform:translateY(-2px) } }
@keyframes fww-rain1 { 0% { background-position:0 0 } 100% { background-position:-12px 0 } }
@keyframes fww-rain2 { 0% { background-position:0 0 } 100% { background-position:-15px 0 } }

/* Scene: thug-feringhea-capture – moonlit, tense capture escape */
.scn-thug-feringhea-capture {
  background: linear-gradient(180deg, #0a1428 0%, #1c2a4a 50%, #2e3e5e 100%), radial-gradient(ellipse at 40% 20%, #3a5a8a 0%, transparent 70%);
}
.scn-thug-feringhea-capture .moon {
  position: absolute; top: 8%; right: 25%; width: 40px; height: 40px;
  background: radial-gradient(circle, #e0e8ff 0%, #b0c4de 70%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(176,196,222,0.4);
  animation: tnc-moon 20s ease-in-out infinite alternate;
}
.scn-thug-feringhea-capture .night-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #0a1428 0%, #16264a 60%);
  animation: tnc-sky 15s ease-in-out infinite alternate;
}
.scn-thug-feringhea-capture .wall {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 70%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 30% 30% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 -20px 30px rgba(0,0,0,0.7);
  animation: tnc-wall 8s ease-in-out infinite alternate;
}
.scn-thug-feringhea-capture .guard-1 {
  position: absolute; bottom: 30%; left: 20%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #3a4a5a 0%, #1a2a3a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tnc-guard 3s ease-in-out infinite alternate;
}
.scn-thug-feringhea-capture .guard-2 {
  position: absolute; bottom: 30%; left: 30%; width: 22px; height: 46px;
  background: linear-gradient(180deg, #2a3a4a 0%, #0a1a2a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tnc-guard 3.2s ease-in-out infinite alternate-reverse;
}
.scn-thug-feringhea-capture .feringhea {
  position: absolute; bottom: 30%; left: 60%; width: 20px; height: 44px;
  background: linear-gradient(180deg, #1a1a2a 0%, #05050f 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tnc-flee 4s ease-in-out infinite;
}
.scn-thug-feringhea-capture .escape-shadow {
  position: absolute; bottom: 30%; left: 55%; width: 40px; height: 10px;
  background: rgba(0,0,0,0.5); border-radius: 50%;
  filter: blur(4px); animation: tnc-shadow 4s ease-in-out infinite;
}
.scn-thug-feringhea-capture .cloud-ci {
  position: absolute; top: 12%; left: 10%; width: 90px; height: 20px;
  background: linear-gradient(180deg, rgba(200,210,230,0.3) 0%, transparent 100%);
  border-radius: 50%; filter: blur(8px);
  animation: tnc-cloud 45s linear infinite;
}
@keyframes tnc-moon {
  0%,100% { transform: scale(1) translateY(0); opacity:0.9; }
  50% { transform: scale(1.03) translateY(-5px); opacity:1; }
}
@keyframes tnc-sky {
  0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; }
}
@keyframes tnc-wall {
  0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); }
}
@keyframes tnc-guard {
  0% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-3px) rotate(-2deg); }
  100% { transform: translateY(0) rotate(1deg); }
}
@keyframes tnc-flee {
  0% { transform: translateX(0) rotate(0deg); opacity:1; }
  25% { transform: translateX(8px) rotate(-2deg); }
  50% { transform: translateX(16px) rotate(0deg); opacity:0.9; }
  75% { transform: translateX(24px) rotate(2deg); }
  100% { transform: translateX(32px) rotate(0deg); opacity:0.8; }
}
@keyframes tnc-shadow {
  0% { transform: scaleX(1) translateX(0); opacity:0.5; }
  50% { transform: scaleX(1.2) translateX(10px); opacity:0.3; }
  100% { transform: scaleX(1) translateX(20px); opacity:0.5; }
}
@keyframes tnc-cloud {
  0% { transform: translateX(-50px); } 100% { transform: translateX(120vw); }
}

/* Scene: thug-feringhea-haunts – dim interior, tense surveillance */
.scn-thug-feringhea-haunts {
  background: linear-gradient(180deg, #0c0c1a 0%, #1a1a2e 50%, #26263a 100%),
              radial-gradient(ellipse at 50% 80%, #2a2a4e 0%, transparent 60%);
}
.scn-thug-feringhea-haunts .room-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #0e0e1e 100%);
  animation: tdh-room 12s ease-in-out infinite alternate;
}
.scn-thug-feringhea-haunts .table {
  position: absolute; bottom: 20%; left: 30%; width: 90px; height: 20px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.6);
  transform: perspective(200px) rotateX(10deg);
  animation: tdh-table 8s ease-in-out infinite alternate;
}
.scn-thug-feringhea-haunts .lamp {
  position: absolute; bottom: 32%; left: 35%; width: 12px; height: 18px;
  background: linear-gradient(180deg, #c0a070 0%, #806040 100%);
  border-radius: 30% 30% 10% 10%;
}
.scn-thug-feringhea-haunts .lamp-glow {
  position: absolute; bottom: 28%; left: 33%; width: 28px; height: 28px;
  background: radial-gradient(circle, #d0b080 0%, transparent 70%);
  border-radius: 50%; filter: blur(6px);
  animation: tdh-glow 4s ease-in-out infinite alternate;
}
.scn-thug-feringhea-haunts .figure-haunt {
  position: absolute; bottom: 20%; left: 45%; width: 22px; height: 50px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tdh-figure 6s ease-in-out infinite;
}
.scn-thug-feringhea-haunts .shadow-1 {
  position: absolute; bottom: 18%; left: 40%; width: 50px; height: 12px;
  background: rgba(0,0,0,0.4); border-radius: 50%; filter: blur(5px);
  animation: tdh-shadow 6s ease-in-out infinite;
}
.scn-thug-feringhea-haunts .shadow-2 {
  position: absolute; bottom: 18%; left: 55%; width: 40px; height: 8px;
  background: rgba(0,0,0,0.3); border-radius: 50%; filter: blur(3px);
  animation: tdh-shadow2 7s ease-in-out infinite alternate;
}
.scn-thug-feringhea-haunts .map-lines {
  position: absolute; bottom: 22%; left: 28%; width: 40px; height: 30px;
  background: repeating-linear-gradient(45deg, rgba(200,180,160,0.15) 0px, rgba(200,180,160,0) 2px);
  border: 1px solid rgba(200,180,160,0.2); border-radius: 4px;
  animation: tdh-map 20s linear infinite;
}
@keyframes tdh-room {
  0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; }
}
@keyframes tdh-table {
  0% { transform: perspective(200px) rotateX(10deg) translateY(0); }
  50% { transform: perspective(200px) rotateX(10deg) translateY(-1px); }
  100% { transform: perspective(200px) rotateX(10deg) translateY(0); }
}
@keyframes tdh-glow {
  0% { opacity:0.6; transform: scale(1); }
  50% { opacity:0.9; transform: scale(1.1); }
  100% { opacity:0.7; transform: scale(0.95); }
}
@keyframes tdh-figure {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(6px) rotate(2deg); }
  66% { transform: translateX(-4px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tdh-shadow {
  0% { transform: scaleX(1) translateX(0); opacity:0.4; }
  50% { transform: scaleX(1.3) translateX(5px); opacity:0.2; }
  100% { transform: scaleX(1) translateX(0); opacity:0.4; }
}
@keyframes tdh-shadow2 {
  0% { transform: scaleX(1) translateX(0); opacity:0.3; }
  100% { transform: scaleX(0.8) translateX(-5px); opacity:0.5; }
}
@keyframes tdh-map {
  0% { opacity:0.2; } 50% { opacity:0.5; } 100% { opacity:0.2; }
}

/* Scene: thug-foster-brother – dim interior, calm, jail scene */
.scn-thug-foster-brother {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2e 40%, #3a3a3e 100%),
              radial-gradient(ellipse at 50% 60%, #4a4a4e 0%, transparent 70%);
}
.scn-thug-foster-brother .cell-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #2a2a2e 0%, #1a1a1a 100%);
  border-radius: 0 0 20% 20% / 0 0 40% 40%;
  animation: tfb-wall 10s ease-in-out infinite alternate;
}
.scn-thug-foster-brother .cell-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #3a3a3e 0%, #1a1a1a 100%);
}
.scn-thug-foster-brother .bars {
  position: absolute; bottom: 30%; left: 10%; width: 4px; height: 60%;
  background: linear-gradient(180deg, #6a6a6e 0%, #4a4a4e 100%);
  box-shadow: 20px 0 0 #5a5a5e, 40px 0 0 #6a6a6e, 60px 0 0 #5a5a5e, 80px 0 0 #6a6a6e;
  animation: tfb-bars 9s ease-in-out infinite alternate;
}
.scn-thug-foster-brother .jhurhoo {
  position: absolute; bottom: 30%; left: 35%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tfb-figure 6s ease-in-out infinite;
}
.scn-thug-foster-brother .aged-mother {
  position: absolute; bottom: 32%; left: 45%; width: 22px; height: 46px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tfb-figure-alt 6s ease-in-out infinite alternate;
}
.scn-thug-foster-brother .embrace {
  position: absolute; bottom: 35%; left: 40%; width: 30px; height: 20px;
  border: 2px solid rgba(100,100,120,0.4); border-radius: 50%;
  transform: rotate(-10deg); animation: tfb-embrace 8s ease-in-out infinite alternate;
}
.scn-thug-foster-brother .tear-drop {
  position: absolute; bottom: 40%; left: 48%; width: 4px; height: 6px;
  background: radial-gradient(circle, #aaccee 0%, transparent 100%);
  border-radius: 50%; filter: blur(1px);
  animation: tfb-tear 4s ease-in-out infinite;
}
.scn-thug-foster-brother .flicker-light {
  position: absolute; top: 10%; left: 50%; width: 20px; height: 20px;
  background: radial-gradient(circle, #6a7a8a 0%, transparent 70%);
  border-radius: 50%; filter: blur(10px);
  animation: tfb-flicker 3s ease-in-out infinite alternate;
}
@keyframes tfb-wall {
  0%,100% { opacity:0.8; } 50% { opacity:0.95; }
}
@keyframes tfb-bars {
  0% { opacity:0.6; } 50% { opacity:0.9; } 100% { opacity:0.7; }
}
@keyframes tfb-figure {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(3px) rotate(2deg); }
  66% { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tfb-figure-alt {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes tfb-embrace {
  0% { transform: rotate(-10deg) scale(1); opacity:0.4; }
  50% { transform: rotate(-5deg) scale(1.05); opacity:0.7; }
  100% { transform: rotate(-10deg) scale(1); opacity:0.4; }
}
@keyframes tfb-tear {
  0% { transform: translateY(0) scaleY(1); opacity:0.8; }
  50% { transform: translateY(8px) scaleY(0.8); opacity:0.2; }
  100% { transform: translateY(0) scaleY(1); opacity:0.8; }
}
@keyframes tfb-flicker {
  0% { opacity:0.3; transform: scale(1); }
  50% { opacity:0.7; transform: scale(1.2); }
  100% { opacity:0.4; transform: scale(0.9); }
}

/* Scene: thug-mother-forgiveness – warm dim interior, tender */
.scn-thug-mother-forgiveness {
  background: linear-gradient(180deg, #2a1a0a 0%, #3a2a1a 40%, #4a3a2a 100%),
              radial-gradient(ellipse at 50% 70%, #5a4a3a 0%, transparent 70%);
}
.scn-thug-mother-forgiveness .room-warm {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0a 100%);
  animation: tmf-room 15s ease-in-out infinite alternate;
}
.scn-thug-mother-forgiveness .window-frame {
  position: absolute; top: 5%; left: 70%; width: 40px; height: 60px;
  border: 4px solid #5a3a1a; border-radius: 4px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
  animation: tmf-window 8s ease-in-out infinite alternate;
}
.scn-thug-mother-forgiveness .mother-silhouette {
  position: absolute; bottom: 30%; left: 30%; width: 30px; height: 48px;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tmf-mother 6s ease-in-out infinite alternate;
}
.scn-thug-mother-forgiveness .kneeling-son {
  position: absolute; bottom: 25%; left: 38%; width: 22px; height: 30px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tmf-son 6s ease-in-out infinite;
}
.scn-thug-mother-forgiveness .hands-blessing {
  position: absolute; bottom: 42%; left: 33%; width: 14px; height: 10px;
  background: #2a2a1a; border-radius: 50% 50% 0 0;
  transform: rotate(20deg); animation: tmf-hands 5s ease-in-out infinite alternate;
}
.scn-thug-mother-forgiveness .glow-around {
  position: absolute; bottom: 25%; left: 25%; width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(200,180,140,0.3) 0%, transparent 70%);
  border-radius: 50%; filter: blur(12px);
  animation: tmf-glow 4s ease-in-out infinite alternate;
}
.scn-thug-mother-forgiveness .dust-motes {
  position: absolute; top: 10%; left: 20%; width: 6px; height: 6px;
  background: rgba(200,180,140,0.4); border-radius: 50%; filter: blur(2px);
  box-shadow: 40px 30px 0 rgba(200,180,140,0.2), 80px 60px 0 rgba(200,180,140,0.3);
  animation: tmf-dust 20s linear infinite;
}
@keyframes tmf-room {
  0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; }
}
@keyframes tmf-window {
  0% { opacity:0.5; transform: scaleY(1); } 50% { opacity:0.7; transform: scaleY(1.02); } 100% { opacity:0.5; transform: scaleY(1); }
}
@keyframes tmf-mother {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes tmf-son {
  0% { transform: translateY(0) rotate(2deg); }
  33% { transform: translateY(1px) rotate(-1deg); }
  66% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(2deg); }
}
@keyframes tmf-hands {
  0% { transform: rotate(20deg) scale(1); opacity:0.8; }
  50% { transform: rotate(15deg) scale(1.05); opacity:1; }
  100% { transform: rotate(20deg) scale(1); opacity:0.8; }
}
@keyframes tmf-glow {
  0% { opacity:0.4; transform: scale(1); }
  50% { opacity:0.7; transform: scale(1.15); }
  100% { opacity:0.5; transform: scale(0.95); }
}
@keyframes tmf-dust {
  0% { transform: translateY(0) translateX(0); opacity:0.3; }
  50% { transform: translateY(-10px) translateX(5px); opacity:0.6; }
  100% { transform: translateY(-20px) translateX(10px); opacity:0.2; }
}

.scn-item-boer-wagon-diamond {
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 40%, #F5DEB3 70%, #C4A882 100%),
              radial-gradient(ellipse at 50% 80%, #FFE4B5 0%, transparent 60%);
}
.scn-item-boer-wagon-diamond .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #87CEEB 0%, #FFF8DC 100%);
  animation: iwd-sky 20s ease-in-out infinite alternate;
}
.scn-item-boer-wagon-diamond .hills {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6B8E23 0%, #556B2F 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: iwd-hills 18s ease-in-out infinite alternate;
}
.scn-item-boer-wagon-diamond .road {
  position: absolute; bottom: 15%; left: 10%; right: 10%; height: 12%;
  background: linear-gradient(180deg, #C4A882 0%, #A2865C 100%);
  border-radius: 20% 20% 0 0;
  animation: iwd-road 15s ease-in-out infinite;
}
.scn-item-boer-wagon-diamond .wagon {
  position: absolute; bottom: 18%; left: 30%; width: 120px; height: 80px;
  background: linear-gradient(135deg, #8B4513 0%, #654321 50%, #3E2723 100%);
  border-radius: 10% 10% 15% 15%;
  box-shadow: 8px 8px 15px rgba(0,0,0,0.5);
  transform: rotate(-5deg);
  animation: iwd-wagon 6s ease-in-out infinite;
}
.scn-item-boer-wagon-diamond .wheel {
  position: absolute; bottom: 12%; left: 35%; width: 40px; height: 40px;
  background: radial-gradient(circle, #5C4033 30%, #3E2723 60%, #2C1E14 100%);
  border-radius: 50%;
  border: 4px solid #2C1E14;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  animation: iwd-wheel 4s linear infinite;
}
.scn-item-boer-wagon-diamond .diamond-glint {
  position: absolute; bottom: 16%; left: 40%; width: 12px; height: 12px;
  background: radial-gradient(circle, #FFFFFF 0%, #FFD700 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 5px #FFD700, 0 0 40px 10px rgba(255,215,0,0.3);
  animation: iwd-glint 2s ease-in-out infinite alternate;
}
.scn-item-boer-wagon-diamond .dust {
  position: absolute; bottom: 12%; left: 20%; width: 60px; height: 20px;
  background: radial-gradient(ellipse, rgba(196,168,130,0.6) 0%, transparent 100%);
  filter: blur(4px);
  animation: iwd-dust 8s ease-in-out infinite;
}
@keyframes iwd-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes iwd-hills {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-2px) scaleX(1.02); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes iwd-road {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes iwd-wagon {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-3px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes iwd-wheel {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iwd-glint {
  0% { box-shadow: 0 0 15px 3px #FFD700, 0 0 30px 6px rgba(255,215,0,0.2); opacity: 0.8; }
  50% { box-shadow: 0 0 30px 8px #FFF, 0 0 60px 15px rgba(255,215,0,0.5); opacity: 1; }
  100% { box-shadow: 0 0 20px 5px #FFD700, 0 0 40px 10px rgba(255,215,0,0.3); opacity: 0.9; }
}
@keyframes iwd-dust {
  0% { transform: translateX(-20px) scale(1); opacity: 0.4; }
  50% { transform: translateX(10px) scale(1.2); opacity: 0.7; }
  100% { transform: translateX(-20px) scale(1); opacity: 0.4; }
}

.scn-de-beers-office-visit {
  background: linear-gradient(180deg, #2B1E16 0%, #1C130F 50%, #0F0B08 100%),
              radial-gradient(ellipse at 40% 30%, #4A362A 0%, transparent 60%);
}
.scn-de-beers-office-visit .wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2B1E16 0%, #1A110E 100%);
  animation: dov-wall 12s ease-in-out infinite alternate;
}
.scn-de-beers-office-visit .desk {
  position: absolute; bottom: 20%; left: 25%; right: 25%; height: 30%;
  background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.8);
}
.scn-de-beers-office-visit .chair {
  position: absolute; bottom: 20%; left: 55%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #4A2C2A 0%, #2E1C1A 100%);
  border-radius: 20% 20% 5% 5%;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
}
.scn-de-beers-office-visit .figure {
  position: absolute; bottom: 30%; left: 50%; width: 30px; height: 70px;
  background: linear-gradient(180deg, #2C1E1A 0%, #1A110E 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: dov-figure 4s ease-in-out infinite;
}
.scn-de-beers-office-visit .lamp {
  position: absolute; bottom: 45%; left: 20%; width: 8px; height: 20px;
  background: radial-gradient(ellipse at 50% 100%, #C8A95A 0%, #8B6F3A 100%);
  border-radius: 50%;
  box-shadow: 0 -10px 30px 10px rgba(200,169,90,0.6), 0 -20px 60px 20px rgba(200,169,90,0.3);
  animation: dov-lamp 3s ease-in-out infinite alternate;
}
.scn-de-beers-office-visit .papers {
  position: absolute; bottom: 35%; left: 30%; width: 50px; height: 5px;
  background: #D2B48C;
  border-radius: 2px;
  box-shadow: 0 5px 0 #C4A882, 0 10px 0 #B89B72;
}
.scn-de-beers-office-visit .shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%);
  animation: dov-shadow 8s ease-in-out infinite alternate;
}
@keyframes dov-wall {
  0% { opacity: 0.8; }
  50% { opacity: 0.9; }
  100% { opacity: 0.75; }
}
@keyframes dov-figure {
  0% { transform: translateX(0) rotate(0); }
  25% { transform: translateX(3px) rotate(2deg); }
  50% { transform: translateX(0) rotate(0); }
  75% { transform: translateX(-3px) rotate(-2deg); }
  100% { transform: translateX(0) rotate(0); }
}
@keyframes dov-lamp {
  0% { box-shadow: 0 -10px 20px 5px rgba(200,169,90,0.4); opacity: 0.8; }
  50% { box-shadow: 0 -15px 40px 15px rgba(200,169,90,0.7); opacity: 1; }
  100% { box-shadow: 0 -10px 20px 5px rgba(200,169,90,0.4); opacity: 0.8; }
}
@keyframes dov-shadow {
  0% { opacity: 0.7; }
  50% { opacity: 0.8; }
  100% { opacity: 0.65; }
}

.scn-days-output-displayed {
  background: linear-gradient(180deg, #1C130F 0%, #2E1E16 40%, #3A2A1E 100%),
              radial-gradient(ellipse at 50% 70%, #4A362A 0%, transparent 70%);
}
.scn-days-output-displayed .counter {
  position: absolute; bottom: 10%; left: 5%; right: 5%; height: 70%;
  background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%);
  border-radius: 3% 3% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.7);
  animation: dod-counter 20s ease-in-out infinite alternate;
}
.scn-days-output-displayed .paper-sheet {
  position: absolute; bottom: 25%; left: 15%; right: 15%; height: 2%;
  background: #FFF8DC;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(255,248,220,0.3);
}
.scn-days-output-displayed .diamond-nest {
  position: absolute; bottom: 35%; left: 20%; width: 30px; height: 30px;
  background: radial-gradient(circle, #FFFFFF 0%, #F0E68C 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 15px 5px rgba(255,255,255,0.5);
  animation: dod-nest 3s ease-in-out infinite alternate;
}
.scn-days-output-displayed .diamond-nest-2 {
  position: absolute; bottom: 30%; left: 45%; width: 25px; height: 25px;
  background: radial-gradient(circle, #FFFFFF 0%, #FFD700 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px 4px rgba(255,215,0,0.5);
  animation: dod-nest 3s ease-in-out infinite alternate-reverse;
  animation-delay: 0.5s;
}
.scn-days-output-displayed .diamond-nest-3 {
  position: absolute; bottom: 40%; left: 70%; width: 35px; height: 35px;
  background: radial-gradient(circle, #FFFFFF 0%, #FFF0A0 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 18px 6px rgba(255,240,160,0.5);
  animation: dod-nest 3s ease-in-out infinite alternate;
  animation-delay: 1s;
}
.scn-days-output-displayed .scale {
  position: absolute; bottom: 15%; left: 35%; width: 50px; height: 40px;
  background: linear-gradient(180deg, #4A2C2A 0%, #2E1C1A 100%);
  border-radius: 5% 5% 10% 10%;
  box-shadow: 0 5px 10px rgba(0,0,0,0.5);
  animation: dod-scale 10s ease-in-out infinite;
}
.scn-days-output-displayed .glint {
  position: absolute; bottom: 38%; left: 30%; width: 4px; height: 4px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,255,255,0.8);
  animation: dod-glint 1.5s ease-in-out infinite;
}
@keyframes dod-counter {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes dod-nest {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}
@keyframes dod-scale {
  0% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-2px) rotate(1deg); }
  50% { transform: translateY(0) rotate(0); }
  75% { transform: translateY(2px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes dod-glint {
  0% { opacity: 0; transform: scale(0.5); }
  50% { opacity: 1; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(0.5); }
}

.scn-young-girls-sorting-diamonds {
  background: linear-gradient(180deg, #1C130F 0%, #2E1E16 50%, #3A2A1E 100%),
              radial-gradient(ellipse at 50% 60%, #4A362A 0%, transparent 70%);
}
.scn-young-girls-sorting-diamonds .table {
  position: absolute; bottom: 15%; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.8);
}
.scn-young-girls-sorting-diamonds .girl {
  position: absolute; bottom: 20%; left: 30%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #2C1E1A 0%, #1A110E 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: yg-girl 6s ease-in-out infinite;
}
.scn-young-girls-sorting-diamonds .girl-arm {
  position: absolute; bottom: 30%; left: 25%; width: 30px; height: 8px;
  background: #2C1E1A;
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  transform-origin: right center;
  animation: yg-arm 3s ease-in-out infinite alternate;
}
.scn-young-girls-sorting-diamonds .diamond-pile {
  position: absolute; bottom: 22%; left: 40%; width: 20px; height: 15px;
  background: radial-gradient(circle, #FFFFFF 30%, #FFD700 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 15px 5px rgba(255,215,0,0.3);
  animation: yg-pile 2s ease-in-out infinite alternate;
}
.scn-young-girls-sorting-diamonds .lamp {
  position: absolute; bottom: 50%; left: 15%; width: 10px; height: 20px;
  background: radial-gradient(ellipse at 50% 100%, #C8A95A 0%, #8B6F3A 100%);
  border-radius: 50%;
  box-shadow: 0 -10px 30px 10px rgba(200,169,90,0.6), 0 -20px 60px 20px rgba(200,169,90,0.3);
  animation: yg-lamp 4s ease-in-out infinite alternate;
}
.scn-young-girls-sorting-diamonds .chair {
  position: absolute; bottom: 15%; left: 55%; width: 35px; height: 45px;
  background: linear-gradient(180deg, #4A2C2A 0%, #2E1C1A 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
}
.scn-young-girls-sorting-diamonds .shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.9) 100%);
  animation: yg-shadow 10s ease-in-out infinite alternate;
}
@keyframes yg-girl {
  0% { transform: translateX(0) rotate(0); }
  25% { transform: translateX(2px) rotate(1deg); }
  50% { transform: translateX(0) rotate(0); }
  75% { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0); }
}
@keyframes yg-arm {
  0% { transform: rotate(-20deg) translateX(0); }
  50% { transform: rotate(10deg) translateX(5px); }
  100% { transform: rotate(-20deg) translateX(0); }
}
@keyframes yg-pile {
  0% { box-shadow: 0 0 10px 3px rgba(255,215,0,0.2); opacity: 0.8; }
  50% { box-shadow: 0 0 20px 8px rgba(255,215,0,0.5); opacity: 1; }
  100% { box-shadow: 0 0 10px 3px rgba(255,215,0,0.2); opacity: 0.8; }
}
@keyframes yg-lamp {
  0% { box-shadow: 0 -10px 20px 5px rgba(200,169,90,0.3); opacity: 0.8; }
  50% { box-shadow: 0 -15px 40px 15px rgba(200,169,90,0.6); opacity: 1; }
  100% { box-shadow: 0 -10px 20px 5px rgba(200,169,90,0.3); opacity: 0.8; }
}
@keyframes yg-shadow {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.7; }
}

.scn-holy-water-sale {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a1008 100%),
    radial-gradient(ellipse at 50% 80%, #4a3a2a 0%, transparent 70%);
  background-blend-mode: overlay;
}
.scn-holy-water-sale .wall-back {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
  animation: hws-wall 15s ease-in-out infinite alternate;
}
.scn-holy-water-sale .wall-side {
  position: absolute;
  inset: 0 0 30% 0;
  width: 30%;
  left: 0;
  background: linear-gradient(90deg, #2a1a0a 0%, transparent 100%);
}
.scn-holy-water-sale .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  box-shadow: inset 0 8px 12px rgba(0,0,0,.6);
}
.scn-holy-water-sale .shelf {
  position: absolute;
  bottom: 35%;
  left: 10%;
  right: 10%;
  height: 4px;
  background: #5a4a3a;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.scn-holy-water-sale .jar {
  position: absolute;
  bottom: 38%;
  left: 50%;
  width: 24px;
  height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 30% 30% 40% 40% / 40% 40% 30% 30%;
  box-shadow: 0 4px 6px rgba(0,0,0,.5);
  animation: hws-jar 4s ease-in-out infinite;
}
.scn-holy-water-sale .figure {
  position: absolute;
  bottom: 18%;
  left: 35%;
  width: 22px;
  height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hws-figure 6s ease-in-out infinite;
}
.scn-holy-water-sale .water-drop {
  position: absolute;
  bottom: 38%;
  left: 52%;
  width: 4px;
  height: 8px;
  background: radial-gradient(circle, #c0a088 0%, transparent 100%);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  animation: hws-drop 2s ease-in-out infinite;
}
.scn-holy-water-sale .light-shaft {
  position: absolute;
  top: 0;
  left: 60%;
  width: 40px;
  height: 60%;
  background: linear-gradient(180deg, rgba(255,200,150,.15) 0%, transparent 100%);
  transform: skewX(-10deg);
  filter: blur(4px);
  animation: hws-light 8s ease-in-out infinite alternate;
}
@keyframes hws-wall {
  0% { opacity: .9 }
  50% { opacity: 1 }
  100% { opacity: .85 }
}
@keyframes hws-jar {
  0%, 100% { transform: translateX(-50%) translateY(0) }
  50% { transform: translateX(-50%) translateY(-2px) rotate(2deg) }
}
@keyframes hws-figure {
  0% { transform: translateX(0) translateY(0) rotate(-1deg) }
  25% { transform: translateX(4px) translateY(-1px) rotate(1deg) }
  50% { transform: translateX(8px) translateY(0) rotate(-1deg) }
  75% { transform: translateX(12px) translateY(-2px) rotate(2deg) }
  100% { transform: translateX(16px) translateY(0) rotate(0) }
}
@keyframes hws-drop {
  0% { opacity: 1; transform: translateY(0) scale(1) }
  50% { opacity: .5; transform: translateY(6px) scale(.8) }
  100% { opacity: 0; transform: translateY(12px) scale(.5) }
}
@keyframes hws-light {
  0% { opacity: .2; transform: skewX(-10deg) scaleY(1) }
  50% { opacity: .4; transform: skewX(-8deg) scaleY(1.05) }
  100% { opacity: .2; transform: skewX(-12deg) scaleY(.95) }
}

.scn-fort-religions {
  background:
    linear-gradient(180deg, #87ceeb 0%, #6bb5d0 40%, #4a90b0 100%),
    radial-gradient(ellipse at 30% 60%, #b0d0e0 0%, transparent 60%);
}
.scn-fort-religions .sky {
  position: absolute;
  inset: 0 0 50% 0;
  background: linear-gradient(180deg, #a0d8ef 0%, #87ceeb 100%);
  animation: fr-sky 20s ease-in-out infinite alternate;
}
.scn-fort-religions .river {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(180deg, #4a90b0 0%, #3a7090 100%);
  border-radius: 40% 0 0 0 / 60% 0 0 0;
  animation: fr-river 12s ease-in-out infinite alternate;
}
.scn-fort-religions .rampart {
  position: absolute;
  bottom: 30%;
  left: 5%;
  right: 5%;
  height: 15%;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,.3);
}
.scn-fort-religions .temple-dome {
  position: absolute;
  bottom: 42%;
  left: 25%;
  width: 40px;
  height: 30px;
  background: radial-gradient(circle at 50% 30%, #e8d8b0 0%, #c8a878 100%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  animation: fr-dome 6s ease-in-out infinite;
}
.scn-fort-religions .church-steeple {
  position: absolute;
  bottom: 42%;
  left: 60%;
  width: 16px;
  height: 50px;
  background: linear-gradient(180deg, #d8c8b0 0%, #b8a898 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  animation: fr-steeple 8s ease-in-out infinite;
}
.scn-fort-religions .tree {
  position: absolute;
  bottom: 32%;
  left: 80%;
  width: 30px;
  height: 50px;
  background: radial-gradient(circle at 50% 30%, #2a5a3a 0%, #1a3a2a 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 60% 60%;
  animation: fr-tree 15s ease-in-out infinite alternate;
}
.scn-fort-religions .flag {
  position: absolute;
  bottom: 45%;
  left: 55%;
  width: 14px;
  height: 20px;
  background: linear-gradient(180deg, #c8a878 0%, #a88858 100%);
  transform: skewX(-10deg);
  animation: fr-flag 3s ease-in-out infinite alternate;
}
.scn-fort-religions .bird {
  position: absolute;
  top: 25%;
  left: 40%;
  width: 12px;
  height: 6px;
  background: #2a2a3a;
  border-radius: 50%;
  animation: fr-bird 20s linear infinite;
}
@keyframes fr-sky {
  0% { opacity: .8; background-position: 0 0 }
  50% { opacity: 1; background-position: 20px 0 }
  100% { opacity: .9; background-position: 0 0 }
}
@keyframes fr-river {
  0% { transform: translateY(0) scaleY(1) }
  50% { transform: translateY(-2px) scaleY(1.02) }
  100% { transform: translateY(0) scaleY(1) }
}
@keyframes fr-dome {
  0%, 100% { transform: scale(1) }
  50% { transform: scale(1.03) rotate(1deg) }
}
@keyframes fr-steeple {
  0%, 100% { transform: translateY(0) rotate(0) }
  50% { transform: translateY(-2px) rotate(1deg) }
}
@keyframes fr-tree {
  0% { transform: scale(1) }
  50% { transform: scale(1.02) }
  100% { transform: scale(.98) }
}
@keyframes fr-flag {
  0% { transform: skewX(-10deg) translateX(0) }
  100% { transform: skewX(10deg) translateX(4px) }
}
@keyframes fr-bird {
  0% { transform: translateX(-20px) }
  100% { transform: translateX(120vw) }
}

.scn-fair-turmoil {
  background:
    linear-gradient(180deg, #e0c8a0 0%, #c8a880 40%, #a08060 100%),
    radial-gradient(ellipse at 70% 50%, #f0d8b0 0%, transparent 60%);
}
.scn-fair-turmoil .ground {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, #c8a880 0%, #a08060 100%);
  border-radius: 30% 70% 0 0 / 50% 50% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.2);
  animation: ft-ground 10s ease-in-out infinite alternate;
}
.scn-fair-turmoil .tent-left {
  position: absolute;
  bottom: 42%;
  left: 12%;
  width: 60px;
  height: 50px;
  background: linear-gradient(180deg, #d8b090 0%, #b89070 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: ft-tent 8s ease-in-out infinite alternate;
}
.scn-fair-turmoil .tent-right {
  position: absolute;
  bottom: 40%;
  right: 15%;
  width: 70px;
  height: 55px;
  background: linear-gradient(180deg, #c8a080 0%, #a08060 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: ft-tent 8s ease-in-out infinite alternate reverse;
}
.scn-fair-turmoil .crowd-back {
  position: absolute;
  bottom: 30%;
  left: 30%;
  right: 30%;
  height: 40px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 10% 10% / 80% 80% 20% 20%;
  animation: ft-crowd 6s ease-in-out infinite;
}
.scn-fair-turmoil .crowd-front {
  position: absolute;
  bottom: 22%;
  left: 20%;
  right: 20%;
  height: 50px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 20% 20% / 70% 70% 30% 30%;
  animation: ft-crowd 6s ease-in-out infinite alternate;
}
.scn-fair-turmoil .stall {
  position: absolute;
  bottom: 28%;
  left: 45%;
  width: 40px;
  height: 30px;
  background: linear-gradient(180deg, #b8a888 0%, #988868 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: ft-stall 5s ease-in-out infinite;
}
.scn-fair-turmoil .banner {
  position: absolute;
  bottom: 50%;
  left: 35%;
  width: 30px;
  height: 18px;
  background: linear-gradient(90deg, #c8a878 0%, #a88858 50%, #c8a878 100%);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  animation: ft-banner 4s ease-in-out infinite alternate;
}
.scn-fair-turmoil .dust {
  position: absolute;
  bottom: 20%;
  left: 10%;
  right: 10%;
  height: 20px;
  background: radial-gradient(ellipse, rgba(200,180,150,.3) 0%, transparent 100%);
  filter: blur(4px);
  animation: ft-dust 12s ease-in-out infinite alternate;
}
@keyframes ft-ground {
  0% { opacity: .9; transform: scaleY(1) }
  50% { opacity: 1; transform: scaleY(1.02) }
  100% { opacity: .95; transform: scaleY(1) }
}
@keyframes ft-tent {
  0% { transform: translateY(0) skewX(0) }
  50% { transform: translateY(-3px) skewX(1deg) }
  100% { transform: translateY(0) skewX(-1deg) }
}
@keyframes ft-crowd {
  0% { transform: translateX(0) scaleY(1) }
  50% { transform: translateX(2px) scaleY(1.02) }
  100% { transform: translateX(-2px) scaleY(1) }
}
@keyframes ft-stall {
  0%, 100% { transform: translateY(0) }
  50% { transform: translateY(-2px) }
}
@keyframes ft-banner {
  0% { transform: rotate(-3deg) }
  100% { transform: rotate(3deg) }
}
@keyframes ft-dust {
  0% { opacity: .2; transform: scaleY(1) }
  50% { opacity: .4; transform: scaleY(1.1) }
  100% { opacity: .3; transform: scaleY(.9) }
}

.scn-holy-men-performances {
  background:
    linear-gradient(180deg, #a0b0a0 0%, #809080 40%, #607060 100%),
    radial-gradient(ellipse at 40% 40%, #c0d0c0 0%, transparent 70%);
}
.scn-holy-men-performances .bg-hot {
  position: absolute;
  inset: 0 0 0 0;
  background: linear-gradient(180deg, #b8a888 0%, #988878 100%);
  opacity: .4;
  animation: hmp-bg 12s ease-in-out infinite alternate;
}
.scn-holy-men-performances .platform {
  position: absolute;
  bottom: 20%;
  left: 10%;
  right: 10%;
  height: 12px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
}
.scn-holy-men-performances .spikes {
  position: absolute;
  bottom: 22%;
  left: 45%;
  width: 20px;
  height: 30px;
  background: linear-gradient(180deg, #a89888 0%, #887868 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: hmp-spikes 5s ease-in-out infinite;
}
.scn-holy-men-performances .holy-man {
  position: absolute;
  bottom: 30%;
  left: 45%;
  width: 18px;
  height: 40px;
  background: linear-gradient(180deg, #b0a090 0%, #908070 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hmp-holy 6s ease-in-out infinite;
}
.scn-holy-men-performances .family-group {
  position: absolute;
  bottom: 25%;
  left: 20%;
  width: 50px;
  height: 30px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 60% 60% 20% 20% / 80% 80% 20% 20%;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: hmp-family 8s ease-in-out infinite alternate;
}
.scn-holy-men-performances .painted-figures {
  position: absolute;
  bottom: 28%;
  left: 65%;
  width: 40px;
  height: 20px;
  background: linear-gradient(90deg, #a09080 0%, #b0a090 50%, #908070 100%);
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  animation: hmp-paint 7s ease-in-out infinite alternate;
}
.scn-holy-men-performances .sunburst {
  position: absolute;
  top: 8%;
  left: 30%;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, #f0e0b0 0%, #d0c090 40%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: hmp-sun 14s ease-in-out infinite alternate;
}
.scn-holy-men-performances .shadow-fig {
  position: absolute;
  bottom: 18%;
  left: 70%;
  width: 14px;
  height: 30px;
  background: #3a3a3a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hmp-shadow 10s ease-in-out infinite;
}
@keyframes hmp-bg {
  0% { opacity: .3 }
  50% { opacity: .5 }
  100% { opacity: .4 }
}
@keyframes hmp-spikes {
  0%, 100% { transform: translateY(0) rotate(0) }
  50% { transform: translateY(-2px) rotate(2deg) }
}
@keyframes hmp-holy {
  0% { transform: translateY(0) rotate(-1deg) }
  25% { transform: translateY(-3px) rotate(1deg) }
  50% { transform: translateY(0) rotate(0) }
  75% { transform: translateY(-2px) rotate(-1deg) }
  100% { transform: translateY(0) rotate(1deg) }
}
@keyframes hmp-family {
  0% { transform: scale(1) translateX(0) }
  50% { transform: scale(1.03) translateX(2px) }
  100% { transform: scale(.97) translateX(-2px) }
}
@keyframes hmp-paint {
  0% { opacity: .6; transform: scaleY(1) }
  50% { opacity: .9; transform: scaleY(1.05) }
  100% { opacity: .7; transform: scaleY(.95) }
}
@keyframes hmp-sun {
  0% { opacity: .3; transform: scale(1) }
  50% { opacity: .5; transform: scale(1.1) }
  100% { opacity: .4; transform: scale(.95) }
}
@keyframes hmp-shadow {
  0%, 100% { transform: translateX(0) }
  50% { transform: translateX(3px) }
}

.scn-diamond-mining-process {
  background: 
    linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 50%, #0e0e1a 100%),
    radial-gradient(ellipse at 50% 60%, #3a3a5e 0%, transparent 70%);
}
.scn-diamond-mining-process .cave-back { position:absolute; inset:0; background: linear-gradient(180deg, #1e1e2a 0%, #0a0a12 100%); animation: min-cave 20s ease-in-out infinite alternate; }
.scn-diamond-mining-process .work-light { position:absolute; top:35%; left:55%; width:80px; height:80px; background: radial-gradient(circle, #d4c28a 0%, rgba(212,194,138,.3) 50%, transparent 80%); border-radius:50%; filter: blur(8px); animation: min-light 6s ease-in-out infinite alternate; }
.scn-diamond-mining-process .machine-gear { position:absolute; bottom:28%; left:25%; width:60px; height:60px; background: radial-gradient(circle, #7a6a4a 0%, #4a3a2a 50%, #2a1a0a 100%); border-radius:50%; box-shadow: inset 0 -4px 8px rgba(0,0,0,.6), 0 0 0 6px #5a4a3a; animation: min-gear 12s linear infinite; }
.scn-diamond-mining-process .blue-rock-pile { position:absolute; bottom:15%; left:8%; width:120px; height:40px; background: linear-gradient(180deg, #4a6a8a 0%, #3a5a7a 50%, #2a4a6a 100%); border-radius: 40% 50% 30% 40% / 60% 50% 50% 40%; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: min-rock 8s ease-in-out infinite; }
.scn-diamond-mining-process .conveyor-belt { position:absolute; bottom:22%; left:20%; width:180px; height:8px; background: repeating-linear-gradient(90deg, #6a5a3a 0px, #8a7a5a 10px, #6a5a3a 20px); border-radius:4px; animation: min-convey 5s linear infinite; }
.scn-diamond-mining-process .sparkle-output { position:absolute; bottom:32%; left:58%; width:8px; height:8px; background: radial-gradient(circle, #f0e0b0 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 12px 4px rgba(240,224,176,.6); animation: min-spark 3s ease-in-out infinite; }
@keyframes min-cave { 0% { opacity:.6 } 50% { opacity:.8 } 100% { opacity:.5 } }
@keyframes min-light { 0% { transform: scale(1) translate(0,0); opacity:.7 } 50% { transform: scale(1.1) translate(5px,-3px); opacity:1 } 100% { transform: scale(.95) translate(-2px,2px); opacity:.8 } }
@keyframes min-gear { 0% { transform: rotate(0deg) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } }
@keyframes min-rock { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-4px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes min-convey { 0% { background-position: 0 0 } 100% { background-position: -40px 0 } }
@keyframes min-spark { 0%,100% { transform: scale(0.5); opacity:.3 } 50% { transform: scale(1.5); opacity:1 } }

.scn-blue-rock-fields-and-security {
  background: 
    linear-gradient(180deg, #87ceeb 0%, #b0c4de 40%, #d2b48c 70%, #8b7355 100%),
    radial-gradient(ellipse at 50% 0%, #87ceeb 0%, transparent 60%);
}
.scn-blue-rock-fields-and-security .sky-field { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #b0d4f0 0%, #c8e0f0 50%, transparent 100%); animation: flick-sky 15s ease-in-out infinite alternate; }
.scn-blue-rock-fields-and-security .blue-ground { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #6a7a8a 0%, #4a5a6a 100%); border-radius: 30% 30% 0 0 / 20% 20% 0 0; animation: flick-ground 12s ease-in-out infinite; }
.scn-blue-rock-fields-and-security .rock-pile-a { position:absolute; bottom:25%; left:10%; width:60px; height:25px; background: linear-gradient(180deg, #7a8a9a 0%, #5a6a7a 100%); border-radius:50% 50% 40% 40% / 70% 70% 30% 30%; transform: scale(.9); animation: flick-pile 14s ease-in-out infinite; }
.scn-blue-rock-fields-and-security .rock-pile-b { position:absolute; bottom:30%; right:15%; width:80px; height:30px; background: linear-gradient(180deg, #8a9aaa 0%, #6a7a8a 100%); border-radius:40% 60% 50% 50% / 60% 70% 30% 40%; animation: flick-pile 18s ease-in-out infinite reverse; }
.scn-blue-rock-fields-and-security .fence-post { position:absolute; bottom:35%; left:45%; width:4px; height:30px; background: #4a3a2a; border-radius:2px; box-shadow: 15px 0 0 #4a3a2a, -15px 0 0 #4a3a2a, 30px 0 0 #4a3a2a, -30px 0 0 #4a3a2a; animation: flick-fence 8s ease-in-out infinite; }
.scn-blue-rock-fields-and-security .guard-figure { position:absolute; bottom:28%; left:70%; width:16px; height:32px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: flick-guard 6s ease-in-out infinite; }
@keyframes flick-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes flick-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes flick-pile { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-3px) scale(1.03) } 100% { transform: translateY(0) scale(1) } }
@keyframes flick-fence { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } }
@keyframes flick-guard { 0% { transform: translateX(0) rotate(-2deg) } 50% { transform: translateX(4px) rotate(2deg) } 100% { transform: translateX(0) rotate(0) } }

.scn-street-dirt-diamonds {
  background: 
    linear-gradient(180deg, #f5e6cc 0%, #d4b08c 40%, #c49a6c 70%, #a0784c 100%),
    radial-gradient(ellipse at 50% 80%, #e8c888 0%, transparent 70%);
}
.scn-street-dirt-diamonds .street-warm { position:absolute; inset:0; background: linear-gradient(180deg, #e8d4b8 0%, #c4a078 100%); animation: dirt-bg 20s ease-in-out infinite alternate; }
.scn-street-dirt-diamonds .dirt-mound-a { position:absolute; bottom:20%; left:5%; width:100px; height:40px; background: linear-gradient(180deg, #b0906a 0%, #8a6a44 100%); border-radius:60% 40% 50% 40% / 70% 60% 40% 50%; transform: scale(.95); animation: dirt-mound 9s ease-in-out infinite; }
.scn-street-dirt-diamonds .dirt-mound-b { position:absolute; bottom:30%; right:10%; width:70px; height:30px; background: linear-gradient(180deg, #a08058 0%, #7a5a34 100%); border-radius:40% 60% 50% 50% / 50% 70% 30% 60%; animation: dirt-mound 11s ease-in-out infinite reverse; }
.scn-street-dirt-diamonds .figure-sifting { position:absolute; bottom:22%; left:30%; width:20px; height:36px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: dirt-sift 4s ease-in-out infinite; }
.scn-street-dirt-diamonds .diamond-flash { position:absolute; bottom:35%; left:22%; width:6px; height:6px; background: radial-gradient(circle, #fff8e0 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 10px 3px rgba(255,248,224,.8); animation: dirt-flash 3s ease-in-out infinite; }
.scn-street-dirt-diamonds .diamond-flash-delay { position:absolute; bottom:38%; left:40%; width:5px; height:5px; background: radial-gradient(circle, #fff8e0 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 8px 2px rgba(255,248,224,.7); animation: dirt-flash 4s ease-in-out infinite 1.5s; }
@keyframes dirt-bg { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes dirt-mound { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-3px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes dirt-sift { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(1deg) } 50% { transform: translateX(10px) rotate(-1deg) } 75% { transform: translateX(15px) rotate(2deg) } 100% { transform: translateX(20px) rotate(0) } }
@keyframes dirt-flash { 0%,100% { transform: scale(0.3); opacity:.2 } 50% { transform: scale(1.8); opacity:1 } }

.scn-native-miners-compound {
  background: 
    linear-gradient(180deg, #2c1e1a 0%, #1a0e0a 50%, #0a0502 100%),
    radial-gradient(ellipse at 50% 70%, #4a2a1a 0%, transparent 70%);
}
.scn-native-miners-compound .compound-wall { position:absolute; inset:10% 5% 15% 5%; border:4px solid #5a3a2a; background: linear-gradient(180deg, #3a2a1e 0%, #2a1a0e 100%); border-radius:12px; box-shadow: inset 0 0 30px rgba(0,0,0,.7); animation: comp-wall 25s ease-in-out infinite; }
.scn-native-miners-compound .hut-a { position:absolute; bottom:30%; left:15%; width:50px; height:30px; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a12 100%); border-radius:30% 30% 10% 10% / 60% 60% 20% 20%; transform: scale(.9); animation: comp-hut 14s ease-in-out infinite; }
.scn-native-miners-compound .hut-b { position:absolute; bottom:32%; right:20%; width:45px; height:28px; background: linear-gradient(180deg, #5a3a22 0%, #3a1a08 100%); border-radius:40% 30% 10% 10% / 50% 50% 20% 20%; animation: comp-hut 16s ease-in-out infinite reverse; }
.scn-native-miners-compound .fire-pit { position:absolute; bottom:22%; left:50%; width:40px; height:20px; background: radial-gradient(ellipse at 50% 60%, #c8753a 0%, #a05020 40%, #4a2010 100%); border-radius:50%; box-shadow: 0 0 30px 10px rgba(200,117,58,.5); animation: comp-fire 4s ease-in-out infinite alternate; }
.scn-native-miners-compound .dancer-left { position:absolute; bottom:20%; left:28%; width:18px; height:38px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: comp-dance 2.5s ease-in-out infinite; }
.scn-native-miners-compound .dancer-mid { position:absolute; bottom:18%; left:48%; width:20px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: comp-dance 3s ease-in-out infinite 0.3s; }
.scn-native-miners-compound .dancer-right { position:absolute; bottom:20%; left:68%; width:18px; height:36px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: comp-dance 2.8s ease-in-out infinite 0.6s; }
.scn-native-miners-compound .smoke-wisp { position:absolute; bottom:28%; left:50%; width:20px; height:20px; background: radial-gradient(circle, rgba(200,150,100,.2) 0%, transparent 70%); border-radius:50%; filter: blur(6px); animation: comp-smoke 9s linear infinite; }
@keyframes comp-wall { 0% { transform: scale(1); opacity:.9 } 50% { transform: scale(1.01); opacity:1 } 100% { transform: scale(1); opacity:.9 } }
@keyframes comp-hut { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-2px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes comp-fire { 0% { transform: scale(1); opacity:.7 } 50% { transform: scale(1.1); opacity:1 } 100% { transform: scale(.95); opacity:.8 } }
@keyframes comp-dance { 0% { transform: translateX(0) rotate(-5deg) } 25% { transform: translateX(6px) rotate(3deg) } 50% { transform: translateX(12px) rotate(-4deg) } 75% { transform: translateX(18px) rotate(2deg) } 100% { transform: translateX(24px) rotate(0) } }
@keyframes comp-smoke { 0% { transform: translateY(0) scale(1) rotate(0deg); opacity:.3 } 50% { transform: translateY(-20px) scale(2) rotate(180deg); opacity:.1 } 100% { transform: translateY(-40px) scale(3) rotate(360deg); opacity:0 } }

.scn-sleeping-servant {
  background:
    linear-gradient(180deg, #f7d9a5 0%, #cba87a 40%, #8b6345 70%, #4a2a1a 100%),
    radial-gradient(ellipse at 50% 0%, #ffe6b0 0%, transparent 60%);
}
.scn-sleeping-servant .ss-sky { position:absolute; top:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #ffefc0 0%, #d9b88a 100%); animation: ss-sky 12s ease-in-out infinite alternate; }
.scn-sleeping-servant .ss-wall { position:absolute; top:15%; left:30%; right:0; bottom:20%; background: linear-gradient(90deg, #9c7b5e 0%, #7a5e44 100%); border-radius:5% 0 0 0; box-shadow:inset 0 4px 12px rgba(0,0,0,0.3); }
.scn-sleeping-servant .ss-floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #6d5038 0%, #3d2a1a 100%); }
.scn-sleeping-servant .ss-door { position:absolute; bottom:20%; left:40%; width:50px; height:90px; background: linear-gradient(180deg, #7a5e44 0%, #4a3422 100%); border-radius:4% 4% 8% 8%; box-shadow:-2px 0 6px rgba(0,0,0,0.4); }
.scn-sleeping-servant .ss-figure { position:absolute; bottom:20%; left:48%; width:30px; height:50px; background: linear-gradient(180deg, #a37b5e 0%, #6d5038 100%); border-radius:40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin:bottom center; animation: ss-breath 4s ease-in-out infinite; }
.scn-sleeping-servant .ss-shoes { position:absolute; bottom:20%; left:50%; width:20px; height:8px; background: linear-gradient(180deg, #d4a85c 0%, #b88a3a 100%); border-radius:50%; transform:translateX(-10px); animation: ss-shoes 6s ease-in-out infinite; }
.scn-sleeping-servant .ss-light { position:absolute; top:5%; left:30%; width:120px; height:100px; background: radial-gradient(ellipse, rgba(255,235,160,0.5) 0%, transparent 70%); animation: ss-light 8s ease-in-out infinite alternate; }
.scn-sleeping-servant .ss-shadow { position:absolute; bottom:20%; left:42%; width:60px; height:10px; background: rgba(0,0,0,0.25); border-radius:50%; filter:blur(3px); animation: ss-shadow 4s ease-in-out infinite; }
@keyframes ss-sky { 0% { opacity:0.6; } 50% { opacity:0.9; } 100% { opacity:0.7; } }
@keyframes ss-breath { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes ss-shoes { 0% { transform: translateX(-10px) rotate(0deg); } 50% { transform: translateX(-8px) rotate(-2deg); } 100% { transform: translateX(-10px) rotate(0deg); } }
@keyframes ss-light { 0% { opacity:0.4; transform:scale(0.95); } 100% { opacity:0.8; transform:scale(1.05); } }
@keyframes ss-shadow { 0% { transform:scaleX(1); } 50% { transform:scaleX(1.1); } 100% { transform:scaleX(1); } }

.scn-patience-troubled {
  background:
    linear-gradient(180deg, #a0b5c4 0%, #708c9e 40%, #4a6b7a 70%, #1e303a 100%),
    radial-gradient(ellipse at 50% 0%, #d4e2f0 0%, transparent 60%);
}
.scn-patience-troubled .pt-sky { position:absolute; top:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #c5d8e8 0%, #a0b5c4 100%); animation: pt-sky 20s ease-in-out infinite alternate; }
.scn-patience-troubled .pt-ground { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #4a5a66 0%, #1c262e 100%); }
.scn-patience-troubled .pt-figure-still { position:absolute; bottom:15%; left:35%; width:28px; height:55px; background: linear-gradient(180deg, #3a4a55 0%, #1a242e 100%); border-radius:45% 45% 35% 35% / 55% 55% 40% 40%; transform-origin:bottom center; animation: pt-still 4s ease-in-out infinite; }
.scn-patience-troubled .pt-figure-observer { position:absolute; bottom:18%; left:55%; width:30px; height:50px; background: linear-gradient(180deg, #404f5a 0%, #222e38 100%); border-radius:40% 40% 30% 30% / 60% 60% 40% 40%; animation: pt-observer 6s ease-in-out infinite; }
.scn-patience-troubled .pt-shadow-still { position:absolute; bottom:15%; left:33%; width:40px; height:6px; background: rgba(0,0,0,0.3); border-radius:50%; filter:blur(2px); animation: pt-shadow-s 4s ease-in-out infinite; }
.scn-patience-troubled .pt-shadow-observer { position:absolute; bottom:18%; left:53%; width:45px; height:8px; background: rgba(0,0,0,0.25); border-radius:50%; filter:blur(3px); animation: pt-shadow-o 6s ease-in-out infinite; }
.scn-patience-troubled .pt-light-ray { position:absolute; top:5%; left:45%; width:80px; height:120px; background: linear-gradient(135deg, rgba(230,240,255,0.4) 0%, transparent 100%); animation: pt-ray 12s ease-in-out infinite alternate; }
@keyframes pt-sky { 0% { opacity:0.5; } 50% { opacity:0.8; } 100% { opacity:0.6; } }
@keyframes pt-still { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-1px) rotate(0deg); } 50% { transform: translateY(0) rotate(1deg); } 75% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes pt-observer { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes pt-shadow-s { 0% { transform:scaleX(1); opacity:0.5; } 50% { transform:scaleX(0.9); opacity:0.3; } 100% { transform:scaleX(1); opacity:0.5; } }
@keyframes pt-shadow-o { 0% { transform:scaleX(1); } 50% { transform:scaleX(1.2); } 100% { transform:scaleX(1); } }
@keyframes pt-ray { 0% { opacity:0.2; transform:translateY(0) scaleY(1); } 100% { opacity:0.6; transform:translateY(10px) scaleY(1.2); } }

.scn-personification-patience {
  background:
    linear-gradient(180deg, #3c2a1a 0%, #5a3a22 30%, #7a4e2e 60%, #3c2a1a 100%),
    radial-gradient(ellipse at 50% 80%, #c08040 0%, transparent 70%);
}
.scn-personification-patience .pp-wall { position:absolute; top:15%; left:10%; right:10%; bottom:15%; background: linear-gradient(135deg, #4a3422 0%, #2c1a0e 100%); border-radius:10%; box-shadow:inset 0 0 30px rgba(0,0,0,0.5); }
.scn-personification-patience .pp-floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #5a3a22 0%, #2c1a0e 100%); }
.scn-personification-patience .pp-window { position:absolute; top:20%; left:20%; width:40px; height:50px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border:3px solid #7a4e2e; border-radius:5%; }
.scn-personification-patience .pp-figure { position:absolute; bottom:15%; left:45%; width:35px; height:60px; background: linear-gradient(180deg, #8b6345 0%, #5a3a22 100%); border-radius:45% 45% 35% 35% / 55% 55% 40% 40%; transform-origin:bottom center; animation: pp-figure 5s ease-in-out infinite; }
.scn-personification-patience .pp-lamp { position:absolute; bottom:30%; left:55%; width:8px; height:12px; background: radial-gradient(circle, #ffd080 0%, #c08040 80%); border-radius:50%; box-shadow:0 0 20px 6px rgba(192,128,64,0.6); animation: pp-lamp 3s ease-in-out infinite alternate; }
.scn-personification-patience .pp-glow { position:absolute; bottom:20%; left:40%; width:100px; height:100px; background: radial-gradient(ellipse, rgba(255,180,80,0.3) 0%, transparent 70%); animation: pp-glow 4s ease-in-out infinite alternate; }
.scn-personification-patience .pp-shadow { position:absolute; bottom:15%; left:42%; width:50px; height:8px; background: rgba(0,0,0,0.4); border-radius:50%; filter:blur(4px); animation: pp-shadow 5s ease-in-out infinite; }
@keyframes pp-figure { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes pp-lamp { 0% { opacity:0.7; transform:scale(1); } 100% { opacity:1; transform:scale(1.2); } }
@keyframes pp-glow { 0% { opacity:0.3; transform:scale(0.9); } 100% { opacity:0.6; transform:scale(1.1); } }
@keyframes pp-shadow { 0% { transform:scaleX(1); opacity:0.5; } 50% { transform:scaleX(0.9); opacity:0.3; } 100% { transform:scaleX(1); opacity:0.5; } }

.scn-drive-to-fort {
  background:
    linear-gradient(180deg, #b8d4e8 0%, #8cb0c4 30%, #c8a870 60%, #6b4e2a 100%),
    radial-gradient(ellipse at 50% 0%, #e0f0f8 0%, transparent 60%);
}
.scn-drive-to-fort .df-sky { position:absolute; top:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #d4e8f0 0%, #a0c4d8 100%); animation: df-sky 15s ease-in-out infinite alternate; }
.scn-drive-to-fort .df-hills { position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(180deg, #6b8a5e 0%, #3a5a2e 100%); border-radius:50% 50% 0 0 / 70% 70% 0 0; box-shadow:inset 0 8px 20px rgba(0,0,0,0.2); animation: df-hills 20s ease-in-out infinite alternate; }
.scn-drive-to-fort .df-road { position:absolute; bottom:15%; left:25%; right:25%; height:8%; background: linear-gradient(180deg, #b09870 0%, #8a7a5a 100%); border-radius:50%/20%; box-shadow:0 -4px 12px rgba(0,0,0,0.2); }
.scn-drive-to-fort .df-fort { position:absolute; bottom:35%; right:15%; width:60px; height:40px; background: linear-gradient(180deg, #a08060 0%, #604030 100%); border-radius:10% 10% 5% 5%; box-shadow:0 4px 8px rgba(0,0,0,0.3); }
.scn-drive-to-fort .df-tree1 { position:absolute; bottom:35%; left:10%; width:14px; height:50px; background: linear-gradient(180deg, #3a5a2e 0%, #1a2a0e 100%); border-radius:50% / 30% 30% 60% 60%; animation: df-tree 8s ease-in-out infinite; }
.scn-drive-to-fort .df-tree2 { position:absolute; bottom:38%; left:22%; width:10px; height:40px; background: linear-gradient(180deg, #4a6a3a 0%, #2a3a1a 100%); border-radius:50% / 30% 30% 60% 60%; animation: df-tree 12s ease-in-out infinite; }
.scn-drive-to-fort .df-house { position:absolute; bottom:28%; left:40%; width:30px; height:25px; background: linear-gradient(180deg, #c8a870 0%, #a08050 100%); border-radius:10% 10% 5% 5%; box-shadow:2px 4px 6px rgba(0,0,0,0.2); }
.scn-drive-to-fort .df-well { position:absolute; bottom:20%; left:50%; width:20px; height:15px; background: radial-gradient(circle, #3a3a2a 0%, #1a1a0a 100%); border-radius:50%; box-shadow:0 0 0 4px #8a7a5a; }
.scn-drive-to-fort .df-figures { position:absolute; bottom:18%; left:46%; width:15px; height:22px; background: linear-gradient(180deg, #a0886a 0%, #6a503a 100%); border-radius:40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin:bottom center; animation: df-figures 4s ease-in-out infinite; }
@keyframes df-sky { 0% { opacity:0.7; background-position:0% 0%; } 50% { opacity:0.9; background-position:10% 0%; } 100% { opacity:0.8; background-position:0% 0%; } }
@keyframes df-hills { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes df-tree { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes df-figures { 0% { transform: translateX(0); } 25% { transform: translateX(4px) rotate(2deg); } 50% { transform: translateX(0); } 75% { transform: translateX(-4px) rotate(-2deg); } 100% { transform: translateX(0); } }

.scn-indicator-pencil-mark {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 40% 60%, #5a3a2a 0%, transparent 70%);
}
.scn-indicator-pencil-mark .mine-wall {
  position: absolute; inset: 0; 
  background: linear-gradient(135deg, #4a3a2a 0%, #3a2a1a 40%, #2a1a0a 80%); 
  animation: ipm-wall 8s ease-in-out infinite alternate;
}
.scn-indicator-pencil-mark .indicator-line {
  position: absolute; left: 45%; top: 20%; width: 4px; height: 60%; 
  background: linear-gradient(180deg, #c6a56b 0%, #a8844a 100%); 
  box-shadow: 0 0 12px 4px rgba(200,165,107,0.5); 
  animation: ipm-indicator 6s ease-in-out infinite;
}
.scn-indicator-pencil-mark .pencil-mark {
  position: absolute; left: 48%; top: 30%; width: 1px; height: 40%; 
  background: #d4b88a; 
  box-shadow: 0 0 8px 2px rgba(212,184,138,0.8); 
  animation: ipm-pencilmark 4s ease-in-out infinite alternate;
}
.scn-indicator-pencil-mark .figure-funny {
  position: absolute; bottom: 15%; left: 32%; width: 28px; height: 48px; 
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); 
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; 
  transform-origin: bottom center; 
  animation: ipm-figure 3s ease-in-out infinite, ipm-bounce 1.5s ease-in-out infinite;
}
.scn-indicator-pencil-mark .lantern-glow {
  position: absolute; left: 55%; bottom: 25%; width: 10px; height: 14px; 
  background: radial-gradient(circle, #f0c868 0%, #c08040 60%); 
  border-radius: 40% 40% 20% 20%; 
  box-shadow: 0 0 30px 10px rgba(240,200,104,0.6); 
  animation: ipm-lantern 5s ease-in-out infinite alternate;
}
.scn-indicator-pencil-mark .pickaxe {
  position: absolute; bottom: 18%; left: 38%; width: 4px; height: 30px; 
  background: #5a4a3a; 
  border-radius: 2px; 
  transform: rotate(25deg); 
  animation: ipm-pick 4s ease-in-out infinite;
}
.scn-indicator-pencil-mark .shadow-rock {
  position: absolute; bottom: 0; left: 20%; width: 80px; height: 30px; 
  background: radial-gradient(ellipse at 50% 100%, #1a0a00 0%, transparent 60%); 
  filter: blur(8px); 
}

@keyframes ipm-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes ipm-indicator { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(1); } }
@keyframes ipm-pencilmark { 0% { opacity: 0.6; } 100% { opacity: 1; } }
@keyframes ipm-figure { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(8px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes ipm-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ipm-lantern { 0% { box-shadow: 0 0 20px 6px rgba(240,200,104,0.4); } 100% { box-shadow: 0 0 40px 15px rgba(240,200,104,0.9); } }
@keyframes ipm-pick { 0% { transform: rotate(20deg) translateY(0); } 50% { transform: rotate(30deg) translateY(-2px); } 100% { transform: rotate(20deg) translateY(0); } }

/* ---------- scene 2: pencil-mark-indicator ---------- */
.scn-pencil-mark-indicator {
  background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 50%, #0a1a2a 100%), radial-gradient(ellipse at 50% 70%, #4a5a6a 0%, transparent 60%);
}
.scn-pencil-mark-indicator .slate-wall {
  position: absolute; inset: 0; 
  background: linear-gradient(160deg, #3a4a5a 0%, #2a3a4a 60%, #1a2a3a 100%); 
  animation: pmi-wall 12s ease-in-out infinite alternate;
}
.scn-pencil-mark-indicator .indicator-band {
  position: absolute; left: 40%; top: 10%; width: 6px; height: 80%; 
  background: linear-gradient(180deg, #9a8a7a 0%, #7a6a5a 100%); 
  box-shadow: 0 0 10px 3px rgba(154,138,122,0.5); 
  animation: pmi-indicator 10s ease-in-out infinite;
}
.scn-pencil-mark-indicator .pencil-mark-fine {
  position: absolute; left: 43%; top: 15%; width: 1px; height: 70%; 
  background: #b8a898; 
  box-shadow: 0 0 6px 1px rgba(184,168,152,0.7); 
  animation: pmi-pencil 6s ease-in-out infinite alternate;
}
.scn-pencil-mark-indicator .streak-1 {
  position: absolute; left: 35%; top: 30%; width: 1px; height: 40%; 
  background: rgba(180,170,160,0.4); 
  animation: pmi-streak1 8s linear infinite;
}
.scn-pencil-mark-indicator .streak-2 {
  position: absolute; left: 50%; top: 25%; width: 1px; height: 50%; 
  background: rgba(180,170,160,0.3); 
  animation: pmi-streak2 10s linear infinite;
}
.scn-pencil-mark-indicator .ambient-light {
  position: absolute; inset: 0; 
  background: radial-gradient(ellipse at 60% 50%, rgba(200,190,180,0.15) 0%, transparent 70%); 
  pointer-events: none; 
}

@keyframes pmi-wall { 0% { opacity: 0.85; } 100% { opacity: 1; } }
@keyframes pmi-indicator { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.03); } 100% { transform: scaleY(1); } }
@keyframes pmi-pencil { 0% { opacity: 0.5; } 100% { opacity: 1; } }
@keyframes pmi-streak1 { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-10px) scaleY(1.2); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes pmi-streak2 { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } }

/* ---------- scene 3: ballarat-park-lake ---------- */
.scn-ballarat-park-lake {
  background: linear-gradient(180deg, #87ceeb 0%, #b0d4e8 40%, #f0e8c8 70%, #c8b88a 100%), radial-gradient(ellipse at 50% 100%, #c8b88a 0%, transparent 60%);
}
.scn-ballarat-park-lake .sky-warm {
  position: absolute; inset: 0 0 60% 0; 
  background: linear-gradient(180deg, #7bbce0 0%, #c8d8e0 40%, #f0d8a0 70%, transparent 100%); 
  animation: bpl-sky 15s ease-in-out infinite alternate;
}
.scn-ballarat-park-lake .lake-water {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%; 
  background: linear-gradient(180deg, #6a9ab4 0%, #7aac8a 30%, #a8c8a0 60%, #c8b88a 100%); 
  border-radius: 60% 40% 0 0 / 40% 30% 0 0; 
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.2); 
  animation: bpl-water 8s ease-in-out infinite alternate;
}
.scn-ballarat-park-lake .tree-line {
  position: absolute; bottom: 45%; left: 0; right: 0; height: 20%; 
  background: linear-gradient(180deg, #4a7a3a 0%, #3a5a2a 100%); 
  border-radius: 40% 60% 0 0 / 80% 70% 0 0; 
  filter: blur(1px); 
  animation: bpl-trees 12s ease-in-out infinite;
}
.scn-ballarat-park-lake .fernery-building {
  position: absolute; bottom: 40%; left: 20%; width: 80px; height: 60px; 
  background: linear-gradient(180deg, #b8a888 0%, #9a886a 100%); 
  border-radius: 10% 10% 5% 5%; 
  box-shadow: 0 8px 16px rgba(0,0,0,0.3); 
  animation: bpl-building 6s ease-in-out infinite;
}
.scn-ballarat-park-lake .statue {
  position: absolute; bottom: 44%; left: 48%; width: 20px; height: 50px; 
  background: linear-gradient(180deg, #b0a090 0%, #807060 100%); 
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; 
  transform-origin: bottom center; 
  animation: bpl-statue 8s ease-in-out infinite alternate;
}
.scn-ballarat-park-lake .flowers {
  position: absolute; bottom: 10%; left: 70%; width: 60px; height: 40px; 
}
.scn-ballarat-park-lake .flower-1, .scn-ballarat-park-lake .flower-2 {
  position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #c8553d; 
  animation: bpl-flower 4s ease-in-out infinite;
}
.scn-ballarat-park-lake .flower-1 { top: 0; left: 0; background: #c8553d; animation-delay: 0s; }
.scn-ballarat-park-lake .flower-2 { top: 10px; left: 20px; background: #e8b86a; animation-delay: 1s; }
.scn-ballarat-park-lake .cloud-warm {
  position: absolute; top: 10%; left: 30%; width: 100px; height: 30px; 
  filter: blur(6px); 
  overflow: visible; 
}
.scn-ballarat-park-lake .cloud-warm-inner {
  width: 100%; height: 100%; 
  background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%); 
  animation: bpl-cloud 40s linear infinite;
}

@keyframes bpl-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes bpl-water { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-4px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes bpl-trees { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } 100% { transform: scaleX(1); } }
@keyframes bpl-building { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes bpl-statue { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes bpl-flower { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.3); } }
@keyframes bpl-cloud { 0% { transform: translateX(-50px); } 100% { transform: translateX(120vw); } }

/* ---------- scene 4: thug-report-groups ---------- */
.scn-thug-report-groups {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #3a3a4a 80%, #1a1a2a 100%), radial-gradient(ellipse at 50% 100%, #4a4a5a 0%, transparent 60%);
}
.scn-thug-report-groups .road-dim {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 40%; 
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 40%, #1a1a2a 100%); 
  border-radius: 30% 30% 0 0 / 20% 20% 0 0; 
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5); 
  animation: trg-road 12s ease-in-out infinite alternate;
}
.scn-thug-report-groups .wall-left {
  position: absolute; left: 0; top: 0; bottom: 0; width: 10%; 
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); 
  box-shadow: 2px 0 8px rgba(0,0,0,0.4); 
}
.scn-thug-report-groups .wall-right {
  position: absolute; right: 0; top: 0; bottom: 0; width: 10%; 
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); 
  box-shadow: -2px 0 8px rgba(0,0,0,0.4); 
}
.scn-thug-report-groups .group-far {
  position: absolute; bottom: 35%; left: 30%; width: 30px; height: 20px; 
  background: radial-gradient(ellipse at 50% 100%, rgba(60,60,80,0.6) 0%, transparent 70%); 
  filter: blur(3px); 
  animation: trg-far 20s linear infinite;
}
.scn-thug-report-groups .group-near {
  position: absolute; bottom: 20%; left: 50%; width: 40px; height: 30px; 
  background: radial-gradient(ellipse at 50% 100%, rgba(40,40,60,0.8) 0%, transparent 60%); 
  filter: blur(1px); 
  animation: trg-near 15s linear infinite;
}
.scn-thug-report-groups .lamp-post {
  position: absolute; bottom: 15%; left: 15%; width: 4px; height: 60px; 
  background: #3a3a4a; 
  border-radius: 2px; 
}
.scn-thug-report-groups .lamp-glow {
  position: absolute; bottom: 30%; left: 15%; width: 20px; height: 20px; 
  background: radial-gradient(circle, #605040 0%, #403020 60%, transparent 100%); 
  border-radius: 50%; 
  box-shadow: 0 0 40px 20px rgba(96,80,64,0.5); 
  animation: trg-lamp 6s ease-in-out infinite alternate;
}

@keyframes trg-road { 0% { opacity: 0.7; } 100% { opacity: 0.9; } }
@keyframes trg-far { 0% { transform: translateX(-20px) scale(1); } 50% { transform: translateX(50px) scale(1.1); } 100% { transform: translateX(-20px) scale(1); } }
@keyframes trg-near { 0% { transform: translateX(0) scale(0.9); } 50% { transform: translateX(-40px) scale(1); } 100% { transform: translateX(0) scale(0.9); } }
@keyframes trg-lamp { 0% { opacity: 0.7; box-shadow: 0 0 30px 15px rgba(96,80,64,0.4); } 100% { opacity: 1; box-shadow: 0 0 60px 30px rgba(96,80,64,0.7); } }

/* Scene 1: ganges-purifying-discovery (sgp) */
.scn-ganges-purifying-discovery {
  background: 
    linear-gradient(180deg, #2a1a10 0%, #3a2518 40%, #1e1208 100%),
    radial-gradient(ellipse at 50% 80%, #4a3520 0%, transparent 70%);
}
.scn-ganges-purifying-discovery .bg-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #1e1208 0%, #3a2518 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,.5);
}
.scn-ganges-purifying-discovery .bg-shelf {
  position: absolute; top: 30%; left: 10%; right: 10%; height: 12%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a0e 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,.7);
}
.scn-ganges-purifying-discovery .table {
  position: absolute; bottom: 22%; left: 15%; right: 15%; height: 8%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2216 100%);
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0,0,0,.6);
}
.scn-ganges-purifying-discovery .microscope {
  position: absolute; bottom: 36%; left: 30%; width: 20px; height: 44px;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2216 100%);
  border-radius: 30% 30% 10% 10%;
  transform: rotate(2deg);
  box-shadow: 0 2px 6px rgba(0,0,0,.5);
  animation: sgp-bob 4s ease-in-out infinite;
}
.scn-ganges-purifying-discovery .vessel {
  position: absolute; bottom: 28%; left: 55%; width: 28px; height: 24px;
  background: radial-gradient(circle, #b08050 0%, #80502a 70%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 20px 4px rgba(200,160,80,.4);
  animation: sgp-glow 3s ease-in-out infinite alternate;
}
.scn-ganges-purifying-discovery .figure {
  position: absolute; bottom: 20%; left: 45%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #1a0e08 0%, #0a0604 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sgp-lean 6s ease-in-out infinite;
}
.scn-ganges-purifying-discovery .glow-spot {
  position: absolute; bottom: 30%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(220,180,80,.6) 0%, transparent 100%);
  animation: sgp-pulse 2s ease-in-out infinite alternate;
}
.scn-ganges-purifying-discovery .dust-a {
  position: absolute; top: 20%; left: 20%; width: 8px; height: 8px;
  background: rgba(200,180,140,.3); border-radius: 50%;
  filter: blur(2px);
  animation: sgp-drift-a 20s linear infinite;
}
.scn-ganges-purifying-discovery .dust-b {
  position: absolute; top: 35%; right: 30%; width: 6px; height: 6px;
  background: rgba(200,180,140,.2); border-radius: 50%;
  filter: blur(2px);
  animation: sgp-drift-b 25s linear infinite reverse;
}
@keyframes sgp-bob { 0%,100% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-2px); } }
@keyframes sgp-glow { 0% { box-shadow: 0 0 20px 4px rgba(200,160,80,.4); } 50% { box-shadow: 0 0 30px 8px rgba(220,180,80,.6); } 100% { box-shadow: 0 0 20px 4px rgba(200,160,80,.4); } }
@keyframes sgp-lean { 0%,100% { transform: rotate(0) translateY(0); } 50% { transform: rotate(2deg) translateY(-2px); } }
@keyframes sgp-pulse { 0% { opacity: .3; } 100% { opacity: .7; } }
@keyframes sgp-drift-a { 0% { transform: translate(0,0); } 100% { transform: translate(80px, -40px); } }
@keyframes sgp-drift-b { 0% { transform: translate(0,0); } 100% { transform: translate(-60px, 30px); } }

/* Scene 2: henkin-tests (sht) */
.scn-henkin-tests {
  background: 
    linear-gradient(180deg, #1a2228 0%, #2a3438 40%, #10161a 100%),
    radial-gradient(ellipse at 80% 20%, #3a4a50 0%, transparent 60%);
}
.scn-henkin-tests .bg-lab {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #0e1418 0%, #3a4448 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,.4);
}
.scn-henkin-tests .bench {
  position: absolute; bottom: 30%; left: 5%; right: 5%; height: 10%;
  background: linear-gradient(180deg, #4a5458 0%, #2a3236 100%);
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,.5);
}
.scn-henkin-tests .flask {
  position: absolute; bottom: 40%; left: 35%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 30%, #a0b8c0 0%, #607080 70%);
  border-radius: 20% 20% 30% 30%;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);
  animation: sht-rock 5s ease-in-out infinite;
}
.scn-henkin-tests .books {
  position: absolute; bottom: 38%; left: 60%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #6a5050 0%, #3a2828 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.scn-henkin-tests .scientist {
  position: absolute; bottom: 28%; left: 48%; width: 22px; height: 48px;
  background: linear-gradient(180deg, #1a1e22 0%, #0a0e12 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sht-read 8s ease-in-out infinite;
}
.scn-henkin-tests .steam {
  position: absolute; bottom: 48%; left: 35%; width: 14px; height: 20px;
  background: rgba(180,200,210,.15); border-radius: 50%;
  filter: blur(4px);
  animation: sht-rise 6s ease-in-out infinite;
}
.scn-henkin-tests .shadow-stripe {
  position: absolute; top: 0; left: 45%; width: 10%; height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, transparent 50%, rgba(0,0,0,.1) 100%);
  animation: sht-sweep 12s ease-in-out infinite alternate;
}
@keyframes sht-rock { 0%,100% { transform: rotate(0); } 50% { transform: rotate(-3deg); } }
@keyframes sht-read { 0%,100% { transform: rotate(0) translateY(0); } 50% { transform: rotate(1deg) translateY(-2px); } }
@keyframes sht-rise { 0% { transform: translateY(0); opacity: 0; } 50% { transform: translateY(-12px); opacity: .6; } 100% { transform: translateY(-24px); opacity: 0; } }
@keyframes sht-sweep { 0% { transform: translateX(-10px); } 100% { transform: translateX(10px); } }

/* Scene 3: ganges-secret (sgs) */
.scn-ganges-secret {
  background: 
    linear-gradient(180deg, #2a1a10 0%, #3a2518 40%, #1e1208 100%),
    radial-gradient(ellipse at 50% 70%, #5a3a20 0%, transparent 60%);
}
.scn-ganges-secret .bg-temple {
  position: absolute; inset: 0 0 10% 0;
  background: linear-gradient(180deg, #1e1008 0%, #3a2518 100%);
  box-shadow: inset 0 0 50px rgba(0,0,0,.6);
}
.scn-ganges-secret .pillar-left {
  position: absolute; top: 0; left: 15%; width: 12%; height: 100%;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0e 100%);
  border-radius: 8px;
  box-shadow: 4px 0 8px rgba(0,0,0,.4);
}
.scn-ganges-secret .pillar-right {
  position: absolute; top: 0; right: 15%; width: 12%; height: 100%;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0e 100%);
  border-radius: 8px;
  box-shadow: -4px 0 8px rgba(0,0,0,.4);
}
.scn-ganges-secret .altar {
  position: absolute; bottom: 25%; left: 30%; right: 30%; height: 15%;
  background: linear-gradient(180deg, #6a4a30 0%, #3a2210 100%);
  border-radius: 10px 10px 6px 6px;
  box-shadow: 0 -4px 12px rgba(0,0,0,.5);
}
.scn-ganges-secret .water-pot {
  position: absolute; bottom: 40%; left: 45%; width: 20px; height: 24px;
  background: radial-gradient(circle at 50% 50%, #b08050 0%, #80502a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 20px 6px rgba(200,160,80,.5);
  animation: sgs-glint 3s ease-in-out infinite alternate;
}
.scn-ganges-secret .devotee {
  position: absolute; bottom: 20%; left: 40%; width: 22px; height: 50px;
  background: linear-gradient(180deg, #1a0e08 0%, #0a0604 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sgs-bow 7s ease-in-out infinite;
}
.scn-ganges-secret .incense-trail-a {
  position: absolute; bottom: 48%; left: 42%; width: 8px; height: 30px;
  background: rgba(200,180,140,.15); border-radius: 50%;
  filter: blur(3px);
  animation: sgs-smoke-a 10s linear infinite;
}
.scn-ganges-secret .incense-trail-b {
  position: absolute; bottom: 48%; left: 48%; width: 6px; height: 24px;
  background: rgba(200,180,140,.1); border-radius: 50%;
  filter: blur(3px);
  animation: sgs-smoke-b 12s linear infinite reverse;
}
@keyframes sgs-glint { 0% { box-shadow: 0 0 20px 6px rgba(200,160,80,.5); } 50% { box-shadow: 0 0 30px 10px rgba(220,180,100,.7); } 100% { box-shadow: 0 0 20px 6px rgba(200,160,80,.5); } }
@keyframes sgs-bow { 0%,100% { transform: rotate(0); } 50% { transform: rotate(8deg); } }
@keyframes sgs-smoke-a { 0% { transform: translateY(0) scaleX(1); opacity: .4; } 50% { transform: translateY(-20px) scaleX(1.5); opacity: .1; } 100% { transform: translateY(-40px) scaleX(1); opacity: 0; } }
@keyframes sgs-smoke-b { 0% { transform: translateY(0) scaleX(1); opacity: .3; } 50% { transform: translateY(-15px) scaleX(1.3); opacity: .1; } 100% { transform: translateY(-30px) scaleX(1); opacity: 0; } }

/* Scene 4: burning-ghat (sbg) */
.scn-burning-ghat {
  background: 
    linear-gradient(180deg, #6a8a9a 0%, #4a6a7a 30%, #2a3a4a 70%, #1a1a2a 100%),
    radial-gradient(ellipse at 50% 0%, #c0d8e0 0%, transparent 70%);
}
.scn-burning-ghat .bg-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #8ab0c0 0%, #4a6a7a 100%);
  animation: sbg-sky 15s ease-in-out infinite alternate;
}
.scn-burning-ghat .sun-ball {
  position: absolute; top: 10%; right: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f0d090 0%, #d0a060 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(200,150,80,.4);
  animation: sbg-sun 30s linear infinite;
}
.scn-burning-ghat .river {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #2a3a4a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.3);
  animation: sbg-river 8s ease-in-out infinite alternate;
}
.scn-burning-ghat .pyre {
  position: absolute; bottom: 32%; left: 40%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #3a2a20 0%, #1a1008 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 20px 6px rgba(200,80,30,.4);
  animation: sbg-burn 4s ease-in-out infinite;
}
.scn-burning-ghat .boat {
  position: absolute; bottom: 40%; left: 20%; width: 40px; height: 10px;
  background: linear-gradient(180deg, #3a3028 0%, #1a1410 100%);
  border-radius: 40% 40% 20% 20%;
  transform: rotate(-5deg);
  animation: sbg-drift 12s ease-in-out infinite;
}
.scn-burning-ghat .rower {
  position: absolute; bottom: 42%; left: 22%; width: 16px; height: 24px;
  background: #0a0a0e;
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sbg-roll 6s ease-in-out infinite;
}
.scn-burning-ghat .smoke-a {
  position: absolute; bottom: 52%; left: 42%; width: 20px; height: 40px;
  background: rgba(180,160,120,.15); border-radius: 50%;
  filter: blur(5px);
  animation: sbg-smoke-a 15s linear infinite;
}
.scn-burning-ghat .smoke-b {
  position: absolute; bottom: 50%; left: 38%; width: 16px; height: 30px;
  background: rgba(200,180,140,.1); border-radius: 50%;
  filter: blur(5px);
  animation: sbg-smoke-b 18s linear infinite reverse;
}
.scn-burning-ghat .crane {
  position: absolute; bottom: 45%; left: 55%; width: 30px; height: 4px;
  background: linear-gradient(90deg, #3a3028 0%, #1a1410 100%);
  border-radius: 2px;
  transform: rotate(15deg);
  animation: sbg-crane 20s ease-in-out infinite;
}
@keyframes sbg-sky { 0% { opacity: .8; } 100% { opacity: 1; } }
@keyframes sbg-sun { 0% { transform: translate(0,0); } 50% { transform: translate(20px, -10px); } 100% { transform: translate(0,0); } }
@keyframes sbg-river { 0% { transform: translateY(0); } 100% { transform: translateY(3px); } }
@keyframes sbg-burn { 0%,100% { box-shadow: 0 0 20px 6px rgba(200,80,30,.4); } 50% { box-shadow: 0 0 30px 10px rgba(240,120,40,.6); } }
@keyframes sbg-drift { 0%,100% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(-3deg) translateX(8px); } }
@keyframes sbg-roll { 0%,100% { transform: rotate(0); } 50% { transform: rotate(5deg); } }
@keyframes sbg-smoke-a { 0% { transform: translateY(0) scaleX(1); opacity: .4; } 50% { transform: translateY(-30px) scaleX(1.5); opacity: .1; } 100% { transform: translateY(-60px) scaleX(1); opacity: 0; } }
@keyframes sbg-smoke-b { 0% { transform: translateY(0) scaleX(1); opacity: .3; } 50% { transform: translateY(-25px) scaleX(1.3); opacity: .1; } 100% { transform: translateY(-50px) scaleX(1); opacity: 0; } }
@keyframes sbg-crane { 0%,100% { transform: rotate(15deg); } 50% { transform: rotate(20deg); } }

.scn-thug-englishman {
  background: linear-gradient(180deg, #2a1f1a 0%, #3d2b20 30%, #4d3628 60%, #2a1f1a 100%),
              radial-gradient(ellipse at 40% 80%, #6b4a35 0%, transparent 60%);
}
.scn-thug-englishman .wall { position: absolute; inset: 0 0 30% 0; background: linear-gradient(135deg, #3d2a1e 0%, #2a1a12 100%); box-shadow: inset 0 0 60px rgba(0,0,0,0.5); animation: te-wall 12s ease-in-out infinite alternate; }
.scn-thug-englishman .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(0deg, #1e1410 0%, #3a2a1e 100%); border-radius: 0 0 50% 50% / 0 0 20% 20%; }
.scn-thug-englishman .doorway { position: absolute; bottom: 30%; left: 20%; width: 25%; height: 70%; background: #1a0e0a; border-radius: 4% 4% 0 0; box-shadow: inset 0 0 30px rgba(0,0,0,0.8); transform-origin: left bottom; animation: te-door 8s ease-in-out infinite alternate; }
.scn-thug-englishman .figure-traveler { position: absolute; bottom: 35%; left: 35%; width: 14%; height: 40%; background: linear-gradient(180deg, #4a3630 0%, #2a1a14 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: te-fig 4s ease-in-out infinite; }
.scn-thug-englishman .lantern { position: absolute; bottom: 50%; left: 50%; width: 6%; height: 8%; background: radial-gradient(circle, #f0b060 0%, #b08030 70%, #8a6020 100%); border-radius: 30%; box-shadow: 0 0 30px 10px rgba(240,176,96,0.6), 0 0 60px 20px rgba(240,176,96,0.3); animation: te-lamp 3s ease-in-out infinite alternate; }
.scn-thug-englishman .dust { position: absolute; width: 2%; height: 2%; background: rgba(200,180,150,0.4); border-radius: 50%; filter: blur(2px); animation: te-dust 20s linear infinite; }
.scn-thug-englishman .particle1 { top: 20%; left: 60%; }
.scn-thug-englishman .particle2 { top: 40%; left: 30%; animation-delay: -7s; }
@keyframes te-wall { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.8; } }
@keyframes te-door { 0% { transform: skewY(0deg); } 50% { transform: skewY(-3deg) scaleX(0.98); } 100% { transform: skewY(2deg); } }
@keyframes te-fig { 0%, 100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2%) rotate(1deg); } 50% { transform: translateX(4%) rotate(-1deg); } 75% { transform: translateX(2%) rotate(0.5deg); } }
@keyframes te-lamp { 0% { box-shadow: 0 0 20px 8px rgba(240,176,96,0.5), 0 0 40px 15px rgba(240,176,96,0.2); transform: scale(0.95); } 50% { box-shadow: 0 0 35px 15px rgba(240,176,96,0.7), 0 0 70px 25px rgba(240,176,96,0.4); transform: scale(1.05); } 100% { box-shadow: 0 0 25px 10px rgba(240,176,96,0.55), 0 0 50px 20px rgba(240,176,96,0.3); transform: scale(0.98); } }
@keyframes te-dust { 0% { transform: translate(0, 0) rotate(0); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translate(10vw, -20vh) rotate(360deg); opacity: 0; } }

.scn-thug-british-eradication {
  background: linear-gradient(180deg, #2e241c 0%, #3a2f22 40%, #2a1e16 100%),
              radial-gradient(ellipse at 50% 70%, #5a432e 0%, transparent 70%);
}
.scn-thug-british-eradication .bg-deep { position: absolute; inset: 0 0 20% 0; background: linear-gradient(180deg, #1a1410 0%, #2e241c 100%); }
.scn-thug-british-eradication .desk { position: absolute; bottom: 10%; left: 15%; width: 70%; height: 20%; background: linear-gradient(180deg, #4a3528 0%, #3a2a1e 100%); border-radius: 4% 4% 0 0; box-shadow: 0 -8px 20px rgba(0,0,0,0.5); animation: tbe-desk 15s ease-in-out infinite alternate; }
.scn-thug-british-eradication .book { position: absolute; bottom: 22%; left: 30%; width: 30%; height: 12%; background: linear-gradient(135deg, #7a5a3a 0%, #5a3a22 100%); border-radius: 4% 8% 2% 6% / 10% 12% 6% 8%; box-shadow: 2px 2px 10px rgba(0,0,0,0.4); transform-origin: left center; animation: tbe-book 6s ease-in-out infinite; }
.scn-thug-british-eradication .candle { position: absolute; bottom: 25%; left: 55%; width: 4%; height: 15%; background: linear-gradient(0deg, #8a6a3a 0%, #c0a060 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 -4px 6px rgba(0,0,0,0.3); }
.scn-thug-british-eradication .flame { position: absolute; bottom: 38%; left: 55.5%; width: 2.5%; height: 5%; background: radial-gradient(circle at 50% 100%, #ffd080 0%, #f0a030 40%, #c07010 100%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 20px 6px rgba(240,160,48,0.6), 0 0 40px 12px rgba(240,160,48,0.3); animation: tbe-flame 0.5s ease-in-out infinite alternate; }
.scn-thug-british-eradication .hand { position: absolute; bottom: 20%; left: 42%; width: 10%; height: 12%; background: linear-gradient(180deg, #6a5040 0%, #4a3020 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom left; animation: tbe-hand 4s ease-in-out infinite; }
.scn-thug-british-eradication .shadow-book { position: absolute; bottom: 20%; left: 28%; width: 34%; height: 15%; background: rgba(0,0,0,0.4); border-radius: 10% 10% 5% 5%; filter: blur(4px); animation: tbe-shadow 6s ease-in-out infinite alternate; }
@keyframes tbe-desk { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes tbe-book { 0%, 100% { transform: rotate(0deg); } 30% { transform: rotate(2deg); } 60% { transform: rotate(-1deg); } }
@keyframes tbe-flame { 0% { transform: scaleY(1) translateY(0); opacity: 0.9; } 50% { transform: scaleY(1.1) translateY(-2px); opacity: 1; } 100% { transform: scaleY(0.9) translateY(1px); opacity: 0.85; } }
@keyframes tbe-hand { 0%, 100% { transform: rotate(0deg) translateX(0); } 25% { transform: rotate(5deg) translateX(2px); } 50% { transform: rotate(0deg) translateX(5px); } 75% { transform: rotate(-3deg) translateX(3px); } }
@keyframes tbe-shadow { 0%, 100% { transform: scaleX(1); opacity: 0.6; } 50% { transform: scaleX(0.95); opacity: 0.5; } }

.scn-thug-hopeless-task {
  background: linear-gradient(180deg, #0e0a0a 0%, #1a1410 30%, #0e0a0a 60%, #1a1410 100%),
              radial-gradient(ellipse at 50% 40%, #36302a 0%, transparent 70%);
}
.scn-thug-hopeless-task .dungeon-wall { position: absolute; inset: 0 0 20% 0; background: repeating-linear-gradient(0deg, #2a1e1a 0px, #1a1410 8px, #2a1e1a 16px); animation: tht-wall 10s linear infinite; }
.scn-thug-hopeless-task .chain { position: absolute; top: 5%; left: 48%; width: 4%; height: 40%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a22 50%, #5a4a3a 100%); border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.5); animation: tht-chain 2s ease-in-out infinite; }
.scn-thug-hopeless-task .figure-chained { position: absolute; bottom: 25%; left: 35%; width: 20%; height: 35%; background: radial-gradient(ellipse at 50% 30%, #3a2a22 0%, #1a1410 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: 50% 100%; animation: tht-fig 1.5s ease-in-out infinite; }
.scn-thug-hopeless-task .sweat-drop { position: absolute; top: 55%; left: 52%; width: 2%; height: 3%; background: radial-gradient(circle, rgba(200,200,200,0.6) 0%, transparent 100%); border-radius: 50%; animation: tht-sweat 2s linear infinite; }
.scn-thug-hopeless-task .spotlight { position: absolute; top: 0; left: 30%; width: 40%; height: 100%; background: linear-gradient(180deg, rgba(200,160,100,0.15) 0%, transparent 40%); clip-path: polygon(20% 0, 80% 0, 60% 100%, 40% 100%); animation: tht-spot 3s ease-in-out infinite alternate; }
.scn-thug-hopeless-task .dust-tormented { position: absolute; top: 30%; left: 20%; width: 3%; height: 3%; background: rgba(200,180,140,0.3); border-radius: 50%; filter: blur(2px); animation: tht-dust 6s linear infinite; }
@keyframes tht-wall { 0% { background-position: 0 0; } 100% { background-position: 0 16px; } }
@keyframes tht-chain { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(5deg); } }
@keyframes tht-fig { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3%) rotate(-2deg); } 50% { transform: translateY(1%) rotate(0deg); } 75% { transform: translateY(-2%) rotate(2deg); } }
@keyframes tht-sweat { 0% { transform: translate(0, 0) scale(1); opacity: 1; } 100% { transform: translate(5px, 20px) scale(0.5); opacity: 0; } }
@keyframes tht-spot { 0% { opacity: 0.6; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.05); } 100% { opacity: 0.7; transform: scaleY(0.95); } }
@keyframes tht-dust { 0% { transform: translate(0, 0) rotate(0); opacity: 0; } 20% { opacity: 0.6; } 80% { opacity: 0.6; } 100% { transform: translate(15vw, -30vh) rotate(720deg); opacity: 0; } }

.scn-thug-quote-grief {
  background: linear-gradient(180deg, #2a201c 0%, #3a2e28 40%, #2a201c 100%),
              radial-gradient(ellipse at 50% 60%, #4a3c34 0%, transparent 70%);
}
.scn-thug-quote-grief .curtain { position: absolute; top: 0; left: 10%; width: 80%; height: 70%; background: linear-gradient(180deg, #4a3a30 0%, #2a1e18 100%); border-radius: 0 0 30% 30% / 0 0 20% 20%; clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%); animation: tqg-curt 20s ease-in-out infinite alternate; }
.scn-thug-quote-grief .window-sill { position: absolute; bottom: 40%; left: 25%; width: 50%; height: 4%; background: linear-gradient(0deg, #5a4a3a 0%, #3a2e22 100%); border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
.scn-thug-quote-grief .figure-seated { position: absolute; bottom: 15%; left: 35%; width: 20%; height: 40%; background: linear-gradient(180deg, #3a2e28 0%, #1e1612 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: tqg-fig 8s ease-in-out infinite; }
.scn-thug-quote-grief .glow-orb { position: absolute; bottom: 45%; left: 48%; width: 4%; height: 4%; background: radial-gradient(circle, #f0d8a0 0%, #d0b070 50%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 15px rgba(240,216,160,0.4), 0 0 80px 30px rgba(240,216,160,0.2); animation: tqg-glow 5s ease-in-out infinite alternate; }
.scn-thug-quote-grief .shadow-pool { position: absolute; bottom: 10%; left: 30%; width: 40%; height: 15%; background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 100%); filter: blur(10px); animation: tqg-shadow 8s ease-in-out infinite alternate; }
.scn-thug-quote-grief .dust-calm { position: absolute; top: 30%; left: 60%; width: 2%; height: 2%; background: rgba(200,190,180,0.3); border-radius: 50%; filter: blur(2px); animation: tqg-dust 30s linear infinite; }
@keyframes tqg-curt { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-5px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(0.98); } }
@keyframes tqg-fig { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(-1deg); } }
@keyframes tqg-glow { 0% { box-shadow: 0 0 30px 10px rgba(240,216,160,0.3), 0 0 60px 20px rgba(240,216,160,0.15); transform: scale(0.95); } 50% { box-shadow: 0 0 50px 20px rgba(240,216,160,0.5), 0 0 100px 40px rgba(240,216,160,0.3); transform: scale(1.05); } 100% { box-shadow: 0 0 35px 12px rgba(240,216,160,0.35), 0 0 70px 25px rgba(240,216,160,0.2); transform: scale(0.98); } }
@keyframes tqg-shadow { 0%, 100% { transform: scaleX(1); opacity: 0.5; } 50% { transform: scaleX(0.9); opacity: 0.4; } }
@keyframes tqg-dust { 0% { transform: translate(0, 0) rotate(0); opacity: 0; } 10% { opacity: 0.6; } 90% { opacity: 0.6; } 100% { transform: translate(-10vw, -20vh) rotate(-360deg); opacity: 0; } }

/* Scene: rhodes-saw-opportunity */
.scn-rhodes-saw-opportunity {
  background: linear-gradient(180deg, #1a1814 0%, #2a241c 40%, #1e1a14 100%), radial-gradient(ellipse at 50% 60%, #3a2e1e 0%, transparent 80%);
}
.scn-rhodes-saw-opportunity .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #2a241c 0%, #1a1814 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.8);
}
.scn-rhodes-saw-opportunity .desk {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%);
  border-radius: 10% 10% 0 0;
  transform: perspective(800px) rotateX(20deg);
}
.scn-rhodes-saw-opportunity .map {
  position: absolute; bottom: 15%; left: 25%; width: 50%; height: 18%;
  background: linear-gradient(135deg, #c8b088 0%, #a08860 50%, #806848 100%);
  border-radius: 4%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
  animation: rso-map 12s ease-in-out infinite alternate;
}
.scn-rhodes-saw-opportunity .lamp {
  position: absolute; bottom: 50%; left: 60%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #b08040 0%, #604020 100%);
  border-radius: 20% 20% 40% 40%;
  transform-origin: bottom center;
  animation: rso-lamp 4s ease-in-out infinite alternate;
}
.scn-rhodes-saw-opportunity .glow {
  position: absolute; bottom: 50%; left: 60%; width: 80px; height: 80px;
  background: radial-gradient(circle, #d09050 0%, #a06030 30%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, -10%);
  pointer-events: none;
  animation: rso-glow 3s ease-in-out infinite alternate;
}
.scn-rhodes-saw-opportunity .figure {
  position: absolute; bottom: 10%; left: 20%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #1a1814 0%, #0e0c0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rso-figure 6s ease-in-out infinite alternate;
  box-shadow: -10px 0 15px rgba(0,0,0,0.5);
}
.scn-rhodes-saw-opportunity .shadow {
  position: absolute; bottom: 0; left: 15%; width: 60px; height: 20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.7) 0%, transparent 70%);
  border-radius: 50%;
  animation: rso-shadow 6s ease-in-out infinite alternate;
}
@keyframes rso-map {
  0% { transform: perspective(800px) rotateX(20deg) translateY(0); }
  50% { transform: perspective(800px) rotateX(20deg) translateY(-2px); }
  100% { transform: perspective(800px) rotateX(20deg) translateY(1px); }
}
@keyframes rso-lamp {
  0% { transform: translateX(0) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(2deg); }
  100% { transform: translateX(-1px) rotate(-1deg); }
}
@keyframes rso-glow {
  0% { opacity: 0.7; transform: translate(-50%, -10%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -10%) scale(1.1); }
  100% { opacity: 0.8; transform: translate(-50%, -10%) scale(0.95); }
}
@keyframes rso-figure {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  50% { transform: translateX(3px) translateY(-2px) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(-1deg); }
}
@keyframes rso-shadow {
  0% { transform: scaleX(1); opacity: 0.6; }
  50% { transform: scaleX(1.2); opacity: 0.8; }
  100% { transform: scaleX(0.9); opacity: 0.5; }
}

/* Scene: rhodes-plotting-succeeds */
.scn-rhodes-plotting-succeeds {
  background: linear-gradient(180deg, #1c1814 0%, #2a221a 50%, #1a1410 100%), radial-gradient(ellipse at 50% 40%, #3a2e22 0%, transparent 80%);
}
.scn-rhodes-plotting-succeeds .room-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a221a 0%, #1a1410 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,0.7);
}
.scn-rhodes-plotting-succeeds .table {
  position: absolute; bottom: 5%; left: 15%; right: 15%; height: 30%;
  background: linear-gradient(180deg, #4a3828 0%, #2a1e12 100%);
  border-radius: 4% 4% 0 0;
  transform: perspective(600px) rotateX(25deg);
}
.scn-rhodes-plotting-succeeds .documents {
  position: absolute; bottom: 22%; left: 30%; width: 40%; height: 12%;
  background: linear-gradient(135deg, #c8b088 0%, #a08860 50%, #806848 100%);
  border-radius: 2%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: rps-docs 10s ease-in-out infinite alternate;
}
.scn-rhodes-plotting-succeeds .figure-left {
  position: absolute; bottom: 5%; left: 10%; width: 36px; height: 60px;
  background: linear-gradient(180deg, #1a1814 0%, #0e0c0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rps-figure-left 7s ease-in-out infinite alternate;
}
.scn-rhodes-plotting-succeeds .figure-right {
  position: absolute; bottom: 5%; right: 10%; width: 36px; height: 60px;
  background: linear-gradient(180deg, #1a1814 0%, #0e0c0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rps-figure-right 7s ease-in-out infinite alternate;
  animation-delay: -2s;
}
.scn-rhodes-plotting-succeeds .pendulum {
  position: absolute; top: 5%; left: 50%; width: 4px; height: 80px;
  background: linear-gradient(180deg, #b08040 0%, #604020 100%);
  transform-origin: top center;
  border-radius: 20% 20% 0 0;
  animation: rps-pendulum 2s ease-in-out infinite;
}
.scn-rhodes-plotting-succeeds .shadow-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.8) 0%, transparent 70%);
}
@keyframes rps-docs {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(1px); }
}
@keyframes rps-figure-left {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(4px) rotate(1deg); }
  100% { transform: translateX(-2px) rotate(-1deg); }
}
@keyframes rps-figure-right {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-4px) rotate(-1deg); }
  100% { transform: translateX(2px) rotate(1deg); }
}
@keyframes rps-pendulum {
  0% { transform: rotate(15deg); }
  25% { transform: rotate(-15deg); }
  50% { transform: rotate(10deg); }
  75% { transform: rotate(-10deg); }
  100% { transform: rotate(15deg); }
}

/* Scene: letter-of-invitation */
.scn-letter-of-invitation {
  background: linear-gradient(180deg, #1c1812 0%, #2a221e 50%, #18140e 100%), radial-gradient(ellipse at 50% 70%, #3a2e20 0%, transparent 70%);
}
.scn-letter-of-invitation .tabletop {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #4a3828 0%, #2a1e12 100%);
  border-radius: 10% 10% 0 0;
  transform: perspective(600px) rotateX(30deg);
}
.scn-letter-of-invitation .hand {
  position: absolute; bottom: 40%; left: 45%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: loi-hand 5s ease-in-out infinite alternate;
}
.scn-letter-of-invitation .candle {
  position: absolute; bottom: 45%; left: 25%; width: 8px; height: 30px;
  background: linear-gradient(180deg, #c8a870 0%, #a08050 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: -2px 0 8px rgba(0,0,0,0.4);
}
.scn-letter-of-invitation .flame {
  position: absolute; bottom: 60%; left: 26%; width: 10px; height: 14px;
  background: radial-gradient(circle, #ffd080 0%, #e0a040 40%, #c06020 80%, transparent 100%);
  border-radius: 50%;
  animation: loi-flame 0.8s ease-in-out infinite alternate;
}
.scn-letter-of-invitation .letter {
  position: absolute; bottom: 30%; left: 35%; width: 30%; height: 18%;
  background: linear-gradient(135deg, #e8d8b8 0%, #c8b088 100%);
  border-radius: 2%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  transform: rotate(-5deg);
  animation: loi-letter 8s ease-in-out infinite alternate;
}
.scn-letter-of-invitation .seal {
  position: absolute; bottom: 36%; left: 48%; width: 14px; height: 14px;
  background: radial-gradient(circle, #c8553d 0%, #a0461a 60%, #602010 100%);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(192,80,30,0.5);
  animation: loi-seal 4s ease-in-out infinite alternate;
}
.scn-letter-of-invitation .ink-bottle {
  position: absolute; bottom: 20%; left: 65%; width: 14px; height: 22px;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
@keyframes loi-hand {
  0% { transform: translateX(0) translateY(0) rotate(2deg); }
  50% { transform: translateX(6px) translateY(-4px) rotate(-1deg); }
  100% { transform: translateX(2px) translateY(-2px) rotate(1deg); }
}
@keyframes loi-flame {
  0% { transform: scaleY(1) translateY(0); opacity: 0.9; }
  50% { transform: scaleY(1.3) translateY(-3px); opacity: 1; }
  100% { transform: scaleY(0.8) translateY(2px); opacity: 0.8; }
}
@keyframes loi-letter {
  0% { transform: rotate(-5deg) translateX(0); }
  50% { transform: rotate(-3deg) translateX(3px); }
  100% { transform: rotate(-6deg) translateX(-2px); }
}
@keyframes loi-seal {
  0% { box-shadow: 0 0 6px rgba(192,80,30,0.5); transform: scale(1); }
  50% { box-shadow: 0 0 12px rgba(192,80,30,0.8); transform: scale(1.1); }
  100% { box-shadow: 0 0 4px rgba(192,80,30,0.4); transform: scale(0.95); }
}

/* Scene: reformers-try-to-stop-jameson */
.scn-reformers-try-to-stop-jameson {
  background: linear-gradient(180deg, #1a1410 0%, #2a2018 50%, #1a1410 100%), radial-gradient(ellipse at 50% 30%, #3a2a1a 0%, transparent 80%);
}
.scn-reformers-try-to-stop-jameson .doorway {
  position: absolute; top: 0; left: 30%; right: 30%; bottom: 20%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a120e 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 0 40px rgba(0,0,0,0.8);
}
.scn-reformers-try-to-stop-jameson .crowd-back {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 50%;
  background: radial-gradient(ellipse at 50% 80%, #1a1410 0%, transparent 70%);
  filter: blur(4px);
  animation: rts-crowd 8s ease-in-out infinite alternate;
}
.scn-reformers-try-to-stop-jameson .figure-fore {
  position: absolute; bottom: 15%; left: 35%; width: 50px; height: 70px;
  background: linear-gradient(180deg, #1a1814 0%, #0e0c0a 100%);
  border-radius: 30% 30% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: rts-figure-fore 5s ease-in-out infinite alternate;
}
.scn-reformers-try-to-stop-jameson .arm {
  position: absolute; bottom: 40%; left: 42%; width: 8px; height: 40px;
  background: linear-gradient(180deg, #1a1814 0%, #0e0c0a 100%);
  border-radius: 20% 20% 0 0;
  transform-origin: bottom center;
  animation: rts-arm 3s ease-in-out infinite alternate;
}
.scn-reformers-try-to-stop-jameson .table {
  position: absolute; bottom: 5%; left: 20%; right: 20%; height: 15%;
  background: linear-gradient(180deg, #4a3828 0%, #2a1e12 100%);
  border-radius: 4% 4% 0 0;
  transform: perspective(400px) rotateX(30deg);
}
.scn-reformers-try-to-stop-jameson .lantern {
  position: absolute; top: 5%; left: 45%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #b08040 0%, #604020 100%);
  border-radius: 20% 20% 30% 30%;
  animation: rts-lantern 6s ease-in-out infinite alternate;
}
.scn-reformers-try-to-stop-jameson .shadow-layer {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, transparent 30%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.8) 100%);
  pointer-events: none;
}
@keyframes rts-crowd {
  0% { transform: scale(1) translateY(0); opacity: 0.5; }
  50% { transform: scale(1.05) translateY(-5px); opacity: 0.7; }
  100% { transform: scale(0.98) translateY(2px); opacity: 0.6; }
}
@keyframes rts-figure-fore {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(8px) rotate(2deg); }
  100% { transform: translateX(-4px) rotate(-1deg); }
}
@keyframes rts-arm {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(-20deg); }
  100% { transform: rotate(5deg); }
}
@keyframes rts-lantern {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-2deg); }
}

.scn-reformers-do-all-in-turn {
  background: linear-gradient(180deg, #1a1423 0%, #2a1f33 40%, #1f1828 100%),
              radial-gradient(ellipse at 30% 80%, #3a2a44 0%, transparent 70%);
}
.scn-reformers-do-all-in-turn .rdt-wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1f1828 0%, #2a1f33 60%, #1f1828 100%);
  animation: rdt-wallpulse 12s ease-in-out infinite alternate;
}
.scn-reformers-do-all-in-turn .rdt-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a1423 0%, #0f0b14 100%);
  border-radius: 60% 40% 0 0 / 40% 30% 0 0; box-shadow: inset 0 12px 20px rgba(0,0,0,0.6);
}
.scn-reformers-do-all-in-turn .rdt-lamp {
  position: absolute; bottom: 38%; left: 50%; width: 16px; height: 28px;
  transform: translateX(-50%); background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 0 20px 6px #b0804044;
  animation: rdt-lamp 4s ease-in-out infinite alternate;
}
.scn-reformers-do-all-in-turn .rdt-table {
  position: absolute; bottom: 28%; left: 15%; width: 70%; height: 12%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1f140a 100%);
  border-radius: 4%; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
.scn-reformers-do-all-in-turn .rdt-figure {
  position: absolute; bottom: 22%; width: 14px; height: 32px;
  background: linear-gradient(180deg, #1a1423 0%, #0f0b14 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
}
.scn-reformers-do-all-in-turn .rdt-f1 { left: 22%; animation: rdt-move1 4s ease-in-out infinite; }
.scn-reformers-do-all-in-turn .rdt-f2 { left: 44%; animation: rdt-move2 4s ease-in-out infinite 1s; }
.scn-reformers-do-all-in-turn .rdt-f3 { left: 66%; animation: rdt-move3 4s ease-in-out infinite 2s; }
.scn-reformers-do-all-in-turn .rdt-shadow {
  position: absolute; bottom: 15%; left: 10%; width: 80%; height: 8%;
  background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0.4) 0%, transparent 100%);
  filter: blur(4px); animation: rdt-shadows 4s ease-in-out infinite;
}
@keyframes rdt-wallpulse {
  0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.75; }
}
@keyframes rdt-lamp {
  0% { box-shadow: 0 0 12px 3px #9a6040; opacity: 0.6; }
  50% { box-shadow: 0 0 28px 8px #c08050; opacity: 0.9; }
  100% { box-shadow: 0 0 16px 4px #9a6040; opacity: 0.7; }
}
@keyframes rdt-move1 {
  0% { transform: translateX(0) translateY(0); }
  25% { transform: translateX(8px) translateY(-2px); }
  50% { transform: translateX(16px) translateY(0); }
  75% { transform: translateX(24px) translateY(-1px); }
  100% { transform: translateX(32px) translateY(0); }
}
@keyframes rdt-move2 {
  0% { transform: translateX(0) translateY(0); }
  25% { transform: translateX(-6px) translateY(-2px); }
  50% { transform: translateX(-12px) translateY(0); }
  75% { transform: translateX(-18px) translateY(-1px); }
  100% { transform: translateX(-24px) translateY(0); }
}
@keyframes rdt-move3 {
  0% { transform: translateX(0) translateY(0); }
  25% { transform: translateX(10px) translateY(-2px); }
  50% { transform: translateX(20px) translateY(0); }
  75% { transform: translateX(30px) translateY(-1px); }
  100% { transform: translateX(40px) translateY(0); }
}
@keyframes rdt-shadows {
  0%, 100% { opacity: 0.5; } 50% { opacity: 0.8; }
}

.scn-bluff-or-earnest-question {
  background: linear-gradient(135deg, #2a2a3e 0%, #1f1f30 50%, #151520 100%),
              radial-gradient(ellipse at 50% 30%, #3a3a50 0%, transparent 70%);
}
.scn-bluff-or-earnest-question .beq-backdrop {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1f1f30 0%, #151520 100%);
}
.scn-bluff-or-earnest-question .beq-desk {
  position: absolute; bottom: 25%; left: 18%; width: 64%; height: 14%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1f140a 100%);
  border-radius: 4%; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  animation: beq-desk 12s ease-in-out infinite alternate;
}
.scn-bluff-or-earnest-question .beq-chair {
  position: absolute; bottom: 16%; left: 40%; width: 20px; height: 28px;
  background: linear-gradient(180deg, #2a1a10 0%, #1a0e08 100%);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.scn-bluff-or-earnest-question .beq-figure {
  position: absolute; bottom: 18%; left: 44%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0f0f1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: beq-breathe 5s ease-in-out infinite;
}
.scn-bluff-or-earnest-question .beq-window {
  position: absolute; top: 12%; right: 12%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #3a3a50 0%, #2a2a3e 100%);
  border: 2px solid #1f1f30; border-radius: 4%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
  animation: beq-windowlight 8s ease-in-out infinite alternate;
}
.scn-bluff-or-earnest-question .beq-curtain {
  position: absolute; top: 10%; right: 10%; width: 16px; height: 90px;
  background: linear-gradient(180deg, #4a3a3a 0%, #2a1f1f 100%);
  border-radius: 4%; filter: blur(1px);
  animation: beq-curtain 10s ease-in-out infinite alternate;
}
.scn-bluff-or-earnest-question .beq-lamp {
  position: absolute; bottom: 50%; left: 30%; width: 12px; height: 20px;
  background: radial-gradient(circle, #c0a050 0%, #8a7030 70%);
  border-radius: 20%; box-shadow: 0 0 24px 6px #a08040;
  animation: beq-lamp 4s ease-in-out infinite alternate;
}
@keyframes beq-desk {
  0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1px); }
}
@keyframes beq-breathe {
  0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(1px); }
}
@keyframes beq-windowlight {
  0% { opacity: 0.5; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); }
  50% { opacity: 0.8; box-shadow: inset 0 0 30px rgba(0,0,0,0.1); }
  100% { opacity: 0.6; box-shadow: inset 0 0 15px rgba(0,0,0,0.3); }
}
@keyframes beq-curtain {
  0% { transform: translateX(0); } 50% { transform: translateX(4px); } 100% { transform: translateX(0); }
}
@keyframes beq-lamp {
  0% { box-shadow: 0 0 15px 3px #a08040; opacity: 0.6; }
  50% { box-shadow: 0 0 30px 8px #d0b060; opacity: 0.9; }
  100% { box-shadow: 0 0 18px 4px #a08040; opacity: 0.7; }
}

.scn-boer-government-scared {
  background: linear-gradient(180deg, #1a1423 0%, #2a1a30 50%, #0f0a15 100%),
              radial-gradient(ellipse at 70% 80%, #3a2440 0%, transparent 70%);
}
.scn-boer-government-scared .bgs-wall {
  position: absolute; inset: 0; background: linear-gradient(135deg, #1a1423 0%, #0f0a15 100%);
  animation: bgs-wall 15s ease-in-out infinite alternate;
}
.scn-boer-government-scared .bgs-table {
  position: absolute; bottom: 30%; left: 20%; width: 60%; height: 10%;
  background: linear-gradient(180deg, #2a1a10 0%, #1a0e08 100%);
  border-radius: 4%; box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}
.scn-boer-government-scared .bgs-chair {
  position: absolute; bottom: 22%; left: 22%; width: 18px; height: 24px;
  background: linear-gradient(0deg, #1a0e08 0%, #2a1a10 100%);
  border-radius: 20% 20% 10% 10%;
}
.scn-boer-government-scared .bgs-figure {
  position: absolute; bottom: 20%; left: 35%; width: 16px; height: 36px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a15 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: bgs-figure 3s ease-in-out infinite;
}
.scn-boer-government-scared .bgs-map {
  position: absolute; bottom: 35%; left: 55%; width: 50px; height: 35px;
  background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 8%; box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  transform: rotate(-5deg);
  animation: bgs-map 12s ease-in-out infinite alternate;
}
.scn-boer-government-scared .bgs-candle {
  position: absolute; bottom: 45%; left: 50%; width: 8px; height: 18px;
  background: linear-gradient(180deg, #8a6a40 0%, #4a3020 100%);
  border-radius: 10%; box-shadow: 0 0 20px 6px #c08050;
  animation: bgs-candle 1.5s ease-in-out infinite alternate;
}
.scn-boer-government-scared .bgs-shadow {
  position: absolute; bottom: 15%; left: 10%; width: 80%; height: 12%;
  background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0.6) 0%, transparent 100%);
  filter: blur(6px);
  animation: bgs-shadow 3s ease-in-out infinite;
}
@keyframes bgs-wall {
  0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.75; }
}
@keyframes bgs-figure {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(4px) translateY(-4px) rotate(2deg); }
  50% { transform: translateX(0) translateY(-6px) rotate(0deg); }
  75% { transform: translateX(-4px) translateY(-4px) rotate(-2deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes bgs-map {
  0% { transform: rotate(-5deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-5deg); }
}
@keyframes bgs-candle {
  0% { opacity: 0.5; box-shadow: 0 0 10px 2px #a06030; }
  50% { opacity: 0.85; box-shadow: 0 0 28px 8px #d09050; }
  100% { opacity: 0.6; box-shadow: 0 0 14px 3px #a06030; }
}
@keyframes bgs-shadow {
  0%, 100% { opacity: 0.4; } 50% { opacity: 0.8; }
}

.scn-scheme-would-have-failed {
  background: linear-gradient(180deg, #1a1423 0%, #0f0a15 60%, #050308 100%),
              radial-gradient(ellipse at 50% 100%, #2a1a30 0%, transparent 80%);
}
.scn-scheme-would-have-failed .swf-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #1a1a2a 0%, #151520 100%);
  animation: swf-sky 20s ease-in-out infinite alternate;
}
.scn-scheme-would-have-failed .swf-wall {
  position: absolute; bottom: 20%; left: 10%; width: 80%; height: 40%;
  background: linear-gradient(180deg, #2a1f28 0%, #1a1423 100%);
  border-radius: 20% 20% 0 0 / 30% 30% 0 0;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.6);
}
.scn-scheme-would-have-failed .swf-gate {
  position: absolute; bottom: 30%; left: 30%; width: 40%; height: 20%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0f0a15 100%);
  border: 2px solid #2a1f28; border-radius: 8%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}
.scn-scheme-would-have-failed .swf-bars {
  position: absolute; bottom: 32%; left: 30%; width: 40%; height: 16%;
  background: repeating-linear-gradient(90deg, #1f1828 0px, #1f1828 4px, transparent 4px, transparent 14px);
  opacity: 0.6;
  animation: swf-bars 3s ease-in-out infinite;
}
.scn-scheme-would-have-failed .swf-figure {
  position: absolute; bottom: 18%; left: 42%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #1a1423 0%, #0f0b14 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: swf-figure 5s ease-in-out infinite;
}
.scn-scheme-would-have-failed .swf-rubble {
  position: absolute; bottom: 8%; left: 10%; width: 80%; height: 12%;
  background: radial-gradient(ellipse at 30% 0%, #2a1a10 0%, transparent 60%),
              radial-gradient(ellipse at 70% 0%, #1a0e08 0%, transparent 60%);
  filter: blur(3px);
  animation: swf-rubble 8s ease-in-out infinite alternate;
}
@keyframes swf-sky {
  0% { opacity: 0.5; } 50% { opacity: 0.8; } 100% { opacity: 0.5; }
}
@keyframes swf-bars {
  0%, 100% { transform: translateY(0); opacity: 0.5; }
  50% { transform: translateY(-2px); opacity: 0.7; }
}
@keyframes swf-figure {
  0% { transform: translateY(0); }
  25% { transform: translateY(-3px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes swf-rubble {
  0% { transform: scaleX(0.95); } 50% { transform: scaleX(1.05); } 100% { transform: scaleX(0.95); }
}

/* ===== road-to-benares ===== */
.scn-road-to-benares {
  background: linear-gradient(180deg, #ffe8c0 0%, #f0dba0 30%, #d6b880 70%, #c8a060 100%);
}
.scn-road-to-benares .sky {
  position:absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0f0 40%, #ffe0a0 100%);
  animation: rtb-sky 12s ease-in-out infinite alternate;
}
.scn-road-to-benares .sun {
  position:absolute; top:15%; left:60%; width:50px; height:50px;
  background: radial-gradient(circle at 50% 50%, #fff8e0 0%, #ffd06a 40%, transparent 70%);
  border-radius:50%;
  box-shadow: 0 0 60px 20px rgba(255, 200, 80, 0.5);
  animation: rtb-sun 8s ease-in-out infinite alternate;
}
.scn-road-to-benares .horizon {
  position:absolute; bottom:40%; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #c8a060 0%, #b88850 60%, #a07040 100%);
  border-radius: 30% 70% 0 0 / 40% 80% 0 0;
}
.scn-road-to-benares .dust-cloud {
  position:absolute; bottom:35%; left:10%; width:120px; height:25px;
  background: rgba(210, 180, 140, 0.6);
  filter: blur(12px);
  border-radius:50%;
  animation: rtb-dust 20s linear infinite;
}
.scn-road-to-benares .crowd {
  position:absolute; bottom:30%; left:5%; right:20%; height:60px;
  background:
    radial-gradient(ellipse 4px 10px at 10% 50%, #5a3a1a 0%, #5a3a1a 20%, transparent 30%),
    radial-gradient(ellipse 4px 10px at 25% 40%, #4a2a0a 0%, #4a2a0a 20%, transparent 30%),
    radial-gradient(ellipse 4px 10px at 40% 55%, #6a4a2a 0%, #6a4a2a 20%, transparent 30%),
    radial-gradient(ellipse 4px 10px at 55% 45%, #3a2a1a 0%, #3a2a1a 20%, transparent 30%),
    radial-gradient(ellipse 4px 10px at 70% 50%, #5a3a1a 0%, #5a3a1a 20%, transparent 30%),
    radial-gradient(ellipse 4px 10px at 85% 50%, #4a2a0a 0%, #4a2a0a 20%, transparent 30%);
  animation: rtb-crowd 6s ease-in-out infinite alternate;
}
.scn-road-to-benares .prince {
  position:absolute; bottom:28%; left:60%; width:40px; height:70px;
  background:
    radial-gradient(ellipse 30px 50px at 50% 70%, #3a2a1a 0%, #3a2a1a 40%, transparent 50%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: rtb-prince 4s ease-in-out infinite;
}
.scn-road-to-benares .umbrella {
  position:absolute; bottom:65%; left:62%; width:30px; height:10px;
  background: radial-gradient(ellipse at 50% 100%, #c8553d 0%, #a0461a 60%, transparent 80%);
  border-radius: 50% 50% 0 0;
  transform-origin: 50% 100%;
  animation: rtb-umbrella 5s ease-in-out infinite alternate;
}
@keyframes rtb-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.75; } }
@keyframes rtb-sun { 0% { transform: scale(1) translateY(0); box-shadow:0 0 40px 15px rgba(255,200,80,.4); } 50% { transform: scale(1.05) translateY(-2px); box-shadow:0 0 60px 25px rgba(255,200,80,.6); } 100% { transform: scale(.98) translateY(0); box-shadow:0 0 40px 15px rgba(255,200,80,.4); } }
@keyframes rtb-dust { 0% { transform: translateX(-20px) scaleX(1); opacity:.5; } 50% { transform: translateX(10px) scaleX(1.1); opacity:.7; } 100% { transform: translateX(-20px) scaleX(1); opacity:.5; } }
@keyframes rtb-crowd { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-2px) scaleX(1.02); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes rtb-prince { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-1px) rotate(1deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes rtb-umbrella { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }

/* ===== benares-religious-temple ===== */
.scn-benares-religious-temple {
  background: linear-gradient(180deg, #eacda0 0%, #dbb88a 40%, #c8a070 70%, #b89060 100%),
              radial-gradient(ellipse at 50% 100%, #c8a070 0%, transparent 70%);
}
.scn-benares-religious-temple .temple {
  position:absolute; bottom:30%; left:10%; right:10%; height:50%;
  background:
    linear-gradient(90deg, transparent 20%, #b89870 20%, #b89870 25%, transparent 25%),
    linear-gradient(90deg, transparent 40%, #c8a878 40%, #c8a878 45%, transparent 45%),
    linear-gradient(90deg, transparent 60%, #b89870 60%, #b89870 65%, transparent 65%),
    linear-gradient(90deg, transparent 75%, #c8a878 75%, #c8a878 80%, transparent 80%),
    linear-gradient(180deg, #dbb88a 0%, #b89060 100%);
  border-radius: 2% 2% 0 0;
  animation: brt-temple 16s ease-in-out infinite;
}
.scn-benares-religious-temple .steps {
  position:absolute; bottom:30%; left:15%; right:15%; height:8%;
  background: repeating-linear-gradient(0deg, #b08050 0px, #b08050 4px, #a07040 4px, #a07040 8px);
}
.scn-benares-religious-temple .river {
  position:absolute; bottom:0; left:0; right:0; height:35%;
  background: linear-gradient(180deg, #5a8cbf 0%, #3a6c9f 50%, #2a5c8f 100%);
  animation: brt-river 20s linear infinite;
}
.scn-benares-religious-temple .bathers {
  position:absolute; bottom:35%; left:20%; right:20%; height:30px;
  background:
    radial-gradient(ellipse 6px 15px at 15% 50%, #6a4a2a 0%, #6a4a2a 25%, transparent 35%),
    radial-gradient(ellipse 6px 15px at 40% 30%, #5a3a1a 0%, #5a3a1a 25%, transparent 35%),
    radial-gradient(ellipse 6px 15px at 65% 50%, #7a5a3a 0%, #7a5a3a 25%, transparent 35%);
  animation: brt-bathers 8s ease-in-out infinite alternate;
}
.scn-benares-religious-temple .sun {
  position:absolute; top:10%; left:70%; width:45px; height:45px;
  background: radial-gradient(circle at 50% 50%, #fff5d0 0%, #ffd06a 40%, transparent 70%);
  border-radius:50%;
  box-shadow: 0 0 50px 20px rgba(255, 200, 80, 0.4);
  animation: brt-sun 10s ease-in-out infinite alternate;
}
.scn-benares-religious-temple .archway {
  position:absolute; bottom:30%; left:45%; width:60px; height:90px;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: inset 0 -10px 15px rgba(0,0,0,.2);
}
.scn-benares-religious-temple .clouds {
  position:absolute; top:12%; left:15%; width:80px; height:16px;
  background: rgba(255,255,255,.6);
  filter: blur(8px);
  border-radius:50%;
  animation: brt-clouds 40s linear infinite;
}
@keyframes brt-temple { 0% { filter: brightness(1); } 50% { filter: brightness(1.08); } 100% { filter: brightness(.95); } }
@keyframes brt-river { 0% { background-position: 0 0; } 100% { background-position: 100px 0; } }
@keyframes brt-bathers { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-1px) scaleY(.98); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes brt-sun { 0% { transform: scale(1) translateX(0); } 50% { transform: scale(1.04) translateX(3px); } 100% { transform: scale(1) translateX(0); } }
@keyframes brt-clouds { 0% { transform: translateX(-30px); } 100% { transform: translateX(120vw); } }

/* ===== still-in-benares ===== */
.scn-still-in-benares {
  background: linear-gradient(180deg, #2a1a0a 0%, #3a2a1a 40%, #4a3a2a 70%, #1a1008 100%);
}
.scn-still-in-benares .altar {
  position:absolute; bottom:20%; left:20%; right:20%; height:30%;
  background: radial-gradient(ellipse at 50% 100%, #a08060 0%, #604020 80%, transparent 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.5);
  animation: sib-altar 14s ease-in-out infinite;
}
.scn-still-in-benares .sri {
  position:absolute; bottom:25%; left:30%; width:50px; height:80px;
  background:
    radial-gradient(ellipse 30px 60px at 50% 70%, #6a4a2a 0%, #4a2a0a 40%, transparent 50%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sib-sri 6s ease-in-out infinite;
}
.scn-still-in-benares .pupil {
  position:absolute; bottom:25%; left:55%; width:30px; height:50px;
  background:
    radial-gradient(ellipse 18px 38px at 50% 70%, #5a3a1a 0%, #3a2a0a 40%, transparent 50%);
  border-radius: 45% 45% 35% 35% / 55% 55% 35% 35%;
  animation: sib-pupil 8s ease-in-out infinite alternate;
}
.scn-still-in-benares .incense {
  position:absolute; bottom:35%; left:35%; width:8px; height:20px;
  background: linear-gradient(0deg, #a08060 0%, transparent 100%);
  filter: blur(3px);
  animation: sib-incense 5s ease-in-out infinite;
}
.scn-still-in-benares .books {
  position:absolute; bottom:15%; left:40%; width:20px; height:12px;
  background: linear-gradient(180deg, #c8a878 0%, #a08060 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.3);
  animation: sib-books 12s ease-in-out infinite alternate;
}
.scn-still-in-benares .wall-decor {
  position:absolute; top:15%; left:10%; right:10%; height:40%;
  background:
    radial-gradient(circle at 20% 30%, #b89870 0%, transparent 50%),
    radial-gradient(circle at 80% 60%, #c8a878 0%, transparent 50%),
    radial-gradient(circle at 50% 40%, #a08060 0%, transparent 40%);
  opacity:.4;
  animation: sib-wall 20s ease-in-out infinite;
}
@keyframes sib-altar { 0% { filter: brightness(.9); } 50% { filter: brightness(1.05); } 100% { filter: brightness(.9); } }
@keyframes sib-sri { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes sib-pupil { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(2px) scaleY(.97); } 100% { transform: translateX(0) scaleY(1); } }
@keyframes sib-incense { 0% { transform: translateY(0) scaleX(1); opacity:.6; } 50% { transform: translateY(-5px) scaleX(1.3); opacity:.9; } 100% { transform: translateY(0) scaleX(1); opacity:.6; } }
@keyframes sib-books { 0% { transform: rotate(0) translateY(0); } 50% { transform: rotate(2deg) translateY(-1px); } 100% { transform: rotate(0) translateY(0); } }
@keyframes sib-wall { 0% { opacity:.3; } 50% { opacity:.5; } 100% { opacity:.3; } }

/* ===== on-the-road-again-flannels ===== */
.scn-on-the-road-again-flannels {
  background: linear-gradient(180deg, #b0d0e0 0%, #d0e8f0 30%, #e8f0c0 60%, #d0c8a0 100%);
}
.scn-on-the-road-again-flannels .sky {
  position:absolute; inset:0 0 55% 0;
  background: linear-gradient(180deg, #7ab8d0 0%, #a0d0e0 40%, #c0e8f0 100%);
  animation: orar-sky 18s ease-in-out infinite alternate;
}
.scn-on-the-road-again-flannels .plains {
  position:absolute; bottom:30%; left:0; right:0; height:45%;
  background: linear-gradient(180deg, #b8a080 0%, #9a8060 50%, #7a6040 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,.2);
}
.scn-on-the-road-again-flannels .road {
  position:absolute; bottom:20%; left:5%; right:5%; height:12%;
  background: linear-gradient(180deg, #a08060 0%, #8a6a4a 50%, #7a5a3a 100%);
  border-radius: 30% 30% 0 0;
  transform: perspective(400px) rotateX(10deg);
  animation: orar-road 6s ease-in-out infinite;
}
.scn-on-the-road-again-flannels .car {
  position:absolute; bottom:22%; left:30%; width:80px; height:50px;
  background:
    linear-gradient(180deg, #c8a070 0%, #a08060 100%);
  border-radius: 15% 15% 5% 5%;
  box-shadow: 0 8px 16px rgba(0,0,0,.3);
  transform-origin: bottom center;
  animation: orar-car 3s ease-in-out infinite;
}
.scn-on-the-road-again-flannels .dust-cloud {
  position:absolute; bottom:18%; left:45%; width:100px; height:20px;
  background: rgba(180,160,140,0.6);
  filter: blur(10px);
  border-radius:50%;
  animation: orar-dust 10s linear infinite;
}
.scn-on-the-road-again-flannels .mountain {
  position:absolute; bottom:55%; left:5%; width:120px; height:70px;
  background: linear-gradient(135deg, #6a7a5a 0%, #4a5a3a 100%);
  border-radius: 40% 60% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  animation: orar-mountain 30s ease-in-out infinite alternate;
}
.scn-on-the-road-again-flannels .tiger {
  position:absolute; bottom:28%; left:70%; width:30px; height:14px;
  background:
    radial-gradient(ellipse 20px 10px at 50% 50%, #c8553d 0%, #a0461a 60%, transparent 80%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  filter: blur(1px);
  animation: orar-tiger 8s ease-in-out infinite;
}
@keyframes orar-sky { 0% { opacity:.85; } 50% { opacity:1; } 100% { opacity:.8; } }
@keyframes orar-road { 0% { transform: perspective(400px) rotateX(10deg) translateY(0); } 50% { transform: perspective(400px) rotateX(10deg) translateY(-2px); } 100% { transform: perspective(400px) rotateX(10deg) translateY(0); } }
@keyframes orar-car { 0% { transform: translateY(0) rotate(-1deg) scaleX(1); } 25% { transform: translateY(-2px) rotate(1deg) scaleX(1.02); } 50% { transform: translateY(0) rotate(-1deg) scaleX(1); } 75% { transform: translateY(-2px) rotate(1deg) scaleX(1.02); } 100% { transform: translateY(0) rotate(0) scaleX(1); } }
@keyframes orar-dust { 0% { transform: translateX(0) scaleX(1); opacity:.4; } 50% { transform: translateX(20px) scaleX(1.2); opacity:.7; } 100% { transform: translateX(0) scaleX(1); opacity:.4; } }
@keyframes orar-mountain { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes orar-tiger { 0% { transform: translateX(0) scaleX(1); opacity:.6; } 50% { transform: translateX(5px) scaleX(.95); opacity:.8; } 100% { transform: translateX(0) scaleX(1); opacity:.6; } }

/* scene: thug-feringea-smile (warm, dim-interior) */
.scn-thug-feringea-smile {
  background: linear-gradient(135deg, #2a1a0a 0%, #1a0a00 40%, #2a1a0a 100%),
              radial-gradient(ellipse at 50% 70%, #4a2a10 0%, transparent 60%);
}
.scn-thug-feringea-smile .wall { position:absolute; inset:0; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); }
.scn-thug-feringea-smile .lamp { position:absolute; top:10%; right:20%; width:12px; height:30px; background: linear-gradient(180deg, #a06030 0%, #5a3010 100%); border-radius: 40% 40% 20% 20%; box-shadow: 0 0 20px 8px #a06030; animation: fsm-lamp 4s ease-in-out infinite alternate; }
.scn-thug-feringea-smile .glow { position:absolute; top:5%; right:16%; width:60px; height:60px; background: radial-gradient(circle, #c08040 0%, transparent 70%); filter: blur(12px); opacity:.6; animation: fsm-glow 3s ease-in-out infinite alternate; }
.scn-thug-feringea-smile .figure { position:absolute; bottom:10%; left:5%; width:120px; height:200px; background: linear-gradient(90deg, #1a0a00 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fsm-figure 8s ease-in-out infinite; }
.scn-thug-feringea-smile .head { position:absolute; bottom:55%; left:8%; width:50px; height:60px; background: radial-gradient(ellipse at 50% 40%, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 45% 45% / 55% 55% 45% 45%; }
.scn-thug-feringea-smile .mouth { position:absolute; bottom:52%; left:20%; width:18px; height:8px; background: #1a0a00; border-radius: 0 0 40% 40%; transform: rotate(-10deg); box-shadow: inset 0 -2px 0 #3a2a1a; }
.scn-thug-feringea-smile .teeth { position:absolute; bottom:52%; left:20%; width:18px; height:6px; background: #c8a86a; border-radius: 0 0 20% 20%; box-shadow: 0 0 10px 3px #d4b070; animation: fsm-teeth 2s ease-in-out infinite alternate; }
@keyframes fsm-lamp { 0% { opacity:.7; box-shadow:0 0 15px 6px #a06030; } 50% { opacity:1; box-shadow:0 0 30px 12px #c07040; } 100% { opacity:.8; box-shadow:0 0 20px 8px #a06030; } }
@keyframes fsm-glow { 0% { opacity:.4; transform:scale(1); } 50% { opacity:.7; transform:scale(1.2); } 100% { opacity:.5; transform:scale(1.1); } }
@keyframes fsm-figure { 0% { transform: translateY(0) rotate(1deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes fsm-teeth { 0% { opacity:.8; box-shadow:0 0 5px 2px #d4b070; } 50% { opacity:1; box-shadow:0 0 15px 5px #e0c080; } 100% { opacity:.9; box-shadow:0 0 8px 3px #d4b070; } }

/* scene: thug-victim-list (calm, dim-interior) */
.scn-thug-victim-list {
  background: linear-gradient(180deg, #1e1e2a 0%, #12121a 40%, #1a1a22 100%),
              radial-gradient(ellipse at 50% 30%, #2a2a3a 0%, transparent 70%);
}
.scn-thug-victim-list .bg { position:absolute; inset:0; background: linear-gradient(135deg, #1a1a22 0%, #0e0e14 100%); }
.scn-thug-victim-list .table { position:absolute; bottom:10%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 8% 8% 4% 4% / 20% 20% 10% 10%; box-shadow: 0 -8px 20px rgba(0,0,0,.6); }
.scn-thug-victim-list .scroll { position:absolute; bottom:22%; left:20%; width:55%; height:18%; background: linear-gradient(180deg, #d4b080 0%, #b89060 100%); border-radius: 4% 4% 40% 40% / 10% 10% 60% 60%; box-shadow: 0 4px 8px rgba(0,0,0,.5); transform: rotate(-2deg); animation: vim-scroll 10s ease-in-out infinite alternate; }
.scn-thug-victim-list .inkpot { position:absolute; bottom:20%; left:78%; width:12px; height:18px; background: linear-gradient(180deg, #2a1a0a 0%, #0a0a00 100%); border-radius: 30% 30% 20% 20%; box-shadow: 0 0 6px 2px rgba(0,0,0,.5); animation: vim-ink 6s ease-in-out infinite; }
.scn-thug-victim-list .hand { position:absolute; bottom:24%; left:35%; width:30px; height:40px; background: radial-gradient(ellipse at 50% 40%, #5a3a2a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: vim-hand 4s ease-in-out infinite; }
.scn-thug-victim-list .quill { position:absolute; bottom:28%; left:40%; width:4px; height:30px; background: linear-gradient(180deg, #a08060 0%, #5a4a3a 100%); border-radius: 20% 20% 10% 10%; transform: rotate(20deg); transform-origin: bottom left; animation: vim-quill 4s ease-in-out infinite; }
.scn-thug-victim-list .lamp { position:absolute; top:8%; left:45%; width:16px; height:24px; background: linear-gradient(180deg, #806040 0%, #4a3020 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 30px 10px #604020; animation: vim-lamp 5s ease-in-out infinite alternate; }
@keyframes vim-scroll { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-2px); } 100% { transform: rotate(2deg) translateY(0); } }
@keyframes vim-ink { 0%,100% { transform: translateY(0); } 25% { transform: translateY(-1px); } 75% { transform: translateY(1px); } }
@keyframes vim-hand { 0% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(0deg) translateX(3px); } 100% { transform: rotate(5deg) translateX(0); } }
@keyframes vim-quill { 0% { transform: rotate(20deg) scaleY(1); } 50% { transform: rotate(15deg) scaleY(1.1); } 100% { transform: rotate(25deg) scaleY(1); } }
@keyframes vim-lamp { 0% { box-shadow:0 0 20px 8px #604020; opacity:.8; } 50% { box-shadow:0 0 40px 15px #806040; opacity:1; } 100% { box-shadow:0 0 25px 10px #604020; opacity:.9; } }

/* scene: thug-actors-gungadin (calm, dim-interior) */
.scn-thug-actors-gungadin {
  background: linear-gradient(180deg, #1a1a22 0%, #121218 40%, #1a1a22 100%),
              radial-gradient(ellipse at 50% 40%, #2a2a3a 0%, transparent 70%);
}
.scn-thug-actors-gungadin .wall { position:absolute; inset:0; background: linear-gradient(135deg, #1e1e28 0%, #14141c 100%); }
.scn-thug-actors-gungadin .stage { position:absolute; bottom:0; left:5%; right:5%; height:50%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 4% 4% 0 0 / 20% 20% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.7); }
.scn-thug-actors-gungadin .curtain-left { position:absolute; bottom:15%; left:5%; width:40%; height:70%; background: linear-gradient(180deg, #5a3020 0%, #3a1a0a 100%); border-radius: 0 40% 0 100%; transform-origin: left bottom; animation: act-curtain-l 8s ease-in-out infinite alternate; }
.scn-thug-actors-gungadin .curtain-right { position:absolute; bottom:15%; right:5%; width:40%; height:70%; background: linear-gradient(180deg, #5a3020 0%, #3a1a0a 100%); border-radius: 40% 0 100% 0; transform-origin: right bottom; animation: act-curtain-r 8s ease-in-out infinite alternate; }
.scn-thug-actors-gungadin .actor-left { position:absolute; bottom:12%; left:25%; width:20px; height:50px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: act-fig-l 12s ease-in-out infinite; }
.scn-thug-actors-gungadin .actor-right { position:absolute; bottom:12%; right:25%; width:20px; height:55px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: act-fig-r 12s ease-in-out infinite 1s; }
.scn-thug-actors-gungadin .footlight { position:absolute; bottom:8%; left:30%; right:30%; height:4px; background: radial-gradient(ellipse at 50% 50%, #c08040 0%, transparent 80%); box-shadow: 0 0 30px 10px #a06030; animation: act-light 3s ease-in-out infinite alternate; }
@keyframes act-curtain-l { 0% { width:40%; } 50% { width:30%; } 100% { width:40%; } }
@keyframes act-curtain-r { 0% { width:40%; } 50% { width:30%; } 100% { width:40%; } }
@keyframes act-fig-l { 0%,100% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-3px) rotate(0deg); } 50% { transform: translateY(0) rotate(2deg); } 75% { transform: translateY(-1px) rotate(0deg); } }
@keyframes act-fig-r { 0%,100% { transform: translateY(0) rotate(2deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(-2deg); } 75% { transform: translateY(-1px) rotate(0deg); } }
@keyframes act-light { 0% { opacity:.7; transform:scaleY(1); } 50% { opacity:1; transform:scaleY(2); } 100% { opacity:.8; transform:scaleY(1); } }

/* scene: thug-bad-crew (dark, dim-interior) */
.scn-thug-bad-crew {
  background: linear-gradient(180deg, #0a0a14 0%, #12121e 30%, #0a0a14 100%),
              radial-gradient(ellipse at 40% 60%, #1a1a2a 0%, transparent 70%);
}
.scn-thug-bad-crew .room { position:absolute; inset:0; background: linear-gradient(135deg, #10101a 0%, #08080e 100%); }
.scn-thug-bad-crew .window { position:absolute; top:10%; left:15%; width:40%; height:40%; border: 4px solid #2a2a3a; border-radius: 4px; background: linear-gradient(135deg, #1a1a2a 0%, #0e0e1a 100%); box-shadow: inset 0 0 20px rgba(0,0,0,.8); }
.scn-thug-bad-crew .moon { position:absolute; top:12%; left:25%; width:30px; height:30px; background: radial-gradient(circle, #c0c0d0 0%, #606080 100%); border-radius: 50%; box-shadow: 0 0 40px 15px #404060; animation: bcr-moon 20s linear infinite; }
.scn-thug-bad-crew .camel { position:absolute; bottom:10%; left:18%; width:80px; height:50px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 60% 60% 30% 30% / 70% 70% 40% 40%; filter: blur(2px); animation: bcr-camel 6s ease-in-out infinite; }
.scn-thug-bad-crew .thug { position:absolute; bottom:5%; left:45%; width:30px; height:70px; background: linear-gradient(180deg, #1a1a22 0%, #0a0a10 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: bcr-thug 4s ease-in-out infinite; }
.scn-thug-bad-crew .victim { position:absolute; bottom:5%; left:55%; width:25px; height:60px; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: bcr-victim 4s ease-in-out infinite 1s; }
.scn-thug-bad-crew .noose { position:absolute; bottom:30%; left:49%; width:2px; height:30px; background: #5a4a3a; border-radius: 50% 50% 0 0; transform: rotate(15deg); transform-origin: top; animation: bcr-noose 4s ease-in-out infinite alternate; }
@keyframes bcr-moon { 0% { transform: translateX(0); } 50% { transform: translateX(10px); } 100% { transform: translateX(0); } }
@keyframes bcr-camel { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-5px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes bcr-thug { 0%,100% { transform: translateY(0) rotate(-3deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(3deg); } 75% { transform: translateY(-1px) rotate(0deg); } }
@keyframes bcr-victim { 0%,100% { transform: translateY(0) rotate(5deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(-5deg); } 75% { transform: translateY(-1px) rotate(0deg); } }
@keyframes bcr-noose { 0% { transform: rotate(15deg) scaleY(1); } 50% { transform: rotate(-5deg) scaleY(1.1); } 100% { transform: rotate(15deg) scaleY(1); } }

.scn-suttee-memorials { background: linear-gradient(160deg, #f0dbb0 0%, #d4b888 40%, #b89868 100%), radial-gradient(ellipse at 30% 80%, #e8c880 0%, transparent 70%); }
.scn-suttee-memorials .sky { position:absolute; top:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #a8c8e0 0%, #c0d8e8 50%, #d8e4f0 100%); opacity:.6; animation: stm-sky 14s ease-in-out infinite alternate; }
.scn-suttee-memorials .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #8a7050 0%, #6a5038 60%, #4a3828 100%); border-radius:70% 60% 0 0 / 40% 30% 0 0; }
.scn-suttee-memorials .stone { position:absolute; bottom:18%; background: linear-gradient(135deg, #c8b090 0%, #a08870 50%, #887058 100%); border-radius:8% 8% 15% 15% / 12% 12% 8% 8%; box-shadow: inset 0 -6px 12px rgba(0,0,0,.2), 0 8px 16px rgba(0,0,0,.3); transform-origin:bottom center; }
.scn-suttee-memorials .stone-1 { left:18%; width:60px; height:80px; animation: stm-stone-1 20s ease-in-out infinite alternate; }
.scn-suttee-memorials .stone-2 { left:42%; width:48px; height:64px; animation: stm-stone-2 24s ease-in-out infinite alternate reverse; }
.scn-suttee-memorials .stone-3 { right:18%; width:54px; height:72px; animation: stm-stone-3 22s ease-in-out infinite alternate; }
.scn-suttee-memorials .carving { position:absolute; bottom:32%; left:42%; width:24px; height:32px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: stm-carving 8s ease-in-out infinite alternate; }
.scn-suttee-memorials .distant-smoke { position:absolute; top:12%; left:55%; width:120px; height:60px; background: radial-gradient(ellipse, rgba(200,180,160,.25) 0%, transparent 70%); filter: blur(8px); animation: stm-smoke 30s linear infinite; }
.scn-suttee-memorials .sun-glint { position:absolute; top:8%; right:20%; width:40px; height:40px; background: radial-gradient(circle, rgba(255,240,200,.6) 0%, transparent 70%); animation: stm-glint 6s ease-in-out infinite alternate; }
@keyframes stm-sky { 0% { opacity:.4; transform:translateY(0) } 50% { opacity:.6; transform:translateY(-4px) } 100% { opacity:.5; transform:translateY(2px) } }
@keyframes stm-stone-1 { 0% { transform: rotate(-2deg) scale(1) } 50% { transform: rotate(1deg) scale(1.01) } 100% { transform: rotate(-1deg) scale(.98) } }
@keyframes stm-stone-2 { 0% { transform: rotate(3deg) scale(1) } 50% { transform: rotate(-2deg) scale(.99) } 100% { transform: rotate(1deg) scale(1.02) } }
@keyframes stm-stone-3 { 0% { transform: rotate(-1deg) scale(1) } 50% { transform: rotate(2deg) scale(1.02) } 100% { transform: rotate(0deg) scale(.99) } }
@keyframes stm-carving { 0% { transform: rotate(-3deg) translateY(0) } 50% { transform: rotate(2deg) translateY(-2px) } 100% { transform: rotate(-1deg) translateY(1px) } }
@keyframes stm-smoke { 0% { transform: translateX(-20px) translateY(0) scale(1); opacity:.3 } 50% { transform: translateX(10px) translateY(-15px) scale(1.5); opacity:.5 } 100% { transform: translateX(30px) translateY(-30px) scale(2); opacity:0 } }
@keyframes stm-glint { 0% { opacity:.2; transform:scale(.8) } 50% { opacity:.8; transform:scale(1.2) } 100% { opacity:.4; transform:scale(.9) } }

.scn-curious-people { background: linear-gradient(180deg, #2a3020 0%, #1a1a10 40%, #0e0e08 100%), radial-gradient(ellipse at 50% 30%, #4a5038 0%, transparent 60%); }
.scn-curious-people .wall-bg { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #3a3a28 0%, #2a2a1a 100%); border-radius:0 0 30% 30% / 0 0 20% 20%; box-shadow: inset 0 20px 40px rgba(0,0,0,.5); }
.scn-curious-people .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a3020 0%, #1a1408 100%); box-shadow: inset 0 12px 20px rgba(0,0,0,.3); }
.scn-curious-people .shelf { position:absolute; top:40%; left:15%; right:15%; height:6px; background: linear-gradient(180deg, #5a4a38 0%, #3a2a1a 100%); border-radius:2px; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: crp-shelf 25s ease-in-out infinite alternate; }
.scn-curious-people .seated-figure { position:absolute; bottom:25%; left:45%; width:40px; height:60px; background: linear-gradient(180deg, #5a5038 0%, #3a3020 60%, #2a2010 100%); border-radius:45% 45% 50% 50% / 40% 40% 30% 30%; transform-origin:center bottom; animation: crp-figure 8s ease-in-out infinite alternate; }
.scn-curious-people .cloth { position:absolute; bottom:24%; left:38%; width:70px; height:20px; background: linear-gradient(135deg, #b8a880 0%, #988860 50%, #786840 100%); border-radius:40% 40% 30% 30% / 60% 60% 40% 40%; transform:rotate(-8deg); box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: crp-cloth 12s ease-in-out infinite alternate; }
.scn-curious-people .dust-motes { position:absolute; width:4px; height:4px; background: radial-gradient(circle, rgba(200,190,160,.4) 0%, transparent 70%); border-radius:50%; filter: blur(1px); }
.scn-curious-people .motes-a { top:32%; left:28%; animation: crp-motes-a 18s linear infinite; }
.scn-curious-people .motes-b { top:56%; right:30%; animation: crp-motes-b 22s linear infinite reverse; }
.scn-curious-people .lamp-glow { position:absolute; top:30%; right:25%; width:60px; height:80px; background: radial-gradient(ellipse, rgba(180,160,120,.15) 0%, transparent 70%); filter: blur(10px); animation: crp-lamp 5s ease-in-out infinite alternate; }
@keyframes crp-shelf { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(1px) } }
@keyframes crp-figure { 0% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(1deg) translateY(-3px) } 100% { transform: rotate(0deg) translateY(-1px) } }
@keyframes crp-cloth { 0% { transform: rotate(-8deg) translateX(0) } 50% { transform: rotate(-5deg) translateX(4px) } 100% { transform: rotate(-10deg) translateX(-2px) } }
@keyframes crp-motes-a { 0% { transform: translateY(0) translateX(0); opacity:.3 } 33% { transform: translateY(-20px) translateX(15px); opacity:.6 } 66% { transform: translateY(-10px) translateX(-10px); opacity:.4 } 100% { transform: translateY(5px) translateX(5px); opacity:.2 } }
@keyframes crp-motes-b { 0% { transform: translateY(0) translateX(0); opacity:.2 } 33% { transform: translateY(-15px) translateX(-12px); opacity:.5 } 66% { transform: translateY(-25px) translateX(8px); opacity:.3 } 100% { transform: translateY(0) translateX(-5px); opacity:.1 } }
@keyframes crp-lamp { 0% { opacity:.3; transform:scale(.9) } 50% { opacity:.7; transform:scale(1.1) } 100% { opacity:.4; transform:scale(.95) } }

.scn-idols-ugly { background: linear-gradient(180deg, #1a1410 0%, #2a1e14 30%, #3a2818 60%, #2a1a0e 100%), radial-gradient(ellipse at 50% 20%, #4a3828 0%, transparent 60%); }
.scn-idols-ugly .temple-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 50%, #1a0e06 100%); box-shadow: inset 0 0 60px rgba(0,0,0,.6); }
.scn-idols-ugly .alcove { position:absolute; top:20%; width:80px; height:120px; background: linear-gradient(180deg, #1a1208 0%, #0e0a04 100%); border-radius:30% 30% 10% 10%; box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 0 0 2px rgba(80,60,40,.3); transform-origin:top center; }
.scn-idols-ugly .alcove-1 { left:12%; animation: iu-alcove 30s ease-in-out infinite alternate; }
.scn-idols-ugly .alcove-2 { left:38%; animation: iu-alcove 30s ease-in-out infinite alternate-reverse; }
.scn-idols-ugly .alcove-3 { right:12%; animation: iu-alcove 30s ease-in-out infinite alternate; }
.scn-idols-ugly .idol { position:absolute; width:30px; height:50px; background: linear-gradient(180deg, #6a5040 0%, #4a3828 40%, #3a2818 100%); border-radius:40% 40% 35% 35% / 50% 50% 30% 30%; transform-origin:center bottom; }
.scn-idols-ugly .idol-1 { bottom:22%; left:22%; animation: iu-idol-1 6s ease-in-out infinite alternate; }
.scn-idols-ugly .idol-2 { bottom:20%; left:46%; width:26px; height:44px; animation: iu-idol-2 8s ease-in-out infinite alternate-reverse; }
.scn-idols-ugly .idol-3 { bottom:24%; right:20%; width:34px; height:56px; animation: iu-idol-3 7s ease-in-out infinite alternate; }
.scn-idols-ugly .votive-flicker { position:absolute; bottom:18%; left:42%; width:10px; height:14px; background: radial-gradient(circle, #d08040 0%, #b05828 50%, transparent 80%); border-radius:50%; filter: blur(2px); animation: iu-flicker 3s ease-in-out infinite alternate; @keyframes iu-flicker { 0% { opacity:.5; transform:scale(.8) } 50% { opacity:1; transform:scale(1.1) } 100% { opacity:.6; transform:scale(.9) } } }
@keyframes iu-alcove { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(.98) } }
@keyframes iu-idol-1 { 0% { transform: rotate(-4deg) translateY(0) } 50% { transform: rotate(2deg) translateY(-3px) } 100% { transform: rotate(-2deg) translateY(1px) } }
@keyframes iu-idol-2 { 0% { transform: rotate(3deg) translateY(0) } 50% { transform: rotate(-4deg) translateY(-2px) } 100% { transform: rotate(1deg) translateY(2px) } }
@keyframes iu-idol-3 { 0% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(5deg) translateY(-4px) } 100% { transform: rotate(0deg) translateY(0) } }

.scn-minarets { background: linear-gradient(170deg, #f0c890 0%, #d8a868 30%, #b88848 100%), radial-gradient(ellipse at 70% 20%, #f8d8a0 0%, transparent 60%); }
.scn-minarets .warm-sky { position:absolute; top:0; left:0; right:0; height:65%; background: linear-gradient(180deg, #78b0d8 0%, #a0c8e8 30%, #d0d8e0 60%, #e8d4a0 85%, #f0c880 100%); opacity:.8; animation: mn-sky 18s ease-in-out infinite alternate; }
.scn-minarets .city-roofs { position:absolute; bottom:0; left:0; right:0; height:38%; background: linear-gradient(180deg, #5a4a38 0%, #3a2818 60%, #1a1008 100%); border-radius:40% 50% 0 0 / 20% 25% 0 0; box-shadow: inset 0 20px 40px rgba(0,0,0,.4); }
.scn-minarets .minaret { position:absolute; bottom:38%; width:18px; height:180px; background: linear-gradient(180deg, #f0e8d8 0%, #d8c8b0 40%, #c0a880 70%, #a08868 100%); border-radius:20% 20% 10% 10% / 40% 40% 5% 5%; transform-origin:bottom center; }
.scn-minarets .minaret-left { left:30%; animation: mn-minaret-left 14s ease-in-out infinite alternate; }
.scn-minarets .minaret-right { right:30%; height:200px; animation: mn-minaret-right 14s ease-in-out infinite alternate-reverse; }
.scn-minarets .dome { position:absolute; bottom:50%; left:44%; width:80px; height:60px; background: radial-gradient(ellipse at 50% 40%, #e8dcc8 0%, #c8b8a0 60%, #a08870 100%); border-radius:50% 50% 10% 10% / 80% 80% 10% 10%; box-shadow: 0 -8px 20px rgba(0,0,0,.1); animation: mn-dome 20s ease-in-out infinite alternate; }
.scn-minarets .sunburst { position:absolute; top:12%; right:22%; width:80px; height:80px; background: radial-gradient(circle, rgba(255,240,180,.6) 0%, rgba(255,220,140,.2) 40%, transparent 70%); filter: blur(6px); animation: mn-sunburst 8s ease-in-out infinite alternate; }
.scn-minarets .bird { position:absolute; width:12px; height:8px; background: radial-gradient(ellipse, #3a2a1a 0%, transparent 70%); border-radius:50%; filter: blur(1px); }
.scn-minarets .bird-1 { top:22%; left:15%; animation: mn-bird-1 25s linear infinite; }
.scn-minarets .bird-2 { top:30%; right:20%; width:10px; height:6px; animation: mn-bird-2 30s linear infinite reverse; }
@keyframes mn-sky { 0% { opacity:.7; transform:translateY(0) } 50% { opacity:.9; transform:translateY(-5px) } 100% { opacity:.8; transform:translateY(2px) } }
@keyframes mn-minaret-left { 0% { transform: rotate(-2deg) scaleY(1) } 50% { transform: rotate(1deg) scaleY(1.01) } 100% { transform: rotate(0deg) scaleY(.99) } }
@keyframes mn-minaret-right { 0% { transform: rotate(2deg) scaleY(1) } 50% { transform: rotate(-1deg) scaleY(1.015) } 100% { transform: rotate(0deg) scaleY(.99) } }
@keyframes mn-dome { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-3px) scale(1.01) } 100% { transform: translateY(1px) scale(.99) } }
@keyframes mn-sunburst { 0% { opacity:.3; transform:scale(.8) rotate(0deg) } 50% { opacity:.7; transform:scale(1.1) rotate(5deg) } 100% { opacity:.5; transform:scale(.95) rotate(-3deg) } }
@keyframes mn-bird-1 { 0% { transform: translateX(0) translateY(0) } 50% { transform: translateX(85vw) translateY(-20px) } 100% { transform: translateX(-10vw) translateY(5px) } }
@keyframes mn-bird-2 { 0% { transform: translateX(0) translateY(0) } 50% { transform: translateX(-75vw) translateY(-15px) } 100% { transform: translateX(10vw) translateY(3px) } }

.scn-train-native-staff {
  background:
    linear-gradient(180deg, #2a1e12 0%, #3d2b1a 40%, #4a3520 100%),
    radial-gradient(ellipse at 50% 60%, #5a3f28 0%, transparent 70%);
}
.scn-train-native-staff .wall {
  position: absolute; inset: 0; bottom: 30%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1e12 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,.5);
}
.scn-train-native-staff .window {
  position: absolute; top: 20%; left: 60%; width: 80px; height: 60px;
  background: radial-gradient(circle, #1a2a3a 0%, #0a0a1a 70%);
  border: 6px solid #4a3a2a; border-radius: 10% 10% 20% 20%;
  box-shadow: inset 0 0 30px #0a0a1a;
  animation: tns-window 8s ease-in-out infinite alternate;
}
.scn-train-native-staff .seat {
  position: absolute; bottom: 15%; left: 10%; width: 40%; height: 12%;
  background: linear-gradient(180deg, #5a3f28 0%, #3a2a1a 100%);
  border-radius: 20% 20% 8% 8%; box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: tns-seat 6s ease-in-out infinite;
}
.scn-train-native-staff .figure {
  position: absolute; bottom: 22%; left: 30%; width: 30px; height: 80px;
  background: linear-gradient(180deg, #2a1e12 0%, #1a1208 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: tns-figure 4s ease-in-out infinite;
}
.scn-train-native-staff .lantern {
  position: absolute; bottom: 40%; left: 70%; width: 12px; height: 18px;
  background: radial-gradient(circle, #e0a060 0%, #b07840 60%, #603020 100%);
  border-radius: 30% 30% 20% 20%; box-shadow: 0 0 20px 6px #b07840;
  animation: tns-lantern 3s ease-in-out infinite alternate;
}
.scn-train-native-staff .handle {
  position: absolute; bottom: 35%; left: 8%; width: 4px; height: 24px;
  background: linear-gradient(180deg, #8a6a4a 0%, #4a3a2a 100%);
  border-radius: 20%; animation: tns-handle 12s linear infinite;
}
@keyframes tns-window { 0% { opacity: .6; transform: scaleY(1); } 50% { opacity: .9; transform: scaleY(1.02); } 100% { opacity: .7; transform: scaleY(.98); } }
@keyframes tns-seat { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes tns-figure { 0% { transform: rotate(-1deg) translateX(0); } 25% { transform: rotate(1deg) translateX(3px); } 50% { transform: rotate(-1deg) translateX(6px); } 75% { transform: rotate(1deg) translateX(3px); } 100% { transform: rotate(0) translateX(0); } }
@keyframes tns-lantern { 0% { box-shadow: 0 0 15px 4px #b07840; opacity: .8; } 50% { box-shadow: 0 0 30px 10px #e0a060; opacity: 1; } 100% { box-shadow: 0 0 18px 5px #b07840; opacity: .85; } }
@keyframes tns-handle { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(0); } }

.scn-train-stopped-for-me {
  background:
    linear-gradient(180deg, #7ab8e8 0%, #f0e8c8 40%, #f8f0d8 100%),
    radial-gradient(ellipse at 70% 30%, #ffe8a0 0%, transparent 60%);
}
.scn-train-stopped-for-me .sky {
  position: absolute; inset: 0; bottom: 35%;
  background: linear-gradient(180deg, #a0c8f0 0%, #f0e8c8 100%);
  animation: tsm-sky 15s ease-in-out infinite alternate;
}
.scn-train-stopped-for-me .platform {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #b09870 0%, #8a7a5a 100%);
  border-radius: 0 0 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.2);
}
.scn-train-stopped-for-me .train {
  position: absolute; bottom: 20%; right: 10%; width: 40%; height: 30%;
  background: linear-gradient(180deg, #c83828 0%, #8a1a10 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 10% 10%;
  box-shadow: 0 8px 16px rgba(0,0,0,.4), inset 0 0 20px #f0d8a0;
  animation: tsm-train 8s ease-in-out infinite;
}
.scn-train-stopped-for-me .official {
  position: absolute; bottom: 8%; left: 50%; width: 28px; height: 70px;
  background: linear-gradient(180deg, #2a3a5a 0%, #1a2a4a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: tsm-official 4s ease-in-out infinite;
}
.scn-train-stopped-for-me .flag {
  position: absolute; bottom: 15%; left: 52%; width: 4px; height: 40px;
  background: #4a3a2a; transform-origin: bottom center;
  animation: tsm-flag 2s ease-in-out infinite alternate;
}
.scn-train-stopped-for-me .flag::after {
  content: ''; position: absolute; top: 0; left: 2px; width: 20px; height: 14px;
  background: #3a8a3a; border-radius: 0 40% 40% 0;
  animation: tsm-flag-cloth 0.5s ease-in-out infinite alternate;
}
.scn-train-stopped-for-me .sun {
  position: absolute; top: 10%; right: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe0a0 0%, #ffd070 40%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 60px 20px #ffd070;
  animation: tsm-sun 6s ease-in-out infinite;
}
.scn-train-stopped-for-me .shadow {
  position: absolute; bottom: 8%; left: 48%; width: 40px; height: 8px;
  background: rgba(0,0,0,.3); border-radius: 50%;
  animation: tsm-shadow 4s ease-in-out infinite;
}
@keyframes tsm-sky { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .9; } }
@keyframes tsm-train { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.01); } 100% { transform: translateY(0) scale(1); } }
@keyframes tsm-official { 0% { transform: rotate(-2deg) translateX(0); } 25% { transform: rotate(1deg) translateX(5px); } 50% { transform: rotate(-1deg) translateX(10px); } 75% { transform: rotate(2deg) translateX(5px); } 100% { transform: rotate(0) translateX(0); } }
@keyframes tsm-flag { 0% { transform: rotate(-10deg); } 100% { transform: rotate(10deg); } }
@keyframes tsm-flag-cloth { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } }
@keyframes tsm-sun { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.1) rotate(5deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes tsm-shadow { 0% { transform: scaleX(1); } 50% { transform: scaleX(0.8); } 100% { transform: scaleX(1); } }

.scn-train-bad-hearts-rare {
  background:
    linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #3a3a4a 100%),
    radial-gradient(ellipse at 50% 50%, #2a2a3a 0%, transparent 70%);
}
.scn-train-bad-hearts-rare .bg-wall {
  position: absolute; inset: 0; bottom: 20%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 10px; box-shadow: inset 0 0 30px rgba(0,0,0,.6);
  animation: tbr-wall 12s ease-in-out infinite alternate;
}
.scn-train-bad-hearts-rare .window {
  position: absolute; top: 15%; left: 70%; width: 60px; height: 50px;
  background: radial-gradient(circle, #3a4a5a 0%, #1a2a3a 70%);
  border: 4px solid #4a4a5a; border-radius: 20% 20% 30% 30%;
  box-shadow: inset 0 0 20px #0a0a1a;
  animation: tbr-window 10s ease-in-out infinite alternate;
}
.scn-train-bad-hearts-rare .seat-shadow {
  position: absolute; bottom: 10%; left: 10%; width: 35%; height: 15%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,.5);
  animation: tbr-seat 8s ease-in-out infinite;
}
.scn-train-bad-hearts-rare .figure-seated {
  position: absolute; bottom: 15%; left: 25%; width: 25px; height: 60px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: tbr-figure 5s ease-in-out infinite;
}
.scn-train-bad-hearts-rare .lamp {
  position: absolute; bottom: 30%; left: 60%; width: 10px; height: 16px;
  background: radial-gradient(circle, #e0a060 0%, #b07840 60%, #503020 100%);
  border-radius: 40% 40% 20% 20%; box-shadow: 0 0 25px 8px #b07840;
  animation: tbr-lamp 4s ease-in-out infinite alternate;
}
.scn-train-bad-hearts-rare .book {
  position: absolute; bottom: 16%; left: 30%; width: 16px; height: 12px;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a3a 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,.4);
  animation: tbr-book 7s ease-in-out infinite;
}
@keyframes tbr-wall { 0% { opacity: .9; } 50% { opacity: 1; } 100% { opacity: .85; } }
@keyframes tbr-window { 0% { transform: scaleY(1); opacity: .6; } 50% { transform: scaleY(1.03); opacity: .9; } 100% { transform: scaleY(.98); opacity: .7; } }
@keyframes tbr-seat { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes tbr-figure { 0% { transform: rotate(-2deg) translateX(0); } 25% { transform: rotate(1deg) translateX(4px); } 50% { transform: rotate(-1deg) translateX(8px); } 75% { transform: rotate(1deg) translateX(4px); } 100% { transform: rotate(0) translateX(0); } }
@keyframes tbr-lamp { 0% { box-shadow: 0 0 15px 4px #b07840; opacity: .7; } 50% { box-shadow: 0 0 35px 12px #e0a060; opacity: 1; } 100% { box-shadow: 0 0 18px 5px #b07840; opacity: .8; } }
@keyframes tbr-book { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }

.scn-suttee-explanation {
  background:
    linear-gradient(180deg, #1a1210 0%, #2a1e1a 40%, #3a2a22 100%),
    radial-gradient(ellipse at 50% 70%, #4a3528 0%, transparent 70%);
}
.scn-suttee-explanation .bg-temple {
  position: absolute; inset: 0; bottom: 25%;
  background: linear-gradient(180deg, #3a2a22 0%, #2a1e1a 100%);
  border-radius: 20% 20% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 0 40px rgba(0,0,0,.7);
}
.scn-suttee-explanation .monument {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);
  width: 60px; height: 80px;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a3a 100%);
  border-radius: 10% 10% 5% 5% / 20% 20% 5% 5%;
  box-shadow: 0 6px 12px rgba(0,0,0,.5), inset 0 0 20px #4a3a2a;
  animation: sut-monument 10s ease-in-out infinite;
}
.scn-suttee-explanation .figure-woman {
  position: absolute; bottom: 15%; left: 40%; width: 20px; height: 70px;
  background: linear-gradient(180deg, #2a1e1a 0%, #1a1210 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: sut-figure 5s ease-in-out infinite;
}
.scn-suttee-explanation .flame {
  position: absolute; bottom: 25%; left: 60%; width: 20px; height: 40px;
  background: radial-gradient(ellipse at 50% 0%, #ffa060 0%, #e07030 40%, #803010 80%);
  border-radius: 50% 50% 30% 30% / 80% 80% 20% 20%;
  box-shadow: 0 0 30px 10px #e07030, 0 0 60px 20px rgba(224,112,48,.4);
  animation: sut-flame-main 3s ease-in-out infinite alternate;
}
.scn-suttee-explanation .small-flame {
  position: absolute; bottom: 28%; left: 55%; width: 8px; height: 18px;
  background: radial-gradient(ellipse at 50% 0%, #ffc080 0%, #e08040 60%, #602010 100%);
  border-radius: 50% 50% 30% 30% / 80% 80% 20% 20%;
  box-shadow: 0 0 15px 5px #e08040;
  animation: sut-flame-small 2.5s ease-in-out infinite alternate-reverse;
}
.scn-suttee-explanation .pedestal {
  position: absolute; bottom: 13%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 10px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e1a 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: sut-pedestal 12s ease-in-out infinite;
}
@keyframes sut-monument { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes sut-figure { 0% { transform: rotate(-1deg) translateX(0); } 25% { transform: rotate(1deg) translateX(3px); } 50% { transform: rotate(-1deg) translateX(6px); } 75% { transform: rotate(1deg) translateX(3px); } 100% { transform: rotate(0) translateX(0); } }
@keyframes sut-flame-main { 0% { transform: scaleY(1) rotate(-3deg); opacity: .8; } 25% { transform: scaleY(1.15) rotate(0deg); opacity: 1; } 50% { transform: scaleY(0.9) rotate(2deg); opacity: .9; } 75% { transform: scaleY(1.1) rotate(-1deg); opacity: 1; } 100% { transform: scaleY(1) rotate(0deg); opacity: .85; } }
@keyframes sut-flame-small { 0% { transform: scaleY(1) rotate(2deg); opacity: .7; } 50% { transform: scaleY(1.2) rotate(-2deg); opacity: 1; } 100% { transform: scaleY(0.95) rotate(1deg); opacity: .8; } }
@keyframes sut-pedestal { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02); } 100% { transform: translateX(-50%) scaleY(1); } }

/* pyjama-skin-irritation */
.scn-pyjama-skin-irritation {
  background: 
    linear-gradient(180deg, #1a1015 0%, #2c1a1e 40%, #3d2228 70%, #2c1a1e 100%),
    radial-gradient(ellipse at 50% 60%, #4a2a30 0%, transparent 60%);
}
.scn-pyjama-skin-irritation .bed {
  position: absolute; bottom: 20%; left: 15%; width: 70%; height: 50%;
  background: linear-gradient(180deg, #4a3a30 0%, #2a1e18 100%);
  border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,.6);
}
.scn-pyjama-skin-irritation .sheet {
  position: absolute; bottom: 22%; left: 18%; width: 64%; height: 40%;
  background: linear-gradient(180deg, #6a5848 0%, #4a3a30 100%);
  border-radius: 8px; opacity: .7;
  animation: pi-sheet 6s ease-in-out infinite alternate;
}
.scn-pyjama-skin-irritation .figure {
  position: absolute; bottom: 25%; left: 35%; width: 30%; height: 35%;
  background: linear-gradient(180deg, #1a1210 0%, #0a0808 100%);
  border-radius: 50% 50% 40% 40% / 80% 80% 40% 40%; /* side-lying silhouette */
  transform-origin: 50% 100%;
  animation: pi-fig 8s ease-in-out infinite;
}
.scn-pyjama-skin-irritation .pillow {
  position: absolute; bottom: 45%; left: 20%; width: 12%; height: 8%;
  background: radial-gradient(ellipse, #5a4a40 0%, #3a2a20 100%);
  border-radius: 50%;
  animation: pi-pillow 4s ease-in-out infinite alternate;
}
.scn-pyjama-skin-irritation .dream-swirl {
  position: absolute; top: 10%; left: 10%; width: 40%; height: 30%;
  background: radial-gradient(circle at 30% 40%, rgba(200,100,60,.15) 0%, transparent 50%);
  filter: blur(8px);
  animation: pi-swirl 12s ease-in-out infinite alternate;
}
.scn-pyjama-skin-irritation .dream-swirl.swirl2 {
  left: 50%; top: 15%; width: 35%; height: 25%;
  background: radial-gradient(circle at 60% 30%, rgba(180,120,80,.1) 0%, transparent 50%);
  animation-delay: -4s;
  animation-duration: 15s;
}
.scn-pyjama-skin-irritation .shadow {
  position: absolute; bottom: 18%; left: 10%; width: 80%; height: 15%;
  background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, transparent 100%);
  border-radius: 50%;
}
@keyframes pi-sheet {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes pi-fig {
  0% { transform: rotate(0deg) scale(1); }
  25% { transform: rotate(2deg) scale(1.01); }
  50% { transform: rotate(0deg) scale(1); }
  75% { transform: rotate(-2deg) scale(1.01); }
  100% { transform: rotate(0deg) scale(1); }
}
@keyframes pi-pillow {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(-2px) scaleY(1.1); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes pi-swirl {
  0% { opacity: .3; transform: translate(0,0) scale(1); }
  50% { opacity: .6; transform: translate(10px,-5px) scale(1.2); }
  100% { opacity: .3; transform: translate(5px,5px) scale(1); }
}

/* indian-landscape-dawn */
.scn-indian-landscape-dawn {
  background: 
    linear-gradient(180deg, #f5cba7 0%, #f8d5b8 20%, #e8b88a 40%, #d4a574 60%, #b8986a 80%, #9a7a5a 100%),
    radial-gradient(ellipse at 50% 0%, #fce4d6 0%, transparent 60%);
}
.scn-indian-landscape-dawn .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #feecd0 0%, #f8d5b8 20%, #e3b892 40%, #c99870 60%, transparent 100%);
  animation: il-sky 20s ease-in-out infinite alternate;
}
.scn-indian-landscape-dawn .sun {
  position: absolute; top: 10%; left: 45%; width: 12%; height: 12%;
  background: radial-gradient(circle, #ffe0a0 0%, #ffcc80 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(255,200,100,.4);
  animation: il-sun 15s ease-in-out infinite alternate;
}
.scn-indian-landscape-dawn .hills {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8a6a4a 0%, #6a5030 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.3);
  animation: il-hills 25s ease-in-out infinite alternate;
}
.scn-indian-landscape-dawn .foreground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
}
.scn-indian-landscape-dawn .tree {
  position: absolute; bottom: 25%; width: 8%; height: 35%;
  background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%;
}
.scn-indian-landscape-dawn .tree-a {
  left: 20%; animation: il-tree-a 6s ease-in-out infinite;
}
.scn-indian-landscape-dawn .tree-b {
  left: 60%; width: 6%; height: 28%; bottom: 27%;
  animation: il-tree-b 8s ease-in-out infinite;
}
.scn-indian-landscape-dawn .haze {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, rgba(255,220,180,.2) 0%, transparent 100%);
  filter: blur(10px);
  animation: il-haze 12s ease-in-out infinite alternate;
}
@keyframes il-sky {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .9; }
}
@keyframes il-sun {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.05); }
  100% { transform: translateY(2px) scale(.98); }
}
@keyframes il-hills {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes il-tree-a {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes il-tree-b {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(-1deg) scaleY(1.02); }
  100% { transform: rotate(0deg) scaleY(1); }
}
@keyframes il-haze {
  0% { opacity: .3; transform: scaleY(1); }
  50% { opacity: .5; transform: scaleY(1.1); }
  100% { opacity: .4; transform: scaleY(1); }
}

/* indian-men-dress */
.scn-indian-men-dress {
  background: 
    linear-gradient(180deg, #f5d6b8 0%, #ecc4a0 30%, #d4a880 60%, #b88860 100%),
    radial-gradient(ellipse at 50% 0%, #ffe8d0 0%, transparent 60%);
}
.scn-indian-men-dress .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #fce6cc 0%, #ecc4a0 40%, transparent 100%);
  animation: im-sky 18s ease-in-out infinite alternate;
}
.scn-indian-men-dress .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #b89060 0%, #906840 50%, #6a4a2a 100%);
  border-radius: 20% 80% 0 0 / 30% 60% 0 0;
}
.scn-indian-men-dress .figure {
  position: absolute; bottom: 10%; left: 40%; width: 18%; height: 55%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0e06 100%);
  border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%;
  transform-origin: bottom center;
  animation: im-fig 5s ease-in-out infinite;
}
.scn-indian-men-dress .loincloth {
  position: absolute; bottom: 15%; left: 41%; width: 8%; height: 12%;
  background: linear-gradient(180deg, #f0ede8 0%, #d4cfc8 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  animation: im-loin 5s ease-in-out infinite;
}
.scn-indian-men-dress .turban {
  position: absolute; top: 5%; left: 39%; width: 22%; height: 18%;
  background: radial-gradient(ellipse at 50% 60%, #f5f0e8 0%, #ddd5c8 60%, #b8b0a0 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%;
  filter: blur(2px);
  animation: im-turban 8s ease-in-out infinite alternate;
}
.scn-indian-men-dress .staff {
  position: absolute; bottom: 10%; left: 55%; width: 3%; height: 60%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 4px;
  transform-origin: bottom;
  animation: im-staff 4s ease-in-out infinite;
}
.scn-indian-men-dress .shadow {
  position: absolute; bottom: 8%; left: 35%; width: 30%; height: 5%;
  background: radial-gradient(ellipse, rgba(0,0,0,.3) 0%, transparent 100%);
  border-radius: 50%;
  animation: im-shadow 5s ease-in-out infinite;
}
@keyframes im-sky {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .9; }
}
@keyframes im-fig {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(1deg) translateY(-1px); }
  50% { transform: rotate(0deg) translateY(0); }
  75% { transform: rotate(-1deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes im-loin {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px) scaleX(1.02); }
  100% { transform: translateY(0); }
}
@keyframes im-turban {
  0% { transform: scaleY(1) translateX(0); }
  50% { transform: scaleY(1.05) translateX(2px); }
  100% { transform: scaleY(1) translateX(0); }
}
@keyframes im-staff {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(0deg); }
}
@keyframes im-shadow {
  0% { opacity: .5; transform: scaleX(1); }
  50% { opacity: .7; transform: scaleX(1.1); }
  100% { opacity: .5; transform: scaleX(1); }
}

/* india-not-beautiful */
.scn-india-not-beautiful {
  background: 
    linear-gradient(180deg, #e8d5b8 0%, #d4bfa0 30%, #b89a78 60%, #9a7a5a 100%),
    radial-gradient(ellipse at 50% 0%, #f0e0c8 0%, transparent 50%);
}
.scn-india-not-beautiful .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #f0e0c8 0%, #d4bfa0 30%, #b89a78 60%, transparent 100%);
  animation: in-sky 22s ease-in-out infinite alternate;
}
.scn-india-not-beautiful .dust-haze {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, rgba(200,180,140,.2) 0%, transparent 100%);
  filter: blur(12px);
  animation: in-haze 18s ease-in-out infinite alternate;
}
.scn-india-not-beautiful .mud-hut {
  position: absolute; bottom: 15%; left: 30%; width: 30%; height: 30%;
  background: linear-gradient(180deg, #b09070 0%, #8a6a4a 100%);
  border-radius: 10% 10% 5% 5% / 30% 30% 10% 10%;
  box-shadow: 0 6px 12px rgba(0,0,0,.3);
  animation: in-hut 10s ease-in-out infinite alternate;
}
.scn-india-not-beautiful .tree {
  position: absolute; bottom: 20%; left: 50%; width: 12%; height: 40%;
  background: linear-gradient(180deg, #5a4a2a 0%, #3a2a0a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  animation: in-tree 7s ease-in-out infinite;
}
.scn-india-not-beautiful .road {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 10%;
  background: linear-gradient(180deg, #b8a080 0%, #9a8060 100%);
  border-radius: 0% 0% 20% 20% / 0% 0% 10% 10%;
}
.scn-india-not-beautiful .dust-mot {
  position: absolute; top: 20%; width: 4px; height: 4px;
  background: rgba(200,180,140,.3);
  border-radius: 50%;
  filter: blur(1px);
  animation: in-dust 20s linear infinite;
}
.scn-india-not-beautiful .dust-mot.mot1 {
  left: 20%; animation-delay: 0s; animation-duration: 18s;
}
.scn-india-not-beautiful .dust-mot.mot2 {
  left: 60%; animation-delay: -9s; animation-duration: 22s;
}
@keyframes in-sky {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .9; }
}
@keyframes in-haze {
  0% { opacity: .4; transform: translateY(0); }
  50% { opacity: .6; transform: translateY(-5px); }
  100% { opacity: .5; transform: translateY(0); }
}
@keyframes in-hut {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px) scaleX(1.01); }
  100% { transform: translateY(0); }
}
@keyframes in-tree {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(1deg) translateY(-1px); }
  50% { transform: rotate(0deg) translateY(0); }
  75% { transform: rotate(-1deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes in-dust {
  0% { transform: translateY(0) translateX(0) scale(1); opacity: .3; }
  25% { transform: translateY(-30px) translateX(10px) scale(1.5); opacity: .5; }
  50% { transform: translateY(-60px) translateX(5px) scale(1); opacity: .4; }
  75% { transform: translateY(-90px) translateX(-5px) scale(1.2); opacity: .2; }
  100% { transform: translateY(-120px) translateX(0) scale(1); opacity: 0; }
}

.scn-bay-of-gisborne-napier { background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 40%, #b8a288 100%), radial-gradient(ellipse at 30% 60%, #f0dbb0 0%, transparent 60%); }
.scn-bay-of-gisborne-napier .window-frame { position:absolute; left:5%; right:5%; top:10%; bottom:50%; border:12px solid #5a3e28; border-radius:8px; background: transparent; box-shadow:inset 0 0 40px rgba(0,0,0,0.1), 0 8px 24px rgba(0,0,0,0.3); }
.scn-bay-of-gisborne-napier .window-glass { position:absolute; left:7%; right:7%; top:12%; bottom:52%; background: linear-gradient(135deg, #c4daf0 0%, #8cb4d6 50%, #6a9ac0 100%); border-radius:4px; opacity:0.9; animation: gis-glass 8s ease-in-out infinite alternate; }
.scn-bay-of-gisborne-napier .sea-bay { position:absolute; left:7%; right:7%; bottom:55%; height:35%; background: linear-gradient(90deg, #4a7a9e 0%, #6a9fc4 30%, #8abada 60%, #6a9fc4 100%); border-radius:0 0 4px 4px; animation: gis-sea 12s ease-in-out infinite; }
.scn-bay-of-gisborne-napier .kauri-tree { position:absolute; bottom:55%; width:8%; height:30%; background: linear-gradient(180deg, #3a5a2a 0%, #2a4a1a 100%); border-radius: 40% 60% 20% 80% / 60% 40% 80% 20%; }
.scn-bay-of-gisborne-napier .tree-left { left:10%; transform:scale(0.9); animation: gis-tree 20s ease-in-out infinite alternate; }
.scn-bay-of-gisborne-napier .tree-right { right:10%; transform:scale(1.1) scaleX(-1); animation: gis-tree 22s ease-in-out infinite alternate-reverse; }
.scn-bay-of-gisborne-napier .train-seat { position:absolute; left:20%; right:20%; bottom:5%; height:30%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.3); }
.scn-bay-of-gisborne-napier .tray-table { position:absolute; left:35%; right:35%; bottom:20%; height:8%; background: linear-gradient(90deg, #8a6a4a 0%, #a08060 50%, #8a6a4a 100%); border-radius:4px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: gis-table 6s ease-in-out infinite alternate; }
.scn-bay-of-gisborne-napier .passenger-silhouette { position:absolute; left:40%; bottom:22%; width:12%; height:25%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: gis-passenger 5s ease-in-out infinite; }
.scn-bay-of-gisborne-napier .ballarat-fly { position:absolute; left:50%; right:0; bottom:55%; height:10%; background: linear-gradient(90deg, #3a2a1a 0%, #5a4a3a 100%); border-radius:10% 0 0 80%; transform: scaleX(-1); animation: gis-fly 30s linear infinite; }
@keyframes gis-glass { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes gis-sea { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }
@keyframes gis-tree { 0% { transform: translateY(0) rotate(0deg) scale(0.9); } 50% { transform: translateY(-4px) rotate(1deg) scale(0.9); } 100% { transform: translateY(0) rotate(0deg) scale(0.9); } }
@keyframes gis-table { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes gis-passenger { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(4px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(8px) translateY(0) rotate(-1deg); } 75% { transform: translateX(12px) translateY(-1px) rotate(2deg); } 100% { transform: translateX(16px) translateY(0) rotate(0deg); } }
@keyframes gis-fly { 0% { transform: translateX(0) scaleX(-1); } 100% { transform: translateX(-100vw) scaleX(-1); } }

.scn-poems-moore-arrival-sydney { background: linear-gradient(180deg, #e8dcc8 0%, #c8b8a0 30%, #a89880 100%), radial-gradient(ellipse at 20% 40%, #f0e4d0 0%, transparent 50%); }
.scn-poems-moore-arrival-sydney .cabin-wall { position:absolute; inset:0; background: linear-gradient(90deg, #8a7a6a 0%, #b8a898 50%, #9a8a7a 100%); border-radius:10px; }
.scn-poems-moore-arrival-sydney .porthole { position:absolute; left:10%; top:15%; width:25%; height:35%; border:8px solid #4a3a2a; border-radius:50%; background: #6a9ac0; box-shadow:inset 0 0 30px rgba(0,0,0,0.2); }
.scn-poems-moore-arrival-sydney .porthole-glass { position:absolute; left:12%; top:17%; width:21%; height:31%; border-radius:50%; background: linear-gradient(135deg, #c4e0f0 0%, #8cb4d6 60%, #6a9ac0 100%); opacity:0.8; animation: sdy-glass 10s ease-in-out infinite alternate; }
.scn-poems-moore-arrival-sydney .sydney-skyline { position:absolute; left:12%; bottom:52%; width:21%; height:20%; background: linear-gradient(180deg, #6a7a8a 0%, #4a5a6a 100%); border-radius: 0 0 50% 50% / 0 0 100% 100%; animation: sdy-skyline 15s ease-in-out infinite alternate; }
.scn-poems-moore-arrival-sydney .desk { position:absolute; left:20%; right:20%; bottom:5%; height:25%; background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%); border-radius:8px 8px 0 0; box-shadow:0 -4px 12px rgba(0,0,0,0.2); }
.scn-poems-moore-arrival-sydney .book-poems { position:absolute; left:30%; bottom:20%; width:15%; height:12%; background: linear-gradient(135deg, #a08060 0%, #7a5a3a 100%); border-radius:2px; transform:rotate(-10deg); box-shadow: 2px 4px 8px rgba(0,0,0,0.3); animation: sdy-book 8s ease-in-out infinite; }
.scn-poems-moore-arrival-sydney .lamp-glow { position:absolute; left:50%; top:5%; width:10%; height:15%; background: radial-gradient(circle, #ffe8a0 0%, #d4b060 40%, transparent 70%); border-radius:50%; animation: sdy-lamp 4s ease-in-out infinite alternate; }
.scn-poems-moore-arrival-sydney .passenger-shadow { position:absolute; right:10%; bottom:10%; width:18%; height:35%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(-1); animation: sdy-passenger 6s ease-in-out infinite; }
@keyframes sdy-glass { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes sdy-skyline { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(0.98); } 100% { transform: translateY(0) scale(1); } }
@keyframes sdy-book { 0% { transform: rotate(-10deg) translateX(0); } 50% { transform: rotate(-8deg) translateX(2px); } 100% { transform: rotate(-10deg) translateX(0); } }
@keyframes sdy-lamp { 0% { box-shadow: 0 0 20px 4px #ffe8a0, 0 0 40px 10px rgba(255,232,160,0.4); opacity:0.9; } 50% { box-shadow: 0 0 30px 8px #ffe8a0, 0 0 60px 20px rgba(255,232,160,0.5); opacity:1; } 100% { box-shadow: 0 0 20px 4px #ffe8a0, 0 0 40px 10px rgba(255,232,160,0.4); opacity:0.9; } }
@keyframes sdy-passenger { 0% { transform: scaleX(-1) translateX(0) rotate(0deg); } 50% { transform: scaleX(-1) translateX(-4px) rotate(2deg); } 100% { transform: scaleX(-1) translateX(0) rotate(0deg); } }

.scn-steamer-rosetta-bombay { background: linear-gradient(180deg, #d4c4a8 0%, #b8a888 40%, #a89878 100%), radial-gradient(ellipse at 60% 30%, #e0d0b8 0%, transparent 60%); }
.scn-steamer-rosetta-bombay .steamer-wall { position:absolute; inset:0; background: linear-gradient(90deg, #9a8a7a 0%, #b8a898 30%, #c8b8a8 70%, #a89888 100%); border-radius:8px; }
.scn-steamer-rosetta-bombay .lime-crate { position:absolute; left:5%; bottom:5%; width:20%; height:25%; background: linear-gradient(180deg, #6a7a4a 0%, #4a5a2a 100%); border-radius:4px; box-shadow:2px 4px 8px rgba(0,0,0,0.3); animation: bom-crate 12s ease-in-out infinite; }
.scn-steamer-rosetta-bombay .luggage-stack { position:absolute; right:5%; bottom:10%; width:25%; height:30%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:6px 6px 0 0; box-shadow: 4px 0 12px rgba(0,0,0,0.2); }
.scn-steamer-rosetta-bombay .porthole-bombay { position:absolute; left:35%; top:10%; width:20%; height:30%; border:6px solid #4a3a2a; border-radius:50%; background: #6a9ac0; }
.scn-steamer-rosetta-bombay .bombay-distant { position:absolute; left:37%; top:12%; width:16%; height:26%; border-radius:50%; background: linear-gradient(180deg, #c4daf0 0%, #8cb4d6 60%, #6a9ac0 100%); opacity:0.8; animation: bom-view 20s ease-in-out infinite alternate; }
.scn-steamer-rosetta-bombay .table-map { position:absolute; left:20%; right:20%; bottom:5%; height:18%; background: linear-gradient(90deg, #a08060 0%, #c8a880 50%, #a08060 100%); border-radius:4px; transform:rotate(2deg); box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
.scn-steamer-rosetta-bombay .lamp-swinger { position:absolute; left:50%; top:2%; width:8%; height:20%; background: radial-gradient(circle, #ffe8a0 0%, #d4b060 30%, transparent 70%); border-radius:50%; transform-origin: top center; animation: bom-lamp 6s ease-in-out infinite alternate; }
.scn-steamer-rosetta-bombay .porters-silhouette { position:absolute; right:15%; bottom:5%; width:12%; height:30%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(-1); animation: bom-porters 5s ease-in-out infinite; }
@keyframes bom-crate { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes bom-view { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes bom-lamp { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-3deg); } }
@keyframes bom-porters { 0% { transform: scaleX(-1) translateX(0) translateY(0); } 25% { transform: scaleX(-1) translateX(-6px) translateY(-2px); } 50% { transform: scaleX(-1) translateX(-12px) translateY(0); } 75% { transform: scaleX(-1) translateX(-18px) translateY(-2px); } 100% { transform: scaleX(-1) translateX(-24px) translateY(0); } }

.scn-government-house-malabar { background: linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 40%, #c0b098 100%), radial-gradient(ellipse at 50% 30%, #f0e4d0 0%, transparent 50%); }
.scn-government-house-malabar .left-wall { position:absolute; left:0; top:0; width:15%; height:100%; background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 100%); border-right:2px solid #4a3a2a; }
.scn-government-house-malabar .right-wall { position:absolute; right:0; top:0; width:15%; height:100%; background: linear-gradient(90deg, #8a7a6a 0%, #6a5a4a 100%); border-left:2px solid #4a3a2a; }
.scn-government-house-malabar .archway { position:absolute; left:20%; right:20%; top:5%; height:50%; border: 4px solid #8a7a6a; border-radius: 50% 50% 0 0 / 80% 80% 0 0; background: linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 100%); box-shadow: inset 0 0 40px rgba(0,0,0,0.1); }
.scn-government-house-malabar .chandelier { position:absolute; left:45%; top:2%; width:10%; height:20%; background: radial-gradient(circle, #ffe8a0 0%, #c8a860 50%, transparent 80%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 8px rgba(200,168,96,0.4); animation: mal-chandelier 8s ease-in-out infinite alternate; }
.scn-government-house-malabar .wardrobe { position:absolute; left:5%; top:20%; width:12%; height:60%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%); border-radius:4px; box-shadow: 2px 4px 12px rgba(0,0,0,0.3); }
.scn-government-house-malabar .jewel-chest { position:absolute; left:50%; bottom:10%; width:20%; height:15%; background: linear-gradient(135deg, #a08060 0%, #705040 100%); border-radius:4px; transform:translateX(-50%); box-shadow: 0 4px 12px rgba(0,0,0,0.2); animation: mal-chest 10s ease-in-out infinite; }
.scn-government-house-malabar .carpet { position:absolute; left:20%; right:20%; bottom:0; height:15%; background: linear-gradient(90deg, #8a4a3a 0%, #a06050 30%, #8a4a3a 60%, #a06050 100%); border-radius: 30% 30% 0 0 / 80% 80% 0 0; opacity:0.6; animation: mal-carpet 14s ease-in-out infinite alternate; }
.scn-government-house-malabar .figure-servant { position:absolute; left:40%; bottom:10%; width:8%; height:30%; background: linear-gradient(180deg, #2a3a2a 0%, #1a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(-1); animation: mal-figure 7s ease-in-out infinite; }
.scn-government-house-malabar .candle-flicker { position:absolute; left:70%; bottom:20%; width:4%; height:10%; background: radial-gradient(circle, #ffd060 0%, #e8a040 40%, transparent 80%); border-radius:50%; animation: mal-candle 3s ease-in-out infinite alternate; }
@keyframes mal-chandelier { 0% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(0deg) scale(1.02); } 100% { transform: rotate(2deg) scale(1); } }
@keyframes mal-chest { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes mal-carpet { 0% { opacity:0.5; } 50% { opacity:0.7; } 100% { opacity:0.55; } }
@keyframes mal-figure { 0% { transform: scaleX(-1) translateX(0) rotate(0deg); } 50% { transform: scaleX(-1) translateX(6px) rotate(2deg); } 100% { transform: scaleX(-1) translateX(0) rotate(0deg); } }
@keyframes mal-candle { 0% { box-shadow: 0 0 12px 4px #ffd060, 0 0 24px 8px rgba(255,208,96,0.4); opacity:0.9; } 50% { box-shadow: 0 0 18px 6px #ffd060, 0 0 36px 15px rgba(255,208,96,0.5); opacity:1; } 100% { box-shadow: 0 0 12px 4px #ffd060, 0 0 24px 8px rgba(255,208,96,0.4); opacity:0.9; } }

/* thug-thrown-in-well */
.scn-thug-thrown-in-well {
  background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 40%, #2a1f1a 70%, #0a0808 100%),
              radial-gradient(ellipse at 50% 80%, #3a2a1a 0%, transparent 60%);
}
.scn-thug-thrown-in-well .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%);
  border-radius: 30% 70% 0 0;
  animation: ttw-ground 12s ease-in-out infinite alternate;
}
.scn-thug-thrown-in-well .well-rim {
  position: absolute; bottom: 28%; left: 50%; width: 120px; height: 20px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50%;
  box-shadow: 0 -4px 8px rgba(0,0,0,.6), inset 0 2px 4px rgba(255,200,100,.1);
  animation: ttw-rim 8s ease-in-out infinite;
}
.scn-thug-thrown-in-well .well-depth {
  position: absolute; bottom: 20%; left: 50%; width: 100px; height: 40px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 0%, #0a0a0a 0%, #020202 100%);
  border-radius: 50%;
  animation: ttw-depth 4s ease-in-out infinite;
}
.scn-thug-thrown-in-well .figure-falling {
  position: absolute; bottom: 40%; left: 44%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: top center;
  animation: ttw-fall 5s ease-in-out infinite;
}
.scn-thug-thrown-in-well .rope {
  position: absolute; bottom: 40%; left: 50%; width: 4px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 2px;
  animation: ttw-rope 7s ease-in-out infinite;
}
.scn-thug-thrown-in-well .shadow-band {
  position: absolute; bottom: 26%; left: 0; right: 0; height: 10%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
  animation: ttw-shadow 9s ease-in-out infinite alternate;
}
.scn-thug-thrown-in-well .motes {
  position: absolute; top: 20%; left: 20%; width: 100px; height: 100px;
  background: radial-gradient(circle, rgba(200,180,150,.15) 0%, transparent 70%);
  filter: blur(8px);
  animation: ttw-motes 20s linear infinite;
}
@keyframes ttw-ground { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes ttw-rim { 0%,100% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(.98) translateY(2px) } }
@keyframes ttw-depth { 0%,100% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.02) } }
@keyframes ttw-fall { 0% { transform: rotate(5deg) translateY(0) } 25% { transform: rotate(-3deg) translateY(8px) } 50% { transform: rotate(2deg) translateY(16px) } 75% { transform: rotate(-4deg) translateY(24px) } 100% { transform: rotate(0) translateY(32px) } }
@keyframes ttw-rope { 0%,100% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(.95) } }
@keyframes ttw-shadow { 0% { opacity:.3 } 50% { opacity:.6 } 100% { opacity:.4 } }
@keyframes ttw-motes { 0% { transform: translate(0,0) } 100% { transform: translate(60px, -40px) } }

/* thug-bheels */
.scn-thug-bheels {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 30%, #1a0f05 70%, #0a0500 100%),
              radial-gradient(ellipse at 50% 20%, #5a3a2a 0%, transparent 80%);
}
.scn-thug-bheels .wall-back {
  position: absolute; top: 10%; left: 10%; right: 10%; bottom: 20%;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.4);
  animation: tb-wall 15s ease-in-out infinite alternate;
}
.scn-thug-bheels .wall-left {
  position: absolute; top: 10%; left: 5%; width: 10%; bottom: 20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 4px 0 0 4px;
  animation: tb-wall 18s ease-in-out infinite alternate-reverse;
}
.scn-thug-bheels .wall-right {
  position: absolute; top: 10%; right: 5%; width: 10%; bottom: 20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 0 4px 4px 0;
  animation: tb-wall 18s ease-in-out infinite alternate-reverse;
}
.scn-thug-bheels .floor {
  position: absolute; bottom: 10%; left: 5%; right: 5%; height: 20%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0f05 100%);
  border-radius: 0 0 4px 4px;
  box-shadow: inset 0 4px 8px rgba(0,0,0,.5);
  animation: tb-floor 12s ease-in-out infinite alternate;
}
.scn-thug-bheels .lantern {
  position: absolute; top: 30%; left: 45%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a4a2a 100%);
  border-radius: 8px 8px 4px 4px;
  box-shadow: 0 0 20px 6px #b08040, 0 0 40px 12px rgba(176,128,64,.4);
  animation: tb-lantern 3s ease-in-out infinite alternate;
}
.scn-thug-bheels .bedroll {
  position: absolute; bottom: 18%; left: 20%; width: 40px; height: 16px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 4px;
  transform: rotate(-5deg);
  animation: tb-bedroll 10s ease-in-out infinite;
}
.scn-thug-bheels .door {
  position: absolute; bottom: 20%; right: 12%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: inset -2px 0 6px rgba(0,0,0,.3);
  animation: tb-door 6s ease-in-out infinite alternate;
}
.scn-thug-bheels .dust-motes {
  position: absolute; top: 15%; left: 30%; width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(200,180,150,.12) 0%, transparent 70%);
  filter: blur(6px);
  animation: tb-motes 25s linear infinite;
}
@keyframes tb-wall { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes tb-floor { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes tb-lantern { 0% { box-shadow: 0 0 15px 4px #b08040; } 50% { box-shadow: 0 0 25px 8px #d0a060; } 100% { box-shadow: 0 0 18px 5px #b08040; } }
@keyframes tb-bedroll { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-3deg) translateY(-2px) } }
@keyframes tb-door { 0% { transform: scaleX(1) } 50% { transform: scaleX(.95) } 100% { transform: scaleX(1) } }
@keyframes tb-motes { 0% { transform: translate(0,0) scale(1) } 100% { transform: translate(40px, -30px) scale(1.2) } }

/* thug-oude-leaders */
.scn-thug-oude-leaders {
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0f0f 40%, #0f0808 80%, #050303 100%),
              radial-gradient(ellipse at 50% 60%, #4a2a2a 0%, transparent 70%);
}
.scn-thug-oude-leaders .table {
  position: absolute; bottom: 20%; left: 15%; right: 15%; height: 8%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,.5);
  animation: tol-table 14s ease-in-out infinite alternate;
}
.scn-thug-oude-leaders .figure-left {
  position: absolute; bottom: 30%; left: 20%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 40% 30% 30% / 60% 50% 40% 40%;
  transform-origin: bottom center;
  animation: tol-figure 5s ease-in-out infinite;
}
.scn-thug-oude-leaders .figure-right {
  position: absolute; bottom: 30%; right: 20%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 50% 30% 30% / 50% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tol-figure 6s ease-in-out infinite .5s;
}
.scn-thug-oude-leaders .figure-center {
  position: absolute; bottom: 32%; left: 50%; width: 28px; height: 52px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 35% 35% / 60% 60% 45% 45%;
  transform-origin: bottom center;
  animation: tol-figure-center 7s ease-in-out infinite .3s;
}
.scn-thug-oude-leaders .candle {
  position: absolute; bottom: 28%; left: 48%; width: 8px; height: 20px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #d0b080 0%, #a08060 100%);
  border-radius: 2px 2px 0 0;
  box-shadow: 0 0 8px #d0a060;
  animation: tol-candle 4s ease-in-out infinite alternate;
}
.scn-thug-oude-leaders .candle-glow {
  position: absolute; bottom: 30%; left: 45%; width: 30px; height: 30px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(200,160,80,.4) 0%, transparent 70%);
  filter: blur(10px);
  animation: tol-glow 3s ease-in-out infinite alternate;
}
.scn-thug-oude-leaders .map-scroll {
  position: absolute; bottom: 22%; left: 38%; width: 50px; height: 6px;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 2px;
  transform: rotate(-10deg);
  animation: tol-scroll 9s ease-in-out infinite alternate;
}
.scn-thug-oude-leaders .ceiling-beam {
  position: absolute; top: 15%; left: 10%; right: 10%; height: 6px;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: tol-beam 20s ease-in-out infinite alternate;
}
@keyframes tol-table { 0% { transform: translateY(0) } 50% { transform: translateY(1px) } 100% { transform: translateY(0) } }
@keyframes tol-figure { 0% { transform: rotate(-2deg) } 25% { transform: rotate(1deg) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(2deg) } 100% { transform: rotate(-2deg) } }
@keyframes tol-figure-center { 0% { transform: translateX(-50%) rotate(0) } 50% { transform: translateX(-50%) rotate(-1deg) translateY(-1px) } 100% { transform: translateX(-50%) rotate(0) } }
@keyframes tol-candle { 0% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.05) } 100% { transform: translateX(-50%) scaleY(.95) } }
@keyframes tol-glow { 0% { opacity:.6 } 50% { opacity:.9 } 100% { opacity:.7 } }
@keyframes tol-scroll { 0% { transform: rotate(-10deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-1px) } 100% { transform: rotate(-10deg) translateY(0) } }
@keyframes tol-beam { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }

/* thug-averages */
.scn-thug-averages {
  background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 50%, #1a0f0f 80%, #0f0808 100%),
              radial-gradient(ellipse at 50% 30%, #2a2a3a 0%, transparent 70%);
}
.scn-thug-averages .wall {
  position: absolute; top: 10%; left: 10%; right: 10%; bottom: 15%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 30px rgba(0,0,0,.5);
  animation: ta-wall 18s ease-in-out infinite alternate;
}
.scn-thug-averages .tally-markers {
  position: absolute; top: 30%; left: 25%; right: 25%; bottom: 35%;
  background: repeating-linear-gradient(90deg,
    #8a7a5a 0px, #8a7a5a 3px,
    transparent 3px, transparent 8px,
    #8a7a5a 8px, #8a7a5a 11px,
    transparent 11px, transparent 16px,
    #8a7a5a 16px, #8a7a5a 19px,
    transparent 19px, transparent 24px,
    #8a7a5a 24px, #8a7a5a 27px,
    transparent 27px, transparent 32px);
  opacity: .3;
  animation: ta-tally 4s ease-in-out infinite;
}
.scn-thug-averages .figure-standing {
  position: absolute; bottom: 20%; left: 50%; width: 30px; height: 70px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ta-figure 6s ease-in-out infinite;
}
.scn-thug-averages .counting-hand {
  position: absolute; bottom: 46%; left: 50%; width: 14px; height: 20px;
  transform: translateX(10px);
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 40% 40%;
  transform-origin: bottom right;
  animation: ta-hand 3s ease-in-out infinite alternate;
}
.scn-thug-averages .shadow {
  position: absolute; bottom: 12%; left: 40%; right: 40%; height: 12%;
  background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(4px);
  animation: ta-shadow 9s ease-in-out infinite alternate;
}
.scn-thug-averages .candle-flame {
  position: absolute; top: 18%; left: 45%; width: 6px; height: 12px;
  background: radial-gradient(ellipse at 50% 80%, #ffd080 0%, #b08040 100%);
  border-radius: 50%;
  box-shadow: 0 0 16px 4px #b08040, 0 0 32px 8px rgba(176,128,64,.3);
  animation: ta-flame 2s ease-in-out infinite alternate;
}
@keyframes ta-wall { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes ta-tally { 0% { opacity:.2 } 50% { opacity:.4 } 100% { opacity:.25 } }
@keyframes ta-figure { 0% { transform: translateX(-50%) rotate(-1deg) } 25% { transform: translateX(-50%) rotate(1deg) } 50% { transform: translateX(-50%) rotate(-.5deg) } 75% { transform: translateX(-50%) rotate(1.5deg) } 100% { transform: translateX(-50%) rotate(0) } }
@keyframes ta-hand { 0% { transform: translateX(10px) rotate(10deg) } 50% { transform: translateX(10px) rotate(-10deg) } 100% { transform: translateX(10px) rotate(10deg) } }
@keyframes ta-shadow { 0% { transform: scale(1) } 50% { transform: scale(.95) } 100% { transform: scale(1) } }
@keyframes ta-flame { 0% { transform: scaleY(1) translateY(0) } 50% { transform: scaleY(1.1) translateY(-1px) } 100% { transform: scaleY(.9) translateY(1px) } }

/* Scene: gold-fields-wonderful */
.scn-gold-fields-wonderful {
  background: radial-gradient(ellipse at 30% 60%, #4a3020 0%, #2a1a10 60%, #1a0e08 100%),
              linear-gradient(180deg, #5a3a28 0%, #3a2218 40%, #2a1a10 100%);
}
.scn-gold-fields-wonderful .room-back {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #2a1a10 0%, #3a2218 50%, #4a3020 100%);
  animation: gf-room 12s ease-in-out infinite alternate;
}
.scn-gold-fields-wonderful .desk {
  position: absolute; bottom: 10%; left: 15%; width: 50%; height: 20%;
  background: linear-gradient(180deg, #6a4a30 0%, #4a3020 100%);
  border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.6);
  animation: gf-desk 8s ease-in-out infinite;
}
.scn-gold-fields-wonderful .lamp {
  position: absolute; bottom: 28%; left: 50%; width: 12px; height: 24px;
  background: radial-gradient(circle at 50% 20%, #f0c880 0%, #b08050 60%);
  border-radius: 4px 4px 8px 8px; box-shadow: 0 0 20px 8px #e0a060, 0 0 40px 16px rgba(200,120,40,0.4);
  animation: gf-lamp 3s ease-in-out infinite alternate;
}
.scn-gold-fields-wonderful .window-frame {
  position: absolute; top: 10%; right: 8%; width: 28%; height: 50%;
  border: 8px solid #3a2012; border-radius: 4px;
  background: linear-gradient(180deg, #1a0e08 0%, #2a1a10 100%);
  box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
}
.scn-gold-fields-wonderful .window-view {
  position: absolute; top: 12%; right: 10%; width: 24%; height: 44%;
  background: linear-gradient(180deg, #4a3a28 0%, #6a5038 50%, #8a6a48 100%);
  border-radius: 2px; opacity: 0.7;
  animation: gf-view 20s ease-in-out infinite alternate;
}
.scn-gold-fields-wonderful .chair {
  position: absolute; bottom: 16%; left: 20%; width: 20%; height: 16%;
  background: linear-gradient(180deg, #5a3a28 0%, #3a2218 100%);
  border-radius: 30% 30% 10% 10%; box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
.scn-gold-fields-wonderful .figure-silhouette {
  position: absolute; bottom: 18%; left: 28%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #1a0e08 0%, #0e0804 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  animation: gf-figure 6s ease-in-out infinite;
}
@keyframes gf-room { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes gf-desk { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes gf-lamp { 0% { box-shadow: 0 0 14px 6px #e0a060, 0 0 28px 12px rgba(200,120,40,0.3); opacity: 0.9 } 100% { box-shadow: 0 0 24px 10px #f0c880, 0 0 48px 20px rgba(200,120,40,0.5); opacity: 1 } }
@keyframes gf-view { 0% { opacity: 0.6; filter: brightness(0.8) } 50% { opacity: 0.8; filter: brightness(1) } 100% { opacity: 0.65; filter: brightness(0.85) } }
@keyframes gf-figure { 0%,100% { transform: translateX(0) rotate(0) } 50% { transform: translateX(3px) rotate(1deg) } }

/* Scene: capital-from-england-engineers-from-america */
.scn-capital-from-england-engineers-from-america {
  background: linear-gradient(180deg, #2a2218 0%, #1a1410 40%, #2a2218 100%),
              radial-gradient(ellipse at 50% 30%, #3a3020 0%, transparent 70%);
}
.scn-capital-from-england-engineers-from-america .wall-map {
  position: absolute; top: 8%; left: 10%; width: 50%; height: 60%;
  background: linear-gradient(135deg, #4a3a28 0%, #5a4a38 30%, #3a2a18 70%, #2a1a0e 100%);
  border: 6px solid #1a1410; border-radius: 4px;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.6);
  animation: ce-map 25s ease-in-out infinite alternate;
}
.scn-capital-from-england-engineers-from-america .globe-stand {
  position: absolute; bottom: 20%; left: 60%; width: 4%; height: 30%;
  background: linear-gradient(180deg, #8a6a50 0%, #5a3a28 100%);
  border-radius: 4px;
}
.scn-capital-from-england-engineers-from-america .globe {
  position: absolute; bottom: 48%; left: 58%; width: 10%; height: 18%;
  background: radial-gradient(circle at 40% 40%, #6a8a6a 0%, #3a5040 50%, #2a3a2a 100%);
  border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  animation: ce-globe 12s linear infinite;
}
.scn-capital-from-england-engineers-from-america .bookshelf {
  position: absolute; top: 12%; right: 5%; width: 30%; height: 70%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
}
.scn-capital-from-england-engineers-from-america .desk-lamp {
  position: absolute; bottom: 15%; left: 30%; width: 8px; height: 20px;
  background: radial-gradient(circle at 50% 0%, #e0b070 0%, #c08840 60%);
  border-radius: 2px 2px 6px 6px; box-shadow: 0 0 16px 6px #d09850, 0 0 32px 12px rgba(180,100,30,0.3);
  animation: ce-lamp 4s ease-in-out infinite alternate;
}
.scn-capital-from-england-engineers-from-america .papers {
  position: absolute; bottom: 12%; left: 25%; width: 20%; height: 6%;
  background: linear-gradient(135deg, #e8d8c0 0%, #d4c4a8 100%);
  border-radius: 2px; opacity: 0.6;
  animation: ce-papers 8s ease-in-out infinite;
}
.scn-capital-from-england-engineers-from-america .inkwell {
  position: absolute; bottom: 15%; left: 48%; width: 4%; height: 6%;
  background: radial-gradient(circle, #1a1410 0%, #2a2018 100%);
  border-radius: 50% 50% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: ce-ink 10s ease-in-out infinite alternate;
}
@keyframes ce-map { 0% { filter: brightness(0.7) contrast(1.1) } 50% { filter: brightness(0.85) contrast(1) } 100% { filter: brightness(0.75) contrast(1.05) } }
@keyframes ce-globe { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes ce-lamp { 0% { box-shadow: 0 0 12px 4px #d09850, 0 0 24px 8px rgba(180,100,30,0.2); opacity: 0.8 } 100% { box-shadow: 0 0 20px 8px #e0b070, 0 0 40px 16px rgba(180,100,30,0.4); opacity: 1 } }
@keyframes ce-papers { 0%,100% { transform: translateY(0) rotate(-0.5deg) } 50% { transform: translateY(-1px) rotate(0.5deg) } }
@keyframes ce-ink { 0% { transform: scale(1) } 50% { transform: scale(1.02) } 100% { transform: scale(0.98) } }

/* Scene: mines-pay-dividends-despite-low-grade */
.scn-mines-pay-dividends-despite-low-grade {
  background: radial-gradient(ellipse at 50% 80%, #4a2a18 0%, #2a1a0e 50%, #1a0e08 100%),
              linear-gradient(180deg, #3a2210 0%, #2a1a0e 30%, #1a0e08 100%);
}
.scn-mines-pay-dividends-despite-low-grade .vault-wall {
  position: absolute; inset: 0 0 10% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 60%, #1a0e08 100%);
  animation: mp-wall 20s ease-in-out infinite alternate;
}
.scn-mines-pay-dividends-despite-low-grade .ledger {
  position: absolute; bottom: 18%; left: 20%; width: 40%; height: 18%;
  background: linear-gradient(135deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.7);
  animation: mp-ledger 6s ease-in-out infinite;
}
.scn-mines-pay-dividends-despite-low-grade .stack-coins {
  position: absolute; bottom: 14%; left: 35%; width: 8%; height: 8%;
  background: radial-gradient(circle, #d0a060 0%, #b08040 50%, #8a6020 100%);
  border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: mp-coins 4s ease-in-out infinite alternate;
}
.scn-mines-pay-dividends-despite-low-grade .scale {
  position: absolute; bottom: 12%; left: 55%; width: 12%; height: 10%;
  background: linear-gradient(180deg, #6a4a30 0%, #4a3020 100%);
  border-radius: 2px 2px 10px 10px; box-shadow: 0 0 10px 4px rgba(0,0,0,0.5);
}
.scn-mines-pay-dividends-despite-low-grade .candle {
  position: absolute; bottom: 30%; left: 50%; width: 4px; height: 18px;
  background: linear-gradient(180deg, #f0d890 0%, #c08040 60%, #8a5020 100%);
  border-radius: 2px; box-shadow: 0 0 20px 8px #e09040, 0 0 40px 16px rgba(200,100,20,0.3);
  animation: mp-candle 3s ease-in-out infinite alternate;
}
.scn-mines-pay-dividends-despite-low-grade .shadow-figure {
  position: absolute; bottom: 12%; left: 15%; width: 10%; height: 22%;
  background: linear-gradient(180deg, #1a0e08 0%, #0e0804 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  animation: mp-figure 7s ease-in-out infinite;
}
@keyframes mp-wall { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes mp-ledger { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes mp-coins { 0% { transform: scale(1) rotate(0) } 50% { transform: scale(1.05) rotate(3deg) } 100% { transform: scale(0.95) rotate(-2deg) } }
@keyframes mp-candle { 0% { box-shadow: 0 0 14px 6px #e09040, 0 0 28px 12px rgba(200,100,20,0.2); opacity: 0.85 } 50% { box-shadow: 0 0 24px 10px #f0b060, 0 0 48px 20px rgba(200,100,20,0.4); opacity: 1 } 100% { box-shadow: 0 0 18px 8px #e09040, 0 0 36px 14px rgba(200,100,20,0.3); opacity: 0.9 } }
@keyframes mp-figure { 0%,100% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-3px) rotate(1deg) } }

/* Scene: cyanide-process-new */
.scn-cyanide-process-new {
  background: linear-gradient(180deg, #2a2018 0%, #1a1410 50%, #2a2018 100%),
              radial-gradient(ellipse at 40% 50%, #3a2a20 0%, transparent 70%);
}
.scn-cyanide-process-new .lab-bench {
  position: absolute; bottom: 10%; left: 5%; width: 90%; height: 30%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0e 100%);
  border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.6);
  animation: cp-bench 14s ease-in-out infinite alternate;
}
.scn-cyanide-process-new .flask-large {
  position: absolute; bottom: 30%; left: 20%; width: 14%; height: 28%;
  background: linear-gradient(180deg, #b0c0c8 0%, #8a9aa0 60%, #6a7a80 100%);
  border-radius: 4px 4px 20px 20px; opacity: 0.7;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
  animation: cp-flask-l 6s ease-in-out infinite;
}
.scn-cyanide-process-new .flask-small {
  position: absolute; bottom: 25%; left: 40%; width: 8%; height: 18%;
  background: linear-gradient(180deg, #c8d0d8 0%, #a0b0b8 60%, #809098 100%);
  border-radius: 2px 2px 14px 14px; opacity: 0.6;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
  animation: cp-flask-s 8s ease-in-out infinite alternate;
}
.scn-cyanide-process-new .burner {
  position: absolute; bottom: 36%; left: 32%; width: 6%; height: 10%;
  background: radial-gradient(circle at 50% 20%, #f0c060 0%, #c08030 60%, #8a5010 100%);
  border-radius: 30% 30% 10% 10%; box-shadow: 0 0 16px 6px #e09030, 0 0 32px 12px rgba(200,100,10,0.3);
  animation: cp-burner 3s ease-in-out infinite alternate;
}
.scn-cyanide-process-new .pipes-rack {
  position: absolute; top: 10%; left: 60%; width: 20%; height: 60%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
}
.scn-cyanide-process-new .cyanide-bottle {
  position: absolute; bottom: 40%; left: 55%; width: 8%; height: 16%;
  background: radial-gradient(circle at 30% 40%, #f0e8d0 0%, #d0c8b0 50%, #b0a890 100%);
  border-radius: 6px 6px 12px 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: cp-bottle 10s ease-in-out infinite;
}
.scn-cyanide-process-new .spectator {
  position: absolute; bottom: 8%; left: 70%; width: 10%; height: 24%;
  background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  animation: cp-spectator 5s ease-in-out infinite;
}
@keyframes cp-bench { 0% { filter: brightness(0.85) } 50% { filter: brightness(1) } 100% { filter: brightness(0.9) } }
@keyframes cp-flask-l { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(1deg) } }
@keyframes cp-flask-s { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-1px) scale(1.02) } 100% { transform: translateY(0) scale(0.98) } }
@keyframes cp-burner { 0% { box-shadow: 0 0 10px 4px #e09030, 0 0 20px 8px rgba(200,100,10,0.2); opacity: 0.8 } 100% { box-shadow: 0 0 20px 8px #f0b050, 0 0 40px 16px rgba(200,100,10,0.4); opacity: 1 } }
@keyframes cp-bottle { 0%,100% { transform: translateX(0) } 50% { transform: translateX(2px) } }
@keyframes cp-spectator { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-3px) rotate(1deg) } }

.scn-sunrise-mountains {
  background: 
    linear-gradient(180deg, #f6985c 0%, #f4c882 30%, #d8b674 60%, #8a7355 100%),
    radial-gradient(ellipse at 60% 20%, #f6985c 0%, transparent 60%);
}
.scn-sunrise-mountains .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #f09e5a 0%, #f4c882 100%); animation: sm-sky 20s ease-in-out infinite alternate; }
.scn-sunrise-mountains .sun { position:absolute; bottom:45%; left:50%; width:80px; height:80px; margin-left:-40px; background: radial-gradient(circle, #ffeebb 0%, #f5a623 60%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px #f5a623; animation: sm-sun 12s ease-in-out infinite alternate; }
.scn-sunrise-mountains .mountains-bg { position:absolute; bottom:20%; left:0; width:100%; height:30%; background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 100%); clip-path: polygon(0% 100%, 5% 70%, 15% 85%, 25% 60%, 35% 75%, 45% 55%, 55% 70%, 65% 50%, 75% 65%, 85% 45%, 95% 60%, 100% 80%, 100% 100%); animation: sm-mountains-bg 30s ease-in-out infinite; }
.scn-sunrise-mountains .mountains-fg { position:absolute; bottom:10%; left:0; width:100%; height:25%; background: linear-gradient(180deg, #2a3a2a 0%, #0a1a0a 100%); clip-path: polygon(0% 100%, 10% 80%, 20% 90%, 30% 75%, 40% 85%, 50% 70%, 60% 80%, 70% 65%, 80% 75%, 90% 60%, 100% 70%, 100% 100%); animation: sm-mountains-fg 35s ease-in-out infinite alternate; }
.scn-sunrise-mountains .mist { position:absolute; bottom:30%; left:0; width:100%; height:20%; background: linear-gradient(0deg, rgba(248,220,160,0.3) 0%, transparent 100%); filter: blur(10px); animation: sm-mist 15s ease-in-out infinite alternate; }
.scn-sunrise-mountains .trees { position:absolute; bottom:5%; left:10%; width:80%; height:15%; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 50%, #1a2a1a 100%); clip-path: polygon(0% 100%, 2% 70%, 6% 80%, 10% 60%, 15% 75%, 20% 55%, 25% 70%, 30% 50%, 35% 65%, 40% 45%, 45% 60%, 50% 40%, 55% 55%, 60% 35%, 65% 50%, 70% 30%, 75% 45%, 80% 25%, 85% 40%, 90% 20%, 95% 35%, 100% 100%); animation: sm-trees 25s ease-in-out infinite; }
.scn-sunrise-mountains .path { position:absolute; bottom:0; left:50%; width:30%; height:8%; margin-left:-15%; background: linear-gradient(180deg, #8a7355 0%, #5a4a3a 100%); clip-path: polygon(40% 0%, 60% 0%, 70% 100%, 30% 100%); animation: sm-path 10s ease-in-out infinite alternate; }
@keyframes sm-sky { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes sm-sun { 0% { transform: translateY(0) scale(0.95); box-shadow: 0 0 40px 10px #f5a623; } 50% { transform: translateY(-8px) scale(1.05); box-shadow: 0 0 80px 30px #f5a623; } 100% { transform: translateY(-4px) scale(1); box-shadow: 0 0 60px 20px #f5a623; } }
@keyframes sm-mountains-bg { 0% { transform: translateX(0); } 50% { transform: translateX(-2px); } 100% { transform: translateX(0); } }
@keyframes sm-mountains-fg { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(1px) translateY(-2px); } 100% { transform: translateX(0) translateY(0); } }
@keyframes sm-mist { 0% { opacity:0.6; transform: translateY(0); } 50% { opacity:1; transform: translateY(-3px); } 100% { opacity:0.7; transform: translateY(0); } }
@keyframes sm-trees { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes sm-path { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.05); } 100% { transform: scaleX(1); } }

.scn-kinchinjunga-glimpse {
  background: 
    linear-gradient(180deg, #1a2040 0%, #2c3a60 30%, #4a5a7a 60%, #6a7a8a 100%),
    radial-gradient(ellipse at 60% 30%, #8ab0d0 0%, transparent 60%);
}
.scn-kinchinjunga-glimpse .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #2a3a60 0%, #6a8aa0 100%); animation: kg-sky 18s ease-in-out infinite alternate; }
.scn-kinchinjunga-glimpse .peak { position:absolute; bottom:35%; left:50%; width:60px; height:80px; margin-left:-30px; background: linear-gradient(180deg, #e8e8f0 0%, #c0c0d0 40%, #808090 100%); clip-path: polygon(0% 100%, 30% 20%, 50% 0%, 70% 20%, 100% 100%); box-shadow: 0 -20px 40px rgba(255,255,255,0.3); animation: kg-peak 25s ease-in-out infinite alternate; }
.scn-kinchinjunga-glimpse .clouds { position:absolute; top:20%; left:0; width:100%; height:30%; background: repeating-linear-gradient(90deg, transparent 0px, rgba(200,220,240,0.2) 20px, transparent 40px, rgba(220,240,255,0.1) 60px, transparent 80px); filter: blur(8px); animation: kg-clouds 60s linear infinite; }
.scn-kinchinjunga-glimpse .snow { position:absolute; bottom:35%; left:40%; width:20%; height:15%; background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #d0d0e0 40%, transparent 70%); animation: kg-snow 15s ease-in-out infinite; }
.scn-kinchinjunga-glimpse .foreground-hills { position:absolute; bottom:10%; left:0; width:100%; height:30%; background: linear-gradient(180deg, #2a3a2a 0%, #1a2a1a 100%); clip-path: polygon(0% 100%, 10% 60%, 20% 70%, 30% 50%, 40% 60%, 50% 40%, 60% 55%, 70% 35%, 80% 50%, 90% 30%, 100% 45%, 100% 100%); animation: kg-hills 22s ease-in-out infinite alternate; }
.scn-kinchinjunga-glimpse .rays { position:absolute; top:10%; left:20%; width:60%; height:40%; background: radial-gradient(ellipse at 50% 100%, rgba(255,220,180,0.4) 0%, transparent 70%); filter: blur(15px); animation: kg-rays 30s ease-in-out infinite alternate; }
@keyframes kg-sky { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes kg-peak { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.02); } 100% { transform: translateY(-2px) scale(1); } }
@keyframes kg-clouds { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
@keyframes kg-snow { 0% { opacity:0.3; } 50% { opacity:0.7; } 100% { opacity:0.3; } }
@keyframes kg-hills { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes kg-rays { 0% { opacity:0.4; } 50% { opacity:0.8; } 100% { opacity:0.5; } }

.scn-thibetan-pageant {
  background: 
    linear-gradient(180deg, #e0c080 0%, #c8a050 40%, #a08040 100%),
    radial-gradient(ellipse at 50% 100%, #a08040 0%, transparent 70%);
}
.scn-thibetan-pageant .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #d4b878 0%, #e8d4a0 100%); animation: tp-sky 15s ease-in-out infinite alternate; }
.scn-thibetan-pageant .ground { position:absolute; bottom:0; left:0; width:100%; height:35%; background: linear-gradient(180deg, #8a7040 0%, #6a5030 100%); animation: tp-ground 10s ease-in-out infinite; }
.scn-thibetan-pageant .crowd-rope { position:absolute; bottom:28%; left:0; width:100%; height:2px; background: linear-gradient(90deg, #5a3a1a 0%, #8a6a3a 50%, #5a3a1a 100%); animation: tp-rope 8s ease-in-out infinite; }
.scn-thibetan-pageant .figure-1 { position:absolute; bottom:18%; left:15%; width:20px; height:40px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: tp-figure-1 12s ease-in-out infinite; }
.scn-thibetan-pageant .figure-2 { position:absolute; bottom:15%; left:35%; width:22px; height:42px; background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: tp-figure-2 14s ease-in-out infinite; animation-delay: 0.5s; }
.scn-thibetan-pageant .figure-3 { position:absolute; bottom:20%; left:55%; width:18px; height:38px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: tp-figure-3 16s ease-in-out infinite; animation-delay: 1s; }
.scn-thibetan-pageant .flags { position:absolute; top:10%; left:10%; width:80%; height:20%; background: repeating-linear-gradient(90deg, #8a5a3a 0px, #d4a060 10px, #5a3a1a 20px, #a08040 30px); clip-path: polygon(0% 100%, 10% 40%, 30% 60%, 40% 20%, 60% 40%, 70% 10%, 90% 30%, 100% 100%); animation: tp-flags 20s ease-in-out infinite alternate; }
.scn-thibetan-pageant .dust { position:absolute; bottom:15%; left:20%; width:60%; height:20%; background: radial-gradient(ellipse, rgba(160,140,100,0.4) 0%, transparent 70%); filter: blur(12px); animation: tp-dust 25s linear infinite; }
@keyframes tp-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes tp-ground { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes tp-rope { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } 100% { transform: scaleX(1); } }
@keyframes tp-figure-1 { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(10px) rotate(2deg); } 100% { transform: translateX(20px) rotate(-2deg); } }
@keyframes tp-figure-2 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(-8px) translateY(-2px); } 100% { transform: translateX(-16px) translateY(0); } }
@keyframes tp-figure-3 { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(5px) scale(1.05); } 100% { transform: translateX(10px) scale(1); } }
@keyframes tp-flags { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } }
@keyframes tp-dust { 0% { opacity:0.3; } 50% { opacity:0.6; } 100% { opacity:0.3; } }

.scn-bazar-congress {
  background: 
    linear-gradient(180deg, #e0c080 0%, #c8a050 40%, #a08040 100%),
    radial-gradient(ellipse at 50% 80%, #f0d0a0 0%, transparent 70%);
}
.scn-bazar-congress .sky { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #c8b080 0%, #e0d0a0 100%); animation: bc-sky 15s ease-in-out infinite alternate; }
.scn-bazar-congress .ground { position:absolute; bottom:0; left:0; width:100%; height:25%; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); animation: bc-ground 10s ease-in-out infinite; }
.scn-bazar-congress .tent { position:absolute; bottom:20%; left:20%; width:25%; height:30%; background: linear-gradient(180deg, #d4a060 0%, #b08040 50%, #8a5a3a 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 10px 20px rgba(0,0,0,0.3); animation: bc-tent 20s ease-in-out infinite; }
.scn-bazar-congress .stall { position:absolute; bottom:12%; left:52%; width:15%; height:20%; background: linear-gradient(180deg, #b08040 0%, #8a5a3a 100%); border-radius: 5% 5% 0 0; clip-path: polygon(0% 100%, 10% 20%, 30% 0%, 70% 0%, 90% 20%, 100% 100%); animation: bc-stall 18s ease-in-out infinite; }
.scn-bazar-congress .people-1 { position:absolute; bottom:10%; left:10%; width:18px; height:36px; background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bc-people-1 12s ease-in-out infinite; }
.scn-bazar-congress .people-2 { position:absolute; bottom:8%; left:45%; width:16px; height:34px; background: linear-gradient(180deg, #4a3a2a 0%, #1a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bc-people-2 14s ease-in-out infinite; animation-delay: 0.3s; }
.scn-bazar-congress .carpets { position:absolute; bottom:5%; left:60%; width:30%; height:10%; background: repeating-linear-gradient(90deg, #a06030 0px, #c08050 5px, #8a5020 10px, #d0a060 15px); border-radius: 10% 10% 0 0; box-shadow: 0 -5px 10px rgba(0,0,0,0.2); animation: bc-carpets 22s ease-in-out infinite alternate; }
.scn-bazar-congress .shadows { position:absolute; bottom:0; left:0; width:100%; height:20%; background: radial-gradient(ellipse at 30% 100%, rgba(0,0,0,0.2) 0%, transparent 70%); animation: bc-shadows 15s ease-in-out infinite; }
@keyframes bc-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes bc-ground { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes bc-tent { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes bc-stall { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.95); } 100% { transform: scaleY(1); } }
@keyframes bc-people-1 { 0% { transform: translateX(0) rotate(-3deg); } 50% { transform: translateX(8px) rotate(3deg); } 100% { transform: translateX(16px) rotate(-3deg); } }
@keyframes bc-people-2 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(-6px) translateY(-2px); } 100% { transform: translateX(-12px) translateY(0); } }
@keyframes bc-carpets { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.05); } 100% { transform: scaleX(1); } }
@keyframes bc-shadows { 0% { opacity:0.3; } 50% { opacity:0.6; } 100% { opacity:0.3; } }

/* piety-architecture */
.scn-piety-architecture { background: linear-gradient(180deg, #f0d8a0 0%, #c8b080 40%), radial-gradient(ellipse at 50% 100%, #b0a070 0%, transparent 70%); }
.scn-piety-architecture .sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(135deg, #ffe0b0 0%, #8ab4f8 70%, #6a9cf0 100%); animation: pa-sky 12s ease-in-out infinite alternate; }
.scn-piety-architecture .water { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #4a7abc 0%, #2a5a9a 60%, #1a3a6a 100%); animation: pa-water 8s ease-in-out infinite; }
.scn-piety-architecture .palace { position:absolute; bottom:40%; left:30%; width:40%; height:45%; background: linear-gradient(180deg, #e8d8b0 0%, #c8a870 60%, #a08850 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -4px 20px rgba(200,150,80,0.3); animation: pa-palace 15s ease-in-out infinite; }
.scn-piety-architecture .dome { position:absolute; bottom:85%; left:42%; width:16%; height:15%; background: radial-gradient(ellipse at 50% 30%, #f0e0c0 0%, #c8a870 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 4px 15px rgba(200,150,80,0.4); animation: pa-dome 10s ease-in-out infinite alternate; }
.scn-piety-architecture .step { position:absolute; bottom:35%; left:25%; width:50%; height:8%; background: linear-gradient(180deg, #d8c8a0 0%, #b09870 100%); clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%); animation: pa-step 6s ease-in-out infinite; }
.scn-piety-architecture .reflection { position:absolute; bottom:0; left:30%; width:40%; height:40%; background: linear-gradient(180deg, rgba(200,150,80,0.4) 0%, rgba(200,150,80,0) 100%); transform: scaleY(-1); animation: pa-refl 7s ease-in-out infinite alternate; }
@keyframes pa-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes pa-water { 0% { transform: translateY(0px); } 50% { transform: translateY(4px); } 100% { transform: translateY(0px); } }
@keyframes pa-palace { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.005); } 100% { transform: translateY(0) scale(1); } }
@keyframes pa-dome { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }
@keyframes pa-step { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes pa-refl { 0% { opacity:0.4; } 50% { opacity:0.6; } 100% { opacity:0.3; } }

/* rich-poor-piety */
.scn-rich-poor-piety { background: linear-gradient(180deg, #2a1e14 0%, #3a2a1a 50%, #4a3a2a 100%), radial-gradient(ellipse at 50% 70%, #5a4a3a 0%, transparent 60%); }
.scn-rich-poor-piety .bg-interior { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 80%, #4a3a2a 0%, #1a120a 100%); animation: rpp-bg 10s ease-in-out infinite; }
.scn-rich-poor-piety .lamp { position:absolute; bottom:70%; left:45%; width:30px; height:40px; background: radial-gradient(circle at 50% 30%, #ffd080 0%, #b08040 70%); border-radius: 40% 40% 20% 20%; box-shadow: 0 0 40px 15px rgba(255,208,128,0.6); animation: rpp-lamp 5s ease-in-out infinite alternate; }
.scn-rich-poor-piety .shrine { position:absolute; bottom:40%; left:38%; width:24%; height:30%; background: linear-gradient(180deg, #8a7050 0%, #5a4a3a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 0 20px rgba(200,150,80,0.2); animation: rpp-shrine 8s ease-in-out infinite; }
.scn-rich-poor-piety .rich-figure { position:absolute; bottom:30%; left:60%; width:25px; height:55px; background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rpp-rich 6s ease-in-out infinite; }
.scn-rich-poor-piety .poor-figure { position:absolute; bottom:30%; left:20%; width:20px; height:45px; background: linear-gradient(180deg, #2a1e14 0%, #0a0805 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rpp-poor 7s ease-in-out infinite; }
.scn-rich-poor-piety .coin-glow { position:absolute; bottom:50%; left:62%; width:8px; height:8px; background: radial-gradient(circle, #ffd080 0%, #c89050 60%); border-radius:50%; box-shadow: 0 0 12px 4px rgba(255,208,128,0.5); animation: rpp-coin 3s ease-in-out infinite; }
.scn-rich-poor-piety .shadow { position:absolute; bottom:30%; left:15%; right:15%; height:25%; background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, transparent 100%); animation: rpp-shadow 9s ease-in-out infinite alternate; }
@keyframes rpp-bg { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes rpp-lamp { 0% { transform: scale(1); box-shadow: 0 0 30px 10px rgba(255,208,128,0.4); } 50% { transform: scale(1.1); box-shadow: 0 0 60px 25px rgba(255,208,128,0.7); } 100% { transform: scale(1); box-shadow: 0 0 35px 12px rgba(255,208,128,0.5); } }
@keyframes rpp-shrine { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes rpp-rich { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes rpp-poor { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes rpp-coin { 0% { transform: translateY(0) scale(1); opacity:0.8; } 50% { transform: translateY(-6px) scale(1.2); opacity:1; } 100% { transform: translateY(0) scale(1); opacity:0.8; } }
@keyframes rpp-shadow { 0% { opacity:0.6; } 50% { opacity:0.8; } 100% { opacity:0.6; } }

/* river-trip */
.scn-river-trip { background: linear-gradient(180deg, #f8e0b0 0%, #b8d0f0 50%, #7a9ec8 100%), radial-gradient(ellipse at 50% 0%, #ffe8c0 0%, transparent 70%); }
.scn-river-trip .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #f0d0a0 0%, #c0d8ff 60%, #8ab4f8 100%); animation: rt-sky 14s ease-in-out infinite alternate; }
.scn-river-trip .water { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #4a7abc 0%, #2a5a9a 50%, #1a3a6a 100%); animation: rt-water 9s ease-in-out infinite; }
.scn-river-trip .hull { position:absolute; bottom:40%; left:20%; width:60%; height:12%; background: linear-gradient(90deg, #8a6a4a 0%, #6a4a2a 50%, #8a6a4a 100%); border-radius: 0 0 40% 40%; box-shadow: 0 2px 10px rgba(0,0,0,0.3); animation: rt-hull 5s ease-in-out infinite; }
.scn-river-trip .awning { position:absolute; bottom:52%; left:25%; width:50%; height:20%; background: linear-gradient(180deg, #f0e8d0 0%, #d8c8a8 100%); clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%); animation: rt-awning 7s ease-in-out infinite; }
.scn-river-trip .chair { position:absolute; bottom:45%; left:35%; width:30%; height:10%; background: linear-gradient(180deg, #c8a870 0%, #a08050 100%); border-radius: 40% 40% 10% 10%; animation: rt-chair 4s ease-in-out infinite; }
.scn-river-trip .palace-bg { position:absolute; bottom:45%; left:5%; width:20%; height:30%; background: linear-gradient(180deg, #d8c8a8 0%, #a89070 100%); border-radius: 20% 20% 0 0; opacity:0.6; animation: rt-palace 18s ease-in-out infinite; }
@keyframes rt-sky { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes rt-water { 0% { transform: translateY(0px); } 50% { transform: translateY(3px); } 100% { transform: translateY(0px); } }
@keyframes rt-hull { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes rt-awning { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(2px) scaleY(1.03); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes rt-chair { 0% { transform: translateX(0); } 50% { transform: translateX(3px); } 100% { transform: translateX(0); } }
@keyframes rt-palace { 0% { opacity:0.5; } 50% { opacity:0.7; } 100% { opacity:0.5; } }

/* ganges-drinking */
.scn-ganges-drinking { background: linear-gradient(180deg, #c0d8f0 0%, #a8c0e0 40%, #6088b8 100%), radial-gradient(ellipse at 50% 0%, #e0f0ff 0%, transparent 60%); }
.scn-ganges-drinking .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #f0e8c0 0%, #b0d0f0 60%, #80a8d8 100%); animation: gd-sky 15s ease-in-out infinite alternate; }
.scn-ganges-drinking .water-murky { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #4a5a4a 0%, #3a4a3a 40%, #2a3a2a 100%); animation: gd-water 8s ease-in-out infinite; }
.scn-ganges-drinking .sewer-pipe { position:absolute; bottom:45%; left:10%; width:20%; height:8%; background: linear-gradient(180deg, #4a4a3a 0%, #2a2a1a 100%); border-radius: 0 0 40% 40%; box-shadow: inset 0 2px 6px rgba(0,0,0,0.5); animation: gd-pipe 6s ease-in-out infinite; }
.scn-ganges-drinking .figure-drink { position:absolute; bottom:35%; left:35%; width:22px; height:48px; background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gd-figure 7s ease-in-out infinite; }
.scn-ganges-drinking .turbid { position:absolute; bottom:40%; left:45%; width:30%; height:15%; background: radial-gradient(ellipse, #6a7a4a 0%, #4a5a2a 60%, transparent 100%); opacity:0.7; animation: gd-turbid 5s ease-in-out infinite alternate; }
.scn-ganges-drinking .gush { position:absolute; bottom:52%; left:25%; width:10%; height:20%; background: linear-gradient(180deg, #5a6a3a 0%, #3a4a1a 100%); border-radius: 50% 50% 0 0; opacity:0.6; animation: gd-gush 4s ease-in-out infinite; }
@keyframes gd-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes gd-water { 0% { transform: translateY(0); } 50% { transform: translateY(3px); } 100% { transform: translateY(0); } }
@keyframes gd-pipe { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(1); } }
@keyframes gd-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(3deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes gd-turbid { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:0.8; transform: scale(1.1); } 100% { opacity:0.5; transform: scale(1); } }
@keyframes gd-gush { 0% { transform: translateY(0); opacity:0.4; } 50% { transform: translateY(8px); opacity:0.7; } 100% { transform: translateY(0); opacity:0.4; } }

/* CSS blocks per scene */
.scn-sailed-for-america { background: linear-gradient(180deg, #f5edd6 0%, #e8d5b0 40%, #d4b88a 100%), radial-gradient(ellipse at 60% 80%, #f5e6c0 0%, transparent 70%); }
.scn-sailed-for-america .bg-room { position:absolute; inset:0; background: linear-gradient(135deg, #e3cfaa 0%, #c4a77a 100%); animation: sa-room 20s ease-in-out infinite alternate; }
.scn-sailed-for-america .window-light { position:absolute; top:12%; left:55%; width:80px; height:100px; background: linear-gradient(135deg, #fef9e6 0%, #f5d78a 100%); border-radius: 10% 10% 5% 5%; box-shadow: inset 0 0 30px #feda7a, 0 0 50px rgba(254,218,122,.3); animation: sa-window 8s ease-in-out infinite alternate; }
.scn-sailed-for-america .table { position:absolute; bottom:30%; left:30%; width:120px; height:35px; background: linear-gradient(180deg, #8b6f4a 0%, #5e4328 100%); border-radius: 8% 8% 5% 5%; box-shadow: 0 8px 15px rgba(0,0,0,.4); }
.scn-sailed-for-america .carbuncle { position:absolute; bottom:38%; left:38%; width:20px; height:20px; background: radial-gradient(circle, #ff4a6a 0%, #c02a3e 50%, #70182a 100%); border-radius: 50%; box-shadow: 0 0 30px 10px #ff5a7a, 0 0 60px 20px rgba(255,90,122,.5); animation: sa-gem 4s ease-in-out infinite alternate; }
.scn-sailed-for-america .figure-left { position:absolute; bottom:28%; left:20%; width:22px; height:45px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sa-fig-l 6s ease-in-out infinite; }
.scn-sailed-for-america .figure-right { position:absolute; bottom:28%; right:25%; width:22px; height:45px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0e 100%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sa-fig-r 6s ease-in-out infinite 1s; }
.scn-sailed-for-america .chest { position:absolute; bottom:25%; right:12%; width:60px; height:40px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 6% 6% 4% 4%; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: sa-chest 14s ease-in-out infinite alternate; }

@keyframes sa-room { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes sa-window { 0% { filter:brightness(.9) } 50% { filter:brightness(1.1) } 100% { filter:brightness(1) } }
@keyframes sa-gem { 0% { transform:scale(.95) rotate(-3deg); box-shadow: 0 0 20px 6px #ff5a7a, 0 0 40px 12px rgba(255,90,122,.4); } 50% { transform:scale(1.05) rotate(3deg); box-shadow: 0 0 40px 15px #ff7a9a, 0 0 80px 25px rgba(255,122,154,.6); } 100% { transform:scale(1) rotate(0); box-shadow: 0 0 25px 8px #ff5a7a, 0 0 50px 15px rgba(255,90,122,.5); } }
@keyframes sa-fig-l { 0%,100% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(3px) translateY(-1px) rotate(2deg); } 50% { transform: translateX(6px) translateY(0) rotate(-2deg); } 75% { transform: translateX(3px) translateY(-1px) rotate(2deg); } }
@keyframes sa-fig-r { 0%,100% { transform: translateX(0) translateY(0) rotate(2deg); } 25% { transform: translateX(-3px) translateY(-1px) rotate(-2deg); } 50% { transform: translateX(-6px) translateY(0) rotate(2deg); } 75% { transform: translateX(-3px) translateY(-1px) rotate(-2deg); } }
@keyframes sa-chest { 0% { transform:translateY(0) } 50% { transform:translateY(-2px) } 100% { transform:translateY(0) } }

.scn-westward-from-new-york { background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 40%, #1a2a3a 100%), radial-gradient(ellipse at 30% 100%, #4a3a2a 0%, transparent 80%); }
.scn-westward-from-new-york .bg-sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #5a7a8a 0%, #3a4a5a 40%, transparent 100%); animation: wn-sky 20s ease-in-out infinite alternate; }
.scn-westward-from-new-york .bg-mountains { position:absolute; bottom:30%; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 60%, #0a1a0a 100%); border-radius: 30% 40% 0 0 / 60% 50% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.5); animation: wn-mtns 18s ease-in-out infinite alternate; }
.scn-westward-from-new-york .train { position:absolute; bottom:32%; left:10%; width:140px; height:50px; background: linear-gradient(180deg, #2a3a4a 0%, #0a1a2a 60%, #050a15 100%); border-radius: 10% 10% 6% 6%; box-shadow: 0 4px 10px rgba(0,0,0,.6); animation: wn-train 12s ease-in-out infinite; }
.scn-westward-from-new-york .smoke-a { position:absolute; top:10%; left:15%; width:60px; height:40px; background: radial-gradient(ellipse, rgba(180,180,180,.4) 0%, rgba(100,100,100,.2) 60%, transparent 100%); filter: blur(8px); animation: wn-smoke-a 30s linear infinite; }
.scn-westward-from-new-york .smoke-b { position:absolute; top:18%; left:25%; width:50px; height:35px; background: radial-gradient(ellipse, rgba(160,160,160,.3) 0%, rgba(80,80,80,.15) 60%, transparent 100%); filter: blur(6px); animation: wn-smoke-b 40s linear infinite 5s; }
.scn-westward-from-new-york .driver { position:absolute; bottom:35%; left:20%; width:18px; height:30px; background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wn-driver 2s ease-in-out infinite; }
.scn-westward-from-new-york .fire-glow { position:absolute; bottom:28%; right:5%; width:80px; height:80px; background: radial-gradient(circle, #b84a2a 0%, #8a2a1a 40%, transparent 70%); filter: blur(15px); animation: wn-fire 8s ease-in-out infinite alternate; }
@keyframes wn-sky { 0% { opacity:.7 } 50% { opacity:.9 } 100% { opacity:.75 } }
@keyframes wn-mtns { 0% { transform:translateY(0) } 50% { transform:translateY(-4px) } 100% { transform:translateY(0) } }
@keyframes wn-train { 0%,100% { transform:translateX(0) } 50% { transform:translateX(5px) } }
@keyframes wn-smoke-a { 0% { transform:translateX(-20px) translateY(0) scale(1); opacity:.6 } 50% { transform:translateX(30px) translateY(-20px) scale(1.4); opacity:.3 } 100% { transform:translateX(80px) translateY(-40px) scale(1.8); opacity:0 } }
@keyframes wn-smoke-b { 0% { transform:translateX(-10px) translateY(0) scale(1); opacity:.5 } 50% { transform:translateX(40px) translateY(-15px) scale(1.3); opacity:.2 } 100% { transform:translateX(90px) translateY(-35px) scale(1.6); opacity:0 } }
@keyframes wn-driver { 0%,100% { transform:rotate(0) } 25% { transform:rotate(3deg) } 75% { transform:rotate(-3deg) } }
@keyframes wn-fire { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.7 } }

.scn-moved-westward-mid-afternoon { background: linear-gradient(180deg, #a0c0d0 0%, #6a8a9a 40%, #3a5a6a 100%), radial-gradient(ellipse at 50% 0%, #d0e0f0 0%, transparent 70%); }
.scn-moved-westward-mid-afternoon .sea { position:absolute; top:50%; left:0; right:0; bottom:0; background: linear-gradient(180deg, #3a7a8a 0%, #1a4a5a 100%); animation: mw-sea 12s ease-in-out infinite alternate; }
.scn-moved-westward-mid-afternoon .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #b0d0e0 0%, #8ab0c0 60%, transparent 100%); animation: mw-sky 20s ease-in-out infinite alternate; }
.scn-moved-westward-mid-afternoon .sun { position:absolute; top:15%; left:60%; width:50px; height:50px; background: radial-gradient(circle, #ffe080 0%, #f0c040 50%, transparent 100%); border-radius: 50%; box-shadow: 0 0 60px 20px rgba(240,192,64,.5); animation: mw-sun 15s ease-in-out infinite alternate; }
.scn-moved-westward-mid-afternoon .ship { position:absolute; bottom:35%; left:30%; width:100px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0e 100%); border-radius: 6% 6% 4% 4%; transform-origin: bottom center; animation: mw-ship 10s ease-in-out infinite; }
.scn-moved-westward-mid-afternoon .sail { position:absolute; bottom:38%; left:35%; width:60px; height:70px; background: linear-gradient(135deg, #f0f0e0 0%, #c0c0ae 100%); border-radius: 15% 20% 0 0; clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%); animation: mw-sail 20s ease-in-out infinite alternate; }
.scn-moved-westward-mid-afternoon .wake { position:absolute; bottom:30%; left:38%; width:150px; height:12px; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.4) 20%, rgba(200,220,230,.3) 60%, transparent 100%); filter: blur(3px); animation: mw-wake 5s ease-in-out infinite alternate; }
.scn-moved-westward-mid-afternoon .cloud-a { position:absolute; top:22%; right:15%; width:90px; height:20px; background: linear-gradient(90deg, rgba(255,255,255,.6) 0%, rgba(200,220,230,.3) 100%); border-radius:50%; filter: blur(8px); animation: mw-cloud-a 50s linear infinite; }
.scn-moved-westward-mid-afternoon .cloud-b { position:absolute; top:10%; left:10%; width:70px; height:15px; background: linear-gradient(90deg, rgba(255,255,255,.5) 0%, rgba(200,220,230,.2) 100%); border-radius:50%; filter: blur(6px); animation: mw-cloud-b 60s linear infinite reverse; }
@keyframes mw-sea { 0% { transform:translateY(0) } 50% { transform:translateY(3px) } 100% { transform:translateY(0) } }
@keyframes mw-sky { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes mw-sun { 0% { transform:scale(.95); opacity:.9 } 50% { transform:scale(1.05); opacity:1 } 100% { transform:scale(1); opacity:.95 } }
@keyframes mw-ship { 0%,100% { transform:rotate(-2deg) } 50% { transform:rotate(2deg) } }
@keyframes mw-sail { 0% { transform:rotate(0) scaleY(1) } 50% { transform:rotate(3deg) scaleY(1.05) } 100% { transform:rotate(-2deg) scaleY(.95) } }
@keyframes mw-wake { 0% { opacity:.3 } 100% { opacity:.7 } }
@keyframes mw-cloud-a { 0% { transform:translateX(0) } 100% { transform:translateX(-120vw) } }
@keyframes mw-cloud-b { 0% { transform:translateX(0) } 100% { transform:translateX(120vw) } }

.scn-broken-chairs-victoria { background: linear-gradient(180deg, #f0d8b0 0%, #d8b88a 40%, #c0a070 100%), radial-gradient(ellipse at 50% 30%, #f8e8c8 0%, transparent 70%); }
.scn-broken-chairs-victoria .room-floor { position:absolute; top:65%; left:0; right:0; bottom:0; background: linear-gradient(180deg, #a08060 0%, #705040 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.4); }
.scn-broken-chairs-victoria .wall-back { position:absolute; inset:0 0 35% 0; background: linear-gradient(135deg, #e8c8a0 0%, #c8a880 50%, #b09070 100%); animation: bc-wall 10s ease-in-out infinite alternate; }
.scn-broken-chairs-victoria .chair-left { position:absolute; bottom:30%; left:20%; width:60px; height:80px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 8% 8% 4% 4%; transform-origin: bottom center; animation: bc-chair-l 4s ease-in-out infinite; }
.scn-broken-chairs-victoria .chair-right { position:absolute; bottom:30%; right:20%; width:60px; height:80px; background: linear-gradient(180deg, #7a5a4a 0%, #4a3a2a 100%); border-radius: 8% 8% 4% 4%; transform-origin: bottom center; animation: bc-chair-r 4s ease-in-out infinite 2s; }
.scn-broken-chairs-victoria .figure-crash { position:absolute; bottom:32%; left:38%; width:24px; height:50px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bc-figure 2s ease-in-out infinite; }
.scn-broken-chairs-victoria .shadow-crash { position:absolute; bottom:28%; left:35%; width:80px; height:15px; background: radial-gradient(ellipse, rgba(0,0,0,.4) 0%, transparent 100%); filter: blur(5px); animation: bc-shadow 2s ease-in-out infinite; }
.scn-broken-chairs-victoria .rug { position:absolute; bottom:20%; left:25%; width:160px; height:30px; background: linear-gradient(90deg, #b87878 0%, #c89070 20%, #b87878 40%, #c89070 60%, #b87878 80%, #c89070 100%); border-radius: 20% 20% 10% 10%; opacity:.6; }
.scn-broken-chairs-victoria .crack { position:absolute; bottom:26%; left:45%; width:40px; height:4px; background: #1a0e05; border-radius: 50%; transform:rotate(25deg); animation: bc-crack 3s ease-in-out infinite alternate; }
@keyframes bc-wall { 0% { opacity:.95 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes bc-chair-l { 0%,100% { transform:rotate(0) translateY(0) } 25% { transform:rotate(-15deg) translateY(-8px) } 50% { transform:rotate(5deg) translateY(-4px) } 75% { transform:rotate(-8deg) translateY(-2px) } }
@keyframes bc-chair-r { 0%,100% { transform:rotate(0) translateY(0) } 25% { transform:rotate(20deg) translateY(-10px) } 50% { transform:rotate(-10deg) translateY(-5px) } 75% { transform:rotate(12deg) translateY(-3px) } }
@keyframes bc-figure { 0%,100% { transform:translateX(0) rotate(0) } 25% { transform:translateX(-8px) rotate(-20deg) } 50% { transform:translateX(5px) rotate(15deg) } 75% { transform:translateX(-3px) rotate(-10deg) } }
@keyframes bc-shadow { 0%,100% { transform:scaleX(1) } 50% { transform:scaleX(1.3) } }
@keyframes bc-crack { 0% { opacity:0 } 50% { opacity:1 } 100% { opacity:.5 } }

/* ----- battle-of-ingogo ----- */
.scn-battle-of-ingogo {
  background: 
    linear-gradient(180deg, #f4e0b0 0%, #c8a870 30%, #8a7044 60%, #4a3a2a 100%),
    radial-gradient(ellipse at 30% 10%, #ffe8c0 0%, transparent 60%);
}
.scn-battle-of-ingogo .sun {
  position: absolute; top: 8%; left: 65%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffeec0 0%, #f0c080 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(240,192,128,0.6);
  animation: bti-sun 12s ease-in-out infinite alternate;
}
.scn-battle-of-ingogo .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0d0e8 0%, #e0c898 100%);
  animation: bti-sky 20s ease-in-out infinite;
}
.scn-battle-of-ingogo .hills {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #7a6a3a 0%, #4a3a1a 100%);
  border-radius: 50% 40% 0 0 / 100% 80% 0 0;
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.5);
  animation: bti-hills 15s ease-in-out infinite alternate;
}
.scn-battle-of-ingogo .river {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 18%;
  background: linear-gradient(90deg, #5a7a8a 0%, #7a9aaa 20%, #5a7a8a 50%, #7a9aaa 80%, #5a7a8a 100%);
  border-radius: 0 0 20% 20%;
  background-size: 200% 100%;
  animation: bti-river 8s linear infinite;
}
.scn-battle-of-ingogo .rocks {
  position: absolute; bottom: 20%; left: 20%; width: 60px; height: 30px;
  background: linear-gradient(135deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 20% 20%;
  transform: rotate(-5deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  animation: bti-rocks 20s ease-in-out infinite alternate;
}
.scn-battle-of-ingogo .soldier-1,
.scn-battle-of-ingogo .soldier-2 {
  position: absolute; bottom: 30%; width: 14px; height: 28px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
}
.scn-battle-of-ingogo .soldier-1 {
  left: 30%; animation: bti-soldier1 6s ease-in-out infinite;
}
.scn-battle-of-ingogo .soldier-2 {
  left: 50%; animation: bti-soldier2 7s ease-in-out infinite reverse;
}
.scn-battle-of-ingogo .smoke {
  position: absolute; top: 20%; left: 40%; width: 40px; height: 20px;
  background: rgba(200,180,160,0.5); filter: blur(8px);
  border-radius: 50%;
  animation: bti-smoke 10s ease-in-out infinite;
}
@keyframes bti-sun { 0% { transform: scale(1); opacity:0.9 } 50% { transform: scale(1.05); opacity:1 } 100% { transform: scale(0.95); opacity:0.85 } }
@keyframes bti-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes bti-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes bti-river { 0% { background-position: 0% 0% } 100% { background-position: 200% 0% } }
@keyframes bti-rocks { 0% { transform: rotate(-5deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-5deg) } }
@keyframes bti-soldier1 { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(4px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes bti-soldier2 { 0% { transform: translateX(0) rotate(2deg) } 25% { transform: translateX(-3px) rotate(-1deg) } 50% { transform: translateX(-6px) rotate(1deg) } 75% { transform: translateX(-3px) rotate(-2deg) } 100% { transform: translateX(0) rotate(2deg) } }
@keyframes bti-smoke { 0% { transform: translateY(0) scale(1); opacity:0.4 } 50% { transform: translateY(-10px) scale(1.2); opacity:0.3 } 100% { transform: translateY(0) scale(1); opacity:0.4 } }

/* ----- battle-of-amajuba-night-climb ----- */
.scn-battle-of-amajuba-night-climb {
  background: 
    linear-gradient(180deg, #0a0a2a 0%, #1a1a4e 30%, #2a2a5e 60%, #0a0a2a 100%),
    radial-gradient(ellipse at 50% 85%, #2a2a5e 0%, transparent 70%);
}
.scn-battle-of-amajuba-night-climb .night-sky {
  position: absolute; inset: 0 0 35% 0;
  background: radial-gradient(ellipse at 70% 20%, #3a3a6e, transparent);
  animation: bam-nightsky 25s ease-in-out infinite;
}
.scn-battle-of-amajuba-night-climb .moon {
  position: absolute; top: 10%; right: 20%; width: 45px; height: 45px;
  background: radial-gradient(circle, #e0e8f8 0%, #a0b0d0 60%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(160,176,208,0.5);
  animation: bam-moon 15s ease-in-out infinite alternate;
}
.scn-battle-of-amajuba-night-climb .stars {
  position: absolute; top: 0; left: 0; width: 100%; height: 60%;
  background: radial-gradient(2px 2px at 20% 15%, white, transparent),
              radial-gradient(2px 2px at 40% 10%, white, transparent),
              radial-gradient(2px 2px at 60% 25%, white, transparent),
              radial-gradient(1px 1px at 80% 8%, white, transparent),
              radial-gradient(1px 1px at 10% 40%, white, transparent);
  animation: bam-stars 30s linear infinite;
}
.scn-battle-of-amajuba-night-climb .mountain {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 65%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  clip-path: polygon(0% 100%, 0% 60%, 20% 40%, 40% 20%, 60% 30%, 80% 10%, 100% 30%, 100% 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.8);
  animation: bam-mountain 20s ease-in-out infinite alternate;
}
.scn-battle-of-amajuba-night-climb .climber-1,
.scn-battle-of-amajuba-night-climb .climber-2 {
  position: absolute; width: 12px; height: 26px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
}
.scn-battle-of-amajuba-night-climb .climber-1 {
  left: 38%; bottom: 45%; animation: bam-climber1 8s ease-in-out infinite;
}
.scn-battle-of-amajuba-night-climb .climber-2 {
  left: 55%; bottom: 30%; animation: bam-climber2 9s ease-in-out infinite reverse;
}
.scn-battle-of-amajuba-night-climb .torch {
  position: absolute; left: 38%; bottom: 48%; width: 6px; height: 6px;
  background: radial-gradient(circle, #ffc070 0%, #ff8030 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #ff8030;
  animation: bam-torch 3s ease-in-out infinite alternate;
}
.scn-battle-of-amajuba-night-climb .mist {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 20%;
  background: linear-gradient(90deg, rgba(40,40,80,0.3) 0%, rgba(40,40,80,0.1) 50%, rgba(40,40,80,0.3) 100%);
  filter: blur(8px);
  animation: bam-mist 12s ease-in-out infinite;
}
@keyframes bam-nightsky { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes bam-moon { 0% { transform: scale(1) translateY(0); opacity:0.8 } 50% { transform: scale(1.03) translateY(-3px); opacity:1 } 100% { transform: scale(0.97) translateY(2px); opacity:0.85 } }
@keyframes bam-stars { 0% { transform: translateY(0) } 100% { transform: translateY(-20px) } }
@keyframes bam-mountain { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(0.98) } }
@keyframes bam-climber1 { 0% { transform: translateY(0) rotate(-3deg) } 25% { transform: translateY(-4px) rotate(-1deg) } 50% { transform: translateY(0) rotate(2deg) } 75% { transform: translateY(-2px) rotate(0deg) } 100% { transform: translateY(0) rotate(-3deg) } }
@keyframes bam-climber2 { 0% { transform: translateY(0) rotate(2deg) } 25% { transform: translateY(3px) rotate(1deg) } 50% { transform: translateY(0) rotate(-2deg) } 75% { transform: translateY(1px) rotate(0deg) } 100% { transform: translateY(0) rotate(2deg) } }
@keyframes bam-torch { 0% { opacity:0.6; transform: scale(1) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:0.7; transform: scale(0.95) } }
@keyframes bam-mist { 0% { opacity:0.3; transform: translateX(0) } 50% { opacity:0.5; transform: translateX(10px) } 100% { opacity:0.3; transform: translateX(0) } }

/* ----- amajuba-boer-assault ----- */
.scn-amajuba-boer-assault {
  background: 
    linear-gradient(180deg, #f4e8c0 0%, #d0b880 30%, #a08850 60%, #6a5230 100%),
    radial-gradient(ellipse at 40% 10%, #fff8e0 0%, transparent 60%);
}
.scn-amajuba-boer-assault .sunburst {
  position: absolute; top: 0; left: 30%; width: 120px; height: 120px;
  background: radial-gradient(circle, #ffec80 0%, #e8c050 30%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 100px 40px rgba(232,192,80,0.5);
  animation: aba-sunburst 10s ease-in-out infinite alternate;
}
.scn-amajuba-boer-assault .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #b0c8e0 0%, #e0d0a0 100%);
  animation: aba-sky 18s ease-in-out infinite;
}
.scn-amajuba-boer-assault .terrain {
  position: absolute; bottom: 0; left: 0; right: 0; height: 70%;
  background: linear-gradient(180deg, #8a7a4a 0%, #5a4a2a 100%);
  clip-path: polygon(0% 100%, 0% 60%, 25% 40%, 50% 55%, 75% 35%, 100% 50%, 100% 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.6);
  animation: aba-terrain 25s ease-in-out infinite alternate;
}
.scn-amajuba-boer-assault .rocks {
  position: absolute; bottom: 30%; left: 10%; width: 50px; height: 28px;
  background: linear-gradient(135deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 40% 30% 20% 20%;
  transform: rotate(8deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  animation: aba-rocks 22s ease-in-out infinite alternate;
}
.scn-amajuba-boer-assault .shooter-1,
.scn-amajuba-boer-assault .shooter-2 {
  position: absolute; bottom: 28%; width: 12px; height: 26px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
}
.scn-amajuba-boer-assault .shooter-1 {
  left: 40%; animation: aba-shooter1 5s ease-in-out infinite;
}
.scn-amajuba-boer-assault .shooter-2 {
  left: 55%; animation: aba-shooter2 5.5s ease-in-out infinite reverse;
}
.scn-amajuba-boer-assault .muzzle-flash {
  position: absolute; left: 42%; bottom: 36%; width: 10px; height: 10px;
  background: radial-gradient(circle, #fff4c0 0%, #f0a030 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 8px #f0a030;
  animation: aba-flash 0.3s ease-in-out infinite;
}
.scn-amajuba-boer-assault .smoke {
  position: absolute; top: 25%; left: 45%; width: 30px; height: 18px;
  background: rgba(180,160,140,0.4);
  filter: blur(6px);
  border-radius: 50%;
  animation: aba-smoke 12s ease-in-out infinite;
}
@keyframes aba-sunburst { 0% { transform: scale(1); opacity:0.8 } 50% { transform: scale(1.08); opacity:1 } 100% { transform: scale(0.95); opacity:0.75 } }
@keyframes aba-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes aba-terrain { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.03) } 100% { transform: scaleY(0.97) } }
@keyframes aba-rocks { 0% { transform: rotate(8deg) } 50% { transform: rotate(-4deg) } 100% { transform: rotate(8deg) } }
@keyframes aba-shooter1 { 0% { transform: translateX(0) rotate(-3deg) } 25% { transform: translateX(3px) rotate(0deg) } 50% { transform: translateX(0) rotate(3deg) } 75% { transform: translateX(-2px) rotate(0deg) } 100% { transform: translateX(0) rotate(-3deg) } }
@keyframes aba-shooter2 { 0% { transform: translateX(0) rotate(2deg) } 25% { transform: translateX(-2px) rotate(-1deg) } 50% { transform: translateX(0) rotate(-2deg) } 75% { transform: translateX(1px) rotate(1deg) } 100% { transform: translateX(0) rotate(2deg) } }
@keyframes aba-flash { 0%,100% { opacity:0; transform: scale(0.5) } 50% { opacity:1; transform: scale(1.2) } }
@keyframes aba-smoke { 0% { transform: translateY(0) scale(1); opacity:0.3 } 50% { transform: translateY(-6px) scale(1.1); opacity:0.5 } 100% { transform: translateY(0) scale(1); opacity:0.3 } }

/* ----- war-ends-recognition ----- */
.scn-war-ends-recognition {
  background: 
    linear-gradient(180deg, #2a1a0e 0%, #3a2a1a 30%, #2a1a0e 60%, #1a0e06 100%),
    radial-gradient(ellipse at 50% 40%, #4a3a2a 0%, transparent 70%);
}
.scn-war-ends-recognition .room-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0e 50%, #1a0e06 100%);
  border-radius: 4%;
  box-shadow: inset 0 0 80px rgba(0,0,0,0.8);
  animation: wer-room 30s ease-in-out infinite;
}
.scn-war-ends-recognition .table {
  position: absolute; bottom: 25%; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.7);
  animation: wer-table 20s ease-in-out infinite alternate;
}
.scn-war-ends-recognition .document {
  position: absolute; bottom: 35%; left: 35%; width: 30%; height: 12%;
  background: linear-gradient(135deg, #c8b080 0%, #a88a60 100%);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: wer-doc 25s ease-in-out infinite;
}
.scn-war-ends-recognition .chair-left,
.scn-war-ends-recognition .chair-right {
  position: absolute; bottom: 20%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #4a2a0a 0%, #2a1a00 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.7);
}
.scn-war-ends-recognition .chair-left {
  left: 20%; animation: wer-chair-left 15s ease-in-out infinite alternate;
}
.scn-war-ends-recognition .chair-right {
  right: 20%; animation: wer-chair-right 15s ease-in-out infinite alternate reverse;
}
.scn-war-ends-recognition .lamp {
  position: absolute; top: 15%; left: 40%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #7a5a2a 0%, #5a3a1a 100%);
  border-radius: 20% 20% 10% 10%;
}
.scn-war-ends-recognition .lamp::after {
  content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 40px;
  background: radial-gradient(circle, #ffd080 0%, #b08040 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(176,128,64,0.6);
  animation: wer-lamp 5s ease-in-out infinite alternate;
}
.scn-war-ends-recognition .shadow {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, transparent 100%);
  filter: blur(6px);
  animation: wer-shadow 20s ease-in-out infinite;
}
@keyframes wer-room { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.95 } }
@keyframes wer-table { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes wer-doc { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes wer-chair-left { 0% { transform: rotate(0deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(0deg) } }
@keyframes wer-chair-right { 0% { transform: rotate(0deg) } 50% { transform: rotate(-3deg) } 100% { transform: rotate(0deg) } }
@keyframes wer-lamp { 0% { opacity:0.6; transform: scale(1) } 50% { opacity:1; transform: scale(1.05) } 100% { opacity:0.7; transform: scale(0.98) } }
@keyframes wer-shadow { 0% { opacity:0.4 } 50% { opacity:0.6 } 100% { opacity:0.4 } }

/* Scene: cremation-procedure (dark mood, sunlit) */
.scn-cremation-procedure {
  background: linear-gradient(180deg, #6b8ca0 0%, #c4b59a 50%, #9a7c5a 100%),
              radial-gradient(ellipse at 50% 0%, #e0d2b0 0%, transparent 70%);
}
.scn-cremation-procedure .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #8ab0c0 0%, #c4b59a 100%);
  animation: cp-sky 10s ease-in-out infinite alternate;
}
.scn-cremation-procedure .ground {
  position: absolute; bottom: 0; width: 100%; height: 55%;
  background: linear-gradient(180deg, #7a5e3a 0%, #4d3b1f 100%);
  border-radius: 30% 40% 0 0 / 50% 60% 0 0;
}
.scn-cremation-procedure .pyre {
  position: absolute; bottom: 25%; left: 40%; width: 120px; height: 60px;
  background: linear-gradient(180deg, #6a4e2e 0%, #3d2b14 100%);
  border-radius: 4% 4% 50% 50%; box-shadow: inset 0 -8px 12px rgba(0,0,0,0.4);
  animation: cp-pyre 12s ease-in-out infinite;
}
.scn-cremation-procedure .corpse {
  position: absolute; bottom: 34%; left: 43%; width: 50px; height: 80px;
  background: linear-gradient(180deg, #d5b48a 0%, #a8855a 70%); /* skin tone, no face */
  border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%;
  transform: rotate(-5deg); animation: cp-corpse 8s ease-in-out infinite alternate;
}
.scn-cremation-procedure .wood-stack {
  position: absolute; bottom: 20%; left: 34%; width: 160px; height: 30px;
  background: repeating-linear-gradient(90deg, 
    #5a3e1e 0px, #5a3e1e 8px, #7a5a2e 8px, #7a5a2e 16px);
  border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  animation: cp-wood 15s linear infinite;
}
.scn-cremation-procedure .shadow-figure {
  position: absolute; bottom: 20%; right: 18%; width: 30px; height: 65px;
  background: #1a1410; border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%;
  transform: scaleX(-0.8); animation: cp-figure 6s ease-in-out infinite;
}
.scn-cremation-procedure .flame-a,
.scn-cremation-procedure .flame-b {
  position: absolute; bottom: 30%; width: 20px; height: 50px;
  background: radial-gradient(ellipse, #ffaa40 0%, #ff6630 50%, transparent 100%);
  border-radius: 50% 50% 30% 30%; filter: blur(4px);
  animation: cp-flame 2s ease-out infinite alternate;
}
.scn-cremation-procedure .flame-a { left: 46%; animation-delay: 0s; }
.scn-cremation-procedure .flame-b { left: 52%; animation-delay: 0.8s; }
@keyframes cp-sky { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.6; } }
@keyframes cp-pyre { 0% { transform: translateY(0); } 50% { transform: translateY(-2px) scale(1.01); } 100% { transform: translateY(0); } }
@keyframes cp-corpse { 0% { transform: rotate(-5deg); } 50% { transform: rotate(-3deg) translateY(-1px); } 100% { transform: rotate(-5deg); } }
@keyframes cp-wood { 0% { background-position: 0 0; } 100% { background-position: 160px 0; } }
@keyframes cp-figure { 0% { transform: scaleX(-0.8) translateX(0); } 50% { transform: scaleX(-0.8) translateX(3px); } 100% { transform: scaleX(-0.8) translateX(0); } }
@keyframes cp-flame { 0% { transform: scaleY(0.6); opacity: 0.5; } 50% { transform: scaleY(1.2); opacity: 1; } 100% { transform: scaleY(0.8); opacity: 0.7; } }

/* Scene: son-lights-pyre (dark mood, sunlit) */
.scn-son-lights-pyre {
  background: linear-gradient(180deg, #7ba0b0 0%, #b8a88a 40%, #8a6e4a 100%),
              radial-gradient(ellipse at 60% 0%, #e0d0b0 0%, transparent 60%);
}
.scn-son-lights-pyre .sky-horizon {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #9abbc8 0%, #d4bea0 100%);
  animation: slp-sky 8s ease-in-out infinite alternate;
}
.scn-son-lights-pyre .pyre-2 {
  position: absolute; bottom: 25%; left: 35%; width: 130px; height: 70px;
  background: linear-gradient(180deg, #7a5a3a 0%, #3d2b14 100%);
  border-radius: 4% 4% 50% 50%; box-shadow: inset 0 -10px 15px rgba(0,0,0,0.5);
}
.scn-son-lights-pyre .torch {
  position: absolute; bottom: 40%; left: 56%; width: 6px; height: 40px;
  background: #4a3520; border-radius: 2px;
}
.scn-son-lights-pyre .torch::after {
  content: ''; position: absolute; top: -10px; left: -8px; width: 22px; height: 22px;
  background: radial-gradient(circle, #ffb040 0%, #ff7720 100%);
  border-radius: 50%; filter: blur(3px);
  animation: slp-torch 1.5s ease-in-out infinite alternate;
}
.scn-son-lights-pyre .boy {
  position: absolute; bottom: 32%; left: 50%; width: 20px; height: 50px;
  background: #0f0c08; border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%;
  transform: rotate(5deg); animation: slp-boy 7s ease-in-out infinite;
}
.scn-son-lights-pyre .preacher {
  position: absolute; bottom: 20%; right: 15%; width: 25px; height: 70px;
  background: #1a1510; border-radius: 40% 40% 35% 35% / 50% 50% 40% 40%;
  transform: scaleX(-1); animation: slp-preacher 9s ease-in-out infinite;
}
.scn-son-lights-pyre .flame-c,
.scn-son-lights-pyre .flame-d {
  position: absolute; bottom: 30%; width: 18px; height: 45px;
  background: radial-gradient(ellipse, #ffaa30 0%, #ff6630 50%, transparent 100%);
  border-radius: 50% 50% 30% 30%; filter: blur(5px);
  animation: slp-flame 2s ease-out infinite alternate;
}
.scn-son-lights-pyre .flame-c { left: 40%; animation-delay: 0.2s; }
.scn-son-lights-pyre .flame-d { left: 48%; animation-delay: 1s; }
.scn-son-lights-pyre .ground-span {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, transparent 0%, #4d3b1f 100%);
}
@keyframes slp-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes slp-torch { 0% { transform: scale(0.8); opacity: 0.7; } 50% { transform: scale(1.3); opacity: 1; } 100% { transform: scale(1); opacity: 0.9; } }
@keyframes slp-boy { 0% { transform: rotate(5deg) translateX(0); } 25% { transform: rotate(8deg) translateX(5px); } 50% { transform: rotate(3deg) translateX(12px); } 75% { transform: rotate(6deg) translateX(18px); } 100% { transform: rotate(5deg) translateX(24px); } }
@keyframes slp-preacher { 0% { transform: scaleX(-1) translateY(0); } 50% { transform: scaleX(-1) translateY(-3px); } 100% { transform: scaleX(-1) translateY(0); } }
@keyframes slp-flame { 0% { transform: scaleY(0.7); opacity: 0.4; } 50% { transform: scaleY(1.3); opacity: 0.9; } 100% { transform: scaleY(0.9); opacity: 0.6; } }

/* Scene: stokers-work (dark mood, sunlit) */
.scn-stokers-work {
  background: linear-gradient(180deg, #5a6b6d 0%, #8a7a6a 40%, #5a4a3a 100%),
              radial-gradient(ellipse at 50% 100%, #403520 0%, transparent 70%);
}
.scn-stokers-work .sky-dull {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #6b8085 0%, #8a7a6a 100%);
  animation: sw-sky 12s ease-in-out infinite alternate;
}
.scn-stokers-work .furnace {
  position: absolute; bottom: 15%; left: 30%; width: 160px; height: 70px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 8% 8% 30% 30%; box-shadow: inset 0 -6px 20px rgba(0,0,0,0.6);
}
.scn-stokers-work .stoker-a,
.scn-stokers-work .stoker-b {
  position: absolute; bottom: 18%; width: 22px; height: 60px;
  background: #1c1612; border-radius: 50% 50% 40% 40% / 55% 55% 40% 40%;
  animation: sw-stoker 5s ease-in-out infinite;
}
.scn-stokers-work .stoker-a { left: 25%; animation-delay: 0s; }
.scn-stokers-work .stoker-b { left: 52%; animation-delay: 2.5s; }
.scn-stokers-work .pole {
  position: absolute; bottom: 35%; left: 42%; width: 100px; height: 4px;
  background: #4a3520; border-radius: 2px; transform: rotate(30deg);
  transform-origin: left center; animation: sw-pole 3s ease-in-out infinite alternate;
}
.scn-stokers-work .skeleton {
  position: absolute; bottom: 30%; left: 46%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #c0a88a 0%, #8a7050 100%);
  border-radius: 20% 20% 15% 15% / 30% 30% 20% 20%;
  clip-path: polygon(20% 0%, 80% 0%, 70% 30%, 100% 40%, 80% 60%, 100% 100%, 60% 80%, 40% 100%, 0% 80%, 20% 60%, 0% 40%, 30% 30%);
  animation: sw-skeleton 9s ease-in-out infinite;
}
.scn-stokers-work .ember-a,
.scn-stokers-work .ember-b,
.scn-stokers-work .ember-c {
  position: absolute; bottom: 22%; width: 9px; height: 9px;
  background: radial-gradient(circle, #ff8820 0%, #ff4410 60%, transparent 100%);
  border-radius: 50%; filter: blur(2px);
  animation: sw-ember 4s ease-out infinite alternate;
}
.scn-stokers-work .ember-a { left: 33%; animation-delay: 0s; }
.scn-stokers-work .ember-b { left: 45%; animation-delay: 1.3s; }
.scn-stokers-work .ember-c { left: 50%; animation-delay: 2.7s; }
@keyframes sw-sky { 0% { opacity: 0.6; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } }
@keyframes sw-stoker { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(3deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes sw-pole { 0% { transform: rotate(25deg); } 50% { transform: rotate(35deg) scaleX(1.05); } 100% { transform: rotate(25deg); } }
@keyframes sw-skeleton { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-8px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes sw-ember { 0% { transform: translateY(0) scale(0.5); opacity: 0.3; } 50% { transform: translateY(-15px) scale(1.2); opacity: 1; } 100% { transform: translateY(0) scale(0.8); opacity: 0.5; } }

/* Scene: sacred-fire-monopoly (calm mood, dim-interior) */
.scn-sacred-fire-monopoly {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a1a2e 40%, #1a0a1a 100%),
              radial-gradient(ellipse at 50% 40%, #3a2a3e 0%, transparent 80%);
}
.scn-sacred-fire-monopoly .wall-back {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #2a1a2e 0%, #3a2a3e 50%),
              radial-gradient(ellipse at 30% 50%, #3a2a3e 0%, transparent 70%);
  animation: sfm-wall 15s ease-in-out infinite alternate;
}
.scn-sacred-fire-monopoly .floor {
  position: absolute; bottom: 0; width: 100%; height: 40%;
  background: linear-gradient(180deg, #1a0a1a 0%, #0e050e 100%);
  border-radius: 40% 40% 0 0 / 30% 30% 0 0;
}
.scn-sacred-fire-monopoly .altar {
  position: absolute; bottom: 25%; left: 38%; width: 80px; height: 40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1210 100%);
  border-radius: 4% 4% 50% 50%; box-shadow: 0 -4px 20px rgba(200,120,60,0.5);
}
.scn-sacred-fire-monopoly .sacred-flame {
  position: absolute; bottom: 38%; left: 42%; width: 30px; height: 50px;
  background: radial-gradient(ellipse, #ffaa50 0%, #ff6630 50%, transparent 100%);
  border-radius: 50% 50% 30% 30%; filter: blur(6px);
  animation: sfm-flame 3s ease-out infinite alternate;
}
.scn-sacred-fire-monopoly .priest {
  position: absolute; bottom: 18%; left: 30%; width: 28px; height: 75px;
  background: #1a1412; border-radius: 50% 50% 40% 40% / 55% 55% 40% 40%;
  transform: rotate(-5deg); animation: sfm-priest 8s ease-in-out infinite;
}
.scn-sacred-fire-monopoly .mourner {
  position: absolute; bottom: 15%; right: 20%; width: 30px; height: 65px;
  background: #121010; border-radius: 40% 40% 35% 35% / 50% 50% 40% 40%;
  transform: scaleX(-0.9); animation: sfm-mourner 10s ease-in-out infinite;
}
.scn-sacred-fire-monopoly .offering-bowl {
  position: absolute; bottom: 30%; left: 48%; width: 20px; height: 12px;
  background: #3a2a1a; border-radius: 50%; box-shadow: inset 0 -3px 6px rgba(0,0,0,0.5);
}
.scn-sacred-fire-monopoly .shadow-arch {
  position: absolute; bottom: 32%; left: 15%; width: 70%; height: 40%;
  background: radial-gradient(ellipse at 50% 100%, #0a050a 0%, transparent 70%);
  pointer-events: none; opacity: 0.6; animation: sfm-arch 12s ease-in-out infinite alternate;
}
@keyframes sfm-wall { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.8; } }
@keyframes sfm-flame { 0% { transform: scaleY(0.8); opacity: 0.6; } 50% { transform: scaleY(1.3); opacity: 1; } 100% { transform: scaleY(1); opacity: 0.8; } }
@keyframes sfm-priest { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-2px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes sfm-mourner { 0% { transform: scaleX(-0.9) translateY(0); } 50% { transform: scaleX(-0.9) translateY(-1px) scale(1.01); } 100% { transform: scaleX(-0.9) translateY(0); } }
@keyframes sfm-arch { 0% { opacity: 0.5; } 50% { opacity: 0.7; } 100% { opacity: 0.6; } }

/* coppersmith-bird */
.scn-coppersmith-bird {
  background: linear-gradient(180deg, #fce4b8 0%, #f6d88a 40%, #e8c36a 100%), radial-gradient(ellipse at 20% 30%, #fff4d0 0%, transparent 60%);
}
.scn-coppersmith-bird .sky-bg {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #fef6d6 0%, #fce4b8 100%);
  animation: co-sky 12s ease-in-out infinite alternate;
}
.scn-coppersmith-bird .sun-glow {
  position: absolute; top: 8%; left: 25%; width: 80px; height: 80px;
  background: radial-gradient(circle, #fff9e0 0%, #fddc7a 40%, transparent 70%);
  border-radius: 50%;
  animation: co-sun 6s ease-in-out infinite alternate;
}
.scn-coppersmith-bird .trunk {
  position: absolute; bottom: 25%; left: 45%; width: 24px; height: 50%;
  background: linear-gradient(180deg, #8b6914 0%, #6a4e0f 100%);
  border-radius: 6px 6px 4px 4px;
  box-shadow: 2px 0 6px rgba(0,0,0,0.2);
}
.scn-coppersmith-bird .branch {
  position: absolute; bottom: 45%; left: 38%; width: 50%; height: 10px;
  background: linear-gradient(90deg, #7a5c12 0%, #9e7830 100%);
  border-radius: 5px;
  transform-origin: left center;
  animation: co-branch 8s ease-in-out infinite alternate;
}
.scn-coppersmith-bird .leaf-cluster {
  position: absolute; bottom: 48%; left: 52%; width: 60px; height: 40px;
  background: radial-gradient(ellipse at 50% 60%, #8aa83a 0%, #50702a 100%);
  border-radius: 50% 50% 20% 20%;
  filter: blur(2px);
  animation: co-leaf 10s ease-in-out infinite alternate;
}
.scn-coppersmith-bird .bird-body {
  position: absolute; bottom: 46%; left: 42%; width: 22px; height: 30px;
  background: linear-gradient(180deg, #c87530 0%, #a05020 100%);
  border-radius: 50% 40% 30% 30% / 60% 50% 40% 40%;
  transform-origin: bottom center;
  animation: co-bird-bob 0.8s steps(4) infinite;
}
.scn-coppersmith-bird .bird-wing {
  position: absolute; bottom: 51%; left: 42%; width: 14px; height: 18px;
  background: linear-gradient(180deg, #d48a40 0%, #b06828 100%);
  border-radius: 60% 40% 20% 40%;
  transform-origin: right bottom;
  animation: co-wing 0.4s ease-in-out infinite alternate;
}
.scn-coppersmith-bird .dust-puff {
  position: absolute; bottom: 26%; left: 44%; width: 6px; height: 6px;
  background: radial-gradient(circle, #f5e6b0 0%, transparent 70%);
  border-radius: 50%;
  animation: co-dust 1.5s ease-out infinite;
  animation-delay: 0.5s;
}
@keyframes co-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes co-sun { 0% { transform: scale(0.95) translateY(0); } 100% { transform: scale(1.05) translateY(-4px); } }
@keyframes co-branch { 0% { transform: rotate(-1deg); } 100% { transform: rotate(2deg); } }
@keyframes co-leaf { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes co-bird-bob { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(-2deg); } 50% { transform: translateY(0) rotate(2deg); } 75% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes co-wing { 0% { transform: rotate(-30deg); } 100% { transform: rotate(20deg); } }
@keyframes co-dust { 0% { opacity:1; transform: translateY(0) scale(1); } 100% { opacity:0; transform: translateY(-30px) scale(2); } }

/* handcar-end */
.scn-handcar-end {
  background: linear-gradient(180deg, #fadc96 0%, #f0c870 40%, #d4a44a 100%), radial-gradient(ellipse at 50% 0%, #fff9e0 0%, transparent 60%);
}
.scn-handcar-end .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #fef6d6 0%, #fce4b8 100%);
  animation: he-sky 15s ease-in-out infinite alternate;
}
.scn-handcar-end .mountains {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8a9a6a 0%, #5a7040 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: he-mountains 20s ease-in-out infinite alternate;
}
.scn-handcar-end .tracks {
  position: absolute; bottom: 18%; left: -10%; right: -10%; height: 4px;
  background: linear-gradient(90deg, #6a5a3a 0%, #8a7a4a 50%, #6a5a3a 100%);
  border-radius: 2px;
  animation: he-tracks 2s linear infinite;
}
.scn-handcar-end .handcar {
  position: absolute; bottom: 12%; left: 20%; width: 80px; height: 50px;
  background: linear-gradient(180deg, #7a6a4a 0%, #4a3a2a 100%);
  border-radius: 12% 12% 8% 8%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.5);
  transform-origin: bottom center;
  animation: he-handcar 3s ease-in-out infinite;
}
.scn-handcar-end .figure-left {
  position: absolute; bottom: 18%; left: 22%; width: 16px; height: 40px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: he-figure 2s ease-in-out infinite alternate;
}
.scn-handcar-end .figure-right {
  position: absolute; bottom: 18%; left: 32%; width: 16px; height: 40px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: he-figure 2s ease-in-out infinite alternate-reverse;
}
.scn-handcar-end .motion-streak {
  position: absolute; bottom: 35%; left: 10%; right: 10%; height: 6px;
  background: linear-gradient(90deg, transparent 0%, #f0d080 20%, #f0d080 80%, transparent 100%);
  filter: blur(4px);
  animation: he-streak 1s linear infinite;
}
.scn-handcar-end .dust-cloud {
  position: absolute; bottom: 15%; left: 50%; width: 40px; height: 30px;
  background: radial-gradient(ellipse, #e8d8a0 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: he-dust 4s ease-out infinite;
}
@keyframes he-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.75; } }
@keyframes he-mountains { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-5px) scaleX(1.02); } 100% { transform: translateY(0) scaleX(0.98); } }
@keyframes he-tracks { 0% { transform: translateX(0); } 100% { transform: translateX(-20px); } }
@keyframes he-handcar { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes he-figure { 0% { transform: translateY(0) rotate(-3deg); } 100% { transform: translateY(-6px) rotate(3deg); } }
@keyframes he-streak { 0% { opacity:0; transform: translateX(-10px); } 50% { opacity:1; } 100% { opacity:0; transform: translateX(20px); } }
@keyframes he-dust { 0% { opacity:0.8; transform: translateX(0) scale(1); } 100% { opacity:0; transform: translateX(-60px) scale(2); } }

/* parrot-woman */
.scn-parrot-woman {
  background: linear-gradient(180deg, #2a1a0a 0%, #3a2618 40%, #1a0e06 100%), radial-gradient(ellipse at 50% 40%, #4a2a16 0%, transparent 70%);
}
.scn-parrot-woman .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #3a2618 0%, #2a1a0a 100%);
  animation: pw-wall 20s ease-in-out infinite alternate;
}
.scn-parrot-woman .window-frame {
  position: absolute; top: 15%; left: 60%; width: 70px; height: 90px;
  border: 4px solid #2a1a0a;
  background: radial-gradient(ellipse at center, #7a6a4a 0%, #3a2618 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
  animation: pw-window 10s ease-in-out infinite alternate;
}
.scn-parrot-woman .table {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 16px;
  background: linear-gradient(180deg, #5a3a22 0%, #3a2412 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-parrot-woman .lamp-glow {
  position: absolute; bottom: 30%; left: 35%; width: 80px; height: 80px;
  background: radial-gradient(circle, #d0a060 0%, #b08040 30%, transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
  animation: pw-lamp 4s ease-in-out infinite alternate;
}
.scn-parrot-woman .woman-silhouette {
  position: absolute; bottom: 16%; left: 38%; width: 28px; height: 70px;
  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);
  border-radius: 50% 40% 30% 30% / 60% 50% 40% 40%;
  box-shadow: -4px 0 8px rgba(0,0,0,0.6);
  transform-origin: bottom center;
  animation: pw-woman 6s ease-in-out infinite alternate;
}
.scn-parrot-woman .parrot-perch {
  position: absolute; bottom: 30%; left: 55%; width: 30px; height: 4px;
  background: #4a3a2a;
  border-radius: 2px;
  transform: rotate(-5deg);
}
.scn-parrot-woman .parrot {
  position: absolute; bottom: 32%; left: 56%; width: 18px; height: 22px;
  background: linear-gradient(180deg, #c8553d 0%, #8a3d2a 100%);
  border-radius: 40% 50% 30% 30% / 50% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pw-parrot 2s ease-in-out infinite alternate;
}
.scn-parrot-woman .candle {
  position: absolute; bottom: 26%; left: 36%; width: 6px; height: 16px;
  background: linear-gradient(180deg, #e0c090 0%, #c0a070 100%);
  border-radius: 3px;
  box-shadow: 0 0 12px 3px rgba(208,160,96,0.5);
  animation: pw-candle 3s ease-in-out infinite alternate;
}
@keyframes pw-wall { 0% { opacity:0.9; } 100% { opacity:1; } }
@keyframes pw-window { 0% { filter:brightness(0.8); } 50% { filter:brightness(1.1); } 100% { filter:brightness(0.9); } }
@keyframes pw-lamp { 0% { opacity:0.7; transform: scale(0.95); } 100% { opacity:1; transform: scale(1.05); } }
@keyframes pw-woman { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes pw-parrot { 0% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-2px) rotate(5deg); } 100% { transform: translateY(0) rotate(-3deg); } }
@keyframes pw-candle { 0% { transform: scaleY(1) translateX(0); } 50% { transform: scaleY(1.05) translateX(1px); } 100% { transform: scaleY(0.98) translateX(-1px); } }

/* shipboard-africanders-singing */
.scn-shipboard-africanders-singing {
  background: linear-gradient(180deg, #0a1a2a 0%, #15243a 40%, #0d1a2e 100%), radial-gradient(ellipse at 50% 0%, #253a5e 0%, transparent 70%);
}
.scn-shipboard-africanders-singing .night-sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #0a1a2a 0%, #101e32 100%);
  animation: sa-sky 20s ease-in-out infinite alternate;
}
.scn-shipboard-africanders-singing .moon {
  position: absolute; top: 12%; right: 25%; width: 50px; height: 50px;
  background: radial-gradient(circle, #e8e8f0 0%, #b8c0d8 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 8px rgba(200,210,240,0.3);
  animation: sa-moon 12s ease-in-out infinite alternate;
}
.scn-shipboard-africanders-singing .stars {
  position: absolute; inset: 0 0 55% 0;
  background-image: radial-gradient(2px 2px at 10% 20%, #e0e8ff 0%, transparent 100%),
                    radial-gradient(1px 1px at 30% 10%, #d0d8ff 0%, transparent 100%),
                    radial-gradient(2px 2px at 60% 30%, #e8f0ff 0%, transparent 100%),
                    radial-gradient(1px 1px at 80% 5%, #d8e0ff 0%, transparent 100%);
  background-size: 100px 100px;
  animation: sa-stars 0.5s steps(2) infinite;
}
.scn-shipboard-africanders-singing .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #0a1a2e 0%, #0e2038 50%, #0a1a2a 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.4);
  animation: sa-sea 8s ease-in-out infinite alternate;
}
.scn-shipboard-africanders-singing .deck {
  position: absolute; bottom: 18%; left: 5%; right: 5%; height: 14%;
  background: linear-gradient(180deg, #2a1e12 0%, #1a1208 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.5);
}
.scn-shipboard-africanders-singing .railing {
  position: absolute; bottom: 28%; left: 5%; right: 5%; height: 4px;
  background: #3a2a1a;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.scn-shipboard-africanders-singing .figure-group {
  position: absolute; bottom: 14%; left: 30%; width: 80px; height: 50px;
  background: radial-gradient(ellipse at 50% 50%, #1a1a2a 0%, #0a0a1a 70%);
  border-radius: 30% 30% 20% 20%;
  filter: blur(1px);
  transform-origin: bottom center;
  animation: sa-figures 4s ease-in-out infinite alternate;
}
.scn-shipboard-africanders-singing .moonlight-bridge {
  position: absolute; bottom: 40%; left: 20%; right: 20%; height: 40%;
  background: linear-gradient(180deg, rgba(200,210,240,0.08) 0%, transparent 100%);
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  animation: sa-moonlight 12s ease-in-out infinite alternate;
}
@keyframes sa-sky { 0% { opacity:0.85; } 100% { opacity:0.95; } }
@keyframes sa-moon { 0% { transform: translateY(0) scale(0.98); } 50% { transform: translateY(-3px) scale(1.02); } 100% { transform: translateY(0) scale(0.99); } }
@keyframes sa-stars { 0% { opacity:0.9;  } 100% { opacity:1; } }
@keyframes sa-sea { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes sa-figures { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.02); } 100% { transform: translateY(0) scale(0.98); } }
@keyframes sa-moonlight { 0% { opacity:0.6; } 50% { opacity:0.8; } 100% { opacity:0.5; } }

/* shearing-sophomore-class */
.scn-shearing-sophomore-class {
  background: linear-gradient(180deg, #e8e4d8 0%, #d4d0c4 20%, #b8b4a8 40%, #a0988c 60%, #8a8074 80%, #7a7064 100%),
              radial-gradient(ellipse at 50% 0%, #eff0e8 0%, transparent 60%);
}
.scn-shearing-sophomore-class .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #f0ebe0 0%, #d4cdbc 100%); }
.scn-shearing-sophomore-class .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #9c8a7a 0%, #7a6a5a 100%); box-shadow: inset 0 8px 16px rgba(0,0,0,.2); }
.scn-shearing-sophomore-class .window-frame { position:absolute; top:8%; left:30%; width:40%; height:50%; border: 6px solid #b8a89a; border-radius: 4px; background: transparent; box-shadow: inset 0 0 0 4px #d0c8b8; }
.scn-shearing-sophomore-class .window-light { position:absolute; top:10%; left:32%; width:36%; height:46%; background: linear-gradient(135deg, #fffef0 0%, #f0ecc0 100%); border-radius: 2px; box-shadow: 0 0 40px 20px rgba(240,236,192,0.4); animation: ssc-window-glow 6s ease-in-out infinite alternate; }
.scn-shearing-sophomore-class .desk-row { position:absolute; bottom:22%; left:10%; right:10%; height:16%; background: linear-gradient(180deg, #c8b8a8 0%, #a09080 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); transform: perspective(400px) rotateX(10deg); }
.scn-shearing-sophomore-class .sheep-silhouette { position:absolute; bottom:16%; left:38%; width:24%; height:18%; background: linear-gradient(135deg, #7a7064 0%, #5a5044 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ssc-sheep-bob 7s ease-in-out infinite; }
.scn-shearing-sophomore-class .wool-dust { position:absolute; bottom:12%; left:45%; width:8px; height:8px; border-radius:50%; background: rgba(220,210,190,0.6); box-shadow: 0 0 6px 2px rgba(220,210,190,0.3); animation: ssc-dust-drift 12s linear infinite; }
@keyframes ssc-window-glow { 0% { opacity:.7; box-shadow: 0 0 30px 15px rgba(240,236,192,0.3); } 50% { opacity:1; box-shadow: 0 0 60px 30px rgba(240,236,192,0.5); } 100% { opacity:.8; box-shadow: 0 0 40px 20px rgba(240,236,192,0.4); } }
@keyframes ssc-sheep-bob { 0% { transform: translateY(0) rotate(-1deg); } 33% { transform: translateY(-3px) rotate(1deg); } 66% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ssc-dust-drift { 0% { transform: translateX(0) translateY(0); opacity:0.6; } 50% { transform: translateX(60px) translateY(-20px); opacity:0.3; } 100% { transform: translateX(120px) translateY(-40px); opacity:0; } }

/* shear-sheep-sophomore */
.scn-shear-sheep-sophomore {
  background: linear-gradient(180deg, #d6cfc2 0%, #c0b8a8 30%, #a09484 60%, #887c6c 100%),
              radial-gradient(ellipse at 50% 100%, #e0d8c8 0%, transparent 70%);
}
.scn-shear-sheep-sophomore .shed-wall { position:absolute; bottom:0; left:0; right:0; height:70%; background: linear-gradient(180deg, #b0a490 0%, #8a7c6c 100%); border-radius: 0 0 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); }
.scn-shear-sheep-sophomore .floor-planks { position:absolute; bottom:0; left:0; right:0; height:25%; background: repeating-linear-gradient(90deg, #8a7a6a 0px, #8a7a6a 4px, #7a6a5a 4px, #7a6a5a 8px); box-shadow: inset 0 4px 8px rgba(0,0,0,.2); }
.scn-shear-sheep-sophomore .shearer { position:absolute; bottom:20%; left:28%; width:16%; height:40%; background: linear-gradient(180deg, #5a544a 0%, #3a3430 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: sss-shearer-move 8s ease-in-out infinite; }
.scn-shear-sheep-sophomore .sheep-down { position:absolute; bottom:18%; left:44%; width:28%; height:22%; background: linear-gradient(135deg, #b0a090 0%, #8a7a6a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform: rotate(-10deg); animation: sss-sheep-struggle 7s ease-in-out infinite; }
.scn-shear-sheep-sophomore .fleece-falling { position:absolute; bottom:28%; left:50%; width:14%; height:8%; background: radial-gradient(ellipse, #e0d0b8 0%, #c0a888 100%); border-radius: 50% 50% 30% 30%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: sss-fleece-drop 5s ease-in-out infinite; }
.scn-shear-sheep-sophomore .clipper-tool { position:absolute; bottom:32%; left:36%; width:6%; height:2%; background: #605850; border-radius: 10% 10% 10% 10%; box-shadow: 0 0 0 2px #706860; animation: sss-clipper 4s ease-in-out infinite; }
.scn-shear-sheep-sophomore .wool-fluff { position:absolute; bottom:10%; left:20%; width:3px; height:3px; border-radius:50%; background: rgba(220,210,190,0.6); box-shadow: 0 0 4px 2px rgba(220,210,190,0.3); animation: sss-fluff 10s linear infinite; }
@keyframes sss-shearer-move { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(2deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-3px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sss-sheep-struggle { 0% { transform: rotate(-10deg) translateY(0); } 25% { transform: rotate(-8deg) translateY(-2px); } 50% { transform: rotate(-10deg) translateY(1px); } 75% { transform: rotate(-12deg) translateY(-1px); } 100% { transform: rotate(-10deg) translateY(0); } }
@keyframes sss-fleece-drop { 0% { transform: translateY(0); opacity:1; } 50% { transform: translateY(20px); opacity:0.5; } 100% { transform: translateY(40px); opacity:0; } }
@keyframes sss-clipper { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(5deg); } 50% { transform: translateX(-2px) rotate(-5deg); } 75% { transform: translateX(1px) rotate(3deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sss-fluff { 0% { transform: translate(0,0); opacity:0.6; } 50% { transform: translate(-30px, 15px); opacity:0.2; } 100% { transform: translate(-60px, 30px); opacity:0; } }

/* fleece-thickness */
.scn-fleece-thickness {
  background: linear-gradient(180deg, #dcd0c0 0%, #c8bca8 30%, #b0a490 60%, #988c78 100%),
              radial-gradient(ellipse at 50% 80%, #e8dcce 0%, transparent 60%);
}
.scn-fleece-thickness .bg-thick { position:absolute; inset:0; background: repeating-linear-gradient(45deg, rgba(190,180,160,0.2) 0px, rgba(190,180,160,0.2) 2px, transparent 2px, transparent 6px); }
.scn-fleece-thickness .fleece-blanket { position:absolute; bottom:20%; left:5%; right:5%; height:50%; background: radial-gradient(ellipse at 40% 50%, #f0e4d4 0%, #d4c4b0 40%, #b8a890 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; box-shadow: 0 10px 30px rgba(0,0,0,.2), inset 0 -10px 30px rgba(0,0,0,.1); animation: ft-fleece-pulse 9s ease-in-out infinite; }
.scn-fleece-thickness .sheep-plump { position:absolute; bottom:15%; left:35%; width:30%; height:35%; background: linear-gradient(135deg, #d8c8b0 0%, #b8a890 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: ft-sheep-swell 12s ease-in-out infinite; }
.scn-fleece-thickness .bench-shadow { position:absolute; bottom:8%; left:20%; right:20%; height:4%; background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, transparent 100%); border-radius: 50%; filter: blur(3px); }
.scn-fleece-thickness .wool-strand-a { position:absolute; top:10%; left:20%; width:20%; height:2%; background: #c8b898; border-radius: 50% 50% 0 0; transform: rotate(-20deg); animation: ft-strand-a 6s ease-in-out infinite; }
.scn-fleece-thickness .wool-strand-b { position:absolute; top:15%; left:55%; width:15%; height:1.5%; background: #b8a888; border-radius: 50% 50% 0 0; transform: rotate(30deg); animation: ft-strand-b 8s ease-in-out infinite; }
.scn-fleece-thickness .wool-strand-c { position:absolute; top:5%; left:70%; width:10%; height:1%; background: #a89878; border-radius: 50% 50% 0 0; transform: rotate(15deg); animation: ft-strand-c 7s ease-in-out infinite; }
@keyframes ft-fleece-pulse { 0% { transform: scale(1); opacity:.9; } 50% { transform: scale(1.02); opacity:1; } 100% { transform: scale(0.98); opacity:.92; } }
@keyframes ft-sheep-swell { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(0.95); } }
@keyframes ft-strand-a { 0% { transform: rotate(-20deg) translateY(0); } 50% { transform: rotate(-15deg) translateY(-5px); } 100% { transform: rotate(-20deg) translateY(0); } }
@keyframes ft-strand-b { 0% { transform: rotate(30deg) translateY(0); } 50% { transform: rotate(25deg) translateY(-3px); } 100% { transform: rotate(30deg) translateY(0); } }
@keyframes ft-strand-c { 0% { transform: rotate(15deg) translateY(0); } 50% { transform: rotate(10deg) translateY(-2px); } 100% { transform: rotate(15deg) translateY(0); } }

/* australian-flag-college */
.scn-australian-flag-college {
  background: linear-gradient(180deg, #87CEEB 0%, #b0d4f0 30%, #d0e8ff 60%, #e8f0ff 100%),
              radial-gradient(ellipse at 50% 100%, #fff0e0 0%, transparent 50%);
}
.scn-australian-flag-college .sky-gradient { position:absolute; inset:0; background: linear-gradient(180deg, #5f9ea0 0%, #87CEEB 40%, #b0d4f0 70%, #d0e8ff 100%); }
.scn-australian-flag-college .flagpole { position:absolute; bottom:10%; left:20%; width:2%; height:70%; background: linear-gradient(90deg, #8a8a8a 0%, #c0c0c0 40%, #8a8a8a 100%); border-radius: 2px; transform-origin: bottom center; animation: afc-pole-sway 10s ease-in-out infinite; }
.scn-australian-flag-college .flag-red { position:absolute; bottom:25%; left:21%; width:25%; height:30%; background: #b22222; border-radius: 0 2px 2px 0; transform-origin: left center; animation: afc-flag-wave 8s ease-in-out infinite; box-shadow: 0 0 5px rgba(0,0,0,.3); }
.scn-australian-flag-college .flag-union { position:absolute; bottom:25%; left:21%; width:10%; height:15%; background: linear-gradient(90deg, transparent 40%, #fff 40%, #fff 45%, transparent 45%), linear-gradient(180deg, transparent 40%, #fff 40%, #fff 45%, transparent 45%); background-color: #0c2c8a; background-size: 100% 100%; animation: afc-flag-wave 8s ease-in-out infinite; }
.scn-australian-flag-college .flag-star-1,
.scn-australian-flag-college .flag-star-2,
.scn-australian-flag-college .flag-star-3,
.scn-australian-flag-college .flag-star-4,
.scn-australian-flag-college .flag-star-5 { position:absolute; width:4%; height:4%; background: #fff; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); animation: afc-star-twinkle 6s ease-in-out infinite alternate; }
.scn-australian-flag-college .flag-star-1 { bottom:35%; left:26%; }
.scn-australian-flag-college .flag-star-2 { bottom:42%; left:30%; }
.scn-australian-flag-college .flag-star-3 { bottom:33%; left:34%; }
.scn-australian-flag-college .flag-star-4 { bottom:38%; left:38%; }
.scn-australian-flag-college .flag-star-5 { bottom:30%; left:36%; }
@keyframes afc-pole-sway { 0% { transform: rotate(0deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(0deg); } }
@keyframes afc-flag-wave { 0% { transform: skewX(0deg); } 25% { transform: skewX(-3deg); } 50% { transform: skewX(2deg); } 75% { transform: skewX(-1deg); } 100% { transform: skewX(0deg); } }
@keyframes afc-star-twinkle { 0% { opacity:0.6; transform: scale(0.9); } 100% { opacity:1; transform: scale(1.1); } }

/* Scene: blank-influence-south-pole */
.scn-blank-influence-south-pole {
  background: linear-gradient(135deg, #f5e6d3 0%, #e3cdb0 50%, #c9b094 100%),
              radial-gradient(ellipse at 30% 40%, rgba(255,235,200,0.6) 0%, transparent 60%);
}
.scn-blank-influence-south-pole .bg-room {
  position:absolute; inset:0; background: linear-gradient(180deg, #f0e0cc 0%, #dcc8b0 40%, #b8a07e 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 0 0 60px rgba(0,0,0,0.1);
}
.scn-blank-influence-south-pole .desk {
  position:absolute; bottom:8%; left:20%; width:45%; height:18%;
  background: linear-gradient(180deg, #8b7355 0%, #6b5b45 100%);
  border-radius: 2% 2% 4% 4% / 50% 50% 20% 20%; box-shadow: 0 6px 18px rgba(0,0,0,.3);
  transform: perspective(400px) rotateX(5deg);
}
.scn-blank-influence-south-pole .globe {
  position:absolute; bottom:15%; left:50%; width:38px; height:38px;
  background: radial-gradient(circle at 40% 35%, #7ab0d0 0%, #3a6a8a 100%);
  border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.4), inset -3px -3px 6px rgba(0,0,0,.2);
  transform: translateX(-50%); animation: si-sp-globe 12s linear infinite;
}
.scn-blank-influence-south-pole .figure {
  position:absolute; bottom:12%; left:35%; width:22px; height:50px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 35% 35%; transform-origin: bottom center;
  animation: si-sp-figure 5s ease-in-out infinite alternate;
  box-shadow: 0 4px 10px rgba(0,0,0,.3);
}
.scn-blank-influence-south-pole .window-frame {
  position:absolute; top:5%; right:8%; width:30%; height:40%;
  background: radial-gradient(ellipse at 50% 60%, #d0e8f0 0%, #a0c8d8 80%, transparent 100%);
  border: 6px solid #5a4a3a; border-radius: 4%; box-shadow: inset 0 0 30px rgba(200,230,250,0.5), 0 0 20px rgba(200,230,250,0.2);
}
.scn-blank-influence-south-pole .snowfall {
  position:absolute; top:0; right:8%; width:30%; height:40%;
  background: repeating-linear-gradient(0deg, transparent 0px, transparent 20px, rgba(255,255,255,0.3) 20px, rgba(255,255,255,0.3) 22px);
  mask-image: radial-gradient(ellipse at 50% 60%, black 30%, transparent 70%);
  animation: si-sp-snow 8s linear infinite;
}
@keyframes si-sp-globe { 0% { transform: translateX(-50%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(180deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
@keyframes si-sp-figure { 0% { transform: translateX(0) translateY(0) rotate(-1deg); } 50% { transform: translateX(3px) translateY(-2px) rotate(0deg); } 100% { transform: translateX(0) translateY(0) rotate(1deg); } }
@keyframes si-sp-snow { 0% { background-position: 0 0; } 100% { background-position: 0 40px; } }

/* Scene: ed-jackson-vanderbilt-surroundings */
.scn-ed-jackson-vanderbilt-surroundings {
  background: linear-gradient(180deg, #f0e0d0 0%, #dcc8b0 50%, #b8a07e 100%),
              radial-gradient(ellipse at 70% 20%, #ffe8c0 0%, transparent 60%);
}
.scn-ed-jackson-vanderbilt-surroundings .bg-room {
  position:absolute; inset:0; background: linear-gradient(135deg, #e8d5b8 0%, #c9b094 50%, #a0896e 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.15);
}
.scn-ed-jackson-vanderbilt-surroundings .desk {
  position:absolute; bottom:8%; left:15%; width:50%; height:16%;
  background: linear-gradient(180deg, #6b5b45 0%, #4a3d2e 100%);
  border-radius: 2% 2% 6% 6% / 40% 40% 20% 20%; box-shadow: 0 6px 18px rgba(0,0,0,.4);
  transform: perspective(400px) rotateX(4deg);
}
.scn-ed-jackson-vanderbilt-surroundings .figure-left {
  position:absolute; bottom:12%; left:30%; width:20px; height:46px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 35% 35%; transform-origin: bottom center;
  animation: si-ed-figureL 4s ease-in-out infinite alternate;
  box-shadow: 0 4px 10px rgba(0,0,0,.3);
}
.scn-ed-jackson-vanderbilt-surroundings .figure-right {
  position:absolute; bottom:12%; left:55%; width:22px; height:52px;
  background: linear-gradient(180deg, #1a1a2a 0%, #000010 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 35% 35%; transform-origin: bottom center;
  animation: si-ed-figureR 6s ease-in-out infinite alternate;
  box-shadow: 0 4px 10px rgba(0,0,0,.4);
}
.scn-ed-jackson-vanderbilt-surroundings .window-city {
  position:absolute; top:5%; left:5%; width:40%; height:45%;
  background: linear-gradient(135deg, #c0d8e8 0%, #90b0c8 60%, #708a9e 100%);
  border: 5px solid #5a4a3a; border-radius: 4%; box-shadow: inset 0 0 30px rgba(200,230,250,0.4), 0 0 15px rgba(255,235,200,0.3);
  overflow: hidden;
}
.scn-ed-jackson-vanderbilt-surroundings .window-city::before {
  content: ''; position:absolute; bottom:10%; width:100%; height:30%;
  background: repeating-linear-gradient(90deg, transparent 0px, transparent 8px, #6a7a8a 8px, #6a7a8a 10px);
  mask-image: linear-gradient(0deg, black 30%, transparent 80%);
}
.scn-ed-jackson-vanderbilt-surroundings .lamp {
  position:absolute; top:50%; right:15%; width:12px; height:30px;
  background: linear-gradient(180deg, #c0a080 0%, #8a6a4a 100%);
  border-radius: 40% 40% 20% 20%; box-shadow: 0 0 20px 6px rgba(255,230,180,0.6);
  animation: si-ed-lamp 3s ease-in-out infinite alternate;
}
@keyframes si-ed-figureL { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(2px) rotate(0deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes si-ed-figureR { 0% { transform: translateX(0) translateY(0) rotate(1deg); } 50% { transform: translateX(-2px) translateY(-1px) rotate(0deg); } 100% { transform: translateX(0) translateY(0) rotate(-1deg); } }
@keyframes si-ed-lamp { 0% { box-shadow: 0 0 15px 4px rgba(255,230,180,0.5); } 50% { box-shadow: 0 0 30px 10px rgba(255,230,180,0.8); } 100% { box-shadow: 0 0 20px 6px rgba(255,230,180,0.6); } }

/* Scene: arrival-bluff-nz */
.scn-arrival-bluff-nz {
  background: linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 50%, #b8a888 100%),
              radial-gradient(ellipse at 30% 50%, #f0e4d0 0%, transparent 70%);
}
.scn-arrival-bluff-nz .bg-museum {
  position:absolute; inset:0; background: linear-gradient(180deg, #d8c8b0 0%, #c0b098 40%, #a09078 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
}
.scn-arrival-bluff-nz .display-case {
  position:absolute; bottom:10%; left:5%; width:35%; height:30%;
  background: linear-gradient(135deg, #b8a48c 0%, #9a8a72 100%);
  border-radius: 2% 2% 6% 6% / 30% 30% 20% 20%; box-shadow: 0 4px 12px rgba(0,0,0,.3), inset 0 0 20px rgba(0,0,0,.1);
}
.scn-arrival-bluff-nz .rabbit {
  position:absolute; bottom:15%; left:15%; width:14px; height:18px;
  background: radial-gradient(ellipse at 50% 60%, #c8b098 0%, #9a8a72 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  animation: si-ar-rabbit 4s ease-in-out infinite alternate;
}
.scn-arrival-bluff-nz .jar {
  position:absolute; bottom:12%; left:50%; width:20px; height:30px;
  background: linear-gradient(180deg, #c0e0e0 0%, #80b0b0 100%);
  border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%;
  box-shadow: inset 0 0 10px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.3);
  animation: si-ar-jar 8s ease-in-out infinite alternate;
}
.scn-arrival-bluff-nz .jar::before {
  content: ''; position:absolute; top:20%; left:10%; width:5px; height:8px;
  background: radial-gradient(ellipse at 50% 60%, #b07040 0%, #805030 100%);
  border-radius: 50%; animation: si-ar-caterpillar 3s ease-in-out infinite alternate;
}
.scn-arrival-bluff-nz .map {
  position:absolute; top:15%; right:8%; width:20%; height:30%;
  background: linear-gradient(135deg, #dcc8a8 0%, #c0b090 100%);
  border: 2px solid #6a5a4a; border-radius: 2%; box-shadow: 0 2px 8px rgba(0,0,0,.2);
  transform-origin: top right; animation: si-ar-map 20s ease-in-out infinite alternate;
}
@keyframes si-ar-rabbit { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0) rotate(2deg); } }
@keyframes si-ar-jar { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-1px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes si-ar-caterpillar { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.1); } 100% { transform: translateY(0) scale(1); } }
@keyframes si-ar-map { 0% { transform: rotate(0deg); } 50% { transform: rotate(-2deg); } 100% { transform: rotate(0deg); } }

/* Scene: christchurch-moa-maori */
.scn-christchurch-moa-maori {
  background: linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 50%, #b8a888 100%),
              radial-gradient(ellipse at 20% 30%, #f0e4d0 0%, transparent 60%);
}
.scn-christchurch-moa-maori .bg-museum {
  position:absolute; inset:0; background: linear-gradient(180deg, #d8c8b0 0%, #c0b098 40%, #a09078 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
}
.scn-christchurch-moa-maori .moa-skeleton {
  position:absolute; bottom:8%; left:10%; width:60%; height:65%;
  background: linear-gradient(180deg, #d0c0a8 0%, #b0a090 60%, #8a7a6a 100%);
  border-radius: 40% 40% 30% 30% / 70% 70% 40% 40%;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
  clip-path: polygon(10% 100%, 20% 40%, 30% 20%, 40% 30%, 50% 20%, 60% 30%, 70% 40%, 80% 100%);
  animation: si-ch-moa 6s ease-in-out infinite alternate;
}
.scn-christchurch-moa-maori .jade-case {
  position:absolute; bottom:12%; right:5%; width:15%; height:20%;
  background: linear-gradient(135deg, #a0c8a0 0%, #70a070 100%);
  border-radius: 10% 10% 20% 20% / 30% 30% 20% 20%;
  box-shadow: 0 4px 12px rgba(0,0,0,.3), inset 0 0 20px rgba(0,100,0,0.2);
  animation: si-ch-jade 10s ease-in-out infinite alternate;
}
.scn-christchurch-moa-maori .maori-carving {
  position:absolute; bottom:10%; left:5%; width:12%; height:25%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  box-shadow: 0 4px 10px rgba(0,0,0,.4);
  transform-origin: bottom center;
  animation: si-ch-carving 12s ease-in-out infinite alternate;
}
.scn-christchurch-moa-maori .window {
  position:absolute; top:5%; left:30%; width:40%; height:45%;
  background: radial-gradient(ellipse at 50% 70%, #c0d8e8 0%, #a0c0d0 60%, #80a8b8 100%);
  border: 5px solid #6a5a4a; border-radius: 4%; box-shadow: inset 0 0 30px rgba(200,230,250,0.5);
}
@keyframes si-ch-moa { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-2px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes si-ch-jade { 0% { box-shadow: 0 0 10px rgba(0,150,0,0.2); } 50% { box-shadow: 0 0 25px rgba(0,200,0,0.5); } 100% { box-shadow: 0 0 15px rgba(0,150,0,0.3); } }
@keyframes si-ch-carving { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(3deg) scale(1.03); } 100% { transform: rotate(0deg) scale(1); } }

/* thug-kill-fakeer – tense, dim interior */
.scn-thug-kill-fakeer {
  background:
    linear-gradient(180deg, #1a1210 0%, #2a1a14 40%, #1c0e0a 100%),
    radial-gradient(ellipse at 40% 60%, #3a2218 0%, transparent 70%);
}
.scn-thug-kill-fakeer .wall-back {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #2c1e18 0%, #1a0e0a 100%);
  border-bottom: 2px solid #0a0604;
}
.scn-thug-kill-fakeer .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #2c1e18 0%, #120a08 100%);
}
.scn-thug-kill-fakeer .shadow-ropes {
  position: absolute; bottom: 55%; left: 30%; width: 40%; height: 4px;
  background: #0a0604;
  border-radius: 50%;
  box-shadow: 0 0 12px 2px rgba(0,0,0,0.6);
  animation: tkm1-rope 2s ease-in-out infinite alternate;
}
.scn-thug-kill-fakeer .figure-fakeer {
  position: absolute; bottom: 48%; left: 45%;
  width: 20px; height: 40px;
  background: linear-gradient(180deg, #3a2a1e 0%, #1a100a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tkm1-fakeer 3s ease-in-out infinite;
}
.scn-thug-kill-fakeer .thug-silhouette {
  position: absolute; bottom: 48%; left: 55%;
  width: 28px; height: 50px;
  background: linear-gradient(180deg, #0f0804 0%, #050200 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 45% 45%;
  transform-origin: bottom center;
  animation: tkm1-thug 2.5s ease-in-out infinite;
}
.scn-thug-kill-fakeer .lantern-glow {
  position: absolute; bottom: 65%; left: 35%;
  width: 12px; height: 12px;
  background: radial-gradient(circle, #c07030 0%, #8a4a20 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 8px #a05020, 0 0 60px 20px rgba(160,80,32,0.3);
  animation: tkm1-lantern 4s ease-in-out infinite alternate;
}
.scn-thug-kill-fakeer .dark-crack {
  position: absolute; bottom: 50%; left: 50%;
  width: 2px; height: 30px;
  background: #0a0604;
  transform: rotate(10deg);
  opacity: 0.6;
  animation: tkm1-crack 5s linear infinite;
}
@keyframes tkm1-rope {
  0% { transform: translateY(0) scaleX(1); opacity: 0.8; }
  50% { transform: translateY(-2px) scaleX(1.05); opacity: 1; }
  100% { transform: translateY(0) scaleX(1); opacity: 0.7; }
}
@keyframes tkm1-fakeer {
  0% { transform: translate(0, 0) rotate(-2deg); }
  25% { transform: translate(4px, -2px) rotate(1deg); }
  50% { transform: translate(0, -4px) rotate(0deg); }
  75% { transform: translate(-4px, -2px) rotate(-1deg); }
  100% { transform: translate(0, 0) rotate(-2deg); }
}
@keyframes tkm1-thug {
  0% { transform: translate(0, 0) rotate(0deg); }
  33% { transform: translate(2px, -1px) rotate(2deg); }
  66% { transform: translate(-2px, 0) rotate(-1deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes tkm1-lantern {
  0% { box-shadow: 0 0 20px 5px #a05020, 0 0 40px 12px rgba(160,80,32,0.2); opacity: 0.7; }
  50% { box-shadow: 0 0 40px 12px #c07030, 0 0 80px 25px rgba(192,112,48,0.4); opacity: 1; }
  100% { box-shadow: 0 0 25px 8px #a05020, 0 0 50px 15px rgba(160,80,32,0.3); opacity: 0.8; }
}
@keyframes tkm1-crack {
  0% { opacity: 0.4; }
  50% { opacity: 0.7; }
  100% { opacity: 0.4; }
}

/* thug-reflections – warm, dim interior */
.scn-thug-reflections {
  background:
    linear-gradient(180deg, #2a1a10 0%, #3a2818 40%, #1e1208 100%),
    radial-gradient(ellipse at 50% 20%, #4a3020 0%, transparent 70%);
}
.scn-thug-reflections .wall-warm {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #3a2818 0%, #2a1a0e 100%);
}
.scn-thug-reflections .floor-dark {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2e1e12 0%, #1a0e06 100%);
}
.scn-thug-reflections .table-wood {
  position: absolute; bottom: 38%; left: 45%;
  width: 80px; height: 14px;
  background: linear-gradient(180deg, #5a3a20 0%, #3a2210 100%);
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
  transform: translateX(-50%);
}
.scn-thug-reflections .candle-glow {
  position: absolute; bottom: 52%; left: 50%;
  width: 8px; height: 20px;
  background: linear-gradient(180deg, #ffe080 0%, #c08840 60%, #6a4018 100%);
  border-radius: 2px 2px 4px 4px;
  transform: translateX(-50%);
  box-shadow: 0 0 20px 6px #d09040, 0 0 50px 15px rgba(208,144,64,0.3);
  animation: trf-candle 3s ease-in-out infinite alternate;
}
.scn-thug-reflections .figure-sitting {
  position: absolute; bottom: 35%; left: 55%;
  width: 24px; height: 48px;
  background: linear-gradient(180deg, #3a2818 0%, #1e1006 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: trf-sit 6s ease-in-out infinite;
}
.scn-thug-reflections .reflection-pool {
  position: absolute; bottom: 15%; left: 30%;
  width: 60px; height: 20px;
  background: linear-gradient(90deg, rgba(60,40,20,0.3) 0%, rgba(80,50,25,0.5) 50%, rgba(60,40,20,0.3) 100%);
  border-radius: 50%;
  filter: blur(3px);
  animation: trf-pool 8s ease-in-out infinite alternate;
}
.scn-thug-reflections .window-dim {
  position: absolute; top: 12%; right: 10%;
  width: 40px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0e0e1a 100%);
  border-radius: 4px;
  border: 2px solid #2a1a0e;
  box-shadow: inset 0 0 8px rgba(255,255,255,0.05);
  animation: trf-window 12s ease-in-out infinite alternate;
}
@keyframes trf-candle {
  0% { transform: translateX(-50%) scaleY(1); box-shadow: 0 0 15px 4px #d09040; }
  50% { transform: translateX(-50%) scaleY(1.05); box-shadow: 0 0 30px 10px #e8a050; }
  100% { transform: translateX(-50%) scaleY(0.98); box-shadow: 0 0 20px 6px #c08030; }
}
@keyframes trf-sit {
  0% { transform: translate(0, 0) rotate(-1deg); }
  33% { transform: translate(2px, -1px) rotate(1deg); }
  66% { transform: translate(-2px, 0) rotate(-2deg); }
  100% { transform: translate(0, 0) rotate(-1deg); }
}
@keyframes trf-pool {
  0% { opacity: 0.3; transform: scaleX(1); }
  50% { opacity: 0.6; transform: scaleX(1.02) scaleY(0.95); }
  100% { opacity: 0.4; transform: scaleX(0.98); }
}
@keyframes trf-window {
  0% { opacity: 0.5; box-shadow: inset 0 0 8px rgba(255,255,255,0.05); }
  50% { opacity: 0.8; box-shadow: inset 0 0 12px rgba(255,255,255,0.1); }
  100% { opacity: 0.4; box-shadow: inset 0 0 6px rgba(255,255,255,0.02); }
}

/* thug-monotonous-reports – calm, dim interior */
.scn-thug-monotonous-reports {
  background:
    linear-gradient(180deg, #2a2420 0%, #3a2e28 40%, #1e1815 100%),
    radial-gradient(ellipse at 30% 50%, #3e342e 0%, transparent 70%);
}
.scn-thug-monotonous-reports .wall-muted {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #3a3028 0%, #2e2620 100%);
}
.scn-thug-monotonous-reports .desk {
  position: absolute; bottom: 35%; left: 20%;
  width: 120px; height: 12px;
  background: linear-gradient(180deg, #5a4838 0%, #3a2e22 100%);
  border-radius: 3px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}
.scn-thug-monotonous-reports .papers-stack {
  position: absolute; bottom: 42%; left: 30%;
  width: 30px; height: 6px;
  background: linear-gradient(180deg, #d4c8b0 0%, #b8a890 100%);
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3), 0 -1px 2px rgba(255,255,255,0.05);
  animation: tm1-papers 4s ease-in-out infinite alternate;
}
.scn-thug-monotonous-reports .lamp-calm {
  position: absolute; bottom: 50%; left: 25%;
  width: 10px; height: 18px;
  background: linear-gradient(180deg, #8a6840 0%, #5a4020 100%);
  border-radius: 2px 2px 6px 6px;
  box-shadow: 0 0 15px 3px #a07840;
  animation: tm1-lamp 3s ease-in-out infinite alternate;
}
.scn-thug-monotonous-reports .figure-writing {
  position: absolute; bottom: 32%; left: 35%;
  width: 22px; height: 44px;
  background: linear-gradient(180deg, #3a2e26 0%, #1e1610 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tm1-write 5s ease-in-out infinite;
}
.scn-thug-monotonous-reports .chair {
  position: absolute; bottom: 30%; left: 45%;
  width: 24px; height: 18px;
  background: linear-gradient(180deg, #4a3828 0%, #2a1e14 100%);
  border-radius: 4px 4px 2px 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  transform: rotate(-2deg);
}
.scn-thug-monotonous-reports .curtain-slow {
  position: absolute; top: 0; right: 0;
  width: 30%; height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(40,34,28,0.6) 30%, rgba(30,26,22,0.9) 100%);
  animation: tm1-curtain 20s ease-in-out infinite alternate;
}
@keyframes tm1-papers {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1px) rotate(0.5deg); }
  100% { transform: translateY(0) rotate(-0.5deg); }
}
@keyframes tm1-lamp {
  0% { box-shadow: 0 0 10px 2px #a07840; opacity: 0.8; }
  50% { box-shadow: 0 0 20px 6px #b08850; opacity: 1; }
  100% { box-shadow: 0 0 12px 3px #906830; opacity: 0.85; }
}
@keyframes tm1-write {
  0% { transform: translate(0, 0) rotate(-1deg); }
  33% { transform: translate(3px, -2px) rotate(2deg); }
  66% { transform: translate(-2px, -1px) rotate(-1deg); }
  100% { transform: translate(0, 0) rotate(-1deg); }
}
@keyframes tm1-curtain {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.5; }
}

/* thug-bullocks-pice – calm, dim interior (stable scene) */
.scn-thug-bullocks-pice {
  background:
    linear-gradient(180deg, #2a221a 0%, #3a2e22 40%, #1e1610 100%),
    radial-gradient(ellipse at 60% 20%, #4a3e30 0%, transparent 70%);
}
.scn-thug-bullocks-pice .ground-brown {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #3a2e22 0%, #1e1610 100%);
}
.scn-thug-bullocks-pice .bullock-left {
  position: absolute; bottom: 38%; left: 20%;
  width: 40px; height: 30px;
  background: linear-gradient(180deg, #6a5a44 0%, #4a3a28 100%);
  border-radius: 60% 40% 30% 50% / 50% 50% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: tbp-bullock1 6s ease-in-out infinite alternate;
}
.scn-thug-bullocks-pice .bullock-right {
  position: absolute; bottom: 38%; left: 45%;
  width: 40px; height: 30px;
  background: linear-gradient(180deg, #5a4a36 0%, #3a2a1a 100%);
  border-radius: 40% 60% 50% 30% / 50% 50% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: tbp-bullock2 6s ease-in-out infinite alternate 1s;
}
.scn-thug-bullocks-pice .load-pice {
  position: absolute; bottom: 42%; left: 35%;
  width: 20px; height: 16px;
  background: linear-gradient(180deg, #b08040 0%, #8a6028 100%);
  border-radius: 4px;
  box-shadow: 0 0 4px 1px #603a10;
  animation: tbp-pice 8s ease-in-out infinite alternate;
}
.scn-thug-bullocks-pice .driver-fallen {
  position: absolute; bottom: 30%; left: 28%;
  width: 18px; height: 34px;
  background: linear-gradient(180deg, #2e221a 0%, #120a06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-20deg);
  transform-origin: bottom center;
  animation: tbp-fallen1 10s ease-in-out infinite;
}
.scn-thug-bullocks-pice .driver-fallen-2 {
  position: absolute; bottom: 28%; left: 50%;
  width: 18px; height: 34px;
  background: linear-gradient(180deg, #2a1e16 0%, #0e0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(15deg);
  transform-origin: bottom center;
  animation: tbp-fallen2 10s ease-in-out infinite 3s;
}
.scn-thug-bullocks-pice .window-sky {
  position: absolute; top: 8%; right: 12%;
  width: 50px; height: 40px;
  background: linear-gradient(180deg, #1c2838 0%, #0e1a24 100%);
  border-radius: 3px;
  border: 2px solid #3a2e22;
  box-shadow: inset 0 0 6px rgba(50,70,90,0.3);
  animation: tbp-sky 15s ease-in-out infinite alternate;
}
@keyframes tbp-bullock1 {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-2px) rotate(0deg); }
  100% { transform: translateY(0) rotate(1deg); }
}
@keyframes tbp-bullock2 {
  0% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-2px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes tbp-pice {
  0% { box-shadow: 0 0 3px 1px #603a10; opacity: 0.9; }
  50% { box-shadow: 0 0 6px 2px #a07030; opacity: 1; }
  100% { box-shadow: 0 0 4px 1px #4a2a08; opacity: 0.85; }
}
@keyframes tbp-fallen1 {
  0% { transform: rotate(-20deg) translateY(0); }
  50% { transform: rotate(-18deg) translateY(-2px); }
  100% { transform: rotate(-20deg) translateY(0); }
}
@keyframes tbp-fallen2 {
  0% { transform: rotate(15deg) translateY(0); }
  50% { transform: rotate(17deg) translateY(-2px); }
  100% { transform: rotate(15deg) translateY(0); }
}
@keyframes tbp-sky {
  0% { opacity: 0.4; box-shadow: inset 0 0 6px rgba(50,70,90,0.3); }
  50% { opacity: 0.6; box-shadow: inset 0 0 10px rgba(50,70,90,0.5); }
  100% { opacity: 0.3; box-shadow: inset 0 0 4px rgba(50,70,90,0.2); }
}

.scn-rhodes-charitable-robbery {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a1e1e 30%, #1a1010 100%), radial-gradient(ellipse at 45% 50%, #3a2a1a 0%, transparent 70%);
}
.scn-rhodes-charitable-robbery .backwall { position:absolute; inset:0; background: linear-gradient(180deg, #2a1e1e 0%, #1a0e0e 100%); }
.scn-rhodes-charitable-robbery .table { position:absolute; bottom:15%; left:25%; width:50%; height:12%; background: linear-gradient(180deg, #3a2a1a, #1a1010); border-radius:4%; box-shadow:0 4px 8px rgba(0,0,0,.5); animation: rcr-table 5s ease-in-out infinite alternate; }
.scn-rhodes-charitable-robbery .lantern { position:absolute; bottom:22%; left:40%; width:8px; height:12px; background: radial-gradient(circle, #ffd060 0%, #b08030 70%); border-radius:50%; box-shadow:0 0 20px 6px #c08030, 0 0 40px 12px rgba(192,128,48,.3); animation: rcr-lantern 4s ease-in-out infinite; }
.scn-rhodes-charitable-robbery .figure-a { position:absolute; bottom:16%; left:30%; width:16px; height:30px; background: linear-gradient(180deg, #1a1a2a, #0a0a1a); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: rcr-walk-a 6s ease-in-out infinite; }
.scn-rhodes-charitable-robbery .figure-b { position:absolute; bottom:16%; right:30%; width:16px; height:30px; background: linear-gradient(180deg, #1a1a2a, #0a0a1a); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: rcr-walk-b 6s ease-in-out infinite 2s; }
.scn-rhodes-charitable-robbery .shadow { position:absolute; bottom:10%; left:20%; right:20%; height:8%; background: linear-gradient(180deg, rgba(0,0,0,.6), transparent); filter:blur(4px); animation: rcr-shadow 6s ease-in-out infinite; }
@keyframes rcr-table { 0% { transform: rotate(-1deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(1deg); } }
@keyframes rcr-lantern { 0% { opacity:.8; transform: rotate(-3deg); } 50% { opacity:1; transform: rotate(3deg); } 100% { opacity:.9; transform: rotate(-1deg); } }
@keyframes rcr-walk-a { 0% { transform: translate(0,0) rotate(-1deg); } 25% { transform: translate(4px,-1px) rotate(2deg); } 50% { transform: translate(8px,0) rotate(0deg); } 75% { transform: translate(4px,-1px) rotate(-1deg); } 100% { transform: translate(0,0) rotate(1deg); } }
@keyframes rcr-walk-b { 0% { transform: translate(0,0) rotate(1deg); } 25% { transform: translate(-4px,-1px) rotate(-2deg); } 50% { transform: translate(-8px,0) rotate(0deg); } 75% { transform: translate(-4px,-1px) rotate(1deg); } 100% { transform: translate(0,0) rotate(-1deg); } }
@keyframes rcr-shadow { 0% { opacity:.3; } 50% { opacity:.6; } 100% { opacity:.4; } }

.scn-reduction-by-rhodes-vs-humane-methods {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a1e2a 30%, #1a0e1a 100%), radial-gradient(ellipse at 50% 50%, #2a2a3e 0%, transparent 70%);
}
.scn-reduction-by-rhodes-vs-humane-methods .wall { position:absolute; inset:0; background: linear-gradient(180deg, #2a1e2a, #1a0e1a); }
.scn-reduction-by-rhodes-vs-humane-methods .table { position:absolute; bottom:20%; left:20%; width:60%; height:10%; background: linear-gradient(180deg, #3a2a3a, #1a101a); border-radius:4%; box-shadow:0 4px 8px rgba(0,0,0,.5); }
.scn-reduction-by-rhodes-vs-humane-methods .bottle { position:absolute; bottom:24%; left:45%; width:10px; height:18px; background: radial-gradient(circle at 50% 30%, #6a8a8a 0%, #3a5a5a 70%); border-radius:30% 30% 20% 20%; box-shadow:inset 0 -2px 4px rgba(0,0,0,.3); animation: rhhm-bottle 8s ease-in-out infinite; }
.scn-reduction-by-rhodes-vs-humane-methods .figure-good { position:absolute; bottom:18%; left:30%; width:14px; height:28px; background: linear-gradient(180deg, #3a3a4a, #2a2a3a); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: rhhm-good 7s ease-in-out infinite; }
.scn-reduction-by-rhodes-vs-humane-methods .figure-bad { position:absolute; bottom:18%; right:30%; width:16px; height:30px; background: linear-gradient(180deg, #1a1a2a, #0a0a1a); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: rhhm-bad 4s ease-in-out infinite; }
.scn-reduction-by-rhodes-vs-humane-methods .shadow { position:absolute; bottom:12%; left:15%; right:15%; height:10%; background: linear-gradient(180deg, rgba(0,0,0,.5), transparent); filter:blur(3px); animation: rhhm-shadow 5s ease-in-out infinite alternate; }
@keyframes rhhm-bottle { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(1); } }
@keyframes rhhm-good { 0% { transform: translate(0,0) rotate(-2deg); } 30% { transform: translate(2px,-1px) rotate(0deg); } 60% { transform: translate(4px,0) rotate(2deg); } 100% { transform: translate(0,0) rotate(-1deg); } }
@keyframes rhhm-bad { 0% { transform: translate(0,0) rotate(0deg) scaleX(1); } 25% { transform: translate(-3px,-1px) rotate(-5deg) scaleX(1.1); } 50% { transform: translate(-6px,0) rotate(0deg) scaleX(1); } 75% { transform: translate(-3px,-1px) rotate(5deg) scaleX(1.1); } 100% { transform: translate(0,0) rotate(0deg) scaleX(1); } }
@keyframes rhhm-shadow { 0% { opacity:.2; } 50% { opacity:.5; } 100% { opacity:.3; } }

.scn-cape-colony-railways {
  background: linear-gradient(180deg, #f5e6d0 0%, #e8d4b8 40%, #c8b49a 100%), radial-gradient(ellipse at 70% 30%, #fff6e0 0%, transparent 80%);
}
.scn-cape-colony-railways .window { position:absolute; top:10%; left:50%; width:30%; height:30%; transform:translateX(-50%); background: radial-gradient(circle at 50% 50%, #fff6e0 0%, #c8e0f0 70%); border-radius:10%; box-shadow:inset 0 0 20px #f0e0c0; animation: ccr-window 12s ease-in-out infinite alternate; }
.scn-cape-colony-railways .seat { position:absolute; bottom:20%; left:20%; width:25%; height:20%; background: linear-gradient(180deg, #b8a080, #8a7050); border-radius:20% 20% 5% 5%; box-shadow:inset 0 4px 6px rgba(0,0,0,.2); animation: ccr-seat 8s ease-in-out infinite; }
.scn-cape-colony-railways .floor { position:absolute; bottom:0; left:0; right:0; height:18%; background: linear-gradient(180deg, #9a7a5a, #7a5a3a); border-radius:20% 20% 0 0 / 10% 10% 0 0; animation: ccr-floor 6s ease-in-out infinite; }
.scn-cape-colony-railways .passenger { position:absolute; bottom:22%; left:30%; width:14px; height:24px; background: linear-gradient(180deg, #4a3a2a, #2a1e10); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: ccr-passenger 10s ease-in-out infinite; }
.scn-cape-colony-railways .luggage { position:absolute; bottom:16%; right:25%; width:20px; height:14px; background: linear-gradient(180deg, #6a5a4a, #4a3a2a); border-radius:10%; box-shadow:0 2px 4px rgba(0,0,0,.3); animation: ccr-luggage 15s ease-in-out infinite; }
.scn-cape-colony-railways .lightray { position:absolute; top:5%; left:45%; width:10%; height:40%; background: linear-gradient(180deg, rgba(255,200,150,.3), transparent); filter:blur(6px); animation: ccr-lightray 9s ease-in-out infinite alternate; }
@keyframes ccr-window { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.85; } }
@keyframes ccr-seat { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(-0.5deg); } 100% { transform: translateY(0) rotate(0.5deg); } }
@keyframes ccr-floor { 0% { opacity:.9; } 50% { opacity:1; } 100% { opacity:.95; } }
@keyframes ccr-passenger { 0% { transform: translate(0,0) rotate(-1deg); } 25% { transform: translate(2px,-1px) rotate(1deg); } 50% { transform: translate(0,0) rotate(0deg); } 75% { transform: translate(-2px,-1px) rotate(-1deg); } 100% { transform: translate(0,0) rotate(1deg); } }
@keyframes ccr-luggage { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.85; } }
@keyframes ccr-lightray { 0% { opacity:.2; transform: rotate(-5deg); } 50% { opacity:.5; transform: rotate(0deg); } 100% { opacity:.3; transform: rotate(5deg); } }

.scn-beauty-of-veldt {
  background: linear-gradient(180deg, #a0c8e0 0%, #c0d8e8 30%, #e0d0b0 60%, #c8b89a 100%), radial-gradient(ellipse at 50% 100%, #d8c8a8 0%, transparent 70%);
}
.scn-beauty-of-veldt .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #a0c8e0 0%, #d0e8f0 60%, transparent); animation: bov-sky 20s ease-in-out infinite alternate; }
.scn-beauty-of-veldt .horizon { position:absolute; bottom:55%; left:0; right:0; height:5%; background: linear-gradient(90deg, #a09070, #c0b090, #a09070); border-radius:50% 50% 0 0; animation: bov-horizon 15s ease-in-out infinite; }
.scn-beauty-of-veldt .grass-back { position:absolute; bottom:40%; left:0; right:0; height:20%; background: linear-gradient(180deg, #8a7a5a, #6a5a3a); border-radius:40% 60% 0 0 / 80% 70% 0 0; filter:blur(2px); animation: bov-grass 12s ease-in-out infinite; }
.scn-beauty-of-veldt .grass-mid { position:absolute; bottom:25%; left:0; right:0; height:20%; background: linear-gradient(180deg, #9a8a6a, #7a6a4a); border-radius:30% 70% 0 0 / 70% 80% 0 0; filter:blur(1px); animation: bov-grass 16s ease-in-out infinite reverse; }
.scn-beauty-of-veldt .grass-front { position:absolute; bottom:10%; left:0; right:0; height:20%; background: linear-gradient(180deg, #b0a080, #8a7050); border-radius:20% 80% 0 0 / 60% 90% 0 0; animation: bov-grass 10s ease-in-out infinite; }
.scn-beauty-of-veldt .sun { position:absolute; top:30%; right:20%; width:30px; height:30px; background: radial-gradient(circle, #f0e8c0 0%, #d0c080 50%, transparent 70%); border-radius:50%; box-shadow:0 0 40px 10px #d0c080; animation: bov-sun 25s ease-in-out infinite alternate; }
.scn-beauty-of-veldt .tree { position:absolute; bottom:45%; left:30%; width:8px; height:60px; background: linear-gradient(180deg, #5a3a2a, #3a2210); border-radius:40%; transform-origin:bottom center; animation: bov-tree 8s ease-in-out infinite; }
@keyframes bov-sky { 0% { opacity:.85; } 50% { opacity:1; } 100% { opacity:.9; } }
@keyframes bov-horizon { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes bov-grass { 0% { transform: translateY(0) scaleX(1); } 25% { transform: translateY(-1px) scaleX(1.01); } 50% { transform: translateY(0) scaleX(1); } 75% { transform: translateY(-1px) scaleX(1.01); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes bov-sun { 0% { opacity:.9; transform: translate(0,0) scale(1); } 50% { opacity:1; transform: translate(-2px,2px) scale(1.05); } 100% { opacity:.95; transform: translate(2px,-1px) scale(0.98); } }
@keyframes bov-tree { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }

.scn-game-non-complete-stories { background: linear-gradient(180deg, #0a1a2e 0%, #1a2a3e 40%, #0f0f1a 100%), radial-gradient(ellipse at 50% 80%, #1a2a3e 0%, transparent 70%); }
.scn-game-non-complete-stories .table { position:absolute; bottom:20%; left:25%; right:25%; height:12%; background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius:4px; box-shadow: 0 4px 12px rgba(0,0,0,.6); }
.scn-game-non-complete-stories .lamp { position:absolute; bottom:30%; left:45%; width:20px; height:30px; background: radial-gradient(ellipse at 50% 30%, #d4a050 0%, #8a6030 60%, transparent 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 40px 10px #d4a050, 0 0 80px 20px rgba(212,160,80,.3); animation: gns-lamp 3s ease-in-out infinite alternate; }
.scn-game-non-complete-stories .cards { position:absolute; bottom:20%; left:35%; width:30px; height:20px; background: linear-gradient(135deg, #e8d8b8 0%, #c0b090 100%); border-radius:2px; box-shadow: 2px 2px 6px rgba(0,0,0,.5); transform: rotate(-10deg); animation: gns-cards 6s ease-in-out infinite; }
.scn-game-non-complete-stories .cards::after { content:''; position:absolute; top:2px; left:2px; width:20px; height:2px; background:#8a6a3a; border-radius:1px; }
.scn-game-non-complete-stories .figure1 { position:absolute; bottom:20%; left:20%; width:18px; height:40px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gns-figure1 4s ease-in-out infinite; }
.scn-game-non-complete-stories .figure2 { position:absolute; bottom:20%; right:20%; width:18px; height:40px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gns-figure2 5s ease-in-out infinite; }
.scn-game-non-complete-stories .window { position:absolute; top:8%; left:15%; width:50px; height:40px; background: radial-gradient(ellipse at 50% 50%, #0a2a4a 0%, #0a0a1a 100%); border:2px solid #3a2a1a; border-radius:50% 50% 10% 10%; box-shadow: inset 0 0 20px rgba(0,0,0,.8); animation: gns-window 12s ease-in-out infinite alternate; }
.scn-game-non-complete-stories .shadow { position:absolute; inset:auto 0 0 0; height:30%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.6) 100%); }
@keyframes gns-lamp { 0% { opacity:.8; transform: scale(1) rotate(-2deg) } 50% { opacity:1; transform: scale(1.05) rotate(2deg) } 100% { opacity:.85; transform: scale(0.98) rotate(-1deg) } }
@keyframes gns-cards { 0% { transform: rotate(-10deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-2px) } 100% { transform: rotate(-12deg) translateY(0) } }
@keyframes gns-figure1 { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(3px) translateY(-1px) rotate(2deg) } 50% { transform: translateX(0) translateY(0) rotate(-1deg) } 75% { transform: translateX(-3px) translateY(1px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(-2deg) } }
@keyframes gns-figure2 { 0% { transform: translateX(0) translateY(0) rotate(1deg) } 33% { transform: translateX(-2px) translateY(-1px) rotate(-1deg) } 66% { transform: translateX(2px) translateY(1px) rotate(2deg) } 100% { transform: translateX(0) translateY(0) rotate(1deg) } }
@keyframes gns-window { 0% { opacity:.5; background-position:0 0 } 100% { opacity:.8; background-position:0 -5px } }

.scn-john-brown-sunday-school { background: linear-gradient(180deg, #e8e0c8 0%, #c8b890 60%, #a89878 100%), radial-gradient(ellipse at 50% 0%, #f0e8d0 0%, transparent 70%); }
.scn-john-brown-sunday-school .window { position:absolute; top:10%; left:25%; right:25%; height:35%; background: linear-gradient(180deg, #b8d8f0 0%, #d0e8f8 100%); border-radius:4px 4px 0 0; box-shadow: inset 0 0 40px rgba(255,255,255,.3); animation: jbs-window 8s ease-in-out infinite alternate; }
.scn-john-brown-sunday-school .desk { position:absolute; bottom:40%; left:30%; right:30%; height:10%; background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius:2px; box-shadow: 0 4px 10px rgba(0,0,0,.2); }
.scn-john-brown-sunday-school .books { position:absolute; bottom:50%; left:35%; width:40px; height:25px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:2px; transform: rotate(-5deg); animation: jbs-books 10s ease-in-out infinite; }
.scn-john-brown-sunday-school .cross { position:absolute; top:12%; left:50%; width:20px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #c8a070 0%, #a07850 100%); border-radius:2px; box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.scn-john-brown-sunday-school .cross::before { content:''; position:absolute; top:10px; left:-5px; width:30px; height:6px; background: linear-gradient(90deg, #c8a070 0%, #a07850 100%); border-radius:2px; }
.scn-john-brown-sunday-school .chair { position:absolute; bottom:20%; left:35%; width:30px; height:35px; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 2px 8px rgba(0,0,0,.2); animation: jbs-chair 6s ease-in-out infinite alternate; }
.scn-john-brown-sunday-school .lightbeam { position:absolute; top:35%; left:30%; width:40%; height:40%; background: linear-gradient(180deg, rgba(255,240,200,.4) 0%, transparent 100%); transform-origin: top center; transform: skewX(-10deg); filter: blur(8px); animation: jbs-beam 12s ease-in-out infinite alternate; }
@keyframes jbs-window { 0% { opacity:.9; transform: scale(1) } 50% { opacity:1; transform: scale(1.02) } 100% { opacity:.85; transform: scale(0.98) } }
@keyframes jbs-books { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-3deg) translateY(-3px) } 100% { transform: rotate(-7deg) translateY(0) } }
@keyframes jbs-chair { 0% { transform: translateX(0) translateY(0) } 50% { transform: translateX(2px) translateY(-2px) } 100% { transform: translateX(-2px) translateY(1px) } }
@keyframes jbs-beam { 0% { opacity:.3; transform: skewX(-10deg) scaleY(1) } 50% { opacity:.5; transform: skewX(-12deg) scaleY(1.1) } 100% { opacity:.25; transform: skewX(-8deg) scaleY(0.95) } }

.scn-brown-resolves-advance { background: linear-gradient(180deg, #7ab8d0 0%, #a0d8e8 30%, #e8e0c0 70%, #c8b080 100%), radial-gradient(ellipse at 50% 100%, #d0c090 0%, transparent 70%); }
.scn-brown-resolves-advance .sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #5a9ab0 0%, #8ac8d8 100%); animation: bra-sky 15s ease-in-out infinite alternate; }
.scn-brown-resolves-advance .path { position:absolute; bottom:20%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #b09878 0%, #8a7a5a 100%); border-radius:60% 40% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); }
.scn-brown-resolves-advance .house { position:absolute; bottom:40%; left:60%; width:80px; height:60px; background: linear-gradient(180deg, #c8a888 0%, #a08060 100%); border-radius:4px; box-shadow: 0 6px 12px rgba(0,0,0,.4); animation: bra-house 8s ease-in-out infinite; }
.scn-brown-resolves-advance .house::before { content:''; position:absolute; top:-15px; left:-5px; width:90px; height:20px; background: linear-gradient(180deg, #b08868 0%, #906850 100%); border-radius:40% 40% 0 0; transform: rotate(3deg); }
.scn-brown-resolves-advance .figure { position:absolute; bottom:25%; left:20%; width:16px; height:44px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bra-figure 4s ease-in-out infinite; }
.scn-brown-resolves-advance .bundle { position:absolute; bottom:28%; left:22%; width:14px; height:16px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:40% 40% 20% 20%; animation: bra-bundle 4s ease-in-out infinite; }
.scn-brown-resolves-advance .shadow { position:absolute; bottom:20%; left:18%; width:20px; height:4px; background: rgba(0,0,0,.4); border-radius:50%; animation: bra-shadow 4s ease-in-out infinite; }
.scn-brown-resolves-advance .gate { position:absolute; bottom:20%; left:50%; width:6px; height:30px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:2px; animation: bra-gate 6s ease-in-out infinite alternate; }
@keyframes bra-sky { 0% { opacity:.8; background-position:0 0 } 50% { opacity:1; background-position:10px -5px } 100% { opacity:.75; background-position:-5px 2px } }
@keyframes bra-house { 0% { transform: scale(1) translateY(0) } 50% { transform: scale(1.02) translateY(-3px) } 100% { transform: scale(0.98) translateY(2px) } }
@keyframes bra-figure { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 25% { transform: translateX(8px) translateY(-2px) rotate(2deg) } 50% { transform: translateX(16px) translateY(0) rotate(-1deg) } 75% { transform: translateX(24px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(32px) translateY(0) rotate(0) } }
@keyframes bra-bundle { 0% { transform: translateX(0) translateY(0) rotate(-3deg) } 50% { transform: translateX(8px) translateY(-2px) rotate(5deg) } 100% { transform: translateX(16px) translateY(0) rotate(-2deg) } }
@keyframes bra-shadow { 0% { transform: translateX(0) scaleX(1); opacity:.4 } 50% { transform: translateX(16px) scaleX(1.3); opacity:.3 } 100% { transform: translateX(32px) scaleX(1); opacity:.4 } }
@keyframes bra-gate { 0% { transform: rotate(-5deg); opacity:.8 } 100% { transform: rotate(5deg); opacity:1 } }

.scn-hat-falls-in-creek { background: linear-gradient(180deg, #6ab8d0 0%, #a0d8e8 40%, #e0d8b0 80%, #c8b888 100%), radial-gradient(ellipse at 50% 60%, #b0d0c0 0%, transparent 70%); }
.scn-hat-falls-in-creek .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #4a8ab0 0%, #8ac0d8 100%); animation: hfc-sky 12s ease-in-out infinite alternate; }
.scn-hat-falls-in-creek .bridge { position:absolute; bottom:35%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius:2px; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
.scn-hat-falls-in-creek .bridge::after { content:''; position:absolute; bottom:-8px; left:10%; width:80%; height:4px; background: #4a3a2a; border-radius:50%; }
.scn-hat-falls-in-creek .horse { position:absolute; bottom:30%; left:20%; width:60px; height:40px; background: radial-gradient(ellipse at 50% 50%, #3a2a1a 0%, #1a0a00 100%); border-radius:40% 60% 30% 40%; animation: hfc-horse 5s ease-in-out infinite; }
.scn-hat-falls-in-creek .rider { position:absolute; bottom:50%; left:24%; width:14px; height:30px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hfc-rider 5s ease-in-out infinite; }
.scn-hat-falls-in-creek .hat { position:absolute; bottom:20%; left:60%; width:18px; height:8px; background: linear-gradient(180deg, #c8a050 0%, #a08030 100%); border-radius:50% 50% 10% 10%; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: hfc-hat 3s ease-in-out infinite; }
.scn-hat-falls-in-creek .creek { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #6a9a8a 0%, #4a7a6a 100%); border-radius:0 0 8px 8px; box-shadow: inset 0 10px 30px rgba(0,0,0,.3); }
.scn-hat-falls-in-creek .ripples { position:absolute; bottom:18%; left:58%; width:30px; height:10px; border:2px solid rgba(255,255,255,.3); border-radius:50%; animation: hfc-ripple 4s ease-out infinite; }
@keyframes hfc-sky { 0% { opacity:.8; background-position:0 0 } 50% { opacity:1; background-position:10px -5px } 100% { opacity:.75; background-position:-5px 2px } }
@keyframes hfc-horse { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(10px) rotate(-1deg) } 75% { transform: translateX(5px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes hfc-rider { 0% { transform: translateX(0) rotate(-3deg) } 25% { transform: translateX(5px) rotate(3deg) } 50% { transform: translateX(10px) rotate(-2deg) } 75% { transform: translateX(5px) rotate(2deg) } 100% { transform: translateX(0) rotate(-3deg) } }
@keyframes hfc-hat { 0% { transform: translateX(0) translateY(0) rotate(-5deg) } 25% { transform: translateX(4px) translateY(2px) rotate(5deg) } 50% { transform: translateX(8px) translateY(0) rotate(-3deg) } 75% { transform: translateX(4px) translateY(-2px) rotate(7deg) } 100% { transform: translateX(0) translateY(0) rotate(-5deg) } }
@keyframes hfc-ripple { 0% { transform: scale(0); opacity:.6 } 50% { transform: scale(2); opacity:.3 } 100% { transform: scale(3); opacity:0 } }

/* jameson-tugging-at-leash */
.scn-jameson-tugging-at-leash { 
  background: linear-gradient(180deg, #1e1e2c 0%, #2a2a3e 40%, #1a1a28 100%), 
              radial-gradient(ellipse at 30% 40%, #4a3a2a 0%, transparent 60%);
}
.scn-jameson-tugging-at-leash .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #1a1a24 0%, #2a2a3e 50%, #1a1a24 100%);
  animation: tug-wall-pulse 8s ease-in-out infinite;
}
.scn-jameson-tugging-at-leash .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2c2c1a 0%, #1a1a0c 100%);
  border-radius: 0 0 20% 20%;
}
.scn-jameson-tugging-at-leash .post {
  position: absolute; bottom: 20%; left: 25%; width: 12px; height: 60px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 4px; box-shadow: 4px 0 8px rgba(0,0,0,.5);
  transform-origin: bottom center; animation: tug-post-sway 6s ease-in-out infinite;
}
.scn-jameson-tugging-at-leash .figure {
  position: absolute; bottom: 18%; left: 40%; width: 28px; height: 50px;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #12121c 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  box-shadow: 0 8px 12px rgba(0,0,0,.6);
  animation: tug-figure-strain 3s ease-in-out infinite;
}
.scn-jameson-tugging-at-leash .arm {
  position: absolute; bottom: 38%; left: 36%; width: 40px; height: 6px;
  background: #1a1a2a; border-radius: 50%;
  transform-origin: right center; box-shadow: 0 2px 4px rgba(0,0,0,.4);
  animation: tug-arm-pull 2s ease-in-out infinite alternate;
}
.scn-jameson-tugging-at-leash .leash {
  position: absolute; bottom: 44%; left: 28%; width: 80px; height: 4px;
  border: 2px solid #4a3a2a; border-radius: 50%;
  border-bottom-color: transparent; border-right-color: transparent;
  transform: rotate(-20deg); animation: tug-leash-tension 3s ease-in-out infinite;
}
.scn-jameson-tugging-at-leash .lantern {
  position: absolute; bottom: 50%; left: 60%; width: 10px; height: 14px;
  background: radial-gradient(circle, #f0c060 0%, #b08030 60%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 20px 6px #c08040, 0 0 40px 12px rgba(192,128,64,.3);
  animation: tug-lantern-swing 4s ease-in-out infinite;
}
@keyframes tug-wall-pulse {
  0% { opacity: 0.7; filter: brightness(0.8); }
  50% { opacity: 1; filter: brightness(1); }
  100% { opacity: 0.8; filter: brightness(0.9); }
}
@keyframes tug-post-sway {
  0% { transform: rotate(0deg); }
  30% { transform: rotate(2deg); }
  60% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}
@keyframes tug-figure-strain {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(4px) translateY(-2px) rotate(3deg); }
  50% { transform: translateX(-3px) translateY(-1px) rotate(-2deg); }
  75% { transform: translateX(2px) translateY(0) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes tug-arm-pull {
  0% { transform: rotate(20deg) scaleX(1); }
  100% { transform: rotate(40deg) scaleX(1.1); }
}
@keyframes tug-leash-tension {
  0% { transform: rotate(-20deg) scaleX(1); opacity: 0.6; }
  50% { transform: rotate(-15deg) scaleX(1.05); opacity: 1; }
  100% { transform: rotate(-20deg) scaleX(1); opacity: 0.7; }
}
@keyframes tug-lantern-swing {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(5deg) translateY(-1px); }
  50% { transform: rotate(-4deg) translateY(2px); }
  75% { transform: rotate(3deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}

/* jameson-plunges */
.scn-jameson-plunges {
  background: linear-gradient(180deg, #0c0c1a 0%, #16162a 50%, #0e0e1e 100%),
              radial-gradient(ellipse at 70% 20%, #2a3a4a 0%, transparent 60%);
}
.scn-jameson-plunges .night-bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 80% 20%, #1a2a3a 0%, transparent 70%);
  animation: plu-night-twinkle 20s ease-in-out infinite;
}
.scn-jameson-plunges .pole {
  position: absolute; bottom: 10%; left: 30%; width: 8px; height: 80px;
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 2px; box-shadow: 2px 0 6px rgba(0,0,0,.5);
  animation: plu-pole-stand 10s ease-in-out infinite;
}
.scn-jameson-plunges .wire {
  position: absolute; bottom: 80%; left: 30%; width: 120px; height: 4px;
  border-top: 2px solid #3a4a4a; border-radius: 50%;
  transform: rotate(5deg); transform-origin: left center;
  animation: plu-wire-sway 8s ease-in-out infinite;
}
.scn-jameson-plunges .hand {
  position: absolute; bottom: 40%; left: 40%; width: 20px; height: 16px;
  background: radial-gradient(ellipse, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 4px 6px rgba(0,0,0,.6);
  animation: plu-hand-reach 3s ease-in-out infinite;
}
.scn-jameson-plunges .cutters {
  position: absolute; bottom: 42%; left: 42%; width: 30px; height: 6px;
  background: linear-gradient(90deg, #3a4a4a 0%, #5a6a6a 50%, #3a4a4a 100%);
  border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.4);
  animation: plu-cutters-snip 2s ease-in-out infinite alternate;
}
.scn-jameson-plunges .spark {
  position: absolute; bottom: 48%; left: 45%; width: 6px; height: 6px;
  background: radial-gradient(circle, #f0e060 0%, #c08020 60%);
  border-radius: 50%; box-shadow: 0 0 16px 6px #c08020;
  animation: plu-spark-flash 1s ease-in-out infinite;
}
@keyframes plu-night-twinkle {
  0% { opacity: 0.6; filter: brightness(0.8); }
  50% { opacity: 1; filter: brightness(1); }
  100% { opacity: 0.7; filter: brightness(0.9); }
}
@keyframes plu-pole-stand {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}
@keyframes plu-wire-sway {
  0% { transform: rotate(5deg) scaleY(1); }
  50% { transform: rotate(8deg) scaleY(1.02); }
  100% { transform: rotate(4deg) scaleY(1); }
}
@keyframes plu-hand-reach {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(8px) translateY(-2px) rotate(5deg); }
  50% { transform: translateX(-4px) translateY(1px) rotate(-3deg); }
  75% { transform: translateX(6px) translateY(-1px) rotate(2deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes plu-cutters-snip {
  0% { transform: rotate(0deg) scaleX(1); }
  100% { transform: rotate(20deg) scaleX(1.2); }
}
@keyframes plu-spark-flash {
  0% { opacity: 0; transform: scale(0.5); }
  50% { opacity: 1; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(0.8); }
}

/* jameson-ride-and-boer-response */
.scn-jameson-ride-and-boer-response {
  background: linear-gradient(180deg, #0a0a1a 0%, #14142a 40%, #0e0e20 100%),
              radial-gradient(ellipse at 50% 0%, #1a2a3a 0%, transparent 70%);
}
.scn-jameson-ride-and-boer-response .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #1a1a30 0%, #0a0a1a 100%);
  animation: rid-sky-pulse 15s ease-in-out infinite;
}
.scn-jameson-ride-and-boer-response .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #1a1a0e 0%, #0a0a04 100%);
  border-radius: 30% 20% 0 0;
}
.scn-jameson-ride-and-boer-response .horse {
  position: absolute; bottom: 20%; left: 20%; width: 50px; height: 30px;
  background: radial-gradient(ellipse at 40% 50%, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 40% 50% 30% 20% / 60% 60% 20% 20%;
  box-shadow: 0 6px 12px rgba(0,0,0,.5);
  animation: rid-horse-gallop 2s ease-in-out infinite;
}
.scn-jameson-ride-and-boer-response .rider {
  position: absolute; bottom: 35%; left: 18%; width: 20px; height: 30px;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,.6);
  animation: rid-rider-bounce 2s ease-in-out infinite;
}
.scn-jameson-ride-and-boer-response .wire-overhead {
  position: absolute; top: 30%; left: 10%; width: 80%; height: 2px;
  background: linear-gradient(90deg, transparent, #3a4a4a 20%, transparent 80%);
  animation: rid-wire-sway 10s ease-in-out infinite;
}
.scn-jameson-ride-and-boer-response .motion-line {
  position: absolute; bottom: 25%; left: 15%; width: 60px; height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent);
  animation: rid-motion-streak 1.5s ease-in-out infinite;
}
@keyframes rid-sky-pulse {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes rid-horse-gallop {
  0% { transform: translateX(0) translateY(0) scaleX(1); }
  25% { transform: translateX(10px) translateY(-4px) scaleX(1.05); }
  50% { transform: translateX(20px) translateY(0) scaleX(1); }
  75% { transform: translateX(30px) translateY(-4px) scaleX(1.05); }
  100% { transform: translateX(40px) translateY(0) scaleX(1); }
}
@keyframes rid-rider-bounce {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-6px) rotate(3deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-6px) rotate(-3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes rid-wire-sway {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(2deg) scaleY(1.02); }
  100% { transform: rotate(-2deg) scaleY(0.98); }
}
@keyframes rid-motion-streak {
  0% { opacity: 0; transform: translateX(0) scaleX(1); }
  50% { opacity: 0.8; transform: translateX(20px) scaleX(1.2); }
  100% { opacity: 0; transform: translateX(40px) scaleX(1); }
}

/* panic-in-johannesburg */
.scn-panic-in-johannesburg {
  background: linear-gradient(180deg, #0a0a1a 0%, #14142a 50%, #1a1a30 100%),
              radial-gradient(ellipse at 50% 60%, #2a2a1a 0%, transparent 70%);
}
.scn-panic-in-johannesburg .platform {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0e 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 12px 20px rgba(0,0,0,.5);
}
.scn-panic-in-johannesburg .train {
  position: absolute; bottom: 20%; left: 10%; width: 70%; height: 30px;
  background: linear-gradient(90deg, #1a1a2a 0%, #2a2a3e 50%, #1a1a2a 100%);
  border-radius: 10px 10px 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,.6);
  animation: pan-train-shake 4s ease-in-out infinite;
}
.scn-panic-in-johannesburg .figure-a {
  position: absolute; bottom: 15%; left: 20%; width: 18px; height: 30px;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 40% 40% 20% 20%;
  animation: pan-run-a 2s ease-in-out infinite;
}
.scn-panic-in-johannesburg .figure-b {
  position: absolute; bottom: 15%; left: 60%; width: 18px; height: 30px;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 40% 40% 20% 20%;
  animation: pan-run-b 2.5s ease-in-out infinite reverse;
}
.scn-panic-in-johannesburg .figure-c {
  position: absolute; bottom: 15%; left: 80%; width: 18px; height: 30px;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 40% 40% 20% 20%;
  animation: pan-run-c 1.8s ease-in-out infinite;
}
.scn-panic-in-johannesburg .lamppost {
  position: absolute; bottom: 20%; left: 50%; width: 6px; height: 50px;
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2a 100%);
  border-radius: 2px; box-shadow: 2px 0 6px rgba(0,0,0,.5);
  animation: pan-lamp-flicker 3s ease-in-out infinite;
}
.scn-panic-in-johannesburg .steam {
  position: absolute; top: 10%; left: 30%; width: 80px; height: 30px;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
  filter: blur(8px); border-radius: 50%;
  animation: pan-steam-drift 20s linear infinite;
}
@keyframes pan-train-shake {
  0% { transform: translateY(0); }
  25% { transform: translateY(-2px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(2px); }
  100% { transform: translateY(0); }
}
@keyframes pan-run-a {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(20px) translateY(-2px) rotate(5deg); }
  50% { transform: translateX(40px) translateY(0) rotate(0deg); }
  75% { transform: translateX(60px) translateY(-2px) rotate(-5deg); }
  100% { transform: translateX(80px) translateY(0) rotate(0deg); }
}
@keyframes pan-run-b {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(-15px) translateY(2px) rotate(-3deg); }
  50% { transform: translateX(-30px) translateY(0) rotate(0deg); }
  75% { transform: translateX(-45px) translateY(2px) rotate(3deg); }
  100% { transform: translateX(-60px) translateY(0) rotate(0deg); }
}
@keyframes pan-run-c {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  20% { transform: translateX(12px) translateY(-3px) rotate(4deg); }
  40% { transform: translateX(24px) translateY(0) rotate(0deg); }
  60% { transform: translateX(36px) translateY(-3px) rotate(-4deg); }
  80% { transform: translateX(48px) translateY(0) rotate(0deg); }
  100% { transform: translateX(60px) translateY(0) rotate(0deg); }
}
@keyframes pan-lamp-flicker {
  0% { opacity: 0.6; box-shadow: 0 0 10px 2px #c08040; }
  50% { opacity: 1; box-shadow: 0 0 20px 6px #f0c060; }
  100% { opacity: 0.7; box-shadow: 0 0 12px 3px #c08040; }
}
@keyframes pan-steam-drift {
  0% { transform: translateX(0) scale(1); opacity: 0.3; }
  25% { transform: translateX(20px) scale(1.1); opacity: 0.5; }
  50% { transform: translateX(40px) scale(1.2); opacity: 0.2; }
  75% { transform: translateX(60px) scale(1.1); opacity: 0.4; }
  100% { transform: translateX(80px) scale(1); opacity: 0.3; }
}

/* mrs-enderbys-plan */
.scn-mrs-enderbys-plan {
  background: linear-gradient(180deg, #f5e6c8 0%, #e0c898 30%, #c8a878 100%), radial-gradient(ellipse at 50% 100%, #d4b080 0%, transparent 70%);
}
.scn-mrs-enderbys-plan .sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #faf0dc 0%, #e8d4ad 100%); animation: meb-sky 4s ease-in-out infinite alternate; }
.scn-mrs-enderbys-plan .ground { position:absolute; bottom:0; inset:60% 0 0 0; background: linear-gradient(180deg, #9fbe7a 0%, #7a9f5a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.15); }
.scn-mrs-enderbys-plan .buggy { position:absolute; bottom:35%; left:30%; width:120px; height:50px; background: linear-gradient(135deg, #7a5a3a 0%, #5a3a1a 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: meb-buggy 1.5s ease-in-out infinite; }
.scn-mrs-enderbys-plan .wheel { position:absolute; bottom:30%; left:32%; width:30px; height:30px; background: radial-gradient(circle, #4a2a1a 30%, #2a1a0a 70%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,0.4); animation: meb-wheel 0.8s linear infinite; }
.scn-mrs-enderbys-plan .figure-a { position:absolute; bottom:32%; left:38%; width:20px; height:40px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: meb-figure 2s ease-in-out infinite; }
.scn-mrs-enderbys-plan .figure-b { position:absolute; bottom:32%; left:44%; width:20px; height:38px; background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: meb-figure 2.5s ease-in-out infinite; }
.scn-mrs-enderbys-plan .shadow { position:absolute; bottom:30%; left:30%; width:130px; height:10px; background: rgba(0,0,0,0.2); border-radius:50%; filter:blur(4px); animation: meb-shadow 3s ease-in-out infinite; }
.scn-mrs-enderbys-plan .grass-blade { position:absolute; bottom:55%; left:60%; width:4px; height:20px; background: linear-gradient(180deg, #8fb86a 0%, #5a8a3a 100%); border-radius:50%; transform-origin: bottom center; animation: meb-grass 1.2s ease-in-out infinite alternate; }
@keyframes meb-sky { 0%{ opacity:0.85; } 50%{ opacity:1; } 100%{ opacity:0.9; } }
@keyframes meb-buggy { 0%,100%{ transform: translateY(0) rotate(-0.5deg); } 50%{ transform: translateY(-2px) rotate(0.5deg); } }
@keyframes meb-wheel { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
@keyframes meb-figure { 0%,100%{ transform: translateX(0) rotate(-2deg); } 50%{ transform: translateX(3px) rotate(2deg); } }
@keyframes meb-shadow { 0%,100%{ transform: scaleX(1); opacity:0.5; } 50%{ transform: scaleX(0.9); opacity:0.3; } }
@keyframes meb-grass { 0%{ transform: rotate(-10deg); } 50%{ transform: rotate(5deg); } 100%{ transform: rotate(-5deg); } }

/* new-plan-cancelled */
.scn-new-plan-cancelled {
  background: linear-gradient(180deg, #f5e6c8 0%, #d4b080 50%, #b89870 100%), radial-gradient(ellipse at 50% 0, #faf0dc 0%, transparent 60%);
}
.scn-new-plan-cancelled .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #faf0dc 0%, #e0c898 100%); }
.scn-new-plan-cancelled .ground { position:absolute; bottom:0; inset:55% 0 0 0; background: linear-gradient(180deg, #b8a878 0%, #8a7050 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.2); }
.scn-new-plan-cancelled .house { position:absolute; bottom:30%; left:10%; width:100px; height:80px; background: linear-gradient(180deg, #c8a878 0%, #a88a5a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.3); }
.scn-new-plan-cancelled .door { position:absolute; bottom:30%; left:18%; width:18px; height:30px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:20% 20% 0 0; box-shadow: inset 0 0 8px rgba(0,0,0,0.5); }
.scn-new-plan-cancelled .figure-one { position:absolute; bottom:28%; left:40%; width:18px; height:36px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: npc-figure 1.8s ease-in-out infinite; }
.scn-new-plan-cancelled .figure-two { position:absolute; bottom:27%; left:48%; width:18px; height:34px; background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: npc-figure 2.2s ease-in-out infinite; }
.scn-new-plan-cancelled .figure-three { position:absolute; bottom:26%; left:56%; width:18px; height:32px; background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: npc-figure 2s ease-in-out infinite; }
.scn-new-plan-cancelled .shadow-harsh { position:absolute; bottom:25%; left:38%; width:140px; height:8px; background: rgba(0,0,0,0.3); border-radius:50%; filter:blur(2px); animation: npc-shadow 2s ease-in-out infinite; }
.scn-new-plan-cancelled .path { position:absolute; bottom:15%; left:0; right:0; height:15%; background: linear-gradient(180deg, #c8b080 0%, #a8885a 100%); border-radius: 40% 40% 0 0 / 100% 100% 0 0; animation: npc-path 10s ease-in-out infinite alternate; }
@keyframes npc-figure { 0%,100%{ transform: translateX(0) rotate(-1deg); } 50%{ transform: translateX(2px) rotate(1deg); } }
@keyframes npc-shadow { 0%,100%{ transform: scaleX(1) translateX(0); } 50%{ transform: scaleX(0.8) translateX(5px); } }
@keyframes npc-path { 0%{ opacity:0.7; } 50%{ opacity:0.9; } 100%{ opacity:0.75; } }

/* mary-plans-help */
.scn-mary-plans-help {
  background: linear-gradient(180deg, #fae3c0 0%, #e0b890 40%, #c8a070 100%), radial-gradient(ellipse at 50% 100%, #d4b080 0%, transparent 70%);
}
.scn-mary-plans-help .sky-warm { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #faf0dc 0%, #f0d8b0 100%); animation: mph-sky 6s ease-in-out infinite alternate; }
.scn-mary-plans-help .ground-warm { position:absolute; bottom:0; inset:55% 0 0 0; background: linear-gradient(180deg, #b8a070 0%, #907850 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.1); }
.scn-mary-plans-help .cottage { position:absolute; bottom:28%; left:35%; width:120px; height:90px; background: linear-gradient(180deg, #d8b890 0%, #b89870 100%); border-radius: 6% 6% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.2); animation: mph-cottage 4s ease-in-out infinite; }
.scn-mary-plans-help .window-warm { position:absolute; bottom:38%; left:43%; width:20px; height:22px; background: radial-gradient(circle, #f0d080 0%, #d0a860 70%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 12px 3px #d0a860, 0 0 24px 6px rgba(208,168,96,0.3); animation: mph-glow 3s ease-in-out infinite alternate; }
.scn-mary-plans-help .door-warm { position:absolute; bottom:28%; left:38%; width:22px; height:36px; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); border-radius:20% 20% 0 0; box-shadow: inset 0 0 8px rgba(0,0,0,0.4); }
.scn-mary-plans-help .figure-mary { position:absolute; bottom:28%; left:50%; width:20px; height:38px; background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mph-figure 3s ease-in-out infinite; }
.scn-mary-plans-help .figure-brown { position:absolute; bottom:27%; left:58%; width:22px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mph-figure 3.5s ease-in-out infinite; }
.scn-mary-plans-help .bench { position:absolute; bottom:25%; left:42%; width:60px; height:8px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius:20%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.scn-mary-plans-help .tree-warm { position:absolute; bottom:45%; left:20%; width:80px; height:100px; background: linear-gradient(180deg, #6a8a4a 0%, #3a5a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; filter: blur(2px); opacity:0.8; animation: mph-tree 8s ease-in-out infinite alternate; }
@keyframes mph-sky { 0%{ opacity:0.9; } 50%{ opacity:1; } 100%{ opacity:0.85; } }
@keyframes mph-cottage { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-2px); } }
@keyframes mph-glow { 0%{ box-shadow: 0 0 10px 2px #d0a860, 0 0 20px 4px rgba(208,168,96,0.3); opacity:0.9; } 50%{ box-shadow: 0 0 18px 6px #f0d080, 0 0 36px 12px rgba(240,208,128,0.4); opacity:1; } 100%{ box-shadow: 0 0 12px 3px #d0a860, 0 0 24px 6px rgba(208,168,96,0.35); opacity:0.95; } }
@keyframes mph-figure { 0%,100%{ transform: translateX(0) rotate(-1deg); } 50%{ transform: translateX(2px) rotate(1deg); } }
@keyframes mph-tree { 0%{ transform: translateY(0) rotate(-2deg); } 50%{ transform: translateY(-3px) rotate(1deg); } 100%{ transform: translateY(0) rotate(-1deg); } }

/* agricultural-college-horsham */
.scn-agricultural-college-horsham {
  background: linear-gradient(180deg, #e0d8c8 0%, #c8b898 40%, #a89878 100%), radial-gradient(ellipse at 50% 0, #faf0dc 0%, transparent 70%);
}
.scn-agricultural-college-horsham .sky-bright { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #faf0dc 0%, #e8d8b8 100%); animation: ach-sky 20s ease-in-out infinite alternate; }
.scn-agricultural-college-horsham .far-hills { position:absolute; bottom:40%; left:0; right:0; height:15%; background: linear-gradient(180deg, #b8a888 0%, #908068 100%); border-radius: 60% 40% 0 0 / 100% 80% 0 0; opacity:0.6; animation: ach-hills 30s ease-in-out infinite alternate; }
.scn-agricultural-college-horsham .fields { position:absolute; bottom:20%; left:0; right:0; height:25%; background: linear-gradient(180deg, #b8c090 0%, #8a9a6a 100%); box-shadow: inset 0 4px 10px rgba(0,0,0,0.05); }
.scn-agricultural-college-horsham .road { position:absolute; bottom:18%; left:30%; right:30%; height:8%; background: linear-gradient(180deg, #c8b898 0%, #a8885a 100%); border-radius: 20% 20% 0 0; opacity:0.8; }
.scn-agricultural-college-horsham .wagon { position:absolute; bottom:25%; left:20%; width:110px; height:45px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%); border-radius: 8% 8% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); animation: ach-wagon 15s linear infinite; }
.scn-agricultural-college-horsham .wagon-wheel { position:absolute; bottom:20%; left:22%; width:28px; height:28px; background: radial-gradient(circle, #4a2a1a 30%, #2a1a0a 70%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: ach-wheel 1.2s linear infinite; }
.scn-agricultural-college-horsham .college-building { position:absolute; bottom:30%; right:10%; width:100px; height:70px; background: linear-gradient(180deg, #d8c090 0%, #b89870 100%); border-radius: 4% 4% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.15); }
.scn-agricultural-college-horsham .heat-haze { position:absolute; bottom:20%; left:0; right:0; height:30%; background: linear-gradient(180deg, transparent 0%, rgba(255,255,200,0.1) 50%, transparent 100%); filter: blur(8px); animation: ach-haze 8s ease-in-out infinite alternate; }
@keyframes ach-sky { 0%{ opacity:0.9; } 50%{ opacity:1; } 100%{ opacity:0.95; } }
@keyframes ach-hills { 0%{ transform: translateX(0); } 50%{ transform: translateX(3px); } 100%{ transform: translateX(-3px); } }
@keyframes ach-wagon { 0%{ transform: translateX(0); } 100%{ transform: translateX(10px); } }
@keyframes ach-wheel { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
@keyframes ach-haze { 0%{ opacity:0.3; transform: translateY(0); } 50%{ opacity:0.7; transform: translateY(-2px); } 100%{ opacity:0.4; transform: translateY(1px); } }

.scn-smallpox-temple {
  background:
    radial-gradient(ellipse at 70% 30%, rgba(255,215,140,0.3) 0%, transparent 40%),
    linear-gradient(180deg, #f0e0c0 0%, #c8b080 30%, #a08060 60%, #705040 100%);
}
.scn-smallpox-temple .st-floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(0deg, #a08060 0%, #c8b080 100%); border-radius: 30% 30% 0 0; }
.scn-smallpox-temple .st-column-left, .scn-smallpox-temple .st-column-right { position:absolute; bottom:25%; width:20px; height:60%; background: linear-gradient(180deg, #d0b890 0%, #a08060 100%); box-shadow: -4px 0 8px rgba(0,0,0,0.2), 4px 0 8px rgba(0,0,0,0.2); border-radius: 4px 4px 0 0; }
.scn-smallpox-temple .st-column-left { left:15%; }
.scn-smallpox-temple .st-column-right { right:15%; }
.scn-smallpox-temple .st-screen { position:absolute; bottom:30%; left:30%; right:30%; height:50%; background: linear-gradient(180deg, #d4a052 0%, #b8862a 50%, #9a6a1e 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 12px 24px rgba(0,0,0,0.5), inset 0 2px 4px rgba(255,200,100,0.3); transform: perspective(800px) rotateY(6deg); animation: st-screen-shimmer 6s ease-in-out infinite; }
.scn-smallpox-temple .st-figure { position:absolute; bottom:32%; left:38%; width:16%; height:40%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: st-figure-sway 8s ease-in-out infinite alternate; }
.scn-smallpox-temple .st-light-ray { position:absolute; top:0; width:60px; height:100%; background: linear-gradient(180deg, rgba(255,240,200,0.4) 0%, transparent 70%); filter: blur(8px); }
.scn-smallpox-temple .st-ray-1 { left:35%; animation: st-ray-move 14s ease-in-out infinite alternate; }
.scn-smallpox-temple .st-ray-2 { right:30%; animation: st-ray-move 18s ease-in-out infinite alternate-reverse; }
.scn-smallpox-temple .st-glow { position:absolute; bottom:32%; left:30%; right:30%; height:30%; background: radial-gradient(ellipse at 50% 50%, rgba(255,200,100,0.15) 0%, transparent 70%); animation: st-glow-pulse 10s ease-in-out infinite alternate; }
@keyframes st-screen-shimmer { 0%,100% { background-position:0% 0%; opacity:0.85; } 50% { background-position:50% 100%; opacity:1; box-shadow: 0 12px 24px rgba(0,0,0,0.5), inset 0 0 10px rgba(255,200,100,0.5); } }
@keyframes st-figure-sway { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(4px) rotate(1deg); } 100% { transform: translateX(-2px) rotate(-0.5deg); } }
@keyframes st-ray-move { 0% { transform: translateX(-20px) scaleX(1); opacity:0.4; } 50% { transform: translateX(10px) scaleX(1.2); opacity:0.7; } 100% { transform: translateX(-10px) scaleX(0.9); opacity:0.3; } }
@keyframes st-glow-pulse { 0% { opacity:0.2; transform: scale(1); } 50% { opacity:0.5; transform: scale(1.1); } 100% { opacity:0.3; transform: scale(0.95); } }

.scn-well-of-fate {
  background:
    radial-gradient(ellipse at 30% 40%, #d44a2a 0%, transparent 40%),
    linear-gradient(180deg, #faf0e0 0%, #e8d4b0 30%, #c8965a 70%, #806040 100%);
}
.scn-well-of-fate .wf-sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #f2e8d8 0%, #c8b090 100%); animation: wf-sky-bright 12s ease-in-out infinite alternate; }
.scn-well-of-fate .wf-well { position:absolute; bottom:10%; left:30%; right:30%; height:50%; background: radial-gradient(ellipse at 50% 0%, #1a1208 0%, #0a0602 100%); border-radius: 0 0 40% 40%; box-shadow: inset 0 20px 40px rgba(0,0,0,0.8); }
.scn-well-of-fate .wf-stone-rim { position:absolute; bottom:40%; left:25%; right:25%; height:8%; background: linear-gradient(180deg, #8a6a4a 0%, #5a4a3a 100%); border-radius: 20px; box-shadow: 0 8px 16px rgba(0,0,0,0.6); }
.scn-well-of-fate .wf-shadow { position:absolute; bottom:40%; left:10%; width:30%; height:20%; background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, transparent 100%); animation: wf-shadow-move 10s ease-in-out infinite alternate; }
.scn-well-of-fate .wf-statue { position:absolute; bottom:38%; left:10%; width:15%; height:35%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1208 100%); border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%; animation: wf-statue-throb 4s ease-in-out infinite; }
.scn-well-of-fate .wf-red-ribbon { position:absolute; bottom:42%; left:12%; width:4%; height:15%; background: linear-gradient(180deg, #c8553d 0%, #8a2a1a 100%); border-radius: 2px; animation: wf-ribbon-wind 7s ease-in-out infinite alternate; }
.scn-well-of-fate .wf-light-streak { position:absolute; top:0; left:20%; width:10%; height:70%; background: linear-gradient(180deg, rgba(255,255,200,0.6) 0%, transparent 80%); filter: blur(6px); animation: wf-streak 9s ease-in-out infinite alternate; }
.scn-well-of-fate .wf-dust { position:absolute; bottom:25%; left:20%; width:60%; height:20%; background: radial-gradient(ellipse at 50% 50%, rgba(180,140,100,0.2) 0%, transparent 70%); animation: wf-dust-drift 20s linear infinite; }
@keyframes wf-sky-bright { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes wf-shadow-move { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(30px) scaleY(1.1); } 100% { transform: translateX(-20px) scaleY(0.9); } }
@keyframes wf-statue-throb { 0%,100% { transform: scale(1); opacity:0.9; } 50% { transform: scale(1.03); opacity:1; } }
@keyframes wf-ribbon-wind { 0% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(7deg) translateX(4px); } 100% { transform: rotate(-3deg) translateX(-2px); } }
@keyframes wf-streak { 0% { transform: rotate(-5deg) translateY(0); opacity:0.3; } 50% { transform: rotate(10deg) translateY(-20px); opacity:0.7; } 100% { transform: rotate(-2deg) translateY(10px); opacity:0.4; } }
@keyframes wf-dust-drift { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(30px) translateY(-10px); } 100% { transform: translateX(-20px) translateY(5px); } }

.scn-well-of-long-life {
  background:
    radial-gradient(ellipse at 60% 70%, #6a7a4a 0%, transparent 40%),
    linear-gradient(180deg, #c8c0a0 0%, #a09070 40%, #607040 80%, #304020 100%);
}
.scn-well-of-long-life .wl-ruin-wall { position:absolute; bottom:30%; left:5%; right:5%; height:70%; background: linear-gradient(180deg, #b0a080 0%, #807060 100%); border-radius: 8% 8% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.3); }
.scn-well-of-long-life .wl-pool { position:absolute; bottom:0; left:10%; right:10%; height:30%; background: radial-gradient(ellipse at 50% 30%, #5a6a3a 0%, #3a4a2a 100%); border-radius: 50% 50% 0 0; box-shadow: inset 0 4px 8px rgba(0,0,0,0.4); }
.scn-well-of-long-life .wl-ripple { position:absolute; bottom:12%; width:25%; height:20%; background: transparent; border: 2px solid rgba(120,160,80,0.3); border-radius: 50%; filter: blur(1px); }
.scn-well-of-long-life .wl-ripple-1 { left:20%; animation: wl-ripple-expand 10s ease-out infinite; }
.scn-well-of-long-life .wl-ripple-2 { left:50%; animation: wl-ripple-expand 15s ease-out infinite 5s; }
.scn-well-of-long-life .wl-monkey-statue { position:absolute; bottom:27%; left:15%; width:12%; height:25%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%; animation: wl-statue-breathe 12s ease-in-out infinite; }
.scn-well-of-long-life .wl-lichen { position:absolute; bottom:40%; left:30%; width:20%; height:15%; background: radial-gradient(ellipse at 50% 50%, #6a8a4a 0%, #3a5a2a 80%); border-radius: 40% 60% 50% 30%; filter: blur(3px); animation: wl-lichen-grow 30s ease-in-out infinite alternate; }
.scn-well-of-long-life .wl-sunbeam { position:absolute; top:0; left:30%; width:40%; height:100%; background: linear-gradient(180deg, rgba(255,240,200,0.2) 0%, transparent 60%); filter: blur(10px); animation: wl-beam-shift 20s ease-in-out infinite alternate; }
@keyframes wl-ripple-expand { 0% { transform: scale(0.5); opacity:0.6; } 50% { transform: scale(1.2); opacity:0.2; } 100% { transform: scale(1.5); opacity:0; } }
@keyframes wl-statue-breathe { 0%,100% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } }
@keyframes wl-lichen-grow { 0% { transform: scale(1); opacity:0.7; } 50% { transform: scale(1.1); opacity:0.9; } 100% { transform: scale(0.95); opacity:0.6; } }
@keyframes wl-beam-shift { 0% { transform: translateX(-20px) skewX(2deg); } 50% { transform: translateX(15px) skewX(-3deg); } 100% { transform: translateX(-5px) skewX(1deg); } }

.scn-fulfillment-of-desire {
  background:
    radial-gradient(ellipse at 40% 50%, #c08040 0%, transparent 50%),
    linear-gradient(180deg, #2a1a0a 0%, #4a2a1a 30%, #6a3a2a 60%, #1a0a00 100%);
}
.scn-fulfillment-of-desire .fd-arch { position:absolute; top:5%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius: 60% 60% 10% 10% / 80% 80% 10% 10%; box-shadow: inset 0 10px 20px rgba(0,0,0,0.6); }
.scn-fulfillment-of-desire .fd-shrine { position:absolute; bottom:20%; left:30%; right:30%; height:40%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%); border-radius: 20% 20% 10% 10% / 30% 30% 10% 10%; box-shadow: 0 8px 16px rgba(0,0,0,0.7), inset 0 4px 8px rgba(200,160,80,0.3); }
.scn-fulfillment-of-desire .fd-flame { position:absolute; bottom:45%; left:47%; width:6%; height:15%; background: linear-gradient(180deg, #ffcc80 0%, #e08020 50%, #803010 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; box-shadow: 0 0 30px 10px rgba(255,180,60,0.6); animation: fd-flame-flicker 3s ease-in-out infinite; }
.scn-fulfillment-of-desire .fd-offering { position:absolute; bottom:22%; left:38%; width:24%; height:15%; background: linear-gradient(180deg, #a08060 0%, #705040 100%); border-radius: 20% 20% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.scn-fulfillment-of-desire .fd-figure { position:absolute; bottom:15%; left:15%; width:12%; height:35%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0602 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: fd-figure-bow 9s ease-in-out infinite; }
.scn-fulfillment-of-desire .fd-glow { position:absolute; bottom:20%; left:10%; right:10%; height:40%; background: radial-gradient(ellipse at 50% 50%, rgba(255,200,100,0.15) 0%, transparent 70%); animation: fd-glow-pulse 8s ease-in-out infinite alternate; }
.scn-fulfillment-of-desire .fd-curtain { position:absolute; top:10%; left:0; width:20%; height:90%; background: linear-gradient(180deg, #5a2a1a 0%, #3a1a0a 100%); border-radius: 0 30% 30% 0; box-shadow: 2px 0 8px rgba(0,0,0,0.5); animation: fd-curtain-sway 11s ease-in-out infinite alternate; }
@keyframes fd-flame-flicker { 0%,100% { transform: scaleY(1) scaleX(1); opacity:0.9; } 25% { transform: scaleY(1.1) scaleX(0.9); opacity:1; } 50% { transform: scaleY(0.95) scaleX(1.05); opacity:0.85; } 75% { transform: scaleY(1.05) scaleX(1); opacity:0.95; } }
@keyframes fd-figure-bow { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-6px) rotate(-4deg); } 60% { transform: translateY(-10px) rotate(4deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes fd-glow-pulse { 0% { opacity:0.2; transform: scale(1); } 50% { opacity:0.5; transform: scale(1.05); } 100% { opacity:0.3; transform: scale(0.98); } }
@keyframes fd-curtain-sway { 0% { transform: translateX(0); } 50% { transform: translateX(8px); } 100% { transform: translateX(-4px); } }

/* Scene 1: maxims-didnt-kill */
.scn-maxims-didnt-kill {
  background:
    linear-gradient(180deg, #1a1e2e 0%, #2a2e3e 50%, #1a1a2a 100%),
    radial-gradient(ellipse at 60% 20%, #3a4a5e 0%, transparent 70%);
}
.scn-maxims-didnt-kill .bg-wall {
  position: absolute; inset: 0; 
  background: linear-gradient(180deg, #2a2e3e 0%, #1a1e2e 100%);
  animation: mdk-wallpulse 8s ease-in-out infinite alternate;
}
.scn-maxims-didnt-kill .window-light {
  position: absolute; top: 15%; left: 65%; width: 40px; height: 60px;
  background: radial-gradient(circle, rgba(200,180,140,0.3) 0%, transparent 70%);
  border-radius: 4px;
  box-shadow: 0 0 30px 10px rgba(200,180,140,0.15);
  animation: mdk-windowflicker 4s ease-in-out infinite;
}
.scn-maxims-didnt-kill .table {
  position: absolute; bottom: 22%; left: 20%; right: 20%; height: 18%;
  background: linear-gradient(180deg, #4a3e2a 0%, #2a1e0a 100%);
  border-radius: 4px 4px 0 0;
  transform: perspective(400px) rotateX(60deg);
  transform-origin: bottom center;
  animation: mdk-table 12s ease-in-out infinite alternate;
}
.scn-maxims-didnt-kill .map {
  position: absolute; bottom: 28%; left: 35%; width: 30%; height: 12%;
  background: linear-gradient(135deg, #c8b88a 0%, #a89060 100%);
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
  transform: rotate(-2deg);
  animation: mdk-map 10s ease-in-out infinite;
}
.scn-maxims-didnt-kill .figure-soldier {
  position: absolute; bottom: 20%; left: 30%; width: 28px; height: 50px;
  background: linear-gradient(180deg, #2c3a2c 0%, #141a14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mdk-soldier 6s ease-in-out infinite;
}
.scn-maxims-didnt-kill .rifle {
  position: absolute; bottom: 24%; left: 33%; width: 3px; height: 36px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a100a 100%);
  border-radius: 1px;
  transform: rotate(15deg);
  transform-origin: bottom center;
  animation: mdk-rifle 6s ease-in-out infinite;
}
.scn-maxims-didnt-kill .shadow-cast {
  position: absolute; bottom: 18%; left: 25%; right: 25%; height: 6%;
  background: radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 80%);
  animation: mdk-shadow 10s ease-in-out infinite alternate;
}
@keyframes mdk-wallpulse { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes mdk-windowflicker { 0%,100% { opacity: 0.5; transform: scaleY(1) } 50% { opacity: 0.8; transform: scaleY(1.03) } }
@keyframes mdk-table { 0% { transform: perspective(400px) rotateX(58deg) translateY(0) } 50% { transform: perspective(400px) rotateX(62deg) translateY(-2px) } 100% { transform: perspective(400px) rotateX(60deg) translateY(0) } }
@keyframes mdk-map { 0%,100% { transform: rotate(-2deg) translateX(0) } 50% { transform: rotate(-1deg) translateX(2px) } }
@keyframes mdk-soldier { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-3px) rotate(2deg) } 50% { transform: translateY(-1px) rotate(-1deg) } 75% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes mdk-rifle { 0% { transform: rotate(15deg) } 50% { transform: rotate(18deg) } 100% { transform: rotate(14deg) } }
@keyframes mdk-shadow { 0% { opacity: 0.6; transform: scaleX(1) } 100% { opacity: 0.8; transform: scaleX(1.1) } }

/* Scene 2: narrator-proposed-campaign */
.scn-narrator-proposed-campaign {
  background:
    linear-gradient(180deg, #3a2e1a 0%, #2a1e0a 40%, #1a1206 100%),
    radial-gradient(ellipse at 40% 80%, #5a4a2a 0%, transparent 60%);
}
.scn-narrator-proposed-campaign .bg-cabin {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #4a3a1a 0%, #2a1e0a 100%);
  animation: npc-cabin 14s ease-in-out infinite alternate;
}
.scn-narrator-proposed-campaign .desk {
  position: absolute; bottom: 15%; left: 15%; right: 15%; height: 20%;
  background: linear-gradient(180deg, #6a5232 0%, #3a2a12 100%);
  border-radius: 6px 6px 0 0;
  transform: perspective(300px) rotateX(50deg);
  transform-origin: bottom center;
  animation: npc-desk 10s ease-in-out infinite;
}
.scn-narrator-proposed-campaign .figure-narrator {
  position: absolute; bottom: 18%; left: 40%; width: 32px; height: 55px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: npc-narrator 4s ease-in-out infinite;
}
.scn-narrator-proposed-campaign .bible-book {
  position: absolute; bottom: 22%; left: 48%; width: 24px; height: 32px;
  background: linear-gradient(135deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 2px 2px 4px 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  transform: rotate(5deg);
  animation: npc-bible 6s ease-in-out infinite alternate;
}
.scn-narrator-proposed-campaign .biltong-strip {
  position: absolute; bottom: 24%; left: 55%; width: 12px; height: 6px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a12 100%);
  border-radius: 3px;
  transform: rotate(-15deg);
  animation: npc-biltong 4s ease-in-out infinite;
}
.scn-narrator-proposed-campaign .candle {
  position: absolute; bottom: 30%; left: 25%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #f0d8a0 0%, #c8a060 100%);
  border-radius: 2px;
  animation: npc-candle 8s ease-in-out infinite alternate;
}
.scn-narrator-proposed-campaign .candle-glow {
  position: absolute; bottom: 28%; left: 22%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(240,200,100,0.15) 0%, transparent 70%);
  border-radius: 50%;
  animation: npc-glow 4s ease-in-out infinite alternate;
}
@keyframes npc-cabin { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes npc-desk { 0% { transform: perspective(300px) rotateX(48deg) translateY(0) } 50% { transform: perspective(300px) rotateX(52deg) translateY(-2px) } 100% { transform: perspective(300px) rotateX(50deg) translateY(0) } }
@keyframes npc-narrator { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-5px) rotate(3deg) } 50% { transform: translateY(-2px) rotate(-2deg) } 75% { transform: translateY(-4px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes npc-bible { 0% { transform: rotate(5deg) translateY(0) } 100% { transform: rotate(8deg) translateY(-2px) } }
@keyframes npc-biltong { 0%,100% { transform: rotate(-15deg) } 50% { transform: rotate(-10deg) translateX(2px) } }
@keyframes npc-candle { 0% { opacity: 0.7; transform: scaleY(1) } 50% { opacity: 1; transform: scaleY(1.05) } 100% { opacity: 0.8; transform: scaleY(0.98) } }
@keyframes npc-glow { 0% { opacity: 0.5; transform: scale(1) } 100% { opacity: 0.9; transform: scale(1.3) } }

/* Scene 3: biltong-and-bible-plan */
.scn-biltong-and-bible-plan {
  background:
    linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #0a0a1a 100%),
    radial-gradient(ellipse at 50% 100%, #3a3a4a 0%, transparent 70%);
}
.scn-biltong-and-bible-plan .bg-nightcamp {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #1e2230 0%, #12141c 100%);
  animation: bbp-night 20s linear infinite alternate;
}
.scn-biltong-and-bible-plan .tent {
  position: absolute; bottom: 20%; left: 10%; width: 80px; height: 60px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  animation: bbp-tent 8s ease-in-out infinite alternate;
}
.scn-biltong-and-bible-plan .pyramid-base {
  position: absolute; bottom: 25%; left: 45%; width: 50px; height: 20px;
  background: linear-gradient(180deg, #5a4a2a 0%, #3a2a12 100%);
  border-radius: 4px;
  transform: perspective(200px) rotateX(40deg);
  transform-origin: bottom center;
  animation: bbp-pyramid 12s ease-in-out infinite;
}
.scn-biltong-and-bible-plan .pyramid-mid {
  position: absolute; bottom: 33%; left: 48%; width: 36px; height: 18px;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%);
  border-radius: 3px;
  transform: perspective(200px) rotateX(40deg);
  transform-origin: bottom center;
  animation: bbp-pyramid 12s ease-in-out infinite 0.3s;
}
.scn-biltong-and-bible-plan .pyramid-top {
  position: absolute; bottom: 40%; left: 51%; width: 22px; height: 16px;
  background: linear-gradient(180deg, #7a6a4a 0%, #5a4a2a 100%);
  border-radius: 2px;
  transform: perspective(200px) rotateX(40deg);
  transform-origin: bottom center;
  animation: bbp-pyramid 12s ease-in-out infinite 0.6s;
}
.scn-biltong-and-bible-plan .figure-boer {
  position: absolute; bottom: 18%; left: 65%; width: 24px; height: 44px;
  background: linear-gradient(180deg, #2c3e2c 0%, #142014 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bbp-boer 6s ease-in-out infinite;
}
.scn-biltong-and-bible-plan .campfire-glow {
  position: absolute; bottom: 22%; left: 38%; width: 50px; height: 50px;
  background: radial-gradient(circle, rgba(255,160,60,0.12) 0%, transparent 70%);
  border-radius: 50%;
  animation: bbp-fireglow 4s ease-in-out infinite alternate;
}
@keyframes bbp-night { 0% { opacity: 0.9 } 100% { opacity: 1 } }
@keyframes bbp-tent { 0% { transform: translateY(0) } 100% { transform: translateY(-3px) } }
@keyframes bbp-pyramid { 0% { transform: perspective(200px) rotateX(38deg) translateY(0) } 50% { transform: perspective(200px) rotateX(42deg) translateY(-2px) } 100% { transform: perspective(200px) rotateX(40deg) translateY(0) } }
@keyframes bbp-boer { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-4px) rotate(2deg) } 50% { transform: translateY(-2px) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes bbp-fireglow { 0% { opacity: 0.4; transform: scale(0.9) } 100% { opacity: 0.8; transform: scale(1.2) } }

/* Scene 4: footnote-dispute-about-note */
.scn-footnote-dispute-about-note {
  background:
    linear-gradient(180deg, #1e1a22 0%, #2a2430 40%, #1a1620 100%),
    radial-gradient(ellipse at 50% 30%, #3a3444 0%, transparent 70%);
}
.scn-footnote-dispute-about-note .bg-office {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2a2430 0%, #1e1a22 100%);
  animation: fdn-bg 10s ease-in-out infinite alternate;
}
.scn-footnote-dispute-about-note .desk-large {
  position: absolute; bottom: 18%; left: 10%; right: 10%; height: 22%;
  background: linear-gradient(180deg, #4a3a3a 0%, #2a1a1a 100%);
  border-radius: 6px 6px 0 0;
  transform: perspective(400px) rotateX(45deg);
  transform-origin: bottom center;
  animation: fdn-desk 12s ease-in-out infinite alternate;
}
.scn-footnote-dispute-about-note .note-paper {
  position: absolute; bottom: 28%; left: 45%; width: 20%; height: 10%;
  background: linear-gradient(135deg, #d0c0a0 0%, #b8a888 100%);
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.6);
  transform: rotate(1deg);
  animation: fdn-paper 5s ease-in-out infinite;
}
.scn-footnote-dispute-about-note .figure-left {
  position: absolute; bottom: 16%; left: 25%; width: 30px; height: 52px;
  background: linear-gradient(180deg, #2e2a3a 0%, #16121e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fdn-left 6s ease-in-out infinite;
}
.scn-footnote-dispute-about-note .figure-right {
  position: absolute; bottom: 16%; right: 25%; width: 30px; height: 52px;
  background: linear-gradient(180deg, #3a2e2a 0%, #1e1210 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fdn-right 6s ease-in-out infinite 0.2s;
}
.scn-footnote-dispute-about-note .lamp {
  position: absolute; bottom: 38%; left: 48%; width: 10px; height: 16px;
  background: linear-gradient(180deg, #c8a060 0%, #8a6820 100%);
  border-radius: 2px;
  animation: fdn-lamp 8s ease-in-out infinite alternate;
}
.scn-footnote-dispute-about-note .lamp-glow {
  position: absolute; bottom: 34%; left: 44%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(200,160,100,0.1) 0%, transparent 70%);
  border-radius: 50%;
  animation: fdn-glow 4s ease-in-out infinite alternate;
}
@keyframes fdn-bg { 0% { opacity: 0.9 } 100% { opacity: 1 } }
@keyframes fdn-desk { 0% { transform: perspective(400px) rotateX(43deg) translateY(0) } 50% { transform: perspective(400px) rotateX(47deg) translateY(-2px) } 100% { transform: perspective(400px) rotateX(45deg) translateY(0) } }
@keyframes fdn-paper { 0%,100% { transform: rotate(1deg) translateY(0) } 50% { transform: rotate(2deg) translateY(-2px) } }
@keyframes fdn-left { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-2px) rotate(3deg) } 50% { transform: translateY(-1px) rotate(-2deg) } 75% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes fdn-right { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-2px) rotate(-3deg) } 50% { transform: translateY(-1px) rotate(2deg) } 75% { transform: translateY(-3px) rotate(-2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes fdn-lamp { 0% { opacity: 0.7; transform: scaleY(1) } 50% { opacity: 1; transform: scaleY(1.04) } 100% { opacity: 0.8; transform: scaleY(0.98) } }
@keyframes fdn-glow { 0% { opacity: 0.4; transform: scale(0.9) } 100% { opacity: 0.9; transform: scale(1.3) } }

.scn-port-louis-matches {
  background:
    linear-gradient(180deg, #7fc7e0 0%, #b8dce8 30%, #f0e8c0 60%, #d4b87a 100%),
    radial-gradient(ellipse at 50% 0%, #fffbe6 0%, transparent 60%);
}
.scn-port-louis-matches .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #a3d4e8 0%, #d4e8f0 50%, transparent 100%);
  animation: pl-sky 12s ease-in-out infinite alternate;
}
.scn-port-louis-matches .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #2a6b8a 0%, #1a4b6a 40%, #0f3a5a 100%);
  clip-path: polygon(0% 0%, 100% 12%, 100% 100%, 0% 100%);
  animation: pl-sea 8s ease-in-out infinite alternate;
}
.scn-port-louis-matches .mountain {
  position: absolute; bottom: 35%; left: 15%; width: 70%; height: 25%;
  background: linear-gradient(135deg, #5a7a5a 0%, #3a5a3a 60%, #2a4a2a 100%);
  border-radius: 40% 30% 0 0 / 60% 50% 0 0;
  transform: rotate(2deg);
  animation: pl-mountain 20s ease-in-out infinite alternate;
}
.scn-port-louis-matches .ship {
  position: absolute; bottom: 20%; left: 25%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%);
  border-radius: 30% 10% 20% 20%;
  transform: scaleX(0.8);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: pl-bob 6s ease-in-out infinite;
}
.scn-port-louis-matches .sail {
  position: absolute; bottom: 33%; left: 28%; width: 18px; height: 30px;
  background: linear-gradient(180deg, #f8f0e0 0%, #d8c8a8 100%);
  border-radius: 20% 20% 30% 30%;
  transform: skewX(-5deg);
  box-shadow: 2px 0 4px rgba(0,0,0,0.2);
  animation: pl-sail 8s ease-in-out infinite alternate;
}
.scn-port-louis-matches .palm {
  position: absolute; bottom: 45%; right: 20%; width: 12px; height: 60px;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 0 0;
  transform-origin: bottom center;
  animation: pl-palm 8s ease-in-out infinite alternate;
}
.scn-port-louis-matches .sun {
  position: absolute; top: 10%; left: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe680 0%, #ffcc40 40%, #ff9900 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(255,204,64,0.5);
  animation: pl-sun 16s ease-in-out infinite alternate;
}
.scn-port-louis-matches .birds {
  position: absolute; top: 15%; right: 30%; width: 20px; height: 10px;
  background: transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #3a4a3a;
  transform: rotate(10deg);
  animation: pl-birds 20s linear infinite;
}
@keyframes pl-sky { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes pl-sea { 0% { transform: translateX(0) } 50% { transform: translateX(-4px) } 100% { transform: translateX(4px) } }
@keyframes pl-mountain { 0% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(3deg) } }
@keyframes pl-bob { 0%,100% { transform: translateY(0) scaleX(0.8) } 50% { transform: translateY(-2px) scaleX(0.85) } }
@keyframes pl-sail { 0% { transform: skewX(-5deg) } 50% { transform: skewX(0deg) } 100% { transform: skewX(-3deg) } }
@keyframes pl-palm { 0% { transform: rotate(0deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(-2deg) } }
@keyframes pl-sun { 0% { opacity: 0.8; transform: scale(0.95) } 50% { opacity: 1; transform: scale(1.05) } 100% { opacity: 0.9; transform: scale(1) } }
@keyframes pl-birds { 0% { transform: translateX(0) rotate(10deg) } 50% { transform: translateX(20px) rotate(5deg) } 100% { transform: translateX(40px) rotate(8deg) } }

.scn-steamer-arundel-castle {
  background: linear-gradient(180deg, #8ab8d8 0%, #c0d8e8 40%, #e0e8e8 70%, #a0b8b0 100%),
              radial-gradient(ellipse at 50% 0%, #d0e8f0 0%, transparent 70%);
}
.scn-steamer-arundel-castle .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0d0e0 0%, #d8e8f0 60%, transparent 100%);
  animation: sac-sky 15s ease-in-out infinite alternate;
}
.scn-steamer-arundel-castle .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a6a8a 0%, #1a4a6a 50%, #0a2a4a 100%);
  border-radius: 30% 20% 0 0;
  animation: sac-sea 10s ease-in-out infinite alternate;
}
.scn-steamer-arundel-castle .steamer-hull {
  position: absolute; bottom: 22%; left: 30%; width: 120px; height: 40px;
  background: linear-gradient(180deg, #4a4a3a 0%, #2a2a1a 100%);
  border-radius: 20% 20% 5% 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  transform: skewX(-2deg);
  animation: sac-hull 8s ease-in-out infinite;
}
.scn-steamer-arundel-castle .funnel {
  position: absolute; bottom: 45%; left: 38%; width: 14px; height: 40px;
  background: linear-gradient(180deg, #8a4a2a 0%, #5a2a1a 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 2px 0 4px rgba(0,0,0,0.3);
  transform: rotate(-5deg);
  animation: sac-funnel 6s ease-in-out infinite;
}
.scn-steamer-arundel-castle .smoke {
  position: absolute; bottom: 60%; left: 40%; width: 30px; height: 20px;
  background: rgba(200,200,200,0.4);
  border-radius: 50%;
  filter: blur(4px);
  animation: sac-smoke 4s ease-in-out infinite;
}
.scn-steamer-arundel-castle .wave-line {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 6px;
  background: linear-gradient(90deg, transparent, #b0d0e0 20%, transparent 80%);
  border-radius: 50%;
  filter: blur(2px);
  animation: sac-wave 3s ease-in-out infinite alternate;
}
.scn-steamer-arundel-castle .seagull {
  position: absolute; top: 20%; right: 15%; width: 12px; height: 8px;
  background: transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #3a4a4a;
  transform: rotate(15deg);
  animation: sac-gull 15s linear infinite;
}
@keyframes sac-sky { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes sac-sea { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(3px) } }
@keyframes sac-hull { 0%,100% { transform: translateY(0) skewX(-2deg) } 50% { transform: translateY(-2px) skewX(-1deg) } }
@keyframes sac-funnel { 0% { transform: rotate(-5deg) } 50% { transform: rotate(-3deg) } 100% { transform: rotate(-6deg) } }
@keyframes sac-smoke { 0% { transform: translateY(0) scale(1); opacity: 0.6 } 50% { transform: translateY(-8px) scale(1.5); opacity: 0.3 } 100% { transform: translateY(-16px) scale(2); opacity: 0 } }
@keyframes sac-wave { 0% { transform: translateX(0) } 50% { transform: translateX(10px) } 100% { transform: translateX(-10px) } }
@keyframes sac-gull { 0% { transform: translateX(0) rotate(15deg) } 50% { transform: translateX(-20px) rotate(10deg) } 100% { transform: translateX(-40px) rotate(12deg) } }

.scn-royal-hotel-durban {
  background: linear-gradient(180deg, #a0c8d0 0%, #c8d8d8 30%, #d0b88a 60%, #b89870 100%),
              radial-gradient(ellipse at 50% 0%, #e0e8d0 0%, transparent 60%);
}
.scn-royal-hotel-durban .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #b0d4e0 0%, #d0e0e0 60%, transparent 100%);
  animation: rhd-sky 20s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #7a8a5a 0%, #5a6a3a 40%, #4a5a2a 100%);
  clip-path: polygon(0% 10%, 100% 20%, 100% 100%, 0% 100%);
  animation: rhd-ground 12s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .hotel {
  position: absolute; bottom: 35%; left: 30%; width: 100px; height: 80px;
  background: linear-gradient(180deg, #d0c0a0 0%, #b0a080 50%, #8a7a5a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
  transform: perspective(400px) rotateX(10deg);
  animation: rhd-hotel 9s ease-in-out infinite;
}
.scn-royal-hotel-durban .veranda {
  position: absolute; bottom: 35%; left: 30%; width: 100px; height: 12px;
  background: linear-gradient(180deg, #c8b88a 0%, #a8986a 100%);
  border-radius: 2px;
  box-shadow: 0 -2px 4px rgba(0,0,0,0.2);
  transform: translateY(-8px);
  animation: rhd-veranda 9s ease-in-out infinite;
}
.scn-royal-hotel-durban .rickshaw {
  position: absolute; bottom: 15%; right: 20%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a4a2a 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transform: rotate(-5deg);
  animation: rhd-rickshaw 6s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .palm-tree {
  position: absolute; bottom: 50%; right: 10%; width: 10px; height: 70px;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 0 0;
  transform-origin: bottom center;
  animation: rhd-palm 10s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .chameleon {
  position: absolute; bottom: 30%; left: 20%; width: 20px; height: 12px;
  background: linear-gradient(180deg, #6a8a3a 0%, #4a6a2a 100%);
  border-radius: 50% 50% 40% 40%;
  transform: rotate(10deg);
  animation: rhd-chameleon 7s ease-in-out infinite;
}
@keyframes rhd-sky { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes rhd-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes rhd-hotel { 0%,100% { transform: perspective(400px) rotateX(10deg) translateY(0) } 50% { transform: perspective(400px) rotateX(10deg) translateY(-2px) } }
@keyframes rhd-veranda { 0%,100% { transform: translateY(-8px) } 50% { transform: translateY(-6px) } }
@keyframes rhd-rickshaw { 0% { transform: rotate(-5deg) } 50% { transform: rotate(0deg) } 100% { transform: rotate(5deg) } }
@keyframes rhd-palm { 0% { transform: rotate(0deg) } 50% { transform: rotate(4deg) } 100% { transform: rotate(-2deg) } }
@keyframes rhd-chameleon { 0% { transform: rotate(10deg) } 50% { transform: rotate(5deg) } 100% { transform: rotate(15deg) } }

.scn-jameson-over-border {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 30%, #3a2a2a 60%, #1a1a1a 100%),
              radial-gradient(ellipse at 50% 60%, #4a3a3a 0%, transparent 70%);
}
.scn-jameson-over-border .wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2a2a3a 0%, #3a2a2a 50%, #2a2a2a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: job-wall 15s ease-in-out infinite alternate;
}
.scn-jameson-over-border .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  box-shadow: inset 0 8px 12px rgba(0,0,0,0.6);
  transform: perspective(200px) rotateX(20deg);
  animation: job-floor 20s ease-in-out infinite alternate;
}
.scn-jameson-over-border .bars {
  position: absolute; top: 10%; left: 20%; width: 60%; height: 70%;
  border: 4px solid #5a4a4a;
  border-radius: 4px;
  background: repeating-linear-gradient(0deg, transparent, transparent 8px, #4a3a3a 8px, #4a3a3a 10px);
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: job-bars 8s ease-in-out infinite alternate;
}
.scn-jameson-over-border .lantern {
  position: absolute; top: 20%; left: 50%; width: 20px; height: 30px;
  background: radial-gradient(circle, #d0a050 0%, #a07030 60%, #503010 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(200,150,80,0.4);
  transform: rotate(-5deg);
  animation: job-lantern 4s ease-in-out infinite alternate;
}
.scn-jameson-over-border .figure {
  position: absolute; bottom: 18%; left: 40%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  box-shadow: -4px 0 8px rgba(0,0,0,0.5);
  animation: job-figure 6s ease-in-out infinite;
}
.scn-jameson-over-border .table {
  position: absolute; bottom: 12%; left: 35%; width: 40px; height: 10px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 2px;
  transform: perspective(100px) rotateX(40deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: job-table 9s ease-in-out infinite alternate;
}
.scn-jameson-over-border .map {
  position: absolute; bottom: 15%; left: 38%; width: 24px; height: 18px;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 2px;
  transform: rotate(10deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: job-map 5s ease-in-out infinite;
}
@keyframes job-wall { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes job-floor { 0% { transform: perspective(200px) rotateX(20deg) } 50% { transform: perspective(200px) rotateX(22deg) } 100% { transform: perspective(200px) rotateX(18deg) } }
@keyframes job-bars { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes job-lantern { 0% { transform: rotate(-5deg) scale(0.95); box-shadow: 0 0 20px 6px rgba(200,150,80,0.3) } 50% { transform: rotate(-3deg) scale(1.05); box-shadow: 0 0 40px 15px rgba(200,150,80,0.5) } 100% { transform: rotate(-7deg) scale(0.98); box-shadow: 0 0 25px 8px rgba(200,150,80,0.35) } }
@keyframes job-figure { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-3px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes job-table { 0% { transform: perspective(100px) rotateX(40deg) } 50% { transform: perspective(100px) rotateX(42deg) } 100% { transform: perspective(100px) rotateX(38deg) } }
@keyframes job-map { 0% { transform: rotate(10deg) } 50% { transform: rotate(15deg) } 100% { transform: rotate(8deg) } }

.scn-sweeping-monopoly {
  background: linear-gradient(180deg, #3a2a1a 0%, #4a3a2a 40%, #5a4a2a 100%), radial-gradient(ellipse at 50% 80%, #7a6a4a 0%, transparent 60%);
}
.scn-sweeping-monopoly .bg { position:absolute; inset:0; background: linear-gradient(180deg, #2a1a0a 0%, #3a2a1a 100%); }
.scn-sweeping-monopoly .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #5a4a2a 0%, #4a3a1a 100%); }
.scn-sweeping-monopoly .wall-l { position:absolute; bottom:35%; left:0; width:20%; height:65%; background: linear-gradient(90deg, #4a3a2a 0%, transparent 100%); }
.scn-sweeping-monopoly .wall-r { position:absolute; bottom:35%; right:0; width:20%; height:65%; background: linear-gradient(270deg, #4a3a2a 0%, transparent 100%); }
.scn-sweeping-monopoly .figure { position:absolute; bottom:30%; left:40%; width:30px; height:55px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sm-fig 3s ease-in-out infinite; }
.scn-sweeping-monopoly .broom { position:absolute; bottom:30%; left:36%; width:4px; height:30px; background: #6a5a3a; transform-origin: 50% 100%; border-radius: 2px; animation: sm-broom 3s ease-in-out infinite; }
.scn-sweeping-monopoly .pipe { position:absolute; bottom:50%; left:42%; width:8px; height:8px; background: radial-gradient(circle, #e0b060 0%, #b08040 70%); border-radius: 50%; box-shadow: 0 0 12px 3px rgba(200,160,80,0.6); animation: sm-pipe 2s ease-in-out infinite alternate; }
.scn-sweeping-monopoly .shadow { position:absolute; bottom:30%; left:38%; width:40px; height:8px; background: rgba(0,0,0,0.3); border-radius: 50%; animation: sm-shadow 3s ease-in-out infinite; }
@keyframes sm-fig { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(10px) rotate(2deg); } 50% { transform: translateX(20px) rotate(0deg); } 75% { transform: translateX(10px) rotate(-2deg); } }
@keyframes sm-broom { 0%,100% { transform: rotate(-10deg) translateX(0); } 25% { transform: rotate(0deg) translateX(8px); } 50% { transform: rotate(10deg) translateX(16px); } 75% { transform: rotate(0deg) translateX(8px); } }
@keyframes sm-pipe { 0% { opacity:0.6; box-shadow: 0 0 8px 2px rgba(200,160,80,0.4); } 50% { opacity:1; box-shadow: 0 0 18px 5px rgba(200,160,80,0.8); } 100% { opacity:0.7; box-shadow: 0 0 10px 3px rgba(200,160,80,0.5); } }
@keyframes sm-shadow { 0%,100% { transform: translateX(0); } 25% { transform: translateX(10px); } 50% { transform: translateX(20px); } 75% { transform: translateX(10px); } }

.scn-sweepers-tyranny {
  background: linear-gradient(180deg, #2a2a3a 0%, #3a2a3a 50%, #4a3a4a 100%), radial-gradient(ellipse at 50% 100%, #4a3a3a 0%, transparent 70%);
}
.scn-sweepers-tyranny .bg { position:absolute; inset:0; background: linear-gradient(180deg, #1a1a2a 0%, #2a1a2a 100%); }
.scn-sweepers-tyranny .plinth { position:absolute; bottom:30%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px; }
.scn-sweepers-tyranny .figure { position:absolute; bottom:30%; left:45%; width:30px; height:60px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: st-fig 4s ease-in-out infinite; }
.scn-sweepers-tyranny .arm { position:absolute; bottom:55%; left:44%; width:5px; height:30px; background: #1a1a1a; border-radius: 2px; transform-origin: bottom center; animation: st-arm 4s ease-in-out infinite; }
.scn-sweepers-tyranny .stick { position:absolute; bottom:65%; left:43%; width:3px; height:40px; background: #4a3a2a; border-radius: 1px; transform-origin: 50% 0%; animation: st-stick 4s ease-in-out infinite; }
.scn-sweepers-tyranny .pipe { position:absolute; bottom:50%; left:47%; width:10px; height:10px; background: radial-gradient(circle, #d0a050 0%, #a08030 70%); border-radius: 50%; box-shadow: 0 0 14px 3px rgba(180,140,60,0.6); animation: st-pipe 3s ease-in-out infinite alternate; }
.scn-sweepers-tyranny .shadow { position:absolute; bottom:30%; left:43%; width:40px; height:6px; background: rgba(0,0,0,0.4); border-radius: 50%; animation: st-shadow 4s ease-in-out infinite; }
@keyframes st-fig { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(5px) rotate(2deg); } }
@keyframes st-arm { 0% { transform: rotate(-20deg); } 50% { transform: rotate(20deg); } 100% { transform: rotate(-20deg); } }
@keyframes st-stick { 0%,100% { transform: rotate(-20deg); } 50% { transform: rotate(20deg); } }
@keyframes st-pipe { 0% { opacity:0.6; box-shadow: 0 0 10px 2px rgba(180,140,60,0.4); } 50% { opacity:1; box-shadow: 0 0 20px 6px rgba(180,140,60,0.8); } 100% { opacity:0.7; box-shadow: 0 0 12px 3px rgba(180,140,60,0.5); } }
@keyframes st-shadow { 0%,100% { transform: translateX(0); } 50% { transform: translateX(5px); } }

.scn-crossing-sweeper-analogy {
  background: linear-gradient(180deg, #4a3a2a 0%, #5a4a3a 40%, #6a5a4a 100%), radial-gradient(ellipse at 50% 60%, #8a7a5a 0%, transparent 80%);
}
.scn-crossing-sweeper-analogy .bg { position:absolute; inset:0; background: linear-gradient(180deg, #3a2a1a 0%, #4a3a2a 100%); }
.scn-crossing-sweeper-analogy .storefront { position:absolute; bottom:30%; left:5%; right:5%; height:70%; background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%); border-radius: 8px 8px 0 0; }
.scn-crossing-sweeper-analogy .door { position:absolute; bottom:30%; left:40%; right:40%; height:60%; background: #2a1a0a; border-radius: 4px 4px 0 0; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); }
.scn-crossing-sweeper-analogy .column-l { position:absolute; bottom:30%; left:8%; width:8%; height:70%; background: linear-gradient(90deg, #5a4a2a 0%, #7a6a4a 50%, #5a4a2a 100%); border-radius: 4px; }
.scn-crossing-sweeper-analogy .column-r { position:absolute; bottom:30%; right:8%; width:8%; height:70%; background: linear-gradient(270deg, #5a4a2a 0%, #7a6a4a 50%, #5a4a2a 100%); border-radius: 4px; }
.scn-crossing-sweeper-analogy .figure { position:absolute; bottom:30%; left:50%; width:28px; height:55px; transform: translateX(-50%); background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cs-fig 3.5s ease-in-out infinite; }
.scn-crossing-sweeper-analogy .broom { position:absolute; bottom:30%; left:46%; width:3px; height:28px; background: #5a4a2a; transform-origin: 50% 100%; animation: cs-broom 3.5s ease-in-out infinite; }
.scn-crossing-sweeper-analogy .hat { position:absolute; bottom:74%; left:49%; width:20px; height:12px; background: #1a1a1a; border-radius: 50% 50% 0 0; transform: translateX(-50%); animation: cs-hat 3.5s ease-in-out infinite; }
.scn-crossing-sweeper-analogy .shadow { position:absolute; bottom:30%; left:45%; width:44px; height:6px; background: rgba(0,0,0,0.3); border-radius: 50%; animation: cs-shadow 3.5s ease-in-out infinite; }
@keyframes cs-fig { 0%,100% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-40%) rotate(3deg); } 50% { transform: translateX(-30%) rotate(0deg); } 75% { transform: translateX(-40%) rotate(-3deg); } }
@keyframes cs-broom { 0%,100% { transform: rotate(-15deg) translateX(0); } 25% { transform: rotate(0deg) translateX(8px); } 50% { transform: rotate(15deg) translateX(16px); } 75% { transform: rotate(0deg) translateX(8px); } }
@keyframes cs-hat { 0%,100% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-40%) rotate(5deg); } 50% { transform: translateX(-30%) rotate(0deg); } 75% { transform: translateX(-40%) rotate(-5deg); } }
@keyframes cs-shadow { 0%,100% { transform: translateX(0); } 25% { transform: translateX(10px); } 50% { transform: translateX(20px); } 75% { transform: translateX(10px); } }

.scn-elephant-driver {
  background: linear-gradient(180deg, #3a3a2a 0%, #4a3a2a 40%, #5a4a3a 100%), radial-gradient(ellipse at 50% 50%, #6a5a3a 0%, transparent 70%);
}
.scn-elephant-driver .bg { position:absolute; inset:0; background: linear-gradient(180deg, #2a2a1a 0%, #3a2a1a 100%); }
.scn-elephant-driver .elephant-body { position:absolute; bottom:20%; left:20%; right:20%; height:50%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ed-body 5s ease-in-out infinite; }
.scn-elephant-driver .elephant-head { position:absolute; bottom:40%; left:15%; width:20%; height:35%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 30% 30% / 50% 50% 30% 30%; animation: ed-head 5s ease-in-out infinite; }
.scn-elephant-driver .ear { position:absolute; bottom:45%; left:10%; width:12%; height:25%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 0% 50% 0% / 50% 0% 50% 0%; animation: ed-ear 5s ease-in-out infinite alternate; }
.scn-elephant-driver .driver { position:absolute; bottom:62%; left:25%; width:15px; height:25px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ed-driver 5s ease-in-out infinite; }
.scn-elephant-driver .turban { position:absolute; bottom:74%; left:24.5%; width:16px; height:8px; background: #2a3a2a; border-radius: 50% 50% 0 0; animation: ed-turban 5s ease-in-out infinite; }
.scn-elephant-driver .goad { position:absolute; bottom:62%; left:30%; width:3px; height:18px; background: #4a3a2a; transform-origin: bottom center; animation: ed-goad 5s ease-in-out infinite; }
.scn-elephant-driver .shadow { position:absolute; bottom:20%; left:20%; right:20%; height:10%; background: rgba(0,0,0,0.3); border-radius: 50%; animation: ed-shadow 5s ease-in-out infinite; }
@keyframes ed-body { 0%,100% { transform: scaleX(1) translateY(0); } 50% { transform: scaleX(1.02) translateY(-3px); } }
@keyframes ed-head { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ed-ear { 0% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } }
@keyframes ed-driver { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ed-turban { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ed-goad { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }
@keyframes ed-shadow { 0%,100% { transform: scaleX(1); } 50% { transform: scaleX(1.05); } }

/* Scene: total-133 (dark,dim-interior) */
.scn-total-133 {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 50%, #1a1a2e 100%),
    radial-gradient(ellipse at 50% 100%, #2a2a3e 0%, transparent 70%);
}
.scn-total-133 .wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%);
}
.scn-total-133 .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%);
}
.scn-total-133 .window {
  position: absolute; top: 12%; left: 35%; width: 30%; height: 35%;
  background: linear-gradient(135deg, #0d0d1a 0%, #1a1a2e 100%);
  border: 3px solid #4a3a2a;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.6);
}
.scn-total-133 .desk {
  position: absolute; bottom: 18%; left: 25%; width: 50%; height: 10%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 8px rgba(0,0,0,.5);
}
.scn-total-133 .candle {
  position: absolute; bottom: 28%; left: 48%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #f0e0c0 0%, #c0a080 100%);
  border-radius: 2px;
  transform: translateX(-50%);
  animation: t3-candle 3s ease-in-out infinite;
}
.scn-total-133 .glow {
  position: absolute; bottom: 30%; left: 48%; width: 80px; height: 80px;
  transform: translate(-50%, 50%);
  background: radial-gradient(circle, #ffd080 0%, #b06020 40%, transparent 70%);
  border-radius: 50%;
  animation: t3-glow 4s ease-in-out infinite alternate;
}
.scn-total-133 .figure {
  position: absolute; bottom: 16%; left: 40%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: t3-figure 6s ease-in-out infinite;
}
.scn-total-133 .shadow {
  position: absolute; bottom: 16%; left: 38%; width: 40px; height: 6px;
  background: rgba(0,0,0,.4);
  border-radius: 50%;
  filter: blur(3px);
  animation: t3-shadow 6s ease-in-out infinite;
}
@keyframes t3-candle {
  0%,100% { transform: translateX(-50%) scaleY(1); opacity: .9; }
  50% { transform: translateX(-50%) scaleY(1.02); opacity: 1; }
}
@keyframes t3-glow {
  0% { transform: translate(-50%, 50%) scale(1); opacity: .7; }
  50% { transform: translate(-50%, 50%) scale(1.1); opacity: .9; }
  100% { transform: translate(-50%, 50%) scale(.95); opacity: .8; }
}
@keyframes t3-figure {
  0%,100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(-2deg); }
  50% { transform: translateY(-1px) rotate(2deg); }
  75% { transform: translateY(-3px) rotate(-1deg); }
}
@keyframes t3-shadow {
  0%,100% { transform: scaleX(1); opacity: .4; }
  50% { transform: scaleX(1.1); opacity: .5; }
}

/* Scene: improvement-over-precedents (calm,dim-interior) */
.scn-improvement-over-precedents {
  background:
    linear-gradient(180deg, #3a3a4a 0%, #4a4a5a 50%, #3a3a4a 100%),
    radial-gradient(ellipse at 50% 0%, #5a5a6a 0%, transparent 60%);
}
.scn-improvement-over-precedents .wall {
  position: absolute; inset: 0 0 15% 0;
  background: linear-gradient(180deg, #4a4a5a 0%, #3a3a4a 100%);
}
.scn-improvement-over-precedents .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
}
.scn-improvement-over-precedents .bookshelf {
  position: absolute; top: 20%; left: 5%; width: 25%; height: 60%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(0,0,0,.3);
}
.scn-improvement-over-precedents .lamp {
  position: absolute; top: 10%; left: 50%; width: 20px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #d0c0a0 0%, #a09070 100%);
  border-radius: 30% 30% 10% 10%;
  animation: ip-lamp 8s ease-in-out infinite;
}
.scn-improvement-over-precedents .lamp-glow {
  position: absolute; top: 5%; left: 50%; width: 120px; height: 120px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, #ffe0a0 0%, #d09040 30%, transparent 70%);
  border-radius: 50%;
  animation: ip-lamp-glow 10s ease-in-out infinite alternate;
}
.scn-improvement-over-precedents .map {
  position: absolute; top: 25%; right: 10%; width: 35%; height: 50%;
  background: linear-gradient(135deg, #c8b890 0%, #a09070 100%);
  border: 2px solid #7a6a5a;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: ip-map 15s ease-in-out infinite;
}
.scn-improvement-over-precedents .chair {
  position: absolute; bottom: 15%; left: 20%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 40% 40%;
  transform: rotate(5deg);
  animation: ip-chair 12s ease-in-out infinite;
}
.scn-improvement-over-precedents .table {
  position: absolute; bottom: 20%; left: 35%; width: 30%; height: 8%;
  background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%);
  border-radius: 4px;
  box-shadow: 0 -2px 6px rgba(0,0,0,.4);
}
@keyframes ip-lamp {
  0%,100% { transform: translateX(-50%) scaleY(1); }
  50% { transform: translateX(-50%) scaleY(1.03); }
}
@keyframes ip-lamp-glow {
  0% { opacity: .6; transform: translate(-50%, -20%) scale(1); }
  50% { opacity: .8; transform: translate(-50%, -20%) scale(1.05); }
  100% { opacity: .7; transform: translate(-50%, -20%) scale(.95); }
}
@keyframes ip-map {
  0%,100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.02) rotate(1deg); }
}
@keyframes ip-chair {
  0%,100% { transform: rotate(5deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-2px); }
}

/* Scene: boer-loss-in-raid (dark,dim-interior) */
.scn-boer-loss-in-raid {
  background:
    linear-gradient(180deg, #1a1a1a 0%, #2a1a1a 50%, #1a0a0a 100%),
    radial-gradient(ellipse at 50% 100%, #2a1a1a 0%, transparent 60%);
}
.scn-boer-loss-in-raid .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%);
}
.scn-boer-loss-in-raid .tent-wall {
  position: absolute; top: 0; left: 20%; right: 20%; bottom: 25%;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a1a 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 0 30px rgba(0,0,0,.7);
}
.scn-boer-loss-in-raid .table {
  position: absolute; bottom: 22%; left: 35%; width: 30%; height: 8%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 8px rgba(0,0,0,.5);
}
.scn-boer-loss-in-raid .lantern {
  position: absolute; bottom: 30%; left: 48%; width: 12px; height: 18px;
  background: linear-gradient(180deg, #d0b080 0%, #a08060 100%);
  border-radius: 30%;
  transform: translateX(-50%);
  animation: bl-lantern 5s ease-in-out infinite alternate;
}
.scn-boer-loss-in-raid .lantern-glow {
  position: absolute; bottom: 28%; left: 48%; width: 100px; height: 100px;
  transform: translate(-50%, 30%);
  background: radial-gradient(circle, #c07030 0%, #602010 40%, transparent 70%);
  border-radius: 50%;
  animation: bl-glow 4s ease-in-out infinite alternate;
}
.scn-boer-loss-in-raid .rifle {
  position: absolute; bottom: 20%; left: 30%; width: 60px; height: 6px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 30%;
  transform: rotate(-30deg);
  transform-origin: left center;
  animation: bl-rifle 8s ease-in-out infinite;
}
.scn-boer-loss-in-raid .helmet {
  position: absolute; bottom: 26%; left: 42%; width: 30px; height: 20px;
  background: radial-gradient(ellipse at 50% 100%, #5a5a4a 0%, #3a3a2a 100%);
  border-radius: 50% 50% 40% 40%;
  transform: rotate(-10deg);
  animation: bl-helmet 10s ease-in-out infinite;
}
.scn-boer-loss-in-raid .cloth {
  position: absolute; bottom: 20%; right: 25%; width: 40px; height: 30px;
  background: linear-gradient(135deg, #5e1a1d 0%, #3a0a0a 100%);
  border-radius: 10%;
  transform: rotate(15deg);
  animation: bl-cloth 6s ease-in-out infinite alternate;
}
@keyframes bl-lantern {
  0%,100% { transform: translateX(-50%) scaleY(1); opacity: .9; }
  50% { transform: translateX(-50%) scaleY(1.05); opacity: 1; }
}
@keyframes bl-glow {
  0% { opacity: .5; transform: translate(-50%, 30%) scale(1); }
  50% { opacity: .8; transform: translate(-50%, 30%) scale(1.1); }
  100% { opacity: .6; transform: translate(-50%, 30%) scale(.95); }
}
@keyframes bl-rifle {
  0%,100% { transform: rotate(-30deg); }
  50% { transform: rotate(-25deg); }
}
@keyframes bl-helmet {
  0%,100% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(-15deg) translateY(-2px); }
}
@keyframes bl-cloth {
  0%,100% { transform: rotate(15deg) scaleX(1); }
  50% { transform: rotate(10deg) scaleX(1.05); }
}

/* Scene: narrator-military-opinion (calm,dim-interior) */
.scn-narrator-military-opinion {
  background:
    linear-gradient(180deg, #3a3a4a 0%, #4a4a5a 50%, #3a3a4a 100%),
    radial-gradient(ellipse at 50% 0%, #5a5a6a 0%, transparent 60%);
}
.scn-narrator-military-opinion .backdrop {
  position: absolute; top: 0; left: 10%; right: 10%; bottom: 20%;
  background: linear-gradient(135deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 0 40px rgba(0,0,0,.5);
}
.scn-narrator-military-opinion .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
}
.scn-narrator-military-opinion .podium {
  position: absolute; bottom: 18%; left: 50%; width: 60px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
}
.scn-narrator-military-opinion .figure {
  position: absolute; bottom: 18%; left: 50%; width: 35px; height: 70px;
  transform: translateX(-30%);
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: nm-figure 7s ease-in-out infinite;
}
.scn-narrator-military-opinion .pointer {
  position: absolute; bottom: 40%; left: 55%; width: 40px; height: 4px;
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 30%;
  transform: rotate(30deg);
  transform-origin: left center;
  animation: nm-pointer 6s ease-in-out infinite;
}
.scn-narrator-military-opinion .map-line {
  position: absolute; bottom: 50%; left: 20%; width: 60%; height: 2px;
  background: linear-gradient(90deg, transparent, #a09070 30%, #a09070 70%, transparent);
  border-radius: 50%;
  filter: blur(1px);
  animation: nm-map-line 12s ease-in-out infinite;
}
.scn-narrator-military-opinion .spotlight {
  position: absolute; top: 0; left: 30%; width: 40%; height: 60%;
  background: radial-gradient(ellipse at 50% 20%, rgba(200,180,140,.15) 0%, transparent 70%);
  animation: nm-spotlight 9s ease-in-out infinite alternate;
}
@keyframes nm-figure {
  0%,100% { transform: translateX(-30%) translateY(0) rotate(0deg); }
  25% { transform: translateX(-30%) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(-30%) translateY(-1px) rotate(-1deg); }
  75% { transform: translateX(-30%) translateY(-3px) rotate(1deg); }
}
@keyframes nm-pointer {
  0%,100% { transform: rotate(30deg); }
  50% { transform: rotate(35deg); }
}
@keyframes nm-map-line {
  0%,100% { transform: scaleX(1); opacity: .3; }
  50% { transform: scaleX(1.05); opacity: .5; }
}
@keyframes nm-spotlight {
  0% { opacity: .4; transform: scale(1); }
  50% { opacity: .6; transform: scale(1.05); }
  100% { opacity: .5; transform: scale(.95); }
}

.scn-british-loss-700 { background: linear-gradient(180deg, #1a1a2e 0%, #2c2c3e 50%, #1e1e2a 100%), radial-gradient(ellipse at 50% 100%, #2a2a3e 0%, transparent 70%); }
.scn-british-loss-700 .bg { position:absolute; inset:0; background: linear-gradient(180deg, #151525 0%, #26263a 40%, #1a1a2e 100%); opacity:0.8; animation: bl700-bg 20s ease-in-out infinite alternate; }
.scn-british-loss-700 .table { position:absolute; bottom:15%; left:15%; right:15%; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,.7); animation: bl700-table 12s ease-in-out infinite; }
.scn-british-loss-700 .candle { position:absolute; bottom:38%; left:45%; width:8px; height:24px; background: linear-gradient(180deg, #c8a060 0%, #a08040 100%); border-radius: 2px 2px 40% 40%; box-shadow: 0 0 6px #b09050; animation: bl700-candle 5s ease-in-out infinite; }
.scn-british-loss-700 .glow { position:absolute; bottom:38%; left:45%; width:60px; height:60px; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(200,160,100,0.6) 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(200,160,100,0.3); animation: bl700-glow 4s ease-in-out infinite alternate; }
.scn-british-loss-700 .figure-left { position:absolute; bottom:18%; left:20%; width:20px; height:50px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bl700-figure 8s ease-in-out infinite; }
.scn-british-loss-700 .figure-right { position:absolute; bottom:18%; right:20%; width:20px; height:50px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bl700-figure 8s ease-in-out infinite reverse; }
.scn-british-loss-700 .map { position:absolute; bottom:25%; left:25%; right:30%; height:12%; background: linear-gradient(180deg, #b8a080 0%, #a09070 100%); border-radius: 2px; opacity:0.7; transform: rotate(-3deg); animation: bl700-map 15s ease-in-out infinite alternate; }
@keyframes bl700-bg { 0% { opacity:0.7; transform: scale(1); } 50% { opacity:1; transform: scale(1.02); } 100% { opacity:0.8; transform: scale(0.98); } }
@keyframes bl700-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes bl700-candle { 0%,100% { transform: scaleY(1); opacity:0.9; } 50% { transform: scaleY(0.95); opacity:1; } }
@keyframes bl700-glow { 0% { opacity:0.6; transform: translate(-50%,-50%) scale(1); } 50% { opacity:0.8; transform: translate(-50%,-50%) scale(1.1); } 100% { opacity:0.7; transform: translate(-50%,-50%) scale(0.9); } }
@keyframes bl700-figure { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-1px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(2deg); } }
@keyframes bl700-map { 0% { transform: rotate(-3deg) scale(1); opacity:0.6; } 50% { transform: rotate(0deg) scale(1.02); opacity:0.8; } 100% { transform: rotate(2deg) scale(0.98); opacity:0.7; } }

.scn-jameson-krugersdorp-comment { background: linear-gradient(180deg, #3a281a 0%, #5a3820 40%, #2a1a0a 100%), radial-gradient(ellipse at 50% 80%, #7a5030 0%, transparent 70%); }
.scn-jameson-krugersdorp-comment .tent { position:absolute; inset:20% 15% 10% 15%; background: linear-gradient(135deg, #6a4a2a 0%, #4a2a10 100%); border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%; clip-path: polygon(0% 100%, 10% 0%, 90% 0%, 100% 100%); animation: jkc-tent 18s ease-in-out infinite alternate; }
.scn-jameson-krugersdorp-comment .fire { position:absolute; bottom:28%; left:45%; width:30px; height:20px; background: linear-gradient(180deg, #d08030 0%, #b06020 100%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 30px 10px rgba(200,100,30,0.5); animation: jkc-fire 4s ease-in-out infinite; }
.scn-jameson-krugersdorp-comment .flame { position:absolute; bottom:40%; left:46%; width:16px; height:30px; background: linear-gradient(180deg, #ffc060 0%, #ff8020 50%, #a04010 100%); border-radius: 50% 50% 40% 40%; filter: blur(2px); animation: jkc-flame 2s ease-in-out infinite alternate; }
.scn-jameson-krugersdorp-comment .glow { position:absolute; inset:30% 20% 20% 20%; background: radial-gradient(ellipse at 50% 60%, rgba(200,100,30,0.4) 0%, transparent 70%); animation: jkc-glow 6s ease-in-out infinite alternate; }
.scn-jameson-krugersdorp-comment .jameson { position:absolute; bottom:22%; left:50%; width:22px; height:55px; transform: translateX(-50%); background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: inset 0 -5px 5px rgba(0,0,0,0.5); animation: jkc-jameson 8s ease-in-out infinite; }
.scn-jameson-krugersdorp-comment .desk { position:absolute; bottom:18%; left:30%; right:30%; height:12%; background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%); border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.6); animation: jkc-desk 12s ease-in-out infinite; }
.scn-jameson-krugersdorp-comment .paper { position:absolute; bottom:26%; left:35%; width:20%; height:8%; background: linear-gradient(135deg, #c8b090 0%, #b09870 100%); border-radius: 2px; transform: rotate(-5deg); opacity:0.8; box-shadow: 0 2px 4px rgba(0,0,0,0.4); animation: jkc-paper 10s ease-in-out infinite alternate; }
@keyframes jkc-tent { 0%,100% { clip-path: polygon(0% 100%, 10% 0%, 90% 0%, 100% 100%); } 50% { clip-path: polygon(2% 100%, 12% 2%, 88% 2%, 98% 100%); } }
@keyframes jkc-fire { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.1) scaleX(0.9); } 100% { transform: scaleY(0.95); } }
@keyframes jkc-flame { 0% { transform: translateY(0) scaleY(1); opacity:0.9; } 50% { transform: translateY(-3px) scaleY(1.2); opacity:1; } 100% { transform: translateY(0) scaleY(0.8); opacity:0.8; } }
@keyframes jkc-glow { 0% { opacity:0.5; } 50% { opacity:0.7; } 100% { opacity:0.6; } }
@keyframes jkc-jameson { 0% { transform: translateX(-50%) rotate(-1deg); } 25% { transform: translateX(-48%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(1deg); } 75% { transform: translateX(-52%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(-1deg); } }
@keyframes jkc-desk { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes jkc-paper { 0% { transform: rotate(-5deg) scale(1); } 50% { transform: rotate(0deg) scale(1.02); } 100% { transform: rotate(3deg) scale(0.98); } }

.scn-jameson-finds-boers-invisible { background: linear-gradient(180deg, #7ac0e0 0%, #e0e0a0 40%, #c09870 100%), radial-gradient(ellipse at 50% 100%, #b07850 0%, transparent 70%); }
.scn-jameson-finds-boers-invisible .sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #4a90b0 0%, #90c0d0 50%, #c0d8e0 100%); animation: jbi-sky 15s ease-in-out infinite alternate; }
.scn-jameson-finds-boers-invisible .sun { position:absolute; top:15%; left:70%; width:50px; height:50px; background: radial-gradient(circle, #ffd080 0%, #ffb040 60%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px rgba(255,176,64,0.4); animation: jbi-sun 8s ease-in-out infinite; }
.scn-jameson-finds-boers-invisible .ridge1 { position:absolute; bottom:35%; left:0; width:40%; height:25%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 0 40% 0 0; clip-path: polygon(0% 100%, 0% 30%, 60% 30%, 100% 100%); animation: jbi-ridge 20s ease-in-out infinite alternate; }
.scn-jameson-finds-boers-invisible .ridge2 { position:absolute; bottom:30%; right:0; width:50%; height:30%; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 40% 0 0 0; clip-path: polygon(0% 100%, 40% 20%, 100% 20%, 100% 100%); animation: jbi-ridge 20s ease-in-out infinite alternate-reverse; }
.scn-jameson-finds-boers-invisible .shadow { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.6) 100%); animation: jbi-shadow 12s ease-in-out infinite alternate; }
.scn-jameson-finds-boers-invisible .jameson { position:absolute; bottom:18%; left:40%; width:24px; height:55px; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateX(-50%); animation: jbi-jameson 6s ease-in-out infinite; }
.scn-jameson-finds-boers-invisible .dust { position:absolute; bottom:20%; left:30%; width:80px; height:20px; background: radial-gradient(ellipse, rgba(200,180,160,0.3) 0%, transparent 70%); filter: blur(4px); animation: jbi-dust 25s linear infinite; }
@keyframes jbi-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes jbi-sun { 0% { transform: scale(1); box-shadow: 0 0 40px 10px rgba(255,176,64,0.3); } 50% { transform: scale(1.05); box-shadow: 0 0 70px 20px rgba(255,176,64,0.5); } 100% { transform: scale(0.95); box-shadow: 0 0 50px 15px rgba(255,176,64,0.4); } }
@keyframes jbi-ridge { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(-1px); } }
@keyframes jbi-shadow { 0% { opacity:0.6; } 50% { opacity:0.8; } 100% { opacity:0.7; } }
@keyframes jbi-jameson { 0% { transform: translateX(-50%) rotate(-2deg); } 25% { transform: translateX(-48%) rotate(1deg); } 50% { transform: translateX(-50%) rotate(0deg); } 75% { transform: translateX(-52%) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(2deg); } }
@keyframes jbi-dust { 0% { transform: translateX(0) scale(1); opacity:0; } 10% { opacity:0.3; } 50% { transform: translateX(30vw) scale(1.5); opacity:0.1; } 100% { transform: translateX(60vw) scale(2); opacity:0; } }

.scn-jameson-loss-percentage { background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 40%, #2a2a3e 100%), radial-gradient(ellipse at 50% 100%, #3a3a4e 0%, transparent 70%); }
.scn-jameson-loss-percentage .sky { position:absolute; inset:0; background: linear-gradient(180deg, #0a0e1a 0%, #1a1e2e 50%, #2a2e3e 100%); animation: jlpc-sky 20s ease-in-out infinite alternate; }
.scn-jameson-loss-percentage .moon { position:absolute; top:12%; left:20%; width:40px; height:40px; background: radial-gradient(circle, #e0e8f0 0%, #b0b8c0 100%); border-radius:50%; box-shadow: 0 0 30px 10px rgba(200,210,220,0.3); animation: jlpc-moon 10s ease-in-out infinite; }
.scn-jameson-loss-percentage .hill { position:absolute; bottom:20%; left:0; right:0; height:40%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.5); animation: jlpc-hill 18s ease-in-out infinite alternate; }
.scn-jameson-loss-percentage .graves { position:absolute; bottom:22%; left:30%; width:12px; height:8px; background: #2a2a3a; border-radius: 2px 2px 0 0; box-shadow: 20px 0 #2a2a3a, 40px 0 #2a2a3a, 60px 0 #2a2a3a; opacity:0.6; animation: jlpc-graves 15s ease-in-out infinite alternate; }
.scn-jameson-loss-percentage .soldiers { position:absolute; bottom:18%; left:15%; width:18px; height:40px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 30px 0 #1a1a2a, 60px 0 #1a1a2a; animation: jlpc-soldiers 8s ease-in-out infinite; }
.scn-jameson-loss-percentage .mist { position:absolute; inset:30% 0 0 0; background: linear-gradient(180deg, rgba(200,210,220,0.05) 0%, rgba(200,210,220,0.1) 50%, transparent 100%); filter: blur(6px); animation: jlpc-mist 30s ease-in-out infinite alternate; }
@keyframes jlpc-sky { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes jlpc-moon { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.05) translateY(-2px); } 100% { transform: scale(0.95) translateY(0); } }
@keyframes jlpc-hill { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(1px); } }
@keyframes jlpc-graves { 0% { opacity:0.5; transform: scaleY(1); } 50% { opacity:0.7; transform: scaleY(1.1); } 100% { opacity:0.6; transform: scaleY(0.9); } }
@keyframes jlpc-soldiers { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-1px) rotate(0deg); } 50% { transform: translateY(0) rotate(1deg); } 75% { transform: translateY(1px) rotate(0deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes jlpc-mist { 0% { opacity:0.3; } 50% { opacity:0.5; } 100% { opacity:0.2; } }

/* ========== waiting-in-garden ========== */
.scn-waiting-in-garden {
  background:
    linear-gradient(180deg, #b0d4f1 0%, #87ceeb 40%, #f0e68c 70%, #c2b280 100%);
}
.scn-waiting-in-garden .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #d4e9ff 0%, #a0c4e8 100%);
  animation: wig-sky 20s ease-in-out infinite alternate;
}
.scn-waiting-in-garden .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #7cb342 0%, #33691e 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0;
}
.scn-waiting-in-garden .hedge-left {
  position: absolute; bottom: 30%; left: 5%; width: 15%; height: 40%;
  background: linear-gradient(180deg, #558b2f 0%, #33691e 100%);
  border-radius: 40% 60% 20% 80% / 60% 40% 80% 20%;
  box-shadow: inset -10px 0 15px rgba(0,0,0,0.3);
  animation: wig-hedge 8s ease-in-out infinite alternate;
}
.scn-waiting-in-garden .hedge-right {
  position: absolute; bottom: 30%; right: 5%; width: 15%; height: 40%;
  background: linear-gradient(180deg, #558b2f 0%, #33691e 100%);
  border-radius: 60% 40% 80% 20% / 40% 60% 20% 80%;
  box-shadow: inset 10px 0 15px rgba(0,0,0,0.3);
  animation: wig-hedge 8s ease-in-out infinite alternate-reverse;
}
.scn-waiting-in-garden .path {
  position: absolute; bottom: 8%; left: 40%; width: 20%; height: 35%;
  background: linear-gradient(180deg, #c2a47a 0%, #8d6e4a 100%);
  clip-path: polygon(30% 0%, 70% 0%, 60% 100%, 40% 100%);
  animation: wig-path 6s ease-in-out infinite alternate;
}
.scn-waiting-in-garden .gate {
  position: absolute; bottom: 30%; left: 44%; width: 12%; height: 45%;
  background: linear-gradient(180deg, #8b5e3c 0%, #5d3a1a 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4), inset 0 0 0 4px #a0724a;
}
.scn-waiting-in-garden .figure-waiting {
  position: absolute; bottom: 28%; left: 46%; width: 6%; height: 30%;
  background: linear-gradient(180deg, #3e2723 0%, #1b0f0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: wig-figure 4s ease-in-out infinite alternate;
}
.scn-waiting-in-garden .butterfly {
  position: absolute; top: 25%; left: 30%; width: 4%; height: 3%;
  background: radial-gradient(circle, #ff8a65 30%, #e64a19 80%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  transform: rotate(-20deg);
  animation: wig-butterfly 12s ease-in-out infinite;
}
.scn-waiting-in-garden .sunrays {
  position: absolute; top: 0; left: 20%; width: 60%; height: 100%;
  background: linear-gradient(135deg, rgba(255,255,200,0.15) 0%, transparent 50%, rgba(255,255,200,0.1) 100%);
  pointer-events: none;
  animation: wig-sunrays 15s ease-in-out infinite alternate;
}
@keyframes wig-sky { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes wig-hedge { 0% { transform: scaleY(1) } 100% { transform: scaleY(1.02) } }
@keyframes wig-path { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes wig-figure { 0% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(2deg) translateY(-3px) } 100% { transform: rotate(-1deg) translateY(0) } }
@keyframes wig-butterfly { 0% { transform: translate(0,0) rotate(-20deg) scale(1) } 25% { transform: translate(20px,-10px) rotate(-10deg) scale(1.2) } 50% { transform: translate(40px,5px) rotate(0deg) scale(1) } 75% { transform: translate(20px,10px) rotate(10deg) scale(1.1) } 100% { transform: translate(0,0) rotate(-20deg) scale(1) } }
@keyframes wig-sunrays { 0% { opacity:0.3 } 100% { opacity:0.8 } }

/* ========== god-appearance ========== */
.scn-god-appearance {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #e0c99a 40%, #c8a86a 70%, #b08a4a 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e1 0%, transparent 70%);
}
.scn-god-appearance .sand {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #dbbf93 0%, #c19a6b 100%);
  border-radius: 30% 70% 0 0 / 50% 50% 0 0;
}
.scn-god-appearance .sky-god {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #fdecc8 0%, #f5d6a0 50%, #e8c38a 100%);
  animation: gda-sky 20s ease-in-out infinite alternate;
}
.scn-god-appearance .figure-god {
  position: absolute; bottom: 30%; left: 50%; width: 8%; height: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #3d2b1f 0%, #1e140e 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  animation: gda-figure 4s ease-in-out infinite alternate;
}
.scn-god-appearance .robe-god {
  position: absolute; bottom: 25%; left: 50%; width: 18%; height: 25%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6d4c33 0%, #3d2b1f 100%);
  border-radius: 0 0 50% 50% / 0 0 70% 70%;
  clip-path: polygon(10% 0%, 90% 0%, 80% 100%, 20% 100%);
}
.scn-god-appearance .staff-god {
  position: absolute; bottom: 30%; right: 38%; width: 1.5%; height: 55%;
  background: linear-gradient(180deg, #8b6b41 0%, #4a3522 100%);
  border-radius: 20% 20% 0 0;
  transform: rotate(8deg);
  transform-origin: bottom center;
  animation: gda-staff 6s ease-in-out infinite alternate;
}
.scn-god-appearance .halo {
  position: absolute; top: 8%; left: 50%; width: 20%; height: 18%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(255,230,150,0.7) 0%, rgba(255,230,150,0.2) 40%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: gda-halo 5s ease-in-out infinite alternate;
}
.scn-god-appearance .dust {
  position: absolute; bottom: 35%; left: 20%; width: 5%; height: 5%;
  background: radial-gradient(circle, rgba(220,200,160,0.5) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
  animation: gda-dust 8s ease-in-out infinite;
}
.scn-god-appearance .heat-shimmer {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, transparent 0px, rgba(255,255,200,0.03) 2px, transparent 4px);
  background-size: 100% 4px;
  pointer-events: none;
  animation: gda-shimmer 3s linear infinite;
}
@keyframes gda-sky { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes gda-figure { 0% { transform: translateX(-50%) translateY(0) scale(1) } 50% { transform: translateX(-50%) translateY(-4px) scale(1.01) } 100% { transform: translateX(-50%) translateY(0) scale(1) } }
@keyframes gda-staff { 0% { transform: rotate(6deg) } 100% { transform: rotate(10deg) } }
@keyframes gda-halo { 0% { opacity:0.4; transform: translateX(-50%) scale(0.9) } 50% { opacity:0.8; transform: translateX(-50%) scale(1.1) } 100% { opacity:0.5; transform: translateX(-50%) scale(1) } }
@keyframes gda-dust { 0% { transform: translateY(0) scale(1); opacity:0.3 } 50% { transform: translateY(-20px) scale(1.5); opacity:0.6 } 100% { transform: translateY(0) scale(1); opacity:0.3 } }
@keyframes gda-shimmer { 0% { background-position: 0 0 } 100% { background-position: 0 8px } }

/* ========== autographs ========== */
.scn-autographs {
  background:
    linear-gradient(180deg, #2d221c 0%, #1a1410 50%, #0e0a08 100%),
    radial-gradient(ellipse at 50% 70%, #4a362a 0%, transparent 60%);
}
.scn-autographs .table {
  position: absolute; bottom: 0; left: 10%; width: 80%; height: 45%;
  background: linear-gradient(180deg, #5c3d2e 0%, #3b2418 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -8px 15px rgba(0,0,0,0.5);
}
.scn-autographs .book {
  position: absolute; bottom: 18%; left: 50%; width: 30%; height: 30%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #6b4226 0%, #4a2e1c 50%, #2d1b0f 100%);
  border-radius: 4% 4% 8% 8%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.6), inset 0 0 0 2px #8b5e3c;
  animation: auto-book 6s ease-in-out infinite alternate;
}
.scn-autographs .hand-pen {
  position: absolute; bottom: 30%; left: 53%; width: 10%; height: 12%;
  background: linear-gradient(180deg, #3b2a1f 0%, #1d140f 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform: rotate(15deg);
  transform-origin: bottom center;
  animation: auto-hand 3s ease-in-out infinite alternate;
}
.scn-autographs .inkwell {
  position: absolute; bottom: 20%; left: 32%; width: 5%; height: 6%;
  background: radial-gradient(circle, #1a1a1a 0%, #0a0a0a 70%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.scn-autographs .lamp {
  position: absolute; bottom: 50%; left: 15%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #b8860b 0%, #8b6508 50%, #5a420a 100%);
  border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(255,200,50,0.3);
  animation: auto-lamp 4s ease-in-out infinite alternate;
}
.scn-autographs .lamp-glow {
  position: absolute; bottom: 40%; left: 10%; width: 18%; height: 30%;
  background: radial-gradient(ellipse, rgba(255,200,50,0.25) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(15px);
  pointer-events: none;
  animation: auto-glow 5s ease-in-out infinite alternate;
}
.scn-autographs .curtain-left {
  position: absolute; top: 0; left: 0; width: 15%; height: 100%;
  background: linear-gradient(180deg, #3b2015 0%, #24120a 100%);
  border-radius: 0 30% 30% 0 / 0 50% 50% 0;
  box-shadow: 4px 0 10px rgba(0,0,0,0.5);
}
.scn-autographs .curtain-right {
  position: absolute; top: 0; right: 0; width: 15%; height: 100%;
  background: linear-gradient(180deg, #3b2015 0%, #24120a 100%);
  border-radius: 30% 0 0 30% / 50% 0 0 50%;
  box-shadow: -4px 0 10px rgba(0,0,0,0.5);
}
@keyframes auto-book { 0% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) rotate(0.5deg) } 100% { transform: translateX(-50%) rotate(0deg) } }
@keyframes auto-hand { 0% { transform: rotate(12deg) translateY(0) } 50% { transform: rotate(18deg) translateY(-2px) } 100% { transform: rotate(14deg) translateY(0) } }
@keyframes auto-lamp { 0% { box-shadow: 0 0 25px 8px rgba(255,200,50,0.2) } 50% { box-shadow: 0 0 40px 15px rgba(255,200,50,0.4) } 100% { box-shadow: 0 0 30px 10px rgba(255,200,50,0.25) } }
@keyframes auto-glow { 0% { opacity:0.6; transform: scale(1) } 100% { opacity:1; transform: scale(1.1) } }

/* ========== pupil-meditating ========== */
.scn-pupil-meditating {
  background:
    linear-gradient(180deg, #2d221c 0%, #1a1410 50%, #0e0a08 100%),
    radial-gradient(ellipse at 50% 80%, #3a2a20 0%, transparent 60%);
}
.scn-pupil-meditating .wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #4a362a 0%, #2d1f16 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-pupil-meditating .floor-rug {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #5c3d2e 0%, #3b2418 100%);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.5);
}
.scn-pupil-meditating .master-silhouette {
  position: absolute; bottom: 5%; left: 35%; width: 12%; height: 50%;
  background: linear-gradient(180deg, #1a1410 0%, #0d0906 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  animation: pmed-master 8s ease-in-out infinite alternate;
}
.scn-pupil-meditating .pupil-silhouette {
  position: absolute; bottom: 5%; left: 52%; width: 10%; height: 35%;
  background: linear-gradient(180deg, #1a1410 0%, #0d0906 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform: translateX(-50%) scale(0.85);
  animation: pmed-pupil 6s ease-in-out infinite alternate;
}
.scn-pupil-meditating .lamp-dim {
  position: absolute; bottom: 30%; left: 20%; width: 6%; height: 15%;
  background: linear-gradient(180deg, #b8860b 0%, #7a5c0a 100%);
  border-radius: 50% 50% 10% 10% / 70% 70% 10% 10%;
  box-shadow: 0 0 20px 5px rgba(255,200,50,0.2);
  animation: pmed-lamp 5s ease-in-out infinite alternate;
}
.scn-pupil-meditating .lamp-light {
  position: absolute; bottom: 20%; left: 15%; width: 16%; height: 25%;
  background: radial-gradient(ellipse, rgba(255,200,50,0.15) 0%, transparent 60%);
  border-radius: 50%;
  filter: blur(12px);
  pointer-events: none;
  animation: pmed-light 7s ease-in-out infinite alternate;
}
.scn-pupil-meditating .window-arch {
  position: absolute; top: 5%; left: 35%; width: 30%; height: 40%;
  background: radial-gradient(ellipse at 50% 0%, rgba(100,150,200,0.2) 0%, transparent 70%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  border: 2px solid rgba(100,150,200,0.15);
}
.scn-pupil-meditating .plant {
  position: absolute; bottom: 5%; left: 10%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #2e7d32 0%, #1b5e20 100%);
  border-radius: 0 0 40% 40% / 0 0 60% 60%;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  animation: pmed-plant 12s ease-in-out infinite alternate;
}
@keyframes pmed-master { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(-0.5deg) } }
@keyframes pmed-pupil { 0% { transform: translateX(-50%) scale(0.85) rotate(0deg) } 50% { transform: translateX(-50%) scale(0.87) rotate(2deg) } 100% { transform: translateX(-50%) scale(0.85) rotate(0deg) } }
@keyframes pmed-lamp { 0% { box-shadow: 0 0 15px 3px rgba(255,200,50,0.15) } 100% { box-shadow: 0 0 25px 8px rgba(255,200,50,0.3) } }
@keyframes pmed-light { 0% { opacity:0.4; transform: scale(1) } 100% { opacity:0.8; transform: scale(1.05) } }
@keyframes pmed-plant { 0% { transform: rotate(-2deg) } 100% { transform: rotate(2deg) } }

/* ── delagoa-bay-summer-winter ── */
.scn-delagoa-bay-summer-winter {
  background: linear-gradient(180deg, #87cdee 0%, #b8d8e8 30%, #e8d5a0 60%, #c0b080 100%),
              radial-gradient(ellipse at 50% 60%, rgba(255,240,180,.3) 0%, transparent 60%);
}
.scn-delagoa-bay-summer-winter .sky-bg {
  position:absolute; inset:0 0 55% 0;
  background: linear-gradient(180deg, #6bb8e0 0%, #a0d8f0 100%);
  animation: ssw-sky 15s ease-in-out infinite alternate;
}
.scn-delagoa-bay-summer-winter .sea {
  position:absolute; bottom:15%; left:0; right:0; height:40%;
  background: linear-gradient(180deg, #4a8aac 0%, #2c6a8c 100%);
  border-radius: 0 0 20% 20% / 0 0 10% 10%;
  animation: ssw-sea 8s ease-in-out infinite;
}
.scn-delagoa-bay-summer-winter .shore {
  position:absolute; bottom:10%; left:-5%; right:-5%; height:8%;
  background: linear-gradient(180deg, #c8b878 0%, #a08858 100%);
  border-radius: 60% 40% 30% 70% / 100% 100% 0 0;
  transform: scale(1.2);
}
.scn-delagoa-bay-summer-winter .town {
  position:absolute; bottom:30%; left:20%; right:20%; height:12%;
  background: repeating-linear-gradient(90deg, #8a6a4a 0px, #8a6a4a 4px, transparent 4px, transparent 8px);
  border-radius: 0 0 10% 10%;
  opacity:.6;
}
.scn-delagoa-bay-summer-winter .rickshaw {
  position:absolute; bottom:26%; left:45%; width:50px; height:40px;
  background: linear-gradient(135deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 2px 4px 8px rgba(0,0,0,.3);
  animation: ssw-rickshaw 4s ease-in-out infinite;
}
.scn-delagoa-bay-summer-winter .rickshaw-wheel {
  position:absolute; bottom:24%; left:48%; width:16px; height:16px;
  border:3px solid #2a1a0a; border-radius:50%;
  background: radial-gradient(circle, #8a6a4a 30%, #5a3a1a 70%);
  animation: ssw-wheel 1s linear infinite;
}
.scn-delagoa-bay-summer-winter .sun {
  position:absolute; top:12%; right:18%; width:40px; height:40px;
  background: radial-gradient(circle, #fff6c0 0%, #ffd060 40%, transparent 80%);
  border-radius:50%;
  box-shadow: 0 0 60px 20px rgba(255,208,96,.5);
  animation: ssw-sun 20s ease-in-out infinite alternate;
}
.scn-delagoa-bay-summer-winter .cloud {
  position:absolute; width:120px; height:15px;
  background: linear-gradient(90deg, rgba(255,255,240,.6) 0%, rgba(200,220,240,.3) 100%);
  border-radius:50%; filter: blur(4px);
}
.scn-delagoa-bay-summer-winter .summer-cloud-a { top:18%; left:10%; animation: ssw-drift-a 40s linear infinite; }
.scn-delagoa-bay-summer-winter .summer-cloud-b { top:28%; right:20%; width:80px; animation: ssw-drift-b 50s linear infinite reverse; }
@keyframes ssw-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.7} }
@keyframes ssw-sea { 0%{transform:translateY(0)} 30%{transform:translateY(-2px)} 60%{transform:translateY(1px)} 100%{transform:translateY(0)} }
@keyframes ssw-rickshaw { 0%{transform:translateY(0) rotate(0deg)} 25%{transform:translateY(-3px) rotate(-1deg)} 75%{transform:translateY(-1px) rotate(1deg)} 100%{transform:translateY(0) rotate(0deg)} }
@keyframes ssw-wheel { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }
@keyframes ssw-sun { 0%{opacity:.9; transform:scale(1)} 50%{opacity:1; transform:scale(1.05)} 100%{opacity:.8; transform:scale(1)} }
@keyframes ssw-drift-a { 0%{transform:translateX(-20px)} 100%{transform:translateX(120vw)} }
@keyframes ssw-drift-b { 0%{transform:translateX(0)} 100%{transform:translateX(-150vw)} }

/* ── delagoa-bay-women-stevedores ── */
.scn-delagoa-bay-women-stevedores {
  background: linear-gradient(180deg, #d4a86a 0%, #b8804a 30%, #9a6030 60%, #684020 100%),
              radial-gradient(ellipse at 50% 80%, rgba(255,200,100,.3) 0%, transparent 50%);
}
.scn-delagoa-bay-women-stevedores .ground {
  position:absolute; bottom:0; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #7a4a2a 0%, #5a3020 100%);
}
.scn-delagoa-bay-women-stevedores .sky-up {
  position:absolute; inset:0 0 70% 0;
  background: linear-gradient(180deg, #c8a060 0%, #d4b87a 100%);
  animation: sww-sky 20s ease-in-out infinite alternate;
}
.scn-delagoa-bay-women-stevedores .figure-walker {
  position:absolute; bottom:28%; left:50%; width:24px; height:60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 40% 20% 20%;
  transform-origin: bottom center;
  animation: sww-walk 6s ease-in-out infinite;
}
.scn-delagoa-bay-women-stevedores .bag {
  position:absolute; bottom:62%; left:48%; width:40px; height:50px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a10 100%);
  border-radius: 10% 10% 40% 40% / 20% 20% 60% 60%;
  box-shadow: 0 6px 12px rgba(0,0,0,.5);
  animation: sww-bag 6s ease-in-out infinite;
}
.scn-delagoa-bay-women-stevedores .arm-swing {
  position:absolute; bottom:32%; left:52%; width:6px; height:30px;
  background: #1a0a00;
  border-radius: 50%;
  transform-origin: top center;
  animation: sww-arm 6s ease-in-out infinite;
}
.scn-delagoa-bay-women-stevedores .shadow {
  position:absolute; bottom:25%; left:48%; width:50px; height:6px;
  background: rgba(0,0,0,.3);
  border-radius:50%;
  animation: sww-shadow 6s ease-in-out infinite;
}
.scn-delagoa-bay-women-stevedores .dust {
  position:absolute; bottom:28%; left:46%; width:4px; height:4px;
  background: #a08450;
  border-radius:50%;
  animation: sww-dust 2s ease-out infinite;
}
.scn-delagoa-bay-women-stevedores .sunlight-shaft {
  position:absolute; top:10%; left:20%; right:20%; height:80%;
  background: linear-gradient(180deg, rgba(255,220,150,.15) 0%, transparent 80%);
  pointer-events:none;
}
@keyframes sww-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.6} }
@keyframes sww-walk { 0%{transform:translateX(0) translateY(0) rotate(-2deg)} 25%{transform:translateX(8px) translateY(-2px) rotate(2deg)} 50%{transform:translateX(16px) translateY(0) rotate(-1deg)} 75%{transform:translateX(24px) translateY(-1px) rotate(1deg)} 100%{transform:translateX(32px) translateY(0) rotate(0deg)} }
@keyframes sww-bag { 0%{transform:translateX(0) rotate(-3deg)} 30%{transform:translateX(6px) rotate(3deg)} 70%{transform:translateX(-2px) rotate(-2deg)} 100%{transform:translateX(0) rotate(0deg)} }
@keyframes sww-arm { 0%{transform:rotate(20deg)} 25%{transform:rotate(-10deg)} 50%{transform:rotate(30deg)} 75%{transform:rotate(-5deg)} 100%{transform:rotate(20deg)} }
@keyframes sww-shadow { 0%{transform:scaleX(1)} 25%{transform:scaleX(1.2)} 50%{transform:scaleX(1)} 75%{transform:scaleX(1.1)} 100%{transform:scaleX(1)} }
@keyframes sww-dust { 0%{opacity:1; transform:translateY(0) scale(1)} 100%{opacity:0; transform:translateY(-20px) scale(2)} }

/* ── item-basket-on-head ── */
.scn-item-basket-on-head {
  background: linear-gradient(180deg, #d8c8a8 0%, #c8b088 30%, #b09868 60%, #a08050 100%),
              radial-gradient(ellipse at 50% 60%, rgba(255,235,180,.2) 0%, transparent 70%);
}
.scn-item-basket-on-head .backdrop {
  position:absolute; inset:0;
  background: linear-gradient(180deg, #e0d0b0 0%, #b8a070 100%);
}
.scn-item-basket-on-head .head-profile {
  position:absolute; bottom:35%; left:45%; width:30px; height:40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ibh-head 5s ease-in-out infinite;
}
.scn-item-basket-on-head .basket-top {
  position:absolute; bottom:63%; left:42%; width:60px; height:12px;
  background: #7a4a2a;
  border-radius: 2px 2px 0 0;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,.2);
}
.scn-item-basket-on-head .basket-body {
  position:absolute; bottom:50%; left:43%; width:50px;
  height:40px;
  background: linear-gradient(180deg, #8a5a3a 0%, #6a3a1a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%);
  animation: ibh-basket 6s ease-in-out infinite;
}
.scn-item-basket-on-head .basket-base {
  position:absolute; bottom:48%; left:47%; width:24px; height:8px;
  background: #5a2a10;
  border-radius: 0 0 4px 4px;
}
.scn-item-basket-on-head .neck {
  position:absolute; bottom:62%; left:46.5%; width:12px; height:10px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 40%;
}
.scn-item-basket-on-head .shoulder {
  position:absolute; bottom:32%; left:40%; width:36px; height:20px;
  background: #2a1a0a;
  border-radius: 50% 50% 30% 30% / 40% 40% 20% 20%;
}
.scn-item-basket-on-head .breeze {
  position:absolute; bottom:65%; left:20%; width:40px; height:6px;
  background: linear-gradient(90deg, transparent, rgba(200,200,180,.4), transparent);
  border-radius:50%; filter: blur(2px);
  animation: ibh-breeze 10s ease-in-out infinite;
}
@keyframes ibh-head { 0%{transform:rotate(-2deg)} 30%{transform:rotate(1deg)} 60%{transform:rotate(-1deg)} 100%{transform:rotate(0deg)} }
@keyframes ibh-basket { 0%{transform:translateY(0) rotate(-1deg)} 25%{transform:translateY(-2px) rotate(2deg)} 50%{transform:translateY(0) rotate(-1deg)} 75%{transform:translateY(-1px) rotate(1deg)} 100%{transform:translateY(0) rotate(0deg)} }
@keyframes ibh-breeze { 0%{opacity:0; transform:translateX(0)} 30%{opacity:1; transform:translateX(30px)} 60%{opacity:.5; transform:translateX(60px)} 100%{opacity:0; transform:translateX(100px)} }

/* ── shipboard-barnum-anecdote-intro ── */
.scn-shipboard-barnum-anecdote-intro {
  background: linear-gradient(180deg, #0a0a1a 0%, #10102a 30%, #151540 60%, #0a0a2a 100%),
              radial-gradient(ellipse at 80% 40%, rgba(40,30,80,.5) 0%, transparent 70%);
}
.scn-shipboard-barnum-anecdote-intro .night-sky {
  position:absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #0a0a1a 0%, #101040 100%);
  animation: sba-sky 20s ease-in-out infinite alternate;
}
.scn-shipboard-barnum-anecdote-intro .deck-rail {
  position:absolute; bottom:25%; left:0; right:0; height:10px;
  background: #2a1a1a;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.scn-shipboard-barnum-anecdote-intro .figure-seated {
  position:absolute; bottom:25%; left:60%; width:30px; height:50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 40% 20% 20%;
  transform-origin: bottom center;
  animation: sba-figure 10s ease-in-out infinite;
}
.scn-shipboard-barnum-anecdote-intro .pipe-glow {
  position:absolute; bottom:36%; left:63%; width:8px; height:8px;
  background: radial-gradient(circle, #ffa040 0%, rgba(255,160,64,.4) 40%, transparent 80%);
  border-radius:50%;
  box-shadow: 0 0 20px 6px rgba(255,160,64,.5);
  animation: sba-pipe-glow 2s ease-in-out infinite alternate;
}
.scn-shipboard-barnum-anecdote-intro .lantern {
  position:absolute; bottom:35%; left:40%; width:12px; height:16px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 8px #ffa040;
  animation: sba-lantern 6s ease-in-out infinite;
}
.scn-shipboard-barnum-anecdote-intro .smoke-wisp {
  position:absolute; bottom:40%; left:62%; width:20px; height:20px;
  background: radial-gradient(circle, rgba(200,200,200,.3) 0%, transparent 70%);
  border-radius:50%;
  filter: blur(6px);
  animation: sba-smoke 8s ease-in-out infinite;
}
.scn-shipboard-barnum-anecdote-intro .stars {
  position:absolute; top:5%; left:5%; right:5%; bottom:60%;
  background: radial-gradient(1px 1px at 20% 10%, #fff, transparent),
              radial-gradient(1px 1px at 50% 20%, #fff, transparent),
              radial-gradient(1px 1px at 80% 15%, #fff, transparent),
              radial-gradient(1px 1px at 30% 40%, #fff, transparent),
              radial-gradient(1px 1px at 70% 30%, #fff, transparent);
  background-size: 2px 2px;
  animation: sba-twinkle 4s ease-in-out infinite alternate;
}
.scn-shipboard-barnum-anecdote-intro .sea-horizon {
  position:absolute; bottom:45%; left:0; right:0; height:4px;
  background: linear-gradient(90deg, transparent, #0a0a2a 20%, #151550 80%, transparent);
  filter: blur(1px);
}
@keyframes sba-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.6} }
@keyframes sba-figure { 0%{transform:translateY(0) rotate(0deg)} 25%{transform:translateY(-2px) rotate(1deg)} 50%{transform:translateY(0) rotate(-1deg)} 75%{transform:translateY(-1px) rotate(2deg)} 100%{transform:translateY(0) rotate(0deg)} }
@keyframes sba-pipe-glow { 0%{opacity:.5; transform:scale(1)} 50%{opacity:1; transform:scale(1.3)} 100%{opacity:.6; transform:scale(1)} }
@keyframes sba-lantern { 0%{transform:rotate(-2deg)} 30%{transform:rotate(2deg)} 60%{transform:rotate(-1deg)} 100%{transform:rotate(0deg)} }
@keyframes sba-smoke { 0%{opacity:0; transform:translateY(0) scale(1)} 30%{opacity:.4; transform:translateY(-15px) scale(2)} 60%{opacity:.2; transform:translateY(-25px) scale(3)} 100%{opacity:0; transform:translateY(-30px) scale(4)} }
@keyframes sba-twinkle { 0%{opacity:.6} 50%{opacity:1} 100%{opacity:.4} }

.scn-dorian-rapture {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #1a120a 50%, #0d0805 100%),
    radial-gradient(ellipse at 50% 40%, #4a3a2a 0%, transparent 70%);
}
.scn-dorian-rapture .bg  { position:absolute; inset:0; background:linear-gradient(135deg, #2a1e12 0%, #100b05 100%); animation: dr-bg 10s ease-in-out infinite alternate; }
.scn-dorian-rapture .window { position:absolute; top:15%; left:55%; width:70px; height:100px; background:radial-gradient(ellipse at 50% 30%, #ffd080 0%, #b08040 40%, transparent 70%); border-radius:10px; box-shadow: 0 0 40px 20px rgba(255,200,100,0.3), 0 0 80px 40px rgba(255,200,100,0.1); animation: dr-window 4s ease-in-out infinite; }
.scn-dorian-rapture .table { position:absolute; bottom:20%; left:30%; right:10%; height:14%; background:linear-gradient(180deg, #5a3a22 0%, #3a2210 100%); border-radius:5px; box-shadow: 0 -4px 10px rgba(0,0,0,0.6); }
.scn-dorian-rapture .hand  { position:absolute; bottom:28%; left:40%; width:30px; height:50px; background:linear-gradient(180deg, #1a0e08 0%, #0d0703 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; transform-origin: bottom center; animation: dr-hand 3s ease-in-out infinite; }
.scn-dorian-rapture .fruit { position:absolute; bottom:33%; left:42%; width:30px; height:30px; background:radial-gradient(circle at 40% 35%, #ffd060 0%, #c08030 70%, #8a5a20 100%); border-radius:50%; box-shadow: 0 0 20px 6px rgba(255,200,80,0.5), 0 0 40px 10px rgba(255,200,80,0.2); animation: dr-fruit 2.5s ease-in-out infinite alternate; }
.scn-dorian-rapture .shadow{ position:absolute; bottom:17%; left:30%; right:30%; height:6%; background:radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 70%); animation: dr-shadow 6s ease-in-out infinite; }
@keyframes dr-bg    { 0% { opacity:0.9; } 50% { opacity:0.95; } 100% { opacity:0.85; } }
@keyframes dr-window{ 0% { transform:scaleY(1); box-shadow:0 0 30px 15px rgba(255,200,100,0.2); } 50% { transform:scaleY(1.02); box-shadow:0 0 50px 25px rgba(255,200,100,0.4); } 100% { transform:scaleY(1); box-shadow:0 0 30px 15px rgba(255,200,100,0.2); } }
@keyframes dr-hand  { 0% { transform:translate(0,0) rotate(0deg); } 30% { transform:translate(2px,-2px) rotate(2deg); } 70% { transform:translate(-1px,-1px) rotate(-1deg); } 100% { transform:translate(0,0) rotate(0deg); } }
@keyframes dr-fruit { 0% { box-shadow:0 0 20px 6px rgba(255,200,80,0.4); transform:scale(1); } 50% { box-shadow:0 0 40px 12px rgba(255,200,80,0.6); transform:scale(1.05); } 100% { box-shadow:0 0 20px 6px rgba(255,200,80,0.4); transform:scale(1); } }
@keyframes dr-shadow{ 0% { opacity:0.6; transform:scaleX(0.9); } 50% { opacity:0.7; transform:scaleX(1.1); } 100% { opacity:0.6; transform:scaleX(0.9); } }

.scn-benares-city-first {
  background:
    linear-gradient(180deg, #87ceeb 0%, #f0e68c 40%, #d4a574 70%, #8b5a2b 100%),
    radial-gradient(ellipse at 80% 20%, #fff8dc 0%, transparent 60%);
}
.scn-benares-city-first .sky  { position:absolute; inset:0 0 60% 0; background:linear-gradient(180deg, #70bbdd 0%, #f0e68c 100%); animation: bcf-sky 20s ease-in-out infinite alternate; }
.scn-benares-city-first .sun  { position:absolute; top:12%; right:15%; width:60px; height:60px; background:radial-gradient(circle at 50% 50%, #fff5cc 0%, #ffdd77 40%, transparent 70%); border-radius:50%; box-shadow:0 0 80px 30px rgba(255,220,100,0.4); animation: bcf-sun 6s ease-in-out infinite; }
.scn-benares-city-first .river{ position:absolute; bottom:40%; left:0; right:0; height:20%; background:linear-gradient(180deg, #4a90d9 0%, #2a6ba8 50%, #1a4a7a 100%); border-radius:50% 50% 0 0/30% 30% 0 0; animation: bcf-river 8s ease-in-out infinite; }
.scn-benares-city-first .city { position:absolute; bottom:38%; left:5%; right:5%; height:22%; background:linear-gradient(180deg, #8b6b4a 0%, #4a3020 100%); border-radius:10% 10% 5% 5%; clip-path:polygon(0% 100%, 5% 40%, 10% 60%, 20% 20%, 30% 50%, 40% 10%, 50% 30%, 60% 15%, 70% 45%, 80% 25%, 90% 50%, 100% 70%, 100% 100%); animation: bcf-city 12s ease-in-out infinite; }
.scn-benares-city-first .ghats{ position:absolute; bottom:38%; left:10%; right:10%; height:24%; background:linear-gradient(0deg, #9a7b5a 0%, #7a5a3a 50%, #5a3a1a 100%); border-radius:20% 20% 0 0/40% 40% 0 0; transform:scaleY(0.8); animation: bcf-ghats 10s ease-in-out infinite; }
.scn-benares-city-first .tree { position:absolute; bottom:38%; left:70%; width:16px; height:60px; background:linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%); border-radius:50% 50% 20% 20%/60% 60% 20% 20%; transform-origin:bottom center; animation: bcf-tree 5s ease-in-out infinite; }
@keyframes bcf-sky   { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes bcf-sun   { 0% { transform:scale(0.95); box-shadow:0 0 60px 20px rgba(255,220,100,0.3); } 50% { transform:scale(1.05); box-shadow:0 0 100px 40px rgba(255,220,100,0.5); } 100% { transform:scale(0.95); box-shadow:0 0 60px 20px rgba(255,220,100,0.3); } }
@keyframes bcf-river { 0% { opacity:0.8; transform:translateY(0); } 50% { opacity:0.9; transform:translateY(-2px); } 100% { opacity:0.8; transform:translateY(0); } }
@keyframes bcf-city  { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes bcf-ghats { 0% { transform:scaleY(0.8) scaleX(1); } 50% { transform:scaleY(0.85) scaleX(1.02); } 100% { transform:scaleY(0.8) scaleX(1); } }
@keyframes bcf-tree  { 0% { transform:rotate(-2deg); } 50% { transform:rotate(2deg); } 100% { transform:rotate(-2deg); } }

.scn-benares-ancient {
  background:
    linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #0f0f1a 100%),
    radial-gradient(ellipse at 50% 40%, #3a3a4a 0%, transparent 70%);
}
.scn-benares-ancient .bg    { position:absolute; inset:0; background:linear-gradient(135deg, #2a2a3a 0%, #151520 100%); animation: banc-bg 15s ease-in-out infinite; }
.scn-benares-ancient .pillar-left { position:absolute; top:10%; left:15%; width:30px; height:75%; background:linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 50%, #2a1a0a 100%); border-radius:5px; box-shadow:0 0 20px 4px rgba(0,0,0,0.4); }
.scn-benares-ancient .pillar-right{ position:absolute; top:10%; right:15%; width:30px; height:75%; background:linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 50%, #2a1a0a 100%); border-radius:5px; box-shadow:0 0 20px 4px rgba(0,0,0,0.4); animation: banc-pillar 8s ease-in-out infinite; }
.scn-benares-ancient .lamp  { position:absolute; top:25%; left:48%; width:20px; height:40px; background:radial-gradient(ellipse at 50% 20%, #ffd080 0%, #c08040 40%, transparent 70%); border-radius:10%; box-shadow:0 0 60px 30px rgba(255,200,100,0.2), 0 0 120px 60px rgba(255,200,100,0.1); animation: banc-lamp 4s ease-in-out infinite; }
.scn-benares-ancient .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background:linear-gradient(0deg, #2a2a1a 0%, #1a1a0a 100%); border-radius:10% 10% 0 0; }
.scn-benares-ancient .shadow{ position:absolute; bottom:10%; left:20%; right:20%; height:10%; background:radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%); animation: banc-shadow 10s ease-in-out infinite; }
@keyframes banc-bg    { 0% { opacity:0.8; } 50% { opacity:0.9; } 100% { opacity:0.8; } }
@keyframes banc-pillar{ 0% { transform:scaleX(1); } 50% { transform:scaleX(1.02); } 100% { transform:scaleX(1); } }
@keyframes banc-lamp  { 0% { opacity:0.7; box-shadow:0 0 40px 20px rgba(255,200,100,0.15); } 50% { opacity:0.9; box-shadow:0 0 80px 40px rgba(255,200,100,0.3); } 100% { opacity:0.7; box-shadow:0 0 40px 20px rgba(255,200,100,0.15); } }
@keyframes banc-shadow{ 0% { opacity:0.4; transform:scaleX(0.8); } 50% { opacity:0.5; transform:scaleX(1.2); } 100% { opacity:0.4; transform:scaleX(0.8); } }

.scn-benares-tumultuous-history {
  background:
    linear-gradient(180deg, #1c1a24 0%, #0f0d16 50%, #08060d 100%),
    radial-gradient(ellipse at 50% 30%, #2c2a3a 0%, transparent 70%);
}
.scn-benares-tumultuous-history .bg    { position:absolute; inset:0; background:linear-gradient(135deg, #1c1820 0%, #0a080f 100%); animation: bth-bg 12s ease-in-out infinite alternate; }
.scn-benares-tumultuous-history .pillar-l { position:absolute; top:5%; left:10%; width:35px; height:80%; background:linear-gradient(0deg, #4a3a3a 0%, #2a1a1a 50%, #1a0a0a 100%); border-radius:5px; box-shadow:0 0 30px 6px rgba(0,0,0,0.5); animation: bth-pillar-l 6s ease-in-out infinite; }
.scn-benares-tumultuous-history .pillar-r { position:absolute; top:5%; right:10%; width:35px; height:80%; background:linear-gradient(0deg, #4a3a3a 0%, #2a1a1a 50%, #1a0a0a 100%); border-radius:5px; box-shadow:0 0 30px 6px rgba(0,0,0,0.5); animation: bth-pillar-r 6s ease-in-out infinite reverse; }
.scn-benares-tumultuous-history .altar { position:absolute; bottom:20%; left:35%; right:35%; height:20%; background:linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius:10% 10% 5% 5%; box-shadow:0 -6px 20px rgba(0,0,0,0.6); }
.scn-benares-tumultuous-history .flame { position:absolute; bottom:38%; left:48%; width:16px; height:30px; background:radial-gradient(ellipse at 50% 30%, #ffd080 0%, #c08040 40%, transparent 70%); border-radius:50% 50% 20% 20%/60% 60% 20% 20%; box-shadow:0 0 50px 20px rgba(255,200,100,0.3), 0 0 100px 40px rgba(255,200,100,0.15); animation: bth-flame 3s ease-in-out infinite; }
.scn-benares-tumultuous-history .statue{ position:absolute; bottom:28%; left:45%; width:20px; height:50px; background:linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%); border-radius:40% 40% 30% 30%/50% 50% 30% 30%; transform-origin:bottom center; animation: bth-statue 8s ease-in-out infinite; }
.scn-benares-tumultuous-history .shadow{ position:absolute; bottom:10%; left:20%; right:20%; height:12%; background:radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%); animation: bth-shadow 10s ease-in-out infinite; }
@keyframes bth-bg      { 0% { opacity:0.85; } 50% { opacity:0.95; } 100% { opacity:0.85; } }
@keyframes bth-pillar-l{ 0% { transform:scaleY(1); } 50% { transform:scaleY(1.02); } 100% { transform:scaleY(1); } }
@keyframes bth-pillar-r{ 0% { transform:scaleY(1); } 50% { transform:scaleY(1.02); } 100% { transform:scaleY(1); } }
@keyframes bth-flame   { 0% { transform:scale(0.9) rotate(-5deg); box-shadow:0 0 40px 15px rgba(255,200,100,0.2); } 50% { transform:scale(1.1) rotate(5deg); box-shadow:0 0 60px 25px rgba(255,200,100,0.4); } 100% { transform:scale(0.9) rotate(-5deg); box-shadow:0 0 40px 15px rgba(255,200,100,0.2); } }
@keyframes bth-statue  { 0% { transform:translate(0,0) rotate(-1deg); } 30% { transform:translate(1px,-1px) rotate(1deg); } 70% { transform:translate(-1px,0) rotate(-1deg); } 100% { transform:translate(0,0) rotate(-1deg); } }
@keyframes bth-shadow  { 0% { opacity:0.3; transform:scaleX(0.85); } 50% { opacity:0.5; transform:scaleX(1.15); } 100% { opacity:0.3; transform:scaleX(0.85); } }

/* thibetan-drama */
.scn-thibetan-drama {
  background: linear-gradient(180deg, #87CEEB 0%, #f0d89b 50%, #f4c373 100%), radial-gradient(ellipse at 50% 0%, #f0d89b 0%, transparent 60%);
}
.scn-thibetan-drama .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #87CEEB 0%, #b8e0f0 100%);
  animation: thi-sky 20s ease-in-out infinite alternate;
}
.scn-thibetan-drama .mountains {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6b8e5a 0%, #3d5a2e 100%);
  border-radius: 40% 60% 0 0 / 70% 80% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: thi-mountains 30s ease-in-out infinite;
}
.scn-thibetan-drama .hillside {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #8db270 0%, #5a7a45 100%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.2);
  animation: thi-hillside 15s ease-in-out infinite;
}
.scn-thibetan-drama .stage {
  position: absolute; bottom: 18%; left: 50%; width: 120px; height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c8a86a 0%, #a0844a 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.4);
  animation: thi-stage 10s ease-in-out infinite;
}
.scn-thibetan-drama .actor {
  position: absolute; bottom: 22%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: thi-actor 6s ease-in-out infinite;
}
.scn-thibetan-drama .actor-left { left: 44%; animation-delay: 0s; }
.scn-thibetan-drama .actor-right { left: 52%; animation-delay: 0.5s; }
.scn-thibetan-drama .audience {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 15%;
  background: repeating-linear-gradient(90deg, #3d2e1e 0px, #3d2e1e 12px, #2a1f14 12px, #2a1f14 24px);
  border-radius: 30% 30% 0 0;
  animation: thi-audience 25s linear infinite;
}
.scn-thibetan-drama .sun {
  position: absolute; top: 6%; left: 70%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffeeaa 0%, #f0c060 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(240,192,96,0.5);
  animation: thi-sun 8s ease-in-out infinite alternate;
}
.scn-thibetan-drama .cloud {
  position: absolute; width: 80px; height: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%;
  filter: blur(8px);
}
.scn-thibetan-drama .cloud-thi-1 { top: 10%; left: 10%; animation: thi-cloud 40s linear infinite; }
.scn-thibetan-drama .cloud-thi-2 { top: 15%; right: 15%; width: 60px; height: 16px; animation: thi-cloud 35s linear infinite reverse; animation-delay: -15s; }
@keyframes thi-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes thi-mountains { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-2px) scale(1.01) } 100% { transform: translateY(0) scale(1) } }
@keyframes thi-hillside { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes thi-stage { 0% { transform: translateX(-50%) } 50% { transform: translateX(-50%) translateY(-2px) scale(1.01) } 100% { transform: translateX(-50%) } }
@keyframes thi-actor { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(0) rotate(-1deg) } 75% { transform: translateX(-5px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes thi-audience { 0% { background-position: 0 0 } 100% { background-position: 24px 0 } }
@keyframes thi-sun { 0% { box-shadow: 0 0 40px 10px rgba(240,192,96,0.4); } 50% { box-shadow: 0 0 70px 30px rgba(240,192,96,0.6); } 100% { box-shadow: 0 0 50px 15px rgba(240,192,96,0.5); } }
@keyframes thi-cloud { 0% { transform: translateX(-80px) } 100% { transform: translateX(120vw) } }

/* loop-engineering */
.scn-loop-engineering {
  background: linear-gradient(180deg, #87CEEB 0%, #e0e8c0 40%, #6b8e5a 100%), radial-gradient(ellipse at 50% 0%, #b8e0f0 0%, transparent 60%);
}
.scn-loop-engineering .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #b0d8f0 0%, #d0e8b0 100%);
  animation: loo-sky 25s ease-in-out infinite alternate;
}
.scn-loop-engineering .mountain-bg {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #5a7a45 0%, #3d5a2e 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 10px 25px rgba(0,0,0,0.3);
}
.scn-loop-engineering .mountain-fg {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6b8e5a 0%, #4a6a38 100%);
  border-radius: 50% 50% 0 0 / 70% 70% 0 0;
  box-shadow: inset 0 6px 15px rgba(0,0,0,0.2);
  animation: loo-mtn-fg 20s ease-in-out infinite;
}
.scn-loop-engineering .track-loop {
  position: absolute; bottom: 25%; left: 30%; width: 140px; height: 80px;
  border: 4px solid #6a4a3a;
  border-radius: 20% 80% 10% 90% / 50% 50% 50% 50%;
  transform: rotate(-10deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: loo-track 30s ease-in-out infinite;
}
.scn-loop-engineering .bridge {
  position: absolute; bottom: 35%; left: 50%; width: 60px; height: 12px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  border-radius: 2px;
  box-shadow: 0 6px 10px rgba(0,0,0,0.3);
  animation: loo-bridge 15s ease-in-out infinite alternate;
}
.scn-loop-engineering .train {
  position: absolute; bottom: 30%; left: 35%; width: 50px; height: 20px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a1a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: loo-train 12s linear infinite;
}
.scn-loop-engineering .smoke {
  position: absolute; bottom: 40%; width: 20px; height: 20px;
  background: radial-gradient(circle, rgba(200,200,200,0.6) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(4px);
}
.scn-loop-engineering .smoke-loo-1 { left: 40%; animation: loo-smoke 6s ease-out infinite; }
.scn-loop-engineering .smoke-loo-2 { left: 45%; animation: loo-smoke 8s ease-out infinite; animation-delay: -3s; }
@keyframes loo-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes loo-mtn-fg { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-2px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes loo-track { 0% { transform: rotate(-10deg) } 50% { transform: rotate(-7deg) } 100% { transform: rotate(-10deg) } }
@keyframes loo-bridge { 0% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.1) } 100% { transform: translateX(-50%) scaleY(1) } }
@keyframes loo-train { 0% { transform: translateX(0) } 50% { transform: translateX(20px) } 100% { transform: translateX(0) } }
@keyframes loo-smoke { 0% { transform: translateY(0) scale(1); opacity: 0.6; } 100% { transform: translateY(-30px) scale(2); opacity: 0; } }

/* barnards-house */
.scn-barnards-house {
  background: linear-gradient(180deg, #b0d8f0 0%, #c8e0c0 50%, #8db270 100%), radial-gradient(ellipse at 50% 0%, #c8e0c0 0%, transparent 60%);
}
.scn-barnards-house .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #a0d0e8 0%, #d0e8b0 100%);
  animation: bar-sky 30s ease-in-out infinite alternate;
}
.scn-barnards-house .forest-gap {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 35%;
  background: linear-gradient(180deg, #4a6a38 0%, #2a4a1e 100%);
  clip-path: polygon(0% 0%, 20% 0%, 20% 100%, 80% 100%, 80% 0%, 100% 0%, 100% 100%, 0% 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: bar-forest 25s ease-in-out infinite;
}
.scn-barnards-house .hills {
  position: absolute; bottom: 30%; left: 20%; right: 20%; height: 25%;
  background: linear-gradient(180deg, #6b8e5a 0%, #3d5a2e 100%);
  border-radius: 50% 50% 0 0 / 70% 70% 0 0;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.2);
  animation: bar-hills 35s ease-in-out infinite;
}
.scn-barnards-house .veranda-roof {
  position: absolute; bottom: 35%; left: 30%; width: 100px; height: 15px;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  animation: bar-roof 20s ease-in-out infinite alternate;
}
.scn-barnards-house .railing {
  position: absolute; bottom: 33%; left: 32%; width: 80px; height: 10px;
  border: 2px solid #5a3a2a;
  border-top: none;
  border-radius: 0 0 5px 5px;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.2);
  animation: bar-rail 15s ease-in-out infinite;
}
.scn-barnards-house .leopard {
  position: absolute; bottom: 30%; left: 50%; width: 30px; height: 15px;
  background: #c8553d;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: bar-leopard 8s ease-in-out infinite;
}
.scn-barnards-house .calf {
  position: absolute; bottom: 28%; left: 55%; width: 20px; height: 18px;
  background: #a0844a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: bar-calf 8s ease-in-out infinite;
}
.scn-barnards-house .figure {
  position: absolute; bottom: 32%; left: 25%; width: 16px; height: 30px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bar-figure 10s ease-in-out infinite;
}
@keyframes bar-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes bar-forest { 0% { clip-path: polygon(0% 0%, 20% 0%, 20% 100%, 80% 100%, 80% 0%, 100% 0%, 100% 100%, 0% 100%); } 50% { clip-path: polygon(0% 0%, 18% 2%, 22% 100%, 78% 100%, 82% 2%, 100% 0%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0% 0%, 20% 0%, 20% 100%, 80% 100%, 80% 0%, 100% 0%, 100% 100%, 0% 100%); } }
@keyframes bar-hills { 0% { transform: scale(1) } 50% { transform: scale(1.02) } 100% { transform: scale(1) } }
@keyframes bar-roof { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes bar-rail { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes bar-leopard { 0% { transform: translateX(-50%) rotate(0deg); } 30% { transform: translateX(-40%) rotate(-5deg); } 60% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes bar-calf { 0% { transform: translateX(-50%) } 50% { transform: translateX(-45%) } 100% { transform: translateX(-50%) } }
@keyframes bar-figure { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(5px) rotate(1deg) } 50% { transform: translateX(0) rotate(-2deg) } 75% { transform: translateX(5px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) } }

/* brain-fever-bird */
.scn-brain-fever-bird {
  background: linear-gradient(180deg, #f0d89b 0%, #e0c87a 30%, #87CEEB 70%), radial-gradient(ellipse at 50% 0%, #f0d89b 0%, transparent 50%);
}
.scn-brain-fever-bird .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b8e0f0 0%, #e0d8a0 100%);
  animation: bra-sky 20s ease-in-out infinite alternate;
}
.scn-brain-fever-bird .sun {
  position: absolute; top: 5%; right: 20%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffeeaa 0%, #f0c060 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 50px 20px rgba(240,192,96,0.5);
  animation: bra-sun 10s ease-in-out infinite alternate;
}
.scn-brain-fever-bird .tree-trunk {
  position: absolute; bottom: 0; left: 50%; width: 20px; height: 70%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 2px 0 6px rgba(0,0,0,0.3);
  animation: bra-trunk 30s ease-in-out infinite;
}
.scn-brain-fever-bird .branch {
  position: absolute; bottom: 40%; left: 50%; width: 60px; height: 8px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 0 0;
  transform-origin: left center;
  animation: bra-branch 25s ease-in-out infinite;
}
.scn-brain-fever-bird .bird {
  position: absolute; bottom: 42%; left: 42%; width: 18px; height: 12px;
  background: #c8553d;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-15deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: bra-bird 3s ease-in-out infinite;
}
.scn-brain-fever-bird .sound-wave {
  position: absolute; bottom: 48%; left: 40%; width: 6px; height: 6px;
  border: 2px solid #f0c060;
  border-radius: 50%;
  background: transparent;
  animation: bra-sound 4s ease-out infinite;
}
.scn-brain-fever-bird .sw-1 { left: 38%; animation-delay: 0s; }
.scn-brain-fever-bird .sw-2 { left: 42%; animation-delay: 1s; }
.scn-brain-fever-bird .sw-3 { left: 35%; animation-delay: 2s; }
@keyframes bra-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes bra-sun { 0% { box-shadow: 0 0 40px 10px rgba(240,192,96,0.4); } 50% { box-shadow: 0 0 60px 20px rgba(240,192,96,0.6); } 100% { box-shadow: 0 0 50px 15px rgba(240,192,96,0.5); } }
@keyframes bra-trunk { 0% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.02) } 100% { transform: translateX(-50%) scaleY(1) } }
@keyframes bra-branch { 0% { transform: rotate(0deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(0deg) } }
@keyframes bra-bird { 0% { transform: rotate(-15deg) } 50% { transform: rotate(-10deg) } 100% { transform: rotate(-15deg) } }
@keyframes bra-sound { 0% { transform: scale(0.5); opacity: 0.8; } 50% { transform: scale(2); opacity: 0.4; } 100% { transform: scale(3); opacity: 0; } }

/* background layered gradients for each scene */
.scn-average-man-ignorance {
  background: 
    linear-gradient(180deg, #1a1a2e 0%, #2a1f30 40%, #1e1224 100%),
    radial-gradient(ellipse at 50% 80%, #3c2a3a 0%, transparent 70%);
}
.scn-black-hole-disappointment {
  background: 
    linear-gradient(180deg, #1c1a24 0%, #2a2435 50%, #181622 100%),
    radial-gradient(ellipse at 50% 100%, #2a2435 0%, transparent 60%);
}
.scn-black-hole-seed {
  background: 
    linear-gradient(180deg, #0e0a14 0%, #1a111c 40%, #0f080f 100%),
    radial-gradient(ellipse at 80% 60%, #2a1a2a 0%, transparent 50%);
}
.scn-black-hole-site {
  background: 
    linear-gradient(180deg, #1a1620 0%, #2a2530 50%, #1e1a24 100%),
    radial-gradient(ellipse at 30% 70%, #3a3038 0%, transparent 60%);
}

/* Average Man – Ignorance (calm, dim interior) */
.scn-average-man-ignorance .wall-bg {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a1f30 0%, #1a1224 100%);
  border-radius: 0 0 60% 60% / 0 0 40% 40%;
  animation: ami-wall 20s ease-in-out infinite alternate;
}
.scn-average-man-ignorance .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a1224 0%, #0e0a1a 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.7);
}
.scn-average-man-ignorance .figure {
  position: absolute; bottom: 20%; left: 40%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #2a2430 0%, #16121e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ami-figure 12s ease-in-out infinite;
}
.scn-average-man-ignorance .table {
  position: absolute; bottom: 18%; left: 35%; width: 50px; height: 8px;
  background: linear-gradient(180deg, #3a2a30 0%, #2a1a22 100%);
  border-radius: 4px;
  box-shadow: 0 8px 12px rgba(0,0,0,0.6);
}
.scn-average-man-ignorance .torch-a,
.scn-average-man-ignorance .torch-b,
.scn-average-man-ignorance .torch-c {
  position: absolute; width: 8px; height: 14px;
  background: linear-gradient(180deg, #c07040 0%, #a05030 100%);
  border-radius: 50% 50% 40% 40%;
  box-shadow: 0 0 20px 6px #d08050, 0 0 40px 12px rgba(200,120,60,0.5);
}
.scn-average-man-ignorance .torch-a {
  top: 25%; left: 20%;
  animation: ami-torch-a 8s ease-in-out infinite alternate;
}
.scn-average-man-ignorance .torch-b {
  top: 35%; left: 60%;
  animation: ami-torch-b 10s ease-in-out infinite alternate;
  animation-delay: 2s;
}
.scn-average-man-ignorance .torch-c {
  top: 30%; left: 80%;
  animation: ami-torch-c 9s ease-in-out infinite alternate;
  animation-delay: 4s;
}
.scn-average-man-ignorance .light-pool {
  position: absolute; bottom: 24%; left: 30%; width: 100px; height: 40px;
  background: radial-gradient(ellipse, rgba(200,120,60,0.15) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
  animation: ami-pool 6s ease-in-out infinite alternate;
}

@keyframes ami-wall { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes ami-figure {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-1px) rotate(0.5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ami-torch-a { 0% { transform: translateY(0) scale(1); opacity: 0.9; } 50% { transform: translateY(-2px) scale(1.1); opacity: 1; } 100% { transform: translateY(0) scale(1); opacity: 0.8; } }
@keyframes ami-torch-b { 0% { transform: translateY(0) rotate(-2deg); opacity: 0.85; } 33% { transform: translateY(-1px) rotate(3deg); opacity: 1; } 66% { transform: translateY(-2px) rotate(-1deg); opacity: 0.9; } 100% { transform: translateY(0) rotate(0deg); opacity: 0.8; } }
@keyframes ami-torch-c { 0% { transform: translateY(0) scale(0.9); opacity: 0.8; } 40% { transform: translateY(-3px) scale(1.15); opacity: 1; } 70% { transform: translateY(-1px) scale(1); opacity: 0.9; } 100% { transform: translateY(0) scale(0.9); opacity: 0.7; } }
@keyframes ami-pool { 0% { opacity: 0.3; transform: scaleX(1); } 50% { opacity: 0.6; transform: scaleX(1.2); } 100% { opacity: 0.4; transform: scaleX(0.9); } }

/* Black Hole – Disappointment (calm, dim interior) */
.scn-black-hole-disappointment .wall-dark {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #2a2435 0%, #1c1a24 100%);
  border-radius: 0 0 50% 50% / 0 0 30% 30%;
  box-shadow: inset 0 -8px 20px rgba(0,0,0,0.5);
}
.scn-black-hole-disappointment .floor-dark {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1c1a24 0%, #12101a 100%);
}
.scn-black-hole-disappointment .plaque {
  position: absolute; bottom: 40%; left: 50%; width: 70px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #3a3038 0%, #2a2028 100%);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.6), inset 0 1px 2px rgba(255,255,255,0.05);
}
.scn-black-hole-disappointment .window {
  position: absolute; top: 15%; right: 10%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #2a3545 0%, #1a2535 100%);
  border: 2px solid #3a3038;
  border-radius: 2px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
}
.scn-black-hole-disappointment .lantern {
  position: absolute; bottom: 45%; left: 15%; width: 10px; height: 14px;
  background: linear-gradient(180deg, #b08060 0%, #906040 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 16px 4px #b08060, 0 0 30px 8px rgba(176,128,96,0.4);
  animation: bhd-lantern 5s ease-in-out infinite alternate;
}
.scn-black-hole-disappointment .figure-int {
  position: absolute; bottom: 25%; left: 30%; width: 30px; height: 45px;
  background: linear-gradient(180deg, #2a2430 0%, #1a1622 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bhd-figure 14s ease-in-out infinite;
}
.scn-black-hole-disappointment .shadow-line {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 2px;
  background: rgba(0,0,0,0.4);
  filter: blur(2px);
  animation: bhd-shadow 9s ease-in-out infinite alternate;
}

@keyframes bhd-lantern { 0% { transform: rotate(-3deg) translateY(0); opacity: 0.8; } 50% { transform: rotate(3deg) translateY(-1px); opacity: 1; } 100% { transform: rotate(-2deg) translateY(0); opacity: 0.7; } }
@keyframes bhd-figure {
  0% { transform: translateY(0) scaleX(1); }
  20% { transform: translateY(-2px) scaleX(0.95); }
  40% { transform: translateY(0) scaleX(1); }
  60% { transform: translateY(-1px) scaleX(1.05); }
  80% { transform: translateY(0) scaleX(1); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes bhd-shadow { 0% { opacity: 0.3; transform: scaleY(1); } 50% { opacity: 0.6; transform: scaleY(1.5); } 100% { opacity: 0.4; transform: scaleY(0.8); } }

/* Black Hole – Seed (dark, dim interior) */
.scn-black-hole-seed .cell-wall {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #0e0a14 0%, #1a111c 50%, #0e0a14 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.8);
}
.scn-black-hole-seed .cell-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a111c 0%, #0a060e 100%);
}
.scn-black-hole-seed .bars {
  position: absolute; top: 10%; left: 30%; right: 30%; bottom: 40%;
  border: 3px solid #2a1a28;
  border-radius: 4px;
  background: repeating-linear-gradient(0deg, transparent, transparent 8px, #2a1a28 8px, #2a1a28 10px);
  opacity: 0.6;
}
.scn-black-hole-seed .slumped-figure {
  position: absolute; bottom: 20%; left: 40%; width: 36px; height: 50px;
  background: linear-gradient(180deg, #1a111c 0%, #0e0a14 100%);
  border-radius: 50% 50% 40% 40% / 30% 30% 60% 60%;
  transform: rotate(-10deg);
  animation: bhs-figure 20s ease-in-out infinite;
}
.scn-black-hole-seed .light-beam {
  position: absolute; top: 0; left: 45%; width: 10%; height: 60%;
  background: linear-gradient(180deg, rgba(200,180,150,0.08) 0%, transparent 100%);
  transform: skewX(-10deg);
  animation: bhs-beam 12s ease-in-out infinite alternate;
}
.scn-black-hole-seed .dust-mote {
  position: absolute; top: 20%; left: 20%; width: 4px; height: 4px;
  background: #c0a080;
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(192,160,128,0.5);
  animation: bhs-dust 25s linear infinite;
}
.scn-black-hole-seed .chain {
  position: absolute; top: 12%; left: 20%; width: 3px; height: 30px;
  background: repeating-linear-gradient(180deg, #2a1a28 0px, #2a1a28 3px, transparent 3px, transparent 6px);
  transform: rotate(5deg);
  animation: bhs-chain 8s ease-in-out infinite alternate;
}
.scn-black-hole-seed .pool-shadow {
  position: absolute; bottom: 15%; left: 35%; width: 80px; height: 20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: bhs-pool 15s ease-in-out infinite alternate;
}

@keyframes bhs-figure {
  0% { transform: rotate(-10deg) translateY(0); }
  25% { transform: rotate(-8deg) translateY(-2px); }
  50% { transform: rotate(-12deg) translateY(0); }
  75% { transform: rotate(-10deg) translateY(-1px); }
  100% { transform: rotate(-10deg) translateY(0); }
}
@keyframes bhs-beam { 0% { opacity: 0.2; transform: skewX(-8deg) scaleY(1); } 50% { opacity: 0.5; transform: skewX(-12deg) scaleY(1.1); } 100% { opacity: 0.3; transform: skewX(-8deg) scaleY(1); } }
@keyframes bhs-dust { 0% { transform: translateY(0) translateX(0) scale(1); opacity: 0.6; } 25% { transform: translateY(-20px) translateX(10px) scale(1.2); opacity: 1; } 50% { transform: translateY(-40px) translateX(20px) scale(0.8); opacity: 0.3; } 75% { transform: translateY(-60px) translateX(30px) scale(1.1); opacity: 0.7; } 100% { transform: translateY(-100px) translateX(40px) scale(0.9); opacity: 0; } }
@keyframes bhs-chain { 0% { transform: rotate(5deg) translateY(0); } 50% { transform: rotate(8deg) translateY(2px); } 100% { transform: rotate(5deg) translateY(0); } }
@keyframes bhs-pool { 0% { opacity: 0.4; transform: scaleX(1); } 50% { opacity: 0.8; transform: scaleX(1.3); } 100% { opacity: 0.5; transform: scaleX(0.9); } }

/* Black Hole – Site (calm, dim interior) */
.scn-black-hole-site .stone-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #2a2530 0%, #1e1a24 100%);
  border-radius: 0 0 30% 30% / 0 0 20% 20%;
}
.scn-black-hole-site .plaque-bronze {
  position: absolute; bottom: 40%; left: 50%; width: 80px; height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #4a3a38 0%, #3a2a28 100%);
  border-radius: 6px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.6), inset 0 1px 2px rgba(255,255,255,0.06);
  animation: bht-plaque 18s ease-in-out infinite alternate;
}
.scn-black-hole-site .plate-texture {
  position: absolute; bottom: 42%; left: 50%; width: 60px; height: 20px;
  transform: translateX(-50%);
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, #2a2020 2px, #2a2020 4px);
  opacity: 0.3;
  border-radius: 2px;
}
.scn-black-hole-site .candle {
  position: absolute; bottom: 50%; left: 30%; width: 10px; height: 20px;
  background: linear-gradient(180deg, #d0b090 0%, #b09070 100%);
  border-radius: 2px;
  box-shadow: 0 0 10px 2px #d0b090;
  animation: bht-candle 6s ease-in-out infinite alternate;
}
.scn-black-hole-site .candle-glow {
  position: absolute; bottom: 48%; left: 28%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(200,160,120,0.2) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: bht-glow 4s ease-in-out infinite alternate;
}
.scn-black-hole-site .shadow-crawl {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 10%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%);
  animation: bht-shadow 22s ease-in-out infinite alternate;
}
.scn-black-hole-site .ambient-dust {
  position: absolute; top: 20%; left: 10%; width: 6px; height: 6px;
  background: rgba(200,180,160,0.3);
  border-radius: 50%;
  filter: blur(2px);
  animation: bht-dust 30s linear infinite;
}
.scn-black-hole-site .corner-dark {
  position: absolute; bottom: 0; right: 0; width: 40%; height: 30%;
  background: linear-gradient(135deg, transparent 0%, rgba(0,0,0,0.5) 100%);
  border-radius: 60% 0 0 0;
}

@keyframes bht-plaque { 0% { transform: translateX(-50%) translateY(0); box-shadow: 0 6px 14px rgba(0,0,0,0.6); } 50% { transform: translateX(-50%) translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,0.7); } 100% { transform: translateX(-50%) translateY(0); box-shadow: 0 6px 14px rgba(0,0,0,0.6); } }
@keyframes bht-candle { 0% { transform: scaleY(1) rotate(0deg); opacity: 0.8; } 50% { transform: scaleY(1.1) rotate(2deg); opacity: 1; } 100% { transform: scaleY(1) rotate(-1deg); opacity: 0.7; } }
@keyframes bht-glow { 0% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.7; transform: scale(1.2); } 100% { opacity: 0.4; transform: scale(0.9); } }
@keyframes bht-shadow { 0% { opacity: 0.2; } 50% { opacity: 0.6; } 100% { opacity: 0.3; } }
@keyframes bht-dust { 0% { transform: translateY(0) translateX(0); opacity: 0; } 20% { opacity: 0.6; } 40% { transform: translateY(-30px) translateX(20px); opacity: 0.3; } 60% { opacity: 0.5; } 80% { transform: translateY(-60px) translateX(40px); opacity: 0.1; } 100% { transform: translateY(-100px) translateX(60px); opacity: 0; } }

/* barnum‑jamrach‑jumbo‑deal */
.scn-barnum-jamrach-jumbo-deal { background: 
  linear-gradient(135deg, #1a1410 0%, #3a2a1a 40%, #2a1e14 70%, #0e0a08 100%),
  radial-gradient(ellipse at 50% 20%, #b8864a 0%, transparent 60%);
}
.scn-barnum-jamrach-jumbo-deal .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(135deg, #1e1812 0%, #2a2218 50%, #1e1812 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.6);
}
.scn-barnum-jamrach-jumbo-deal .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a120c 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-barnum-jamrach-jumbo-deal .desk {
  position: absolute; bottom: 30%; left: 20%; width: 30%; height: 16%;
  background: linear-gradient(180deg, #4a3520 0%, #2a1e14 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.6);
  transform: perspective(300px) rotateX(5deg);
}
.scn-barnum-jamrach-jumbo-deal .candle {
  position: absolute; bottom: 44%; left: 32%; width: 8px; height: 24px;
  background: linear-gradient(180deg, #f0d090 0%, #b8864a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 6px 2px rgba(200,140,60,0.8);
  animation: bjd-candle 3s ease-in-out infinite alternate;
}
.scn-barnum-jamrach-jumbo-deal .glow {
  position: absolute; bottom: 40%; left: 28%; width: 20%; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, rgba(200,160,80,0.4) 0%, transparent 70%);
  pointer-events: none;
  animation: bjd-glow 4s ease-in-out infinite alternate;
}
.scn-barnum-jamrach-jumbo-deal .barnum {
  position: absolute; bottom: 20%; left: 28%; width: 20%; height: 40%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bjd-figure1 6s ease-in-out infinite;
}
.scn-barnum-jamrach-jumbo-deal .jamrach {
  position: absolute; bottom: 20%; right: 28%; width: 18%; height: 36%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bjd-figure2 6s ease-in-out infinite reverse;
}
.scn-barnum-jamrach-jumbo-deal .shelf {
  position: absolute; bottom: 50%; right: 12%; width: 14%; height: 10%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1e14 100%);
  border-radius: 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
@keyframes bjd-candle {
  0% { opacity: 0.8; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.05); }
  100% { opacity: 0.85; transform: scaleY(0.95); }
}
@keyframes bjd-glow {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.1); }
  100% { opacity: 0.4; transform: scale(0.95); }
}
@keyframes bjd-figure1 {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  25% { transform: translateX(2%) rotate(2deg) scaleY(1.01); }
  50% { transform: translateX(0) rotate(0deg) scaleY(1); }
  75% { transform: translateX(-2%) rotate(-1deg) scaleY(0.98); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes bjd-figure2 {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  25% { transform: translateX(-2%) rotate(-2deg) scaleY(0.98); }
  50% { transform: translateX(0) rotate(0deg) scaleY(1); }
  75% { transform: translateX(2%) rotate(1deg) scaleY(1.01); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}

/* barnum‑monument‑idea */
.scn-barnum-monument-idea { background: 
  linear-gradient(135deg, #1a1410 0%, #3a2a1a 40%, #2a1e14 70%, #0e0a08 100%),
  radial-gradient(ellipse at 50% 20%, #d4a060 0%, transparent 60%);
}
.scn-barnum-monument-idea .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(135deg, #1e1812 0%, #2a2218 50%, #1e1812 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.6);
}
.scn-barnum-monument-idea .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a120c 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-barnum-monument-idea .table {
  position: absolute; bottom: 30%; left: 20%; width: 34%; height: 12%;
  background: linear-gradient(180deg, #4a3520 0%, #2a1e14 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.6);
}
.scn-barnum-monument-idea .monument {
  position: absolute; bottom: 38%; left: 34%; width: 8%; height: 18%;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: bmi-monument 2s ease-in-out infinite alternate;
}
.scn-barnum-monument-idea .lamp {
  position: absolute; bottom: 44%; left: 22%; width: 10px; height: 28px;
  background: linear-gradient(180deg, #f0d090 0%, #b8864a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 8px 3px rgba(200,140,60,0.8);
  animation: bmi-lamp 3s ease-in-out infinite alternate;
}
.scn-barnum-monument-idea .glow {
  position: absolute; bottom: 40%; left: 18%; width: 24%; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, rgba(200,160,80,0.4) 0%, transparent 70%);
  pointer-events: none;
  animation: bmi-glow 4s ease-in-out infinite alternate;
}
.scn-barnum-monument-idea .barnum {
  position: absolute; bottom: 20%; left: 24%; width: 20%; height: 40%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bmi-figure1 4s ease-in-out infinite;
}
.scn-barnum-monument-idea .jamrach {
  position: absolute; bottom: 20%; right: 24%; width: 18%; height: 36%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bmi-figure2 4s ease-in-out infinite reverse;
}
@keyframes bmi-monument {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5%) scale(1.05); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes bmi-lamp {
  0% { opacity: 0.8; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.08); }
  100% { opacity: 0.85; transform: scaleY(0.95); }
}
@keyframes bmi-glow {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.15); }
  100% { opacity: 0.4; transform: scale(0.95); }
}
@keyframes bmi-figure1 {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(3%) rotate(3deg); }
  66% { transform: translateX(-2%) rotate(-2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes bmi-figure2 {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(-3%) rotate(-3deg); }
  66% { transform: translateX(2%) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/* barnum‑advertisement‑plan */
.scn-barnum-advertisement-plan { background: 
  linear-gradient(135deg, #1a1410 0%, #3a2a1a 40%, #2a1e14 70%, #0e0a08 100%),
  radial-gradient(ellipse at 50% 20%, #c89050 0%, transparent 60%);
}
.scn-barnum-advertisement-plan .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(135deg, #1e1812 0%, #2a2218 50%, #1e1812 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.6);
}
.scn-barnum-advertisement-plan .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a120c 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-barnum-advertisement-plan .desk {
  position: absolute; bottom: 28%; left: 18%; width: 36%; height: 14%;
  background: linear-gradient(180deg, #4a3520 0%, #2a1e14 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.6);
  transform: perspective(400px) rotateX(8deg);
}
.scn-barnum-advertisement-plan .scroll {
  position: absolute; bottom: 36%; left: 26%; width: 16%; height: 6%;
  background: linear-gradient(180deg, #c8b880 0%, #a09060 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: bap-scroll 5s ease-in-out infinite alternate;
}
.scn-barnum-advertisement-plan .lamp {
  position: absolute; bottom: 44%; left: 22%; width: 10px; height: 28px;
  background: linear-gradient(180deg, #f0d090 0%, #b8864a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 8px 3px rgba(200,140,60,0.8);
  animation: bap-lamp 3s ease-in-out infinite alternate;
}
.scn-barnum-advertisement-plan .glow {
  position: absolute; bottom: 40%; left: 18%; width: 24%; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, rgba(200,160,80,0.4) 0%, transparent 70%);
  pointer-events: none;
  animation: bap-glow 4s ease-in-out infinite alternate;
}
.scn-barnum-advertisement-plan .barnum {
  position: absolute; bottom: 22%; left: 30%; width: 20%; height: 38%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bap-figure 5s ease-in-out infinite;
}
.scn-barnum-advertisement-plan .chair {
  position: absolute; bottom: 22%; right: 30%; width: 16%; height: 30%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1e1410 100%);
  border-radius: 10% 10% 20% 20% / 30% 30% 50% 50%;
  transform: perspective(200px) rotateY(-10deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
@keyframes bap-scroll {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes bap-lamp {
  0% { opacity: 0.75; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.05); }
  100% { opacity: 0.85; transform: scaleY(0.95); }
}
@keyframes bap-glow {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(1.1); }
  100% { opacity: 0.4; transform: scale(0.95); }
}
@keyframes bap-figure {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  25% { transform: translateX(2%) rotate(2deg) scaleY(1.02); }
  50% { transform: translateX(0) rotate(0deg) scaleY(1); }
  75% { transform: translateX(-2%) rotate(-1deg) scaleY(0.98); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}

/* barnum‑newspaper‑reading */
.scn-barnum-newspaper-reading { background: 
  linear-gradient(135deg, #1a1410 0%, #3a2a1a 40%, #2a1e14 70%, #0e0a08 100%),
  radial-gradient(ellipse at 50% 20%, #d4a060 0%, transparent 60%);
}
.scn-barnum-newspaper-reading .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(135deg, #1e1812 0%, #2a2218 50%, #1e1812 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.6);
}
.scn-barnum-newspaper-reading .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a120c 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-barnum-newspaper-reading .armchair {
  position: absolute; bottom: 18%; left: 22%; width: 28%; height: 35%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1e1410 100%);
  border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
  transform: perspective(300px) rotateX(5deg);
}
.scn-barnum-newspaper-reading .figure {
  position: absolute; bottom: 20%; left: 26%; width: 20%; height: 40%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bnr-figure 6s ease-in-out infinite;
}
.scn-barnum-newspaper-reading .newspaper {
  position: absolute; bottom: 32%; left: 32%; width: 18%; height: 14%;
  background: linear-gradient(180deg, #c8b880 0%, #a09060 100%);
  border-radius: 4%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  overflow: hidden;
  animation: bnr-newspaper 8s ease-in-out infinite alternate;
}
/* simulated text lines */
.scn-barnum-newspaper-reading .newspaper::before {
  content: '';
  position: absolute; top: 10%; left: 8%; right: 8%; bottom: 10%;
  background: repeating-linear-gradient(180deg, 
    #6a5a3a 0px, #6a5a3a 2px, 
    transparent 2px, transparent 6px);
  opacity: 0.5;
}
.scn-barnum-newspaper-reading .candle {
  position: absolute; bottom: 44%; left: 42%; width: 8px; height: 24px;
  background: linear-gradient(180deg, #f0d090 0%, #b8864a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 8px 3px rgba(200,140,60,0.8);
  animation: bnr-candle 3s ease-in-out infinite alternate;
}
.scn-barnum-newspaper-reading .glow {
  position: absolute; bottom: 40%; left: 38%; width: 20%; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, rgba(200,160,80,0.4) 0%, transparent 70%);
  pointer-events: none;
  animation: bnr-glow 4s ease-in-out infinite alternate;
}
.scn-barnum-newspaper-reading .listener {
  position: absolute; bottom: 20%; right: 22%; width: 18%; height: 36%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bnr-listener 6s ease-in-out infinite reverse;
}
@keyframes bnr-figure {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(2%) rotate(2deg); }
  66% { transform: translateX(-1%) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes bnr-newspaper {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes bnr-candle {
  0% { opacity: 0.8; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.05); }
  100% { opacity: 0.85; transform: scaleY(0.95); }
}
@keyframes bnr-glow {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(1.1); }
  100% { opacity: 0.4; transform: scale(0.95); }
}
@keyframes bnr-listener {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(-2%) rotate(-2deg); }
  66% { transform: translateX(1%) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/*** tame-magpie-melbourne ***/
.scn-tame-magpie-melbourne {
  background:
    linear-gradient(180deg, #fff4e6 0%, #ffe0b2 40%, #ffcc80 100%),
    radial-gradient(ellipse at 50% 0%, #fff8f0 0%, transparent 60%);
}
.scn-tame-magpie-melbourne .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f5e6d3 0%, #e6d5b8 100%);
  border-radius: 0 0 40% 40% / 0 0 20% 20%;
  animation: tmm-wall 8s ease-in-out infinite alternate;
}
.scn-tame-magpie-melbourne .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #d4b896 0%, #b49c7a 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0;
  box-shadow: inset 0 8px 12px rgba(0,0,0,0.08);
}
.scn-tame-magpie-melbourne .window {
  position: absolute; top: 8%; left: 25%; width: 50%; height: 50%;
  background: linear-gradient(180deg, #dff0ff 0%, #bfd8ff 100%);
  border-radius: 4% 4% 8% 8%;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3), 0 0 30px rgba(255,220,180,0.4);
  animation: tmm-window 6s ease-in-out infinite alternate;
}
.scn-tame-magpie-melbourne .curtain {
  position: absolute; top: 6%; left: 22%; width: 12%; height: 60%;
  background: linear-gradient(135deg, #f0e0c0 0%, #dcc8a8 100%);
  border-radius: 0 40% 40% 0;
  transform-origin: left center;
  animation: tmm-curtain 10s ease-in-out infinite alternate;
}
.scn-tame-magpie-melbourne .magpie-body {
  position: absolute; bottom: 40%; left: 55%; width: 24px; height: 36px;
  background: radial-gradient(ellipse at 50% 40%, #2a2a2a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: 50% 100%;
  animation: tmm-bob 2s ease-in-out infinite;
}
.scn-tame-magpie-melbourne .magpie-wing {
  position: absolute; bottom: 42%; left: 58%; width: 16px; height: 28px;
  background: linear-gradient(180deg, #2a2a2a 0%, #444 100%);
  border-radius: 80% 0 40% 40%;
  transform-origin: left bottom;
  animation: tmm-wing 0.8s ease-in-out infinite alternate;
}
.scn-tame-magpie-melbourne .magpie-head {
  position: absolute; bottom: 66%; left: 56%; width: 12px; height: 14px;
  background: radial-gradient(circle at 50% 30%, #3a3a3a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40%;
  transform-origin: center bottom;
  animation: tmm-head 1.5s ease-in-out infinite alternate;
}
.scn-tame-magpie-melbourne .shadow {
  position: absolute; bottom: 38%; left: 52%; width: 30px; height: 6px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.15) 0%, transparent 100%);
  border-radius: 50%;
  animation: tmm-shadow 2s ease-in-out infinite;
}
@keyframes tmm-wall { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes tmm-window { 0% { box-shadow: inset 0 0 20px rgba(255,255,255,0.3), 0 0 30px rgba(255,220,180,0.4); } 50% { box-shadow: inset 0 0 40px rgba(255,255,255,0.5), 0 0 60px rgba(255,220,180,0.6); } 100% { box-shadow: inset 0 0 20px rgba(255,255,255,0.3), 0 0 30px rgba(255,220,180,0.4); } }
@keyframes tmm-curtain { 0% { transform: scaleX(1) rotate(0deg); } 50% { transform: scaleX(0.95) rotate(2deg); } 100% { transform: scaleX(1.02) rotate(-1deg); } }
@keyframes tmm-bob { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-0.5deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes tmm-wing { 0% { transform: rotate(-10deg) scaleY(1); } 100% { transform: rotate(20deg) scaleY(0.8); } }
@keyframes tmm-head { 0% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-1px); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes tmm-shadow { 0% { transform: scaleX(1) translateX(0); } 50% { transform: scaleX(1.2) translateX(2px); } 100% { transform: scaleX(0.9) translateX(-1px); } }

/*** agricultural-college-nurseries ***/
.scn-agricultural-college-nurseries {
  background:
    linear-gradient(180deg, #87CEEB 0%, #b4d8f0 30%, #e6f2ff 60%, #ffffcc 100%),
    radial-gradient(ellipse at 50% 0%, #fff5e0 0%, transparent 70%);
}
.scn-agricultural-college-nurseries .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #a0d0f0 0%, #c0e0ff 100%);
  border-radius: 0 0 30% 30% / 0 0 15% 15%;
  animation: acn-sky 12s ease-in-out infinite alternate;
}
.scn-agricultural-college-nurseries .sun {
  position: absolute; top: 6%; right: 20%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fff8e0 0%, #ffd080 50%, transparent 70%);
  border-radius: 50%;
  animation: acn-sun 15s ease-in-out infinite alternate;
  filter: blur(2px);
}
.scn-agricultural-college-nurseries .horizon-far {
  position: absolute; bottom: 45%; left: -10%; right: -10%; height: 8%;
  background: linear-gradient(180deg, #7a9a6a 0%, #6a8a5a 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  animation: acn-horizon 20s ease-in-out infinite alternate;
}
.scn-agricultural-college-nurseries .orchard-1 {
  position: absolute; bottom: 30%; left: 5%; width: 15%; height: 18%;
  background: radial-gradient(ellipse at 50% 30%, #558b2f 0%, #33691e 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: acn-tree 6s ease-in-out infinite;
}
.scn-agricultural-college-nurseries .orchard-2 {
  position: absolute; bottom: 33%; left: 28%; width: 18%; height: 18%;
  background: radial-gradient(ellipse at 50% 30%, #7cb342 0%, #4a6b2a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: acn-tree 7s ease-in-out infinite 0.5s;
}
.scn-agricultural-college-nurseries .orchard-3 {
  position: absolute; bottom: 28%; right: 15%; width: 20%; height: 20%;
  background: radial-gradient(ellipse at 50% 30%, #66bb6a 0%, #388e3c 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: acn-tree 8s ease-in-out infinite 1s;
}
.scn-agricultural-college-nurseries .path {
  position: absolute; bottom: 15%; left: 35%; width: 30%; height: 20%;
  background: linear-gradient(180deg, #d4b896 0%, #c4a886 100%);
  border-radius: 50% 50% 0 0 / 30% 30% 0 0;
  animation: acn-path 10s ease-in-out infinite alternate;
}
.scn-agricultural-college-nurseries .fence {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 8px;
  background: linear-gradient(90deg, #8d6e63 0%, #a1887f 50%, #8d6e63 100%);
  border-radius: 2px;
  animation: acn-fence 12s ease-in-out infinite alternate;
}
@keyframes acn-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes acn-sun { 0% { transform: scale(1) translateX(0); opacity: 0.9; } 50% { transform: scale(1.05) translateX(5px); opacity: 1; } 100% { transform: scale(0.95) translateX(-3px); opacity: 0.85; } }
@keyframes acn-horizon { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(1px); } }
@keyframes acn-tree { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.03) translateY(-3px); } 100% { transform: scale(0.98) translateY(1px); } }
@keyframes acn-path { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes acn-fence { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } 100% { transform: scaleX(0.98); } }

/*** experiments-soils-climates ***/
.scn-experiments-soils-climates {
  background:
    linear-gradient(180deg, #f0e8d8 0%, #e0d0b8 60%, #d0c0a8 100%),
    radial-gradient(ellipse at 50% 100%, #e8dcc8 0%, transparent 80%);
}
.scn-experiments-soils-climates .wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #f5e6d3 0%, #e6d5b8 100%);
  border-radius: 0 0 20% 20% / 0 0 10% 10%;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.05);
  animation: esc-wall 10s ease-in-out infinite alternate;
}
.scn-experiments-soils-climates .shelf {
  position: absolute; bottom: 40%; left: 8%; right: 8%; height: 8px;
  background: linear-gradient(90deg, #8d6e63 0%, #a1887f 100%);
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.scn-experiments-soils-climates .pot-large {
  position: absolute; bottom: 38%; left: 12%; width: 22%; height: 20%;
  background: linear-gradient(180deg, #c78a5c 0%, #a06a3a 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  animation: esc-pot 8s ease-in-out infinite alternate;
}
.scn-experiments-soils-climates .pot-medium {
  position: absolute; bottom: 38%; left: 40%; width: 18%; height: 18%;
  background: linear-gradient(180deg, #bc8048 0%, #9c6830 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  animation: esc-pot 9s ease-in-out infinite alternate 0.5s;
}
.scn-experiments-soils-climates .pot-small {
  position: absolute; bottom: 38%; right: 15%; width: 14%; height: 14%;
  background: linear-gradient(180deg, #b07840 0%, #906028 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  animation: esc-pot 7s ease-in-out infinite alternate 1s;
}
.scn-experiments-soils-climates .plant-growth {
  position: absolute; bottom: 50%; left: 20%; width: 8%; height: 15%;
  background: linear-gradient(180deg, #4caf50 0%, #2e7d32 100%);
  border-radius: 40% 40% 0 0 / 50% 50% 0 0;
  transform-origin: bottom center;
  animation: esc-plant 6s ease-in-out infinite;
}
.scn-experiments-soils-climates .figure-hand {
  position: absolute; bottom: 52%; left: 45%; width: 20px; height: 28px;
  background: linear-gradient(180deg, #d7a88a 0%, #c48a6a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: esc-hand 5s ease-in-out infinite alternate;
}
.scn-experiments-soils-climates .light-glow {
  position: absolute; top: 8%; left: 45%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff8e0 0%, #ffe0a0 40%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: esc-light 4s ease-in-out infinite alternate;
}
@keyframes esc-wall { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes esc-pot { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes esc-plant { 0% { transform: scaleY(1) rotate(-1deg); } 50% { transform: scaleY(1.05) rotate(2deg); } 100% { transform: scaleY(0.95) rotate(-0.5deg); } }
@keyframes esc-hand { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(5deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes esc-light { 0% { opacity: 0.6; transform: scale(1); } 50% { opacity: 0.9; transform: scale(1.1); } 100% { opacity: 0.7; transform: scale(0.95); } }

/*** pupils-at-college ***/
.scn-pupils-at-college {
  background:
    linear-gradient(180deg, #2c2c3e 0%, #3a3a4e 40%, #4a4a5e 100%),
    radial-gradient(ellipse at 50% 100%, #5a5a6e 0%, transparent 80%);
}
.scn-pupils-at-college .bg-wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #3c3c4e 0%, #2c2c3e 100%);
  border-radius: 0 0 30% 30% / 0 0 15% 15%;
  box-shadow: inset 0 0 40px rgba(0,0,0,0.3);
  animation: pac-wall 12s ease-in-out infinite alternate;
}
.scn-pupils-at-college .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 10% 10% 0 0 / 5% 5% 0 0;
  box-shadow: inset 0 8px 10px rgba(0,0,0,0.2);
}
.scn-pupils-at-college .window-dimmer {
  position: absolute; top: 10%; left: 30%; width: 40%; height: 45%;
  background: linear-gradient(180deg, #2a2a4a 0%, #1a1a3a 100%);
  border-radius: 4% 4% 8% 8%;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.5), 0 0 20px rgba(0,0,0,0.3);
  animation: pac-window 8s ease-in-out infinite alternate;
}
.scn-pupils-at-college .desk-long {
  position: absolute; bottom: 28%; left: 10%; right: 10%; height: 8px;
  background: linear-gradient(90deg, #5a4a3a 0%, #6a5a4a 50%, #5a4a3a 100%);
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.scn-pupils-at-college .pupil-1 {
  position: absolute; bottom: 30%; left: 15%; width: 18px; height: 32px;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pac-pupil 5s ease-in-out infinite alternate;
}
.scn-pupils-at-college .pupil-2 {
  position: absolute; bottom: 30%; left: 40%; width: 20px; height: 34px;
  background: linear-gradient(180deg, #4a4a5a 0%, #3a3a4a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pac-pupil 6s ease-in-out infinite alternate 0.5s;
}
.scn-pupils-at-college .pupil-3 {
  position: absolute; bottom: 30%; right: 20%; width: 18px; height: 30px;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pac-pupil 5.5s ease-in-out infinite alternate 1s;
}
.scn-pupils-at-college .lamp {
  position: absolute; top: 12%; left: 48%; width: 10px; height: 20px;
  background: radial-gradient(ellipse at 50% 100%, #ffd080 0%, #ffb040 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  box-shadow: 0 0 30px 10px rgba(255,200,80,0.3);
  animation: pac-lamp 4s ease-in-out infinite alternate;
}
@keyframes pac-wall { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes pac-window { 0% { opacity: 0.6; } 50% { opacity: 0.8; } 100% { opacity: 0.65; } }
@keyframes pac-pupil { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes pac-lamp { 0% { opacity: 0.7; transform: scale(1) rotate(-2deg); } 50% { opacity: 1; transform: scale(1.05) rotate(2deg); } 100% { opacity: 0.75; transform: scale(0.95) rotate(-1deg); } }

/* suttee-music-purpose */
.scn-suttee-music-purpose {
  background: linear-gradient(180deg, #2a1e1a 0%, #4a3528 40%, #6a4a3a 100%), radial-gradient(ellipse at 50% 80%, #c06630 0%, transparent 60%);
}
.scn-suttee-music-purpose .bg { position:absolute; inset:0; background: linear-gradient(135deg, #3a2a22 0%, #1a1410 100%); }
.scn-suttee-music-purpose .fire { position:absolute; bottom:28%; left:60%; width:30px; height:50px; background: radial-gradient(ellipse at 50% 100%, #ffa040 0%, #e07020 40%, #c04010 70%, transparent 100%); border-radius: 40% 40% 20% 20%; transform-origin: bottom center; animation: smp-fire 4s ease-in-out infinite; }
.scn-suttee-music-purpose .figure { position:absolute; bottom:24%; left:35%; width:20px; height:60px; background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: smp-figure 6s ease-in-out infinite; }
.scn-suttee-music-purpose .instrument { position:absolute; bottom:26%; left:42%; width:30px; height:20px; background: linear-gradient(180deg, #8a6030 0%, #6a4020 100%); border-radius: 30% 30% 10% 10%; transform: rotate(-10deg); animation: smp-instr 5s ease-in-out infinite; }
.scn-suttee-music-purpose .note { position:absolute; width:8px; height:8px; background: radial-gradient(circle, #d0a060 0%, #a07030 100%); border-radius: 50%; box-shadow: 0 0 6px 2px #b08040; }
.scn-suttee-music-purpose .note-a { bottom:40%; left:48%; animation: smp-note-a 10s linear infinite; }
.scn-suttee-music-purpose .note-b { bottom:36%; left:52%; animation: smp-note-b 12s linear infinite; animation-delay: 2s; }
.scn-suttee-music-purpose .glow { position:absolute; inset:0; background: radial-gradient(ellipse at 60% 60%, rgba(192,80,30,.3) 0%, transparent 50%); animation: smp-glow 8s ease-in-out infinite alternate; }
@keyframes smp-fire { 0% { transform: scaleY(1) translateY(0); opacity:.9 } 50% { transform: scaleY(1.1) translateY(-3px); opacity:1 } 100% { transform: scaleY(0.95) translateY(0); opacity:.85 } }
@keyframes smp-figure { 0% { transform: translateX(0) rotate(-1deg) } 30% { transform: translateX(2px) rotate(1deg) } 60% { transform: translateX(-1px) rotate(-0.5deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes smp-instr { 0% { transform: rotate(-10deg) scale(1) } 50% { transform: rotate(-5deg) scale(1.02) } 100% { transform: rotate(-10deg) scale(1) } }
@keyframes smp-note-a { 0% { transform: translate(0,0) scale(1); opacity:0 } 10% { opacity:1 } 50% { transform: translate(15px,-30px) scale(1.3) rotate(20deg); opacity:1 } 90% { opacity:1 } 100% { transform: translate(30px,-60px) scale(0.8) rotate(40deg); opacity:0 } }
@keyframes smp-note-b { 0% { transform: translate(0,0) scale(1); opacity:0 } 10% { opacity:1 } 50% { transform: translate(-10px,-25px) scale(1.2) rotate(-15deg); opacity:1 } 90% { opacity:1 } 100% { transform: translate(-20px,-55px) scale(0.9) rotate(-30deg); opacity:0 } }
@keyframes smp-glow { 0% { opacity:.4 } 50% { opacity:.6 } 100% { opacity:.3 } }

/* suttee-quote-health */
.scn-suttee-quote-health {
  background: linear-gradient(180deg, #2a221e 0%, #4a3a2e 50%, #5a4a3a 100%), radial-gradient(ellipse at 20% 50%, #8a7a5a 0%, transparent 60%);
}
.scn-suttee-quote-health .bg { position:absolute; inset:0; background: linear-gradient(135deg, #3a3228 0%, #1a1410 100%); }
.scn-suttee-quote-health .table { position:absolute; bottom:20%; left:20%; right:20%; height:8%; background: linear-gradient(180deg, #6a5040 0%, #4a3a2a 100%); border-radius:4px; box-shadow:0 4px 10px rgba(0,0,0,.5); }
.scn-suttee-quote-health .plate { position:absolute; bottom:25%; left:32%; width:50px; height:12px; background: radial-gradient(ellipse, #b09070 0%, #8a7050 100%); border-radius:50%; transform: rotate(5deg); box-shadow:0 2px 6px rgba(0,0,0,.3); }
.scn-suttee-quote-health .cup { position:absolute; bottom:27%; left:44%; width:14px; height:18px; background: linear-gradient(180deg, #a08060 0%, #7a6040 100%); border-radius: 20% 20% 10% 10%; box-shadow:2px 2px 4px rgba(0,0,0,.4); }
.scn-suttee-quote-health .figure { position:absolute; bottom:20%; left:15%; width:18px; height:50px; background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sqh-figure 5s ease-in-out infinite; }
.scn-suttee-quote-health .lamp { position:absolute; bottom:60%; left:75%; width:8px; height:12px; background: radial-gradient(circle, #d0b070 0%, #a08850 100%); border-radius: 30% 30% 10% 10%; box-shadow:0 0 20px 6px rgba(208,176,112,.5); animation: sqh-lamp 6s ease-in-out infinite alternate; }
.scn-suttee-quote-health .shadow { position:absolute; bottom:20%; left:10%; width:40%; height:14%; background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, transparent 100%); transform: skewX(-10deg); animation: sqh-shadow 8s ease-in-out infinite; }
@keyframes sqh-figure { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(3px) rotate(1deg) } 50% { transform: translateX(0) rotate(0) } 75% { transform: translateX(-2px) rotate(-1deg) } 100% { transform: translateX(0) rotate(-1deg) } }
@keyframes sqh-lamp { 0% { box-shadow:0 0 15px 4px rgba(208,176,112,.4); opacity:.8 } 50% { box-shadow:0 0 25px 8px rgba(208,176,112,.6); opacity:1 } 100% { box-shadow:0 0 18px 5px rgba(208,176,112,.35); opacity:.85 } }
@keyframes sqh-shadow { 0% { opacity:.3; transform: skewX(-10deg) } 50% { opacity:.5; transform: skewX(-12deg) } 100% { opacity:.3; transform: skewX(-10deg) } }

/* long-journey-begin */
.scn-long-journey-begin {
  background: linear-gradient(180deg, #0a1a2a 0%, #1a2a3e 40%, #2a3a4e 100%), radial-gradient(ellipse at 80% 30%, #3a5a7a 0%, transparent 60%);
}
.scn-long-journey-begin .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #0a0a1a 0%, #1a2a3a 100%); animation: ljb-sky 15s ease-in-out infinite alternate; }
.scn-long-journey-begin .moon { position:absolute; top:12%; right:18%; width:40px; height:40px; background: radial-gradient(circle, #e0e8f0 0%, #b0b8c8 100%); border-radius:50%; box-shadow:0 0 30px 8px rgba(176,184,200,.5), 0 0 60px 20px rgba(176,184,200,.2); animation: ljb-moon 12s ease-in-out infinite alternate; }
.scn-long-journey-begin .ground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 40% 60% 0 0 / 20% 30% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.5); }
.scn-long-journey-begin .train { position:absolute; bottom:20%; left:30%; width:120px; height:30px; background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 100%); border-radius: 10% 10% 5% 5%; box-shadow: 0 4px 12px rgba(0,0,0,.6); animation: ljb-train 20s linear infinite; }
.scn-long-journey-begin .window { position:absolute; bottom:23%; left:45%; width:12px; height:16px; background: radial-gradient(circle, #d0d8e0 0%, #8890a0 70%); border-radius: 10%; box-shadow: 0 0 10px 2px #a0a8b8; animation: ljb-window 4s ease-in-out infinite alternate; }
.scn-long-journey-begin .star { position:absolute; width:4px; height:4px; background: #e0e8f0; border-radius:50%; box-shadow: 0 0 6px 2px #c0c8d0; }
.scn-long-journey-begin .star-a { top:8%; left:25%; animation: ljb-star-a 8s ease-in-out infinite; }
.scn-long-journey-begin .star-b { top:20%; left:60%; animation: ljb-star-b 11s ease-in-out infinite; animation-delay: 3s; }
.scn-long-journey-begin .track { position:absolute; bottom:18%; left:20%; right:20%; height:2px; background: repeating-linear-gradient(90deg, #4a5a6a 0px, #4a5a6a 10px, transparent 10px, transparent 20px); animation: ljb-track 10s linear infinite; }
@keyframes ljb-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.6 } }
@keyframes ljb-moon { 0% { transform: scale(1); box-shadow:0 0 30px 8px rgba(176,184,200,.5) } 50% { transform: scale(1.05); box-shadow:0 0 40px 12px rgba(176,184,200,.6) } 100% { transform: scale(0.98); box-shadow:0 0 25px 6px rgba(176,184,200,.4) } }
@keyframes ljb-train { 0% { transform: translateX(-20vw) } 100% { transform: translateX(120vw) } }
@keyframes ljb-window { 0% { box-shadow: 0 0 6px 1px #a0a8b8; opacity:.7 } 50% { box-shadow: 0 0 14px 4px #c0c8d8; opacity:1 } 100% { box-shadow: 0 0 8px 2px #a0a8b8; opacity:.8 } }
@keyframes ljb-star-a { 0% { opacity:.3; transform: scale(1) } 50% { opacity:.9; transform: scale(1.5) } 100% { opacity:.4; transform: scale(1) } }
@keyframes ljb-star-b { 0% { opacity:.5; transform: translateY(0) } 50% { opacity:1; transform: translateY(-4px) } 100% { opacity:.6; transform: translateY(0) } }
@keyframes ljb-track { 0% { background-position:0 0 } 100% { background-position:20px 0 } }

/* pyjama-discomfort */
.scn-pyjama-discomfort {
  background: linear-gradient(180deg, #1a121a 0%, #2a1e2a 40%, #3a2a32 100%), radial-gradient(ellipse at 80% 40%, #5a404a 0%, transparent 50%);
}
.scn-pyjama-discomfort .bg { position:absolute; inset:0; background: linear-gradient(135deg, #2a1e22 0%, #120e12 100%); }
.scn-pyjama-discomfort .bed { position:absolute; bottom:10%; left:15%; right:15%; height:25%; background: linear-gradient(180deg, #4a3a40 0%, #2a1e22 100%); border-radius: 10% 10% 5% 5%; box-shadow: 0 6px 20px rgba(0,0,0,.5); }
.scn-pyjama-discomfort .pillow { position:absolute; bottom:30%; left:20%; width:30%; height:8%; background: radial-gradient(ellipse at 50% 50%, #6a5a60 0%, #4a3a40 100%); border-radius:30% 30% 20% 20%; transform: rotate(3deg); animation: pyd-pillow 7s ease-in-out infinite; }
.scn-pyjama-discomfort .blanket { position:absolute; bottom:12%; left:18%; right:20%; height:16%; background: linear-gradient(180deg, #5a4a52 0%, #3a2a32 100%); border-radius: 20% 20% 10% 10% / 50% 50% 20% 20%; transform: rotate(-1deg); box-shadow: inset 0 4px 10px rgba(0,0,0,.3); }
.scn-pyjama-discomfort .figure { position:absolute; bottom:18%; left:38%; width:30px; height:50px; background: linear-gradient(180deg, #2a1e22 0%, #1a121a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pyd-figure 9s ease-in-out infinite; }
.scn-pyjama-discomfort .lamp { position:absolute; top:20%; right:15%; width:10px; height:16px; background: radial-gradient(circle, #c09870 0%, #907050 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 25px 6px rgba(192,152,112,.4); animation: pyd-lamp 8s ease-in-out infinite alternate; }
.scn-pyjama-discomfort .window { position:absolute; top:15%; left:10%; width:40px; height:50px; border: 3px solid #3a2a32; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 4px; box-shadow: inset 0 0 10px rgba(0,0,0,.5); animation: pyd-window 12s ease-in-out infinite alternate; }
@keyframes pyd-pillow { 0% { transform: rotate(3deg) translateY(0) } 50% { transform: rotate(5deg) translateY(-2px) } 100% { transform: rotate(3deg) translateY(0) } }
@keyframes pyd-figure { 0% { transform: rotate(0) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(1deg) } 100% { transform: rotate(0) } }
@keyframes pyd-lamp { 0% { box-shadow: 0 0 15px 3px rgba(192,152,112,.3); opacity:.7 } 50% { box-shadow: 0 0 30px 8px rgba(192,152,112,.5); opacity:1 } 100% { box-shadow: 0 0 20px 5px rgba(192,152,112,.35); opacity:.8 } }
@keyframes pyd-window { 0% { background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); opacity:.6 } 50% { background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2a 100%); opacity:.9 } 100% { background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); opacity:.7 } }

/* one block per scene id. Append to style.css. */
.scn-officers-purser-sick { background: linear-gradient(180deg, #f5e6c8 0%, #d9b382 100%), radial-gradient(ellipse at 70% 30%, #fff4e0 0%, transparent 60%); }
.scn-officers-purser-sick .bg-wall { position:absolute; inset:0; background: linear-gradient(180deg, #e8d5b4 0%, #c9ad84 100%); }
.scn-officers-purser-sick .table { position:absolute; bottom:20%; left:20%; right:20%; height:8%; background: linear-gradient(90deg, #7a5a3a 0%, #a07850 50%, #7a5a3a 100%); border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.3); animation: sc1-table 6s ease-in-out infinite; }
.scn-officers-purser-sick .figure-officer { position:absolute; bottom:24%; left:35%; width:20px; height:44px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc1-figure 5s ease-in-out infinite; }
.scn-officers-purser-sick .figure-purser { position:absolute; bottom:24%; left:55%; width:18px; height:40px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc1-figure 7s ease-in-out infinite 1s; }
.scn-officers-purser-sick .glass { position:absolute; bottom:27%; left:48%; width:8px; height:12px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(200,180,140,.3) 100%); border-radius: 2px 2px 4px 4px; box-shadow: inset 0 2px 4px rgba(255,255,255,.5); animation: sc1-glass 4s ease-in-out infinite; }
.scn-officers-purser-sick .lantern { position:absolute; bottom:30%; left:65%; width:10px; height:16px; background: linear-gradient(180deg, #d09040 0%, #a06828 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 20px 4px #c08030; animation: sc1-lantern 3s ease-in-out infinite alternate; }
.scn-officers-purser-sick .porthole { position:absolute; top:15%; left:75%; width:40px; height:40px; border-radius: 50%; background: radial-gradient(circle, #1a2a3a 40%, #3a4a5a 100%); border: 6px solid #6a5a4a; box-shadow: inset 0 0 20px rgba(0,0,0,.6); }
.scn-officers-purser-sick .porthole-glow { position:absolute; top:15%; left:75%; width:40px; height:40px; border-radius: 50%; background: radial-gradient(circle, rgba(200,220,255,.2) 0%, transparent 60%); animation: sc1-porthole 8s ease-in-out infinite alternate; }
@keyframes sc1-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes sc1-figure { 0% { transform: translateX(0) rotate(-1deg); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes sc1-glass { 0%,100% { opacity: .7; } 50% { opacity: 1; } }
@keyframes sc1-lantern { 0% { box-shadow: 0 0 16px 3px #c08030; } 50% { box-shadow: 0 0 28px 6px #f0b040; } 100% { box-shadow: 0 0 20px 4px #c08030; } }
@keyframes sc1-porthole { 0% { opacity: .3; } 50% { opacity: .6; } 100% { opacity: .4; } }

.scn-bright-passenger-canadian { background: linear-gradient(180deg, #fbd98a 0%, #c8773a 100%), radial-gradient(ellipse at 50% 0%, #fff7cc 0%, transparent 60%); }
.scn-bright-passenger-canadian .bg-warm { position:absolute; inset:0; background: linear-gradient(180deg, #f2d9a8 0%, #d4a46a 100%); }
.scn-bright-passenger-canadian .bar { position:absolute; bottom:15%; left:10%; right:10%; height:10%; background: linear-gradient(90deg, #6a4a2a 0%, #8a6a4a 50%, #6a4a2a 100%); border-radius: 6px; box-shadow: 0 6px 12px rgba(0,0,0,.4); animation: sc2-bar 8s ease-in-out infinite; }
.scn-bright-passenger-canadian .figure-canadian { position:absolute; bottom:25%; left:35%; width:22px; height:46px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc2-figure 4s ease-in-out infinite; }
.scn-bright-passenger-canadian .bottle { position:absolute; bottom:27%; left:55%; width:8px; height:20px; background: linear-gradient(180deg, #a07030 0%, #7a5020 100%); border-radius: 4px 4px 6px 6px; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: sc2-bottle 6s ease-in-out infinite; }
.scn-bright-passenger-canadian .glass { position:absolute; bottom:27%; left:60%; width:8px; height:14px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(200,180,140,.3) 100%); border-radius: 2px 2px 4px 4px; box-shadow: inset 0 2px 4px rgba(255,255,255,.5); animation: sc2-glass 5s ease-in-out infinite; }
.scn-bright-passenger-canadian .window { position:absolute; top:12%; left:15%; width:50px; height:40px; background: linear-gradient(180deg, #c8d8e8 0%, #a0b8d0 100%); border: 4px solid #5a4a3a; border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,255,.6); }
.scn-bright-passenger-canadian .sunbeam { position:absolute; top:12%; left:15%; width:50px; height:40px; background: linear-gradient(135deg, rgba(255,255,220,.3) 0%, transparent 70%); animation: sc2-sunbeam 12s ease-in-out infinite alternate; }
@keyframes sc2-bar { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes sc2-figure { 0% { transform: translateX(0) rotate(-1deg); } 25% { transform: translateX(3px) rotate(2deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes sc2-bottle { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-1px) rotate(2deg); } }
@keyframes sc2-glass { 0%,100% { opacity: .8; } 50% { opacity: 1; } }
@keyframes sc2-sunbeam { 0% { opacity: .2; transform: scale(1); } 50% { opacity: .5; transform: scale(1.1); } 100% { opacity: .3; transform: scale(.95); } }

.scn-root-of-desire { background: linear-gradient(180deg, #efe5d6 0%, #c4b59a 100%), radial-gradient(ellipse at 50% 60%, #fce9c9 0%, transparent 70%); }
.scn-root-of-desire .bg-study { position:absolute; inset:0; background: linear-gradient(180deg, #e5d4bf 0%, #c4b092 100%); }
.scn-root-of-desire .desk { position:absolute; bottom:18%; left:25%; right:25%; height:6%; background: linear-gradient(90deg, #5a4020 0%, #7a5a3a 50%, #5a4020 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: sc3-desk 10s ease-in-out infinite; }
.scn-root-of-desire .figure-sit { position:absolute; bottom:25%; left:45%; width:20px; height:38px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc3-figure 7s ease-in-out infinite; }
.scn-root-of-desire .book { position:absolute; bottom:23%; left:35%; width:16px; height:12px; background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius: 2px; transform: rotate(-5deg); box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: sc3-book 6s ease-in-out infinite alternate; }
.scn-root-of-desire .bottle { position:absolute; bottom:22%; right:35%; width:6px; height:16px; background: linear-gradient(180deg, #a07030 0%, #7a5020 100%); border-radius: 3px 3px 5px 5px; animation: sc3-bottle 8s ease-in-out infinite; }
.scn-root-of-desire .glass { position:absolute; bottom:24%; left:50%; width:6px; height:10px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(200,180,140,.2) 100%); border-radius: 2px; box-shadow: inset 0 2px 4px rgba(255,255,255,.4); animation: sc3-glass 5s ease-in-out infinite; }
.scn-root-of-desire .lantern { position:absolute; bottom:28%; right:25%; width:8px; height:14px; background: linear-gradient(180deg, #d09040 0%, #a06828 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 16px 3px #c08030; animation: sc3-lantern 4s ease-in-out infinite alternate; }
.scn-root-of-desire .window-light { position:absolute; top:10%; left:10%; width:40px; height:35px; background: linear-gradient(135deg, rgba(255,230,180,.4) 0%, transparent 80%); animation: sc3-window 12s ease-in-out infinite alternate; }
@keyframes sc3-desk { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes sc3-figure { 0% { transform: translateX(0) rotate(-1deg); } 25% { transform: translateX(1px) rotate(1deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-1px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes sc3-book { 0% { transform: rotate(-5deg) scale(1); } 50% { transform: rotate(-3deg) scale(1.02); } 100% { transform: rotate(-5deg) scale(1); } }
@keyframes sc3-bottle { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes sc3-glass { 0%,100% { opacity: .7; } 50% { opacity: 1; } }
@keyframes sc3-lantern { 0% { box-shadow: 0 0 14px 2px #c08030; } 50% { box-shadow: 0 0 24px 5px #f0b040; } 100% { box-shadow: 0 0 18px 3px #c08030; } }
@keyframes sc3-window { 0% { opacity: .2; } 50% { opacity: .5; } 100% { opacity: .3; } }

.scn-system-unintelligent-tactics { background: linear-gradient(180deg, #f0e3ce 0%, #d4bc9a 100%), radial-gradient(ellipse at 50% 50%, #fff3d6 0%, transparent 60%); }
.scn-system-unintelligent-tactics .bg-bright { position:absolute; inset:0; background: linear-gradient(180deg, #eddac4 0%, #c7af8e 100%); }
.scn-system-unintelligent-tactics .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #b8a38a 0%, #9c8770 100%); }
.scn-system-unintelligent-tactics .figure-walk { position:absolute; bottom:22%; left:20%; width:18px; height:40px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc4-walk 5s ease-in-out infinite; }
.scn-system-unintelligent-tactics .chain { position:absolute; bottom:25%; left:45%; width:20px; height:4px; background: linear-gradient(90deg, #8a7a6a 0%, #b0a090 50%, #8a7a6a 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: sc4-chain 3s ease-in-out infinite; }
.scn-system-unintelligent-tactics .chain::before { content:''; position:absolute; left:-4px; top:-2px; width:6px; height:8px; background: #6a5a4a; border-radius: 50%; }
.scn-system-unintelligent-tactics .chain::after { content:''; position:absolute; right:-4px; top:-2px; width:6px; height:8px; background: #6a5a4a; border-radius: 50%; }
.scn-system-unintelligent-tactics .glass { position:absolute; bottom:27%; left:55%; width:8px; height:14px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(200,180,140,.2) 100%); border-radius: 2px 2px 4px 4px; box-shadow: inset 0 2px 4px rgba(255,255,255,.4); animation: sc4-glass 4s ease-in-out infinite; }
.scn-system-unintelligent-tactics .shadow { position:absolute; bottom:15%; left:18%; width:24px; height:8px; background: rgba(0,0,0,.15); border-radius: 50%; filter: blur(3px); animation: sc4-shadow 6s ease-in-out infinite; }
.scn-system-unintelligent-tactics .light-patch { position:absolute; top:30%; left:30%; width:50px; height:30px; background: radial-gradient(ellipse, rgba(255,240,200,.3) 0%, transparent 70%); animation: sc4-light 7s ease-in-out infinite alternate; }
@keyframes sc4-walk { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(8px) rotate(2deg); } 50% { transform: translateX(16px) rotate(-2deg); } 75% { transform: translateX(24px) rotate(2deg); } 100% { transform: translateX(32px) rotate(0); } }
@keyframes sc4-chain { 0%,100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(2px) rotate(3deg); } }
@keyframes sc4-glass { 0%,100% { opacity: .7; } 50% { opacity: 1; } }
@keyframes sc4-shadow { 0% { transform: translateX(0) scale(1); opacity: .6; } 50% { transform: translateX(8px) scale(1.2); opacity: .4; } 100% { transform: translateX(0) scale(1); opacity: .6; } }
@keyframes sc4-light { 0% { opacity: .2; } 50% { opacity: .5; } 100% { opacity: .3; } }

.scn-shipboard-diary-aftermath {
  background: linear-gradient(180deg, #0a0a2e 0%, #1a1a4e 40%, #2a2a5e 70%, #1a1a3e 100%),
              radial-gradient(ellipse at 50% 30%, #3a3a7e 0%, transparent 70%);
}
.scn-shipboard-diary-aftermath .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #0f0f3f 0%, #1a1a5e 60%, transparent);
  animation: sda-sky 14s ease-in-out infinite alternate;
}
.scn-shipboard-diary-aftermath .moon {
  position: absolute; top: 8%; left: 65%;
  width: 40px; height: 40px;
  background: radial-gradient(circle, #e0e8ff 0%, #c0c8e0 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(192, 200, 224, 0.3);
  animation: sda-moon 20s ease-in-out infinite alternate;
}
.scn-shipboard-diary-aftermath .deck {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a1a30 0%, #0f0f1f 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.6);
  animation: sda-deck 8s ease-in-out infinite;
}
.scn-shipboard-diary-aftermath .rail {
  position: absolute; bottom: 43%; left: 5%; right: 5%; height: 4px;
  background: linear-gradient(90deg, #2a2a4e, #3a3a6e, #2a2a4e);
  border-radius: 2px;
  animation: sda-rail 6s ease-in-out infinite;
}
.scn-shipboard-diary-aftermath .figure {
  position: absolute; bottom: 30%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-shipboard-diary-aftermath .figure-1 { left: 25%; animation: sda-fig1 5s ease-in-out infinite; }
.scn-shipboard-diary-aftermath .figure-2 { left: 45%; animation: sda-fig2 4.5s ease-in-out infinite 1s; }
.scn-shipboard-diary-aftermath .figure-3 { left: 65%; animation: sda-fig3 5.5s ease-in-out infinite 0.5s; }
.scn-shipboard-diary-aftermath .whisper {
  position: absolute; bottom: 40%; left: 35%; width: 60px; height: 20px;
  background: radial-gradient(ellipse, rgba(200,210,240,0.15) 0%, transparent 70%);
  filter: blur(4px);
  animation: sda-whisper 9s ease-in-out infinite;
}
@keyframes sda-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes sda-moon {
  0% { transform: translateX(0) translateY(0); box-shadow: 0 0 40px 20px rgba(192,200,224,0.3); }
  50% { transform: translateX(5px) translateY(-3px); box-shadow: 0 0 60px 30px rgba(192,200,224,0.5); }
  100% { transform: translateX(-3px) translateY(2px); box-shadow: 0 0 30px 15px rgba(192,200,224,0.2); }
}
@keyframes sda-deck {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.98); }
  100% { transform: scaleY(1); }
}
@keyframes sda-rail {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes sda-fig1 {
  0% { transform: translateX(0) rotate(-1deg); }
  25% { transform: translateX(3px) rotate(1deg); }
  50% { transform: translateX(-2px) rotate(-2deg); }
  75% { transform: translateX(4px) rotate(0deg); }
  100% { transform: translateX(0) rotate(-1deg); }
}
@keyframes sda-fig2 {
  0% { transform: translateX(0) rotate(1deg); }
  25% { transform: translateX(-2px) rotate(-1deg); }
  50% { transform: translateX(3px) rotate(2deg); }
  75% { transform: translateX(-3px) rotate(0deg); }
  100% { transform: translateX(0) rotate(1deg); }
}
@keyframes sda-fig3 {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(2px) rotate(-1deg); }
  50% { transform: translateX(-3px) rotate(1deg); }
  75% { transform: translateX(1px) rotate(-2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sda-whisper {
  0% { opacity: 0.1; transform: scaleX(1); }
  50% { opacity: 0.3; transform: scaleX(1.2); }
  100% { opacity: 0.15; transform: scaleX(0.9); }
}

.scn-shipboard-reflection-silence {
  background: linear-gradient(180deg, #0a0a28 0%, #151540 40%, #0f0f30 100%),
              radial-gradient(ellipse at 50% 20%, #1a1a50 0%, transparent 70%);
}
.scn-shipboard-reflection-silence .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #101040 0%, #1a1a60 50%, transparent);
  animation: srs-sky 16s ease-in-out infinite alternate;
}
.scn-shipboard-reflection-silence .moon {
  position: absolute; top: 10%; left: 70%;
  width: 35px; height: 35px;
  background: radial-gradient(circle, #e8e8ff 0%, #c0c8e0 60%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 50px 25px rgba(200,210,240,0.4);
  animation: srs-moon 22s ease-in-out infinite alternate;
}
.scn-shipboard-reflection-silence .sea {
  position: absolute; bottom: 5%; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #0a0a2e 0%, #05051e 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.5);
  animation: srs-sea 12s ease-in-out infinite;
}
.scn-shipboard-reflection-silence .rail {
  position: absolute; bottom: 48%; left: 10%; right: 10%; height: 6px;
  background: linear-gradient(90deg, #2a2a4e, #3a3a6e, #2a2a4e);
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: srs-rail 8s ease-in-out infinite;
}
.scn-shipboard-reflection-silence .figure {
  position: absolute; bottom: 28%; left: 45%;
  width: 25px; height: 45px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: srs-figure 7s ease-in-out infinite;
}
.scn-shipboard-reflection-silence .shadow {
  position: absolute; bottom: 20%; left: 43%; width: 30px; height: 15px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%);
  filter: blur(3px);
  animation: srs-shadow 7s ease-in-out infinite 0.5s;
}
.scn-shipboard-reflection-silence .ripple {
  position: absolute; bottom: 15%; left: 42%; width: 50px; height: 10px;
  background: radial-gradient(ellipse, rgba(200,210,240,0.1) 0%, transparent 60%);
  filter: blur(2px);
  animation: srs-ripple 10s ease-in-out infinite 2s;
}
@keyframes srs-sky {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes srs-moon {
  0% { transform: translateX(0) translateY(0) scale(1); }
  50% { transform: translateX(4px) translateY(-2px) scale(1.05); }
  100% { transform: translateX(-4px) translateY(1px) scale(0.98); }
}
@keyframes srs-sea {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(2px) scaleY(0.98); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes srs-rail {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes srs-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(1px) rotate(2deg); }
  50% { transform: translateX(-1px) rotate(-2deg); }
  75% { transform: translateX(2px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes srs-shadow {
  0% { transform: scaleX(1); opacity: 0.4; }
  50% { transform: scaleX(1.1); opacity: 0.6; }
  100% { transform: scaleX(0.9); opacity: 0.3; }
}
@keyframes srs-ripple {
  0% { transform: scaleX(0.5); opacity: 0.2; }
  50% { transform: scaleX(1.5); opacity: 0.4; }
  100% { transform: scaleX(0.5); opacity: 0.1; }
}

.scn-shipboard-asleep-natives {
  background: linear-gradient(180deg, #0a0a2e 0%, #1a1a4e 40%, #2a2a5e 70%, #1a1a3e 100%),
              radial-gradient(ellipse at 50% 10%, #3a3a7e 0%, transparent 70%);
}
.scn-shipboard-asleep-natives .sky {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #0f0f3f 0%, #1a1a5e 50%, transparent);
  animation: san-sky 18s ease-in-out infinite alternate;
}
.scn-shipboard-asleep-natives .moon {
  position: absolute; top: 5%; left: 50%;
  width: 50px; height: 50px;
  background: radial-gradient(circle, #e0e8ff 0%, #c0c8e0 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(192,200,224,0.3);
  animation: san-moon 25s ease-in-out infinite alternate;
}
.scn-shipboard-asleep-natives .clouds {
  position: absolute; top: 15%; left: 0; right: 0; height: 30px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1) 30%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 70%, transparent);
  filter: blur(8px);
  animation: san-clouds 40s linear infinite;
}
.scn-shipboard-asleep-natives .mast {
  position: absolute; bottom: 40%; left: 70%;
  width: 8px; height: 150px;
  background: linear-gradient(180deg, #2a2a4e, #1a1a3e);
  border-radius: 4px;
  transform-origin: bottom center;
  animation: san-mast 15s ease-in-out infinite;
}
.scn-shipboard-asleep-natives .body {
  position: absolute; bottom: 15%;
  width: 30px; height: 25px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1f 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
}
.scn-shipboard-asleep-natives .body-1 { left: 20%; animation: san-body1 8s ease-in-out infinite; }
.scn-shipboard-asleep-natives .body-2 { left: 40%; animation: san-body2 9s ease-in-out infinite 2s; }
.scn-shipboard-asleep-natives .body-3 { left: 60%; animation: san-body3 7s ease-in-out infinite 4s; }
.scn-shipboard-asleep-natives .breath {
  position: absolute; bottom: 30%; left: 30%; width: 40px; height: 10px;
  background: radial-gradient(ellipse, rgba(200,210,240,0.05) 0%, transparent 60%);
  filter: blur(2px);
  animation: san-breath 12s ease-in-out infinite 3s;
}
@keyframes san-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.75; }
}
@keyframes san-moon {
  0% { transform: translateX(0) translateY(0) scale(1); }
  50% { transform: translateX(3px) translateY(-4px) scale(1.03); }
  100% { transform: translateX(-3px) translateY(2px) scale(0.98); }
}
@keyframes san-clouds {
  0% { transform: translateX(-10%); }
  50% { transform: translateX(10%); }
  100% { transform: translateX(-10%); }
}
@keyframes san-mast {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes san-body1 {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(2px) rotate(3deg); }
  50% { transform: translateX(-1px) rotate(-2deg); }
  75% { transform: translateX(3px) rotate(4deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes san-body2 {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-2px) rotate(-3deg); }
  50% { transform: translateX(1px) rotate(2deg); }
  75% { transform: translateX(-3px) rotate(-4deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes san-body3 {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(1px) rotate(2deg); }
  50% { transform: translateX(-2px) rotate(-3deg); }
  75% { transform: translateX(2px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes san-breath {
  0% { opacity: 0.1; transform: scaleY(1); }
  50% { opacity: 0.3; transform: scaleY(1.2); }
  100% { opacity: 0.1; transform: scaleY(1); }
}

.scn-shipboard-dynamite-news {
  background: linear-gradient(180deg, #1a1010 0%, #2a1a1a 40%, #1f0f0f 100%),
              radial-gradient(ellipse at 50% 50%, #3a2020 0%, transparent 70%);
}
.scn-shipboard-dynamite-news .wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2a1a1a 0%, #3a2a2a 50%, #1f0f0f 100%);
  animation: sdn-wall 20s ease-in-out infinite alternate;
}
.scn-shipboard-dynamite-news .table {
  position: absolute; bottom: 15%; left: 20%; right: 20%; height: 20%;
  background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.6);
  transform: perspective(500px) rotateX(10deg);
  animation: sdn-table 12s ease-in-out infinite;
}
.scn-shipboard-dynamite-news .lantern {
  position: absolute; top: 30%; left: 50%;
  width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 40%, #ffaa40 0%, #cc7020 60%, #553010 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 40px 15px rgba(255,170,64,0.4), 0 0 80px 30px rgba(255,170,64,0.2);
  transform: translateX(-50%);
  animation: sdn-lantern 4s ease-in-out infinite alternate;
}
.scn-shipboard-dynamite-news .paper {
  position: absolute; bottom: 25%; left: 40%;
  width: 60px; height: 40px;
  background: linear-gradient(135deg, #3a2a1a, #2a1a0a);
  border-radius: 4px;
  transform: rotate(-5deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: sdn-paper 8s ease-in-out infinite;
}
.scn-shipboard-dynamite-news .figure {
  position: absolute; bottom: 20%; left: 30%;
  width: 25px; height: 45px;
  background: linear-gradient(180deg, #1a0a0a 0%, #0a0505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sdn-figure 6s ease-in-out infinite;
}
.scn-shipboard-dynamite-news .hand {
  position: absolute; bottom: 30%; left: 44%;
  width: 12px; height: 8px;
  background: #1a0a0a;
  border-radius: 50% 50% 20% 20%;
  transform: rotate(-20deg);
  animation: sdn-hand 3s ease-in-out infinite alternate;
}
.scn-shipboard-dynamite-news .shadow {
  position: absolute; bottom: 10%; left: 25%; right: 30%; height: 20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 60%);
  filter: blur(5px);
  animation: sdn-shadow 10s ease-in-out infinite 1s;
}
.scn-shipboard-dynamite-news .dust {
  position: absolute; top: 20%; left: 10%; width: 100px; height: 60px;
  background: radial-gradient(ellipse, rgba(30,20,10,0.1) 0%, transparent 70%);
  filter: blur(10px);
  animation: sdn-dust 20s linear infinite;
}
@keyframes sdn-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes sdn-table {
  0% { transform: perspective(500px) rotateX(10deg) translateY(0); }
  50% { transform: perspective(500px) rotateX(10deg) translateY(2px); }
  100% { transform: perspective(500px) rotateX(10deg) translateY(-1px); }
}
@keyframes sdn-lantern {
  0% { box-shadow: 0 0 40px 15px rgba(255,170,64,0.4), 0 0 80px 30px rgba(255,170,64,0.2); }
  50% { box-shadow: 0 0 60px 25px rgba(255,170,64,0.6), 0 0 100px 40px rgba(255,170,64,0.3); }
  100% { box-shadow: 0 0 35px 10px rgba(255,170,64,0.3), 0 0 70px 20px rgba(255,170,64,0.15); }
}
@keyframes sdn-paper {
  0% { transform: rotate(-5deg) translateX(0); }
  50% { transform: rotate(-3deg) translateX(3px); }
  100% { transform: rotate(-6deg) translateX(-2px); }
}
@keyframes sdn-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(1px) rotate(2deg); }
  50% { transform: translateX(-2px) rotate(-3deg); }
  75% { transform: translateX(2px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sdn-hand {
  0% { transform: rotate(-20deg) translateX(0); }
  50% { transform: rotate(-15deg) translateX(2px); }
  100% { transform: rotate(-25deg) translateX(-1px); }
}
@keyframes sdn-shadow {
  0% { transform: scaleX(1); opacity: 0.4; }
  50% { transform: scaleX(1.2); opacity: 0.6; }
  100% { transform: scaleX(0.9); opacity: 0.3; }
}
@keyframes sdn-dust {
  0% { transform: translateX(0) translateY(0); opacity: 0.1; }
  50% { transform: translateX(20px) translateY(-10px); opacity: 0.3; }
  100% { transform: translateX(-10px) translateY(5px); opacity: 0.05; }
}

/* arrest-and-mob – tense sunlit */
.scn-arrest-and-mob {
  background: linear-gradient(180deg, #4a90d9 0%, #87CEEB 40%, #FFD700 70%, #FF8C00 100%), radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 60%);
}
.scn-arrest-and-mob .sky { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #4a90d9 0%, #87CEEB 100%); animation: am-sky 12s ease-in-out infinite alternate; }
.scn-arrest-and-mob .sun { position:absolute; top:8%; left:70%; width:60px; height:60px; background: radial-gradient(circle, #FFF5E0 0%, #FFD700 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 60px 30px rgba(255,215,0,0.6); animation: am-sun 6s ease-in-out infinite; }
.scn-arrest-and-mob .fort { position:absolute; bottom:20%; left:10%; width:60%; height:60%; background: linear-gradient(180deg, #a0825a 0%, #6b4c2a 100%); border-radius: 5% 5% 0 0; box-shadow: inset 0 -20px 30px rgba(0,0,0,0.5); }
.scn-arrest-and-mob .tower { position:absolute; bottom:50%; left:35%; width:12%; height:40%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 -10px 15px rgba(0,0,0,0.4); }
.scn-arrest-and-mob .prisoner { position:absolute; bottom:28%; left:40%; width:20px; height:50px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: am-prisoner 3s ease-in-out infinite; }
.scn-arrest-and-mob .guard { position:absolute; bottom:28%; left:44%; width:24px; height:55px; background: linear-gradient(180deg, #8b4513 0%, #5a2d0c 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: am-guard 4s ease-in-out infinite; }
.scn-arrest-and-mob .guard::before { content:''; position:absolute; top:-8px; left:2px; width:20px; height:10px; background: #a0522d; border-radius: 50%; } /* helmet */
.scn-arrest-and-mob .mob-1 { position:absolute; bottom:15%; left:5%; width:40%; height:25%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 60% 40% 0 0/ 80% 60% 0 0; opacity:0.8; animation: am-mob 8s ease-in-out infinite; }
.scn-arrest-and-mob .mob-2 { position:absolute; bottom:10%; right:5%; width:35%; height:20%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 40% 60% 0 0/ 70% 80% 0 0; opacity:0.7; animation: am-mob 10s ease-in-out infinite reverse; }
.scn-arrest-and-mob .ground { position:absolute; bottom:0; left:0; width:100%; height:20%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); }
@keyframes am-sky { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes am-sun { 0% { transform: scale(0.95); opacity:0.9 } 50% { transform: scale(1.05); opacity:1 } 100% { transform: scale(0.95); opacity:0.9 } }
@keyframes am-prisoner { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes am-guard { 0% { transform: translateX(0) } 50% { transform: translateX(2px) } 100% { transform: translateX(0) } }
@keyframes am-mob { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-5px) scaleY(1.05) } 100% { transform: translateY(0) scaleY(1) } }

/* massacre-escapchastings – dark moonlit */
.scn-massacre-escapchastings {
  background: linear-gradient(180deg, #0a0a2e 0%, #1a1a3e 40%, #2a2a4e 80%, #0a0a1e 100%), radial-gradient(ellipse at 50% 30%, #4a6aff 0%, transparent 70%);
}
.scn-massacre-escapchastings .night-sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #0a0a2e 0%, #1a1a3e 100%); animation: me-sky 15s ease-in-out infinite alternate; }
.scn-massacre-escapchastings .moon { position:absolute; top:10%; left:75%; width:40px; height:40px; background: radial-gradient(circle, #e6e6fa 0%, #b0c4de 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(176,196,222,0.5); animation: me-moon 8s ease-in-out infinite; }
.scn-massacre-escapchastings .fort-wall { position:absolute; bottom:30%; left:20%; width:70%; height:50%; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 -20px 30px rgba(0,0,0,0.7); }
.scn-massacre-escapchastings .gate { position:absolute; bottom:30%; left:45%; width:15%; height:40%; background: #2a2a3a; border-radius: 5% 5% 0 0; box-shadow: inset 0 0 20px #0a0a1a; animation: me-gate 6s ease-in-out infinite; }
.scn-massacre-escapchastings .escaping-figure { position:absolute; bottom:35%; left:25%; width:18px; height:45px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: me-escape 4s ease-in-out infinite; }
.scn-massacre-escapchastings .body-1 { position:absolute; bottom:25%; left:40%; width:30px; height:15px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30%; transform: rotate(30deg); animation: me-body 10s ease-in-out infinite; }
.scn-massacre-escapchastings .body-2 { position:absolute; bottom:20%; left:60%; width:25px; height:12px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30%; transform: rotate(-20deg); animation: me-body 12s ease-in-out infinite reverse; }
.scn-massacre-escapchastings .ground { position:absolute; bottom:0; left:0; width:100%; height:30%; background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1e 100%); }
.scn-massacre-escapchastings .shadow { position:absolute; bottom:30%; left:20%; width:70%; height:10%; background: rgba(0,0,0,0.3); filter: blur(8px); animation: me-shadow 7s ease-in-out infinite; }
@keyframes me-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes me-moon { 0% { transform: scale(0.95); opacity:0.9 } 50% { transform: scale(1.05); opacity:1 } 100% { transform: scale(0.95); opacity:0.9 } }
@keyframes me-gate { 0%,100% { transform: translateY(0); opacity:0.8 } 50% { transform: translateY(-3px); opacity:1 } }
@keyframes me-escape { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(8px) rotate(2deg) } 50% { transform: translateX(16px) rotate(0deg) } 75% { transform: translateX(8px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes me-body { 0% { opacity:0.6 } 50% { opacity:0.9 } 100% { opacity:0.6 } }
@keyframes me-shadow { 0%,100% { transform: scaleX(0.95) } 50% { transform: scaleX(1.05) } }

/* irreverence-quote – calm dim interior */
.scn-irreverence-quote {
  background: linear-gradient(180deg, #4a3a2a 0%, #6a5a4a 30%, #5a4a3a 70%, #3a2a1a 100%), radial-gradient(ellipse at 50% 60%, #8a7a6a 0%, transparent 60%);
}
.scn-irreverence-quote .room-wall { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 100%); }
.scn-irreverence-quote .floor { position:absolute; bottom:0; left:0; width:100%; height:25%; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); }
.scn-irreverence-quote .desk { position:absolute; bottom:15%; left:30%; width:40%; height:15%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 5% 5% 0 0; box-shadow: 0 5px 10px rgba(0,0,0,0.4); }
.scn-irreverence-quote .chair { position:absolute; bottom:15%; left:45%; width:10%; height:30%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 20% 20% 5% 5%; }
.scn-irreverence-quote .figure-seated { position:absolute; bottom:25%; left:42%; width:16%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: ir-figure 6s ease-in-out infinite; }
.scn-irreverence-quote .lamp-base { position:absolute; bottom:25%; right:20%; width:8%; height:20%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 5% 5% 0 0; }
.scn-irreverence-quote .lamp-glow { position:absolute; bottom:45%; right:18%; width:12%; height:12%; background: radial-gradient(circle, #ffd700 0%, #b8860b 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 15px rgba(255,215,0,0.3); animation: ir-glow 4s ease-in-out infinite alternate; }
@keyframes ir-figure { 0%,100% { transform: translateY(0) rotate(1deg) } 50% { transform: translateY(-2px) rotate(-1deg) } }
@keyframes ir-glow { 0% { opacity:0.7; transform: scale(0.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:0.7; transform: scale(0.9) } }

/* living-god – warm dim interior */
.scn-living-god {
  background: linear-gradient(180deg, #4a2a1a 0%, #6a4a3a 30%, #5a3a2a 70%, #3a1a0a 100%), radial-gradient(ellipse at 50% 40%, #b08040 0%, transparent 60%);
}
.scn-living-god .temple-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #5a3a2a 0%, #4a2a1a 100%); }
.scn-living-god .floor { position:absolute; bottom:0; left:0; width:100%; height:20%; background: linear-gradient(180deg, #6a4a3a 0%, #3a1a0a 100%); }
.scn-living-god .throne { position:absolute; bottom:15%; left:35%; width:30%; height:50%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%); border-radius: 10% 10% 5% 5%; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5); animation: lg-throne 5s ease-in-out infinite; }
.scn-living-god .god-figure { position:absolute; bottom:25%; left:45%; width:12%; height:40%; background: linear-gradient(180deg, #c0a070 0%, #8a6a40 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: lg-god 7s ease-in-out infinite; }
.scn-living-god .halo { position:absolute; bottom:55%; left:48%; width:8%; height:8%; background: radial-gradient(circle, #ffd700 0%, #b8860b 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(255,215,0,0.4); animation: lg-halo 6s ease-in-out infinite alternate; }
.scn-living-god .incense { position:absolute; bottom:60%; left:40%; width:20%; height:20%; background: radial-gradient(circle, rgba(200,180,160,0.3) 0%, transparent 100%); filter: blur(5px); animation: lg-incense 10s linear infinite; }
.scn-living-god .worshipper { position:absolute; bottom:15%; left:20%; width:8%; height:25%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: lg-worship 4s ease-in-out infinite; }
.scn-living-god .pillar { position:absolute; bottom:20%; left:15%; width:6%; height:60%; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 5%; box-shadow: inset -5px 0 10px rgba(0,0,0,0.3); }
@keyframes lg-throne { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes lg-god { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes lg-halo { 0% { opacity:0.7; transform: scale(0.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:0.7; transform: scale(0.9) } }
@keyframes lg-incense { 0% { transform: translateY(0) scaleX(1) } 50% { transform: translateY(-10px) scaleX(1.2) } 100% { transform: translateY(0) scaleX(1) } }
@keyframes lg-worship { 0%,100% { transform: translateY(0) rotate(-5deg) } 50% { transform: translateY(-2px) rotate(5deg) } }

/* speculate-quote – calm dim interior, warm amber tones */
.scn-speculate-quote {
  background: 
    linear-gradient(180deg, #2b1f15 0%, #3e2b1e 30%, #5a4030 60%, #2b1f15 100%),
    radial-gradient(ellipse at 30% 40%, #7a6048 0%, transparent 60%);
  background-blend-mode: overlay;
}
.scn-speculate-quote .wall {
  position: absolute; inset: 0; 
  background: linear-gradient(180deg, rgba(43,31,21,0.9) 0%, transparent 40%, rgba(90,64,48,0.3) 80%);
}
.scn-speculate-quote .desk {
  position: absolute; bottom: 8%; left: 10%; right: 10%; height: 18%;
  background: linear-gradient(180deg, #5a3d2b 0%, #3a261a 100%);
  border-radius: 4px 4px 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.5);
}
.scn-speculate-quote .book {
  position: absolute; bottom: 12%; left: 35%; width: 28%; height: 12%;
  background: linear-gradient(135deg, #8b6c4c 0%, #6b4c2c 100%);
  border-radius: 2px; box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
  transform: rotate(-2deg);
}
.scn-speculate-quote .candle-base {
  position: absolute; bottom: 24%; left: 48%; width: 6%; height: 14%;
  background: linear-gradient(180deg, #c8a06a 0%, #a08050 100%);
  border-radius: 30% 30% 10% 10%;
}
.scn-speculate-quote .candle-flame {
  position: absolute; bottom: 38%; left: 49.5%; width: 3%; height: 6%;
  background: radial-gradient(circle, #ffd080 0%, #ffa040 40%, #ff6000 100%);
  border-radius: 50%; box-shadow: 0 0 20px 10px rgba(255,160,64,0.5), 0 0 40px 15px rgba(255,160,64,0.3);
  animation: sq-flicker 2s ease-in-out infinite, sq-sway 3s ease-in-out infinite;
}
.scn-speculate-quote .figure {
  position: absolute; bottom: 8%; left: 20%; width: 12%; height: 35%;
  background: linear-gradient(180deg, #1a120c 0%, #0d0907 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sq-breathe 4s ease-in-out infinite;
}
.scn-speculate-quote .smoke {
  position: absolute; bottom: 45%; left: 50%; width: 8%; height: 8%;
  background: radial-gradient(circle, rgba(200,180,160,0.3) 0%, transparent 100%);
  border-radius: 50%; filter: blur(6px);
  animation: sq-smoke 6s ease-out infinite, sq-drift 8s linear infinite;
}
@keyframes sq-flicker {
  0% { transform: scaleY(1); opacity: 1; }
  25% { transform: scaleY(0.9) scaleX(1.05); opacity: 0.8; }
  50% { transform: scaleY(1.1) scaleX(0.95); opacity: 1; }
  75% { transform: scaleY(0.85) scaleX(1.1); opacity: 0.7; }
  100% { transform: scaleY(1); opacity: 1; }
}
@keyframes sq-sway {
  0%, 100% { transform: translateX(0) rotate(0deg); }
  30% { transform: translateX(2px) rotate(3deg); }
  70% { transform: translateX(-1px) rotate(-2deg); }
}
@keyframes sq-breathe {
  0%, 100% { transform: scaleY(1) scaleX(1); }
  50% { transform: scaleY(1.02) scaleX(1.01); }
}
@keyframes sq-smoke {
  0% { transform: translateY(0) scale(0.5); opacity: 0; }
  30% { opacity: 0.4; }
  100% { transform: translateY(-40px) scale(2); opacity: 0; }
}
@keyframes sq-drift {
  0% { left: 50%; }
  50% { left: 48%; }
  100% { left: 52%; }
}

/* handcar-descent – sunlit, tense, bright with sharp contrasts */
.scn-handcar-descent {
  background:
    linear-gradient(180deg, #87ceeb 0%, #b0e0e6 30%, #f0f8ff 60%, #add8e6 100%),
    radial-gradient(ellipse at 50% 20%, #fff8dc 0%, transparent 50%);
}
.scn-handcar-descent .sky {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #87ceeb 0%, transparent 100%);
  animation: hd-sky 20s ease-in-out infinite alternate;
}
.scn-handcar-descent .mountains {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #6b8e6b 0%, #3a5a3a 60%, #1a2a1a 100%);
  clip-path: polygon(0% 100%, 10% 20%, 30% 60%, 50% 10%, 70% 50%, 85% 30%, 100% 100%);
  animation: hd-mountains 15s ease-in-out infinite alternate;
}
.scn-handcar-descent .tracks {
  position: absolute; bottom: 10%; left: -10%; right: -10%; height: 4%;
  background: repeating-linear-gradient(
    90deg,
    #4a4a4a 0px, #4a4a4a 6px, transparent 6px, transparent 12px
  );
  border-top: 2px solid #8a8a8a;
  border-bottom: 2px solid #2a2a2a;
  animation: hd-tracks 3s linear infinite;
}
.scn-handcar-descent .handcar-base {
  position: absolute; bottom: 14%; left: 40%; width: 20%; height: 8%;
  background: linear-gradient(180deg, #8b5a2b 0%, #6b3a1b 100%);
  border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  animation: hd-bounce 0.8s ease-in-out infinite;
}
.scn-handcar-descent .wheel-l {
  position: absolute; bottom: 10%; left: 42%; width: 6%; height: 6%;
  background: radial-gradient(circle, #555 0%, #222 60%, #111 100%);
  border-radius: 50%; border: 2px solid #444;
  animation: hd-spin 1s linear infinite;
}
.scn-handcar-descent .wheel-r {
  position: absolute; bottom: 10%; right: 38%; width: 6%; height: 6%;
  background: radial-gradient(circle, #555 0%, #222 60%, #111 100%);
  border-radius: 50%; border: 2px solid #444;
  animation: hd-spin 1s linear infinite reverse;
}
.scn-handcar-descent .figure-a {
  position: absolute; bottom: 18%; left: 43%; width: 8%; height: 14%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hd-pump 0.6s ease-in-out infinite;
}
.scn-handcar-descent .figure-b {
  position: absolute; bottom: 18%; right: 42%; width: 8%; height: 14%;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hd-pump 0.6s ease-in-out infinite 0.3s;
}
.scn-handcar-descent .dust {
  position: absolute; bottom: 8%; left: 30%; width: 40%; height: 10%;
  background: radial-gradient(ellipse, rgba(200,180,140,0.4) 0%, transparent 80%);
  filter: blur(8px);
  animation: hd-dust 2s ease-in-out infinite;
}
@keyframes hd-sky {
  0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.6; }
}
@keyframes hd-mountains {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-3px) scaleX(1.02); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes hd-tracks {
  0% { transform: translateX(0); }
  100% { transform: translateX(12px); }
}
@keyframes hd-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes hd-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes hd-pump {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-8px) rotate(-5deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-8px) rotate(5deg); }
}
@keyframes hd-dust {
  0%, 100% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 0.6; transform: scale(1.2); }
}

/* handcar-danger – tense, sunlit, close-up on wheel and pebble */
.scn-handcar-danger {
  background:
    linear-gradient(180deg, #b0c4de 0%, #f5f5dc 40%, #d3d3b0 70%, #8fbc8f 100%),
    radial-gradient(ellipse at 20% 30%, #fffacd 0%, transparent 50%);
}
.scn-handcar-danger .track-close {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: repeating-linear-gradient(
    90deg,
    #5a4a3a 0px, #5a4a3a 8px, transparent 8px, transparent 16px
  );
  border-top: 3px solid #4a3a2a;
}
.scn-handcar-danger .pebble {
  position: absolute; bottom: 16%; left: 52%; width: 4%; height: 4%;
  background: radial-gradient(circle, #8b7355 0%, #5a4a3a 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: hdg-pebble 0.3s ease-in-out infinite;
}
.scn-handcar-danger .wheel {
  position: absolute; bottom: 10%; left: 48%; width: 14%; height: 14%;
  background: radial-gradient(circle, #666 0%, #333 60%, #111 100%);
  border-radius: 50%; border: 3px solid #444;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  animation: hdg-spin 0.8s linear infinite, hdg-shake 0.4s ease-in-out infinite;
}
.scn-handcar-danger .car-body {
  position: absolute; bottom: 20%; left: 40%; width: 30%; height: 12%;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 6px; box-shadow: 0 6px 15px rgba(0,0,0,0.6);
  animation: hdg-tilt 0.6s ease-in-out infinite;
}
.scn-handcar-danger .figure-lean {
  position: absolute; bottom: 20%; left: 45%; width: 10%; height: 20%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hdg-lean 0.5s ease-in-out infinite;
}
.scn-handcar-danger .arm {
  position: absolute; bottom: 28%; left: 52%; width: 6%; height: 10%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 20% 20%;
  transform-origin: top center;
  animation: hdg-reach 0.7s ease-in-out infinite;
}
.scn-handcar-danger .sparks {
  position: absolute; bottom: 18%; left: 52%; width: 6%; height: 6%;
  background: radial-gradient(circle, #ffd700 0%, #ff8c00 40%, transparent 100%);
  border-radius: 50%;
  animation: hdg-sparks 0.3s ease-out infinite;
}
.scn-handcar-danger .dust-burst {
  position: absolute; bottom: 10%; left: 35%; width: 30%; height: 20%;
  background: radial-gradient(ellipse, rgba(210,180,140,0.5) 0%, transparent 80%);
  filter: blur(8px);
  animation: hdg-dust 0.8s ease-in-out infinite;
}
@keyframes hdg-pebble {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px) rotate(10deg); }
}
@keyframes hdg-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes hdg-shake {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(8deg); }
  75% { transform: rotate(-5deg); }
}
@keyframes hdg-tilt {
  0%, 100% { transform: rotate(0deg); }
  30% { transform: rotate(4deg); }
  70% { transform: rotate(-3deg); }
}
@keyframes hdg-lean {
  0%, 100% { transform: translateX(0) rotate(0deg); }
  40% { transform: translateX(10px) rotate(20deg); }
  80% { transform: translateX(-5px) rotate(-10deg); }
}
@keyframes hdg-reach {
  0%, 100% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(30deg) translateY(-5px); }
}
@keyframes hdg-sparks {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(3); }
}
@keyframes hdg-dust {
  0%, 100% { opacity: 0.2; transform: scale(0.5); }
  50% { opacity: 0.6; transform: scale(1.5); }
}

/* handcar-start – tense, sunlit, beginning of descent with steam */
.scn-handcar-start {
  background:
    linear-gradient(180deg, #87ceeb 0%, #c8e6f0 40%, #f0f8ff 70%, #e0e0c0 100%),
    radial-gradient(ellipse at 60% 30%, #fff8dc 0%, transparent 50%);
}
.scn-handcar-start .sky-bg {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #87ceeb 0%, transparent 100%);
  animation: hs-sky 25s ease-in-out infinite alternate;
}
.scn-handcar-start .mountain-far {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #6b8e6b 0%, #3a5a3a 100%);
  clip-path: polygon(0% 100%, 15% 30%, 35% 80%, 55% 20%, 75% 70%, 90% 40%, 100% 100%);
  animation: hs-mountains 12s ease-in-out infinite alternate;
}
.scn-handcar-start .tracks-down {
  position: absolute; bottom: 8%; left: -5%; right: -5%; height: 5%;
  background: repeating-linear-gradient(
    90deg,
    #4a4a4a 0px, #4a4a4a 8px, transparent 8px, transparent 16px
  );
  border-top: 3px solid #7a7a7a;
  border-bottom: 3px solid #2a2a2a;
  animation: hs-tracks 4s linear infinite;
}
.scn-handcar-start .handcar {
  position: absolute; bottom: 12%; left: 45%; width: 22%; height: 10%;
  background: linear-gradient(180deg, #8b5a2b 0%, #6b3a1b 100%);
  border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  animation: hs-start-bounce 0.6s ease-in-out infinite;
}
.scn-handcar-start .engineer {
  position: absolute; bottom: 16%; left: 48%; width: 10%; height: 16%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hs-pump 0.8s ease-in-out infinite;
}
.scn-handcar-start .lever {
  position: absolute; bottom: 22%; left: 52%; width: 3%; height: 12%;
  background: linear-gradient(180deg, #8a8a8a 0%, #4a4a4a 100%);
  border-radius: 20%; transform-origin: bottom center;
  animation: hs-lever 1.2s ease-in-out infinite;
}
.scn-handcar-start .steam-1 {
  position: absolute; bottom: 28%; left: 42%; width: 12%; height: 12%;
  background: radial-gradient(circle, rgba(200,200,200,0.4) 0%, transparent 100%);
  filter: blur(10px);
  animation: hs-steam 2s ease-out infinite, hs-drift1 4s linear infinite;
}
.scn-handcar-start .steam-2 {
  position: absolute; bottom: 30%; left: 55%; width: 10%; height: 10%;
  background: radial-gradient(circle, rgba(200,200,200,0.3) 0%, transparent 100%);
  filter: blur(10px);
  animation: hs-steam 2.5s ease-out infinite 1s, hs-drift2 5s linear infinite;
}
.scn-handcar-start .train-follow {
  position: absolute; bottom: 8%; right: 15%; width: 18%; height: 12%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  animation: hs-train-approach 20s linear infinite;
}
@keyframes hs-sky {
  0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; }
}
@keyframes hs-mountains {
  0% { transform: translateX(0); }
  50% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}
@keyframes hs-tracks {
  0% { transform: translateX(0); }
  100% { transform: translateX(16px); }
}
@keyframes hs-start-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes hs-pump {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  30% { transform: translateY(-6px) rotate(-5deg); }
  70% { transform: translateY(0) rotate(0deg); }
}
@keyframes hs-lever {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(20deg); }
}
@keyframes hs-steam {
  0% { transform: translateY(0) scale(0.5); opacity: 0; }
  20% { opacity: 0.5; }
  100% { transform: translateY(-30px) scale(2); opacity: 0; }
}
@keyframes hs-drift1 {
  0% { left: 42%; }
  50% { left: 40%; }
  100% { left: 44%; }
}
@keyframes hs-drift2 {
  0% { left: 55%; }
  50% { left: 58%; }
  100% { left: 53%; }
}
@keyframes hs-train-approach {
  0% { transform: translateX(150px) scale(0.5); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateX(-100px) scale(1); }
}

.scn-holwell-cary {
  background:
    linear-gradient(180deg, #1f1a2e 0%, #2a203a 40%, #1c1530 100%),
    radial-gradient(ellipse at 60% 30%, #3a2840 0%, transparent 70%);
}
.scn-holwell-cary .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #2a203a 0%, #3d2a4a 40%, #2a203a 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.6);
}
.scn-holwell-cary .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, #1d1528 0%, #2a1f36 100%);
  border-top: 2px solid #3d2948;
}
.scn-holwell-cary .window-light {
  position: absolute; top: 15%; left: 55%; width: 50px; height: 70px;
  background: radial-gradient(ellipse at 50% 50%, #c0a06a 0%, #806040 60%, transparent 100%);
  border-radius: 4px 4px 50% 50% / 8px 8px 60% 60%;
  box-shadow: 0 0 40px 20px #c0a06a, 0 0 80px 30px #a08050;
  animation: hc-window 6s ease-in-out infinite alternate;
}
.scn-holwell-cary .figure-cary {
  position: absolute; bottom: 20%; left: 50%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #352a42 0%, #1f1930 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: hc-cary 8s ease-in-out infinite;
}
.scn-holwell-cary .figure-surgeon {
  position: absolute; bottom: 25%; left: 62%; width: 28px; height: 48px;
  background: linear-gradient(180deg, #3a2e4a 0%, #221a38 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: hc-surgeon 10s ease-in-out infinite;
}
.scn-holwell-cary .shadow {
  position: absolute; bottom: 22%; left: 48%; width: 60px; height: 12px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 100%);
  animation: hc-shadow 8s ease-in-out infinite;
}
.scn-holwell-cary .dust {
  position: absolute; top: 30%; left: 40%; width: 4px; height: 4px;
  background: rgba(200,180,150,0.3);
  border-radius: 50%;
  filter: blur(1px);
  animation: hc-dust 12s linear infinite;
}
@keyframes hc-window {
  0% { opacity: 0.7; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.02); box-shadow: 0 0 60px 30px #d0b080; }
  100% { opacity: 0.8; transform: scaleY(0.98); }
}
@keyframes hc-cary {
  0% { transform: translateX(0) rotate(0deg); }
  30% { transform: translateX(-2px) rotate(2deg) scale(1.01); }
  60% { transform: translateX(1px) rotate(-1deg) scale(0.98); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hc-surgeon {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(-1deg); }
  50% { transform: translateX(-2px) rotate(1deg); }
  75% { transform: translateX(1px) rotate(0deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hc-shadow {
  0% { opacity: 0.4; transform: scaleX(1); }
  50% { opacity: 0.6; transform: scaleX(1.1); }
  100% { opacity: 0.4; transform: scaleX(1); }
}
@keyframes hc-dust {
  0% { transform: translateY(0) translateX(0); opacity: 0.3; }
  50% { transform: translateY(-40px) translateX(20px); opacity: 0.6; }
  100% { transform: translateY(-80px) translateX(40px); opacity: 0; }
}

.scn-holwell-stupor {
  background:
    linear-gradient(180deg, #0b0b14 0%, #14101c 40%, #0f0b1a 100%),
    radial-gradient(ellipse at 50% 20%, #1a1525 0%, transparent 70%);
}
.scn-holwell-stupor .prison-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #1c1628 0%, #0e0b18 100%);
  border-bottom: 3px solid #2a1f3a;
}
.scn-holwell-stupor .prison-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(0deg, #090712 0%, #14101c 100%);
}
.scn-holwell-stupor .beam {
  position: absolute; top: 10%; left: 35%; width: 12px; height: 65%;
  background: linear-gradient(0deg, transparent 0%, rgba(150,140,180,0.15) 30%, rgba(200,180,220,0.2) 60%, transparent 100%);
  filter: blur(4px);
  animation: hs-beam 14s ease-in-out infinite alternate;
}
.scn-holwell-stupor .figure-narrator {
  position: absolute; bottom: 12%; left: 40%; width: 32px; height: 20px;
  background: radial-gradient(ellipse at 50% 20%, #2a2038 0%, #0e0b1a 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 10% 10%;
  transform: rotate(10deg);
  animation: hs-narrator 20s ease-in-out infinite;
}
.scn-holwell-stupor .figure-bellamy {
  position: absolute; bottom: 14%; left: 55%; width: 34px; height: 22px;
  background: linear-gradient(180deg, #1d162a 0%, #0b0914 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 20% 20%;
  transform: rotate(-5deg);
  animation: hs-bellamy 22s ease-in-out infinite;
}
.scn-holwell-stupor .figure-lieutenant {
  position: absolute; bottom: 13%; left: 60%; width: 28px; height: 18px;
  background: linear-gradient(180deg, #1f1830 0%, #0c0a18 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 20% 20%;
  transform: rotate(8deg);
  animation: hs-lieutenant 24s ease-in-out infinite;
}
.scn-holwell-stupor .darkness-overlay {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 50%, transparent 30%, rgba(0,0,0,0.7) 100%);
  animation: hs-darkness 18s ease-in-out infinite alternate;
}
@keyframes hs-beam {
  0% { opacity: 0.3; transform: scaleY(0.95); }
  50% { opacity: 0.6; transform: scaleY(1.05); }
  100% { opacity: 0.2; transform: scaleY(0.98); }
}
@keyframes hs-narrator {
  0% { transform: rotate(10deg) translateX(0); }
  50% { transform: rotate(12deg) translateX(2px); }
  100% { transform: rotate(10deg) translateX(0); }
}
@keyframes hs-bellamy {
  0% { transform: rotate(-5deg) translateX(0); }
  50% { transform: rotate(-7deg) translateX(-1px); }
  100% { transform: rotate(-5deg) translateX(0); }
}
@keyframes hs-lieutenant {
  0% { transform: rotate(8deg) translateX(0); }
  50% { transform: rotate(10deg) translateX(1px); }
  100% { transform: rotate(8deg) translateX(0); }
}
@keyframes hs-darkness {
  0% { opacity: 0.8; }
  50% { opacity: 0.95; }
  100% { opacity: 0.85; }
}

.scn-calcutta-sights {
  background:
    linear-gradient(180deg, #d4d4e0 0%, #b0c4d0 40%, #8ca8b8 100%),
    radial-gradient(ellipse at 50% 0%, #f0e8c0 0%, transparent 70%);
}
.scn-calcutta-sights .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b8d0e0 0%, #d8dcd0 60%, transparent 100%);
  animation: cs-sky 20s ease-in-out infinite alternate;
}
.scn-calcutta-sights .sun {
  position: absolute; top: 10%; left: 70%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffe8a0 0%, #f0d080 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px #f0d080, 0 0 120px 60px rgba(240,208,128,0.3);
  animation: cs-sun 8s ease-in-out infinite alternate;
}
.scn-calcutta-sights .clouds {
  position: absolute; top: 18%; left: 10%; width: 100px; height: 30px;
  background: rgba(255,255,255,0.4);
  border-radius: 50%;
  filter: blur(10px);
  animation: cs-clouds 40s linear infinite;
}
.scn-calcutta-sights .city-skyline {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 25%;
  background:
    linear-gradient(180deg, #8a7a60 0%, #6a5a44 100%),
    repeating-linear-gradient(90deg, #7a6a50 0px, #7a6a50 20px, transparent 20px, transparent 30px);
  border-radius: 10% 10% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: cs-skyline 16s ease-in-out infinite alternate;
}
.scn-calcutta-sights .street {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(0deg, #b0a090 0%, #c8b8a8 50%, #d8c8b8 100%);
}
.scn-calcutta-sights .hurried-figure {
  position: absolute; bottom: 18%; left: 30%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2e24 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: cs-figure 4s ease-in-out infinite;
}
.scn-calcutta-sights .heat-haze {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 40%;
  background: repeating-linear-gradient(0deg, transparent 0px, rgba(200,180,160,0.1) 2px, transparent 4px);
  animation: cs-haze 6s ease-in-out infinite alternate;
}
@keyframes cs-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes cs-sun {
  0% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 80px 40px #f0d080; }
  100% { transform: scale(0.98); opacity: 0.95; }
}
@keyframes cs-clouds {
  0% { transform: translateX(-80px); opacity: 0.4; }
  50% { transform: translateX(200px); opacity: 0.6; }
  100% { transform: translateX(-80px); opacity: 0.4; }
}
@keyframes cs-skyline {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes cs-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(8px) rotate(-2deg) scale(1.05); }
  50% { transform: translateX(16px) rotate(0deg) scale(1); }
  75% { transform: translateX(24px) rotate(2deg) scale(0.95); }
  100% { transform: translateX(32px) rotate(0deg); }
}
@keyframes cs-haze {
  0% { opacity: 0.3; }
  50% { opacity: 0.6; }
  100% { opacity: 0.2; }
}

.scn-indian-museum {
  background:
    linear-gradient(180deg, #2a2218 0%, #3d3020 40%, #1e1810 100%),
    radial-gradient(ellipse at 50% 20%, #4a3a28 0%, transparent 70%);
}
.scn-indian-museum .museum-wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(90deg, #3d3020 0%, #4a3d28 50%, #3d3020 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,0.5);
}
.scn-indian-museum .museum-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(0deg, #1e1810 0%, #2a2218 100%);
  border-top: 2px solid #4a3d28;
}
.scn-indian-museum .central-statue {
  position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 110px;
  background: linear-gradient(180deg, #c8a86a 0%, #a08050 50%, #7a6038 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(200,168,106,0.3);
  animation: im-statue 12s ease-in-out infinite alternate;
}
.scn-indian-museum .side-exhibit {
  position: absolute; bottom: 18%; left: 15%; width: 60px; height: 70px;
  background: linear-gradient(180deg, #806850 0%, #604838 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
  transform: perspective(400px) rotateY(10deg);
  animation: im-side 20s ease-in-out infinite alternate;
}
.scn-indian-museum .light-ray {
  position: absolute; top: 0; left: 55%; width: 30px; height: 100%;
  background: linear-gradient(0deg, transparent 0%, rgba(240,220,180,0.15) 30%, rgba(240,220,180,0.25) 60%, transparent 100%);
  filter: blur(8px);
  animation: im-light 9s ease-in-out infinite alternate;
}
.scn-indian-museum .shadow-arch {
  position: absolute; bottom: 18%; left: 10%; width: 80%; height: 60%;
  background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.4) 0%, transparent 70%);
  animation: im-arch 16s ease-in-out infinite alternate;
}
.scn-indian-museum .glow-orb {
  position: absolute; top: 30%; left: 35%; width: 12px; height: 12px;
  background: radial-gradient(circle, #c8a060 0%, #806030 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px #c8a060;
  animation: im-glow 5s ease-in-out infinite;
}
@keyframes im-statue {
  0% { transform: translateX(-50%) scale(1) rotateY(0deg); }
  50% { transform: translateX(-50%) scale(1.02) rotateY(2deg); }
  100% { transform: translateX(-50%) scale(0.98) rotateY(-2deg); }
}
@keyframes im-side {
  0% { transform: perspective(400px) rotateY(10deg) translateY(0); }
  50% { transform: perspective(400px) rotateY(12deg) translateY(-2px); }
  100% { transform: perspective(400px) rotateY(8deg) translateY(0); }
}
@keyframes im-light {
  0% { opacity: 0.4; transform: scaleX(1); }
  50% { opacity: 0.7; transform: scaleX(1.1); }
  100% { opacity: 0.3; transform: scaleX(0.9); }
}
@keyframes im-arch {
  0% { opacity: 0.5; transform: scaleY(1); }
  50% { opacity: 0.7; transform: scaleY(1.05); }
  100% { opacity: 0.6; transform: scaleY(0.95); }
}
@keyframes im-glow {
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 60px 20px #c8a060; }
  100% { transform: scale(0.9); opacity: 0.7; }
}

/* ===== Scene: thug-patience ===== */
.scn-thug-patience {
  background:
    linear-gradient(180deg, #2a1e12 0%, #1a1008 40%, #0d0804 100%),
    radial-gradient(ellipse at 50% 30%, #4a3020 0%, transparent 70%);
}
.scn-thug-patience .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(0deg, #1a0e06 0%, #2a1a0e 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.6);
}
.scn-thug-patience .wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #3a281a 0%, #2a1a0e 50%, #1a0e06 100%);
}
.scn-thug-patience .window {
  position: absolute; top: 10%; left: 8%; width: 28%; height: 35%;
  background: radial-gradient(ellipse at center, #c8a060 0%, #8a6030 60%, #2a1a0e 100%);
  border: 8px solid #3a281a; border-radius: 4px;
  box-shadow: inset 0 0 60px rgba(200,160,96,0.2);
  animation: tp-window-glare 8s ease-in-out infinite alternate;
}
.scn-thug-patience .lamp {
  position: absolute; bottom: 32%; left: 28%; width: 14px; height: 20px;
  background: radial-gradient(circle, #e0a050 0%, #a06020 60%);
  border-radius: 50% 50% 30% 30%; box-shadow: 0 0 40px 12px #c08040, 0 0 80px 24px rgba(192,128,64,0.3);
  animation: tp-lamp-glow 3s ease-in-out infinite alternate;
}
.scn-thug-patience .figure-sitting {
  position: absolute; bottom: 20%; left: 55%; width: 50px; height: 70px;
  background: linear-gradient(180deg, #1a1008 0%, #0d0804 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tp-sit-breath 4s ease-in-out infinite;
}
.scn-thug-patience .shadow-figure {
  position: absolute; bottom: 20%; left: 70%; width: 60px; height: 80px;
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  border-radius: 50% 50% 20% 20% / 80% 80% 40% 40%;
  filter: blur(6px);
  animation: tp-shadow-pulse 6s ease-in-out infinite alternate;
}
.scn-thug-patience .dust-mote {
  position: absolute; top: 20%; left: 40%; width: 4px; height: 4px;
  background: radial-gradient(circle, #e0d0a0 0%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 6px 2px #e0d0a0;
  animation: tp-mote 12s linear infinite;
}
@keyframes tp-window-glare {
  0% { opacity: 0.7; box-shadow: inset 0 0 40px rgba(200,160,96,0.15); }
  50% { opacity: 1; box-shadow: inset 0 0 80px rgba(200,160,96,0.3); }
  100% { opacity: 0.8; box-shadow: inset 0 0 50px rgba(200,160,96,0.2); }
}
@keyframes tp-lamp-glow {
  0% { box-shadow: 0 0 30px 8px #c08040, 0 0 60px 16px rgba(192,128,64,0.2); opacity: 0.85; }
  50% { box-shadow: 0 0 50px 16px #e0a050, 0 0 100px 32px rgba(224,160,80,0.4); opacity: 1; }
  100% { box-shadow: 0 0 35px 10px #c08040, 0 0 70px 20px rgba(192,128,64,0.25); opacity: 0.9; }
}
@keyframes tp-sit-breath {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-2px) scaleX(0.97); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes tp-shadow-pulse {
  0% { opacity: 0.4; transform: scaleY(1); }
  50% { opacity: 0.6; transform: scaleY(1.05); }
  100% { opacity: 0.5; transform: scaleY(1); }
}
@keyframes tp-mote {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  50% { transform: translate(40px, -30px) rotate(180deg); opacity: 0.8; }
  90% { opacity: 1; }
  100% { transform: translate(80px, -60px) rotate(360deg); opacity: 0; }
}

/* ===== Scene: thug-ramzam-hyder ===== */
.scn-thug-ramzam-hyder {
  background:
    linear-gradient(180deg, #0a0a12 0%, #14141e 30%, #1a1824 60%, #0e0e18 100%),
    radial-gradient(ellipse at 50% 20%, #2a2a40 0%, transparent 70%);
}
.scn-thug-ramzam-hyder .road {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 18%;
  background: linear-gradient(0deg, #2a2a20 0%, #1a1a14 100%);
  border-radius: 30% 30% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.8);
}
.scn-thug-ramzam-hyder .night-bg {
  position: absolute; inset: 0 0 18% 0;
  background: linear-gradient(180deg, #0a0a12 0%, #12121a 50%, #1a1a24 100%);
}
.scn-thug-ramzam-hyder .figure-left {
  position: absolute; bottom: 16%; left: 20%; width: 32px; height: 60px;
  background: linear-gradient(180deg, #1a1620 0%, #0a0a10 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: rh-walk-left 5s ease-in-out infinite;
}
.scn-thug-ramzam-hyder .figure-right {
  position: absolute; bottom: 16%; right: 20%; width: 34px; height: 62px;
  background: linear-gradient(180deg, #1c1824 0%, #0c0c14 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: rh-walk-right 5s ease-in-out infinite;
}
.scn-thug-ramzam-hyder .cloak-left {
  position: absolute; bottom: 30%; left: 18%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #2a2030 0%, #1a1420 100%);
  border-radius: 50% 50% 30% 30% / 80% 80% 40% 40%;
  filter: blur(2px);
  animation: rh-cloak-sway 5s ease-in-out infinite;
}
.scn-thug-ramzam-hyder .cloak-right {
  position: absolute; bottom: 30%; right: 18%; width: 44px; height: 52px;
  background: linear-gradient(180deg, #2c2234 0%, #1c1624 100%);
  border-radius: 50% 50% 30% 30% / 80% 80% 40% 40%;
  filter: blur(2px);
  animation: rh-cloak-sway 5s ease-in-out infinite reverse;
}
.scn-thug-ramzam-hyder .stars {
  position: absolute; top: 2%; left: 5%; right: 5%; height: 40%;
  background-image: radial-gradient(2px 2px at 10% 20%, #fff 0%, transparent 100%),
                    radial-gradient(2px 2px at 30% 60%, #fff 0%, transparent 100%),
                    radial-gradient(1px 1px at 50% 10%, #fff 0%, transparent 100%),
                    radial-gradient(1px 1px at 70% 40%, #fff 0%, transparent 100%),
                    radial-gradient(2px 2px at 85% 70%, #fff 0%, transparent 100%),
                    radial-gradient(1px 1px at 15% 80%, #fff 0%, transparent 100%),
                    radial-gradient(2px 2px at 45% 45%, #fff 0%, transparent 100%),
                    radial-gradient(1px 1px at 60% 90%, #fff 0%, transparent 100%);
  background-size: 10px 10px, 20px 20px, 15px 15px, 25px 25px, 18px 18px, 30px 30px, 12px 12px, 22px 22px;
  background-repeat: no-repeat;
  animation: rh-twinkle 4s ease-in-out infinite alternate;
}
@keyframes rh-walk-left {
  0% { transform: translateX(0) rotate(-2deg) scaleY(1); }
  25% { transform: translateX(-4px) rotate(2deg) scaleY(0.98); }
  50% { transform: translateX(0) rotate(-2deg) scaleY(1); }
  75% { transform: translateX(4px) rotate(2deg) scaleY(0.98); }
  100% { transform: translateX(0) rotate(-2deg) scaleY(1); }
}
@keyframes rh-walk-right {
  0% { transform: translateX(0) rotate(2deg) scaleY(1); }
  25% { transform: translateX(4px) rotate(-2deg) scaleY(0.98); }
  50% { transform: translateX(0) rotate(2deg) scaleY(1); }
  75% { transform: translateX(-4px) rotate(-2deg) scaleY(0.98); }
  100% { transform: translateX(0) rotate(2deg) scaleY(1); }
}
@keyframes rh-cloak-sway {
  0% { transform: rotate(0deg) translateX(0); }
  33% { transform: rotate(4deg) translateX(-3px); }
  66% { transform: rotate(-3deg) translateX(3px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes rh-twinkle {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

/* ===== Scene: thug-long-journey ===== */
.scn-thug-long-journey {
  background:
    linear-gradient(180deg, #0e1216 0%, #161c24 40%, #1c2630 70%, #14202a 100%),
    radial-gradient(ellipse at 60% 10%, #3a4a5a 0%, transparent 60%);
}
.scn-thug-long-journey .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 22%;
  background: linear-gradient(0deg, #1a1a14 0%, #2a2a20 100%);
  border-radius: 0 0 20% 20% / 0 0 40% 40%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.7);
}
.scn-thug-long-journey .water-tank {
  position: absolute; bottom: 18%; left: 30%; width: 40%; height: 10%;
  background: radial-gradient(ellipse at 50% 50%, #2a3a3a 0%, #1a2a2a 50%, #0e1a1a 100%);
  border-radius: 50% 50% 10% 10% / 80% 80% 20% 20%;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.3);
}
.scn-thug-long-journey .sleeping-figure {
  position: absolute; bottom: 14%; left: 40%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform: rotate(5deg);
  animation: lj-sleep 6s ease-in-out infinite alternate;
}
.scn-thug-long-journey .thug-watching {
  position: absolute; bottom: 18%; left: 60%; width: 30px; height: 55px;
  background: linear-gradient(180deg, #141414 0%, #080808 100%);
  border-radius: 40% 40% 20% 20% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: lj-watch 4s ease-in-out infinite;
}
.scn-thug-long-journey .moon {
  position: absolute; top: 6%; left: 60%; width: 40px; height: 40px;
  background: radial-gradient(circle, #e0e0e8 0%, #b0b0c0 60%, #808090 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(176,176,192,0.2), 0 0 120px 40px rgba(176,176,192,0.1);
  animation: lj-moon-glow 8s ease-in-out infinite alternate;
}
.scn-thug-long-journey .tree {
  position: absolute; bottom: 18%; left: 10%; width: 20px; height: 80px;
  background: linear-gradient(180deg, #1a1a0e 0%, #0e0e08 100%);
  border-radius: 40% 40% 10% 10% / 20% 20% 40% 40%;
  transform: skewX(3deg);
  animation: lj-tree-sway 12s ease-in-out infinite;
}
.scn-thug-long-journey .ripple {
  position: absolute; bottom: 20%; left: 38%; width: 60px; height: 10px;
  border: 1px solid rgba(100,140,140,0.3);
  border-radius: 50%;
  animation: lj-ripple 5s linear infinite;
}
@keyframes lj-sleep {
  0% { transform: rotate(5deg) scaleY(1); }
  50% { transform: rotate(3deg) scaleY(0.97); }
  100% { transform: rotate(7deg) scaleY(1); }
}
@keyframes lj-watch {
  0% { transform: translateX(0) rotate(-5deg); }
  33% { transform: translateX(-3px) rotate(3deg); }
  66% { transform: translateX(3px) rotate(-2deg); }
  100% { transform: translateX(0) rotate(-5deg); }
}
@keyframes lj-moon-glow {
  0% { box-shadow: 0 0 40px 15px rgba(176,176,192,0.15); opacity: 0.8; }
  50% { box-shadow: 0 0 80px 30px rgba(176,176,192,0.3); opacity: 1; }
  100% { box-shadow: 0 0 50px 20px rgba(176,176,192,0.2); opacity: 0.9; }
}
@keyframes lj-tree-sway {
  0% { transform: skewX(3deg) rotate(0deg); }
  50% { transform: skewX(-2deg) rotate(2deg); }
  100% { transform: skewX(3deg) rotate(0deg); }
}
@keyframes lj-ripple {
  0% { transform: translateX(0) scale(1); opacity: 0.6; }
  50% { transform: translateX(10px) scale(1.2); opacity: 0.3; }
  100% { transform: translateX(20px) scale(1.5); opacity: 0; }
}

/* ===== Scene: thug-two-murders ===== */
.scn-thug-two-murders {
  background:
    linear-gradient(180deg, #0a0806 0%, #140e0a 30%, #1a120c 60%, #0d0906 100%),
    radial-gradient(ellipse at 50% 30%, #4a2a18 0%, transparent 70%);
}
.scn-thug-two-murders .campfire {
  position: absolute; bottom: 15%; left: 40%; width: 60px; height: 50px;
  background: radial-gradient(ellipse at 50% 100%, #e06020 0%, #c04010 30%, #8a2010 60%, transparent 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 40% 40%;
  box-shadow: 0 0 80px 30px #c04010, 0 0 160px 60px rgba(192,64,16,0.3);
  animation: tm-fire 2s ease-in-out infinite alternate;
}
.scn-thug-two-murders .ground-dark {
  position: absolute; bottom: 0; left: 0; right: 0; height: 18%;
  background: linear-gradient(0deg, #0a0604 0%, #140c08 100%);
  border-radius: 0 0 10% 10% / 0 0 20% 20%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.8);
}
.scn-thug-two-murders .log {
  position: absolute; bottom: 14%; left: 35%; width: 80px; height: 12px;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a0e06 100%);
  border-radius: 30% 30% 20% 20%;
  transform: rotate(-5deg);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
}
.scn-thug-two-murders .figure-crouch {
  position: absolute; bottom: 18%; left: 30%; width: 36px; height: 48px;
  background: linear-gradient(180deg, #1a1210 0%, #0a0806 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tm-crouch 4s ease-in-out infinite;
}
.scn-thug-two-murders .figure-stand {
  position: absolute; bottom: 18%; left: 55%; width: 34px; height: 60px;
  background: linear-gradient(180deg, #1c1412 0%, #0c0a08 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tm-stand 5s ease-in-out infinite;
}
.scn-thug-two-murders .smoke {
  position: absolute; bottom: 38%; left: 42%; width: 20px; height: 40px;
  background: radial-gradient(ellipse at 50% 100%, rgba(60,40,20,0.4) 0%, transparent 100%);
  filter: blur(6px);
  animation: tm-smoke 8s linear infinite;
}
.scn-thug-two-murders .embers {
  position: absolute; bottom: 20%; left: 38%; width: 8px; height: 8px;
  background: radial-gradient(circle, #ff8040 0%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px #ff8040;
  animation: tm-ember 3s ease-in-out infinite;
}
@keyframes tm-fire {
  0% { transform: scaleY(1) rotate(0deg); box-shadow: 0 0 60px 20px #c04010, 0 0 120px 40px rgba(192,64,16,0.2); }
  50% { transform: scaleY(1.1) rotate(2deg); box-shadow: 0 0 100px 40px #d05a20, 0 0 180px 60px rgba(208,90,32,0.3); }
  100% { transform: scaleY(0.95) rotate(-2deg); box-shadow: 0 0 70px 25px #c04010, 0 0 140px 50px rgba(192,64,16,0.25); }
}
@keyframes tm-crouch {
  0% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(-3deg); }
}
@keyframes tm-stand {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  33% { transform: translateX(-3px) rotate(2deg) scaleY(0.98); }
  66% { transform: translateX(3px) rotate(-1deg) scaleY(1.01); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes tm-smoke {
  0% { transform: translateY(0) scale(1) rotate(0deg); opacity: 0.5; }
  50% { transform: translateY(-20px) scale(1.5) rotate(10deg); opacity: 0.2; }
  100% { transform: translateY(-40px) scale(2) rotate(20deg); opacity: 0; }
}
@keyframes tm-ember {
  0% { transform: translate(0, 0) scale(1); opacity: 1; }
  50% { transform: translate(-10px, -15px) scale(0.8); opacity: 0.5; }
  100% { transform: translate(15px, -20px) scale(0.2); opacity: 0; }
}

/* SCENE 1 – tamed-blacks-in-towns */
.scn-tamed-blacks-in-towns {
  background: 
    linear-gradient(180deg, #8bb8e8 0%, #f5d098 40%, #d6945a 100%),
    radial-gradient(ellipse at 50% 0%, #ffe7a0 0%, transparent 60%);
}
.scn-tamed-blacks-in-towns .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #d6e8ff 0%, #f5d098 100%);
  animation: tb-sky 12s ease-in-out infinite alternate;
}
.scn-tamed-blacks-in-towns .sun {
  position: absolute; top: 15%; left: 70%; width: 40px; height: 40px;
  background: radial-gradient(circle, #fff5cc 0%, #fee090 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #fee090, 0 0 120px 40px rgba(255, 225, 140, 0.3);
  animation: tb-sun 6s ease-in-out infinite alternate;
}
.scn-tamed-blacks-in-towns .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(0deg, #6d5a3a 0%, #8b7a4a 30%, #a0895a 100%);
}
.scn-tamed-blacks-in-towns .building {
  position: absolute; bottom: 42%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #baa588 0%, #8a6e4e 100%);
  border-radius: 2px;
  box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}
.scn-tamed-blacks-in-towns .building-left {
  left: 12%;
  width: 70px; height: 100px;
}
.scn-tamed-blacks-in-towns .building-right {
  right: 10%;
  height: 90px;
}
.scn-tamed-blacks-in-towns .church {
  position: absolute; bottom: 42%; left: 45%; width: 80px; height: 120px;
  background: linear-gradient(180deg, #c7b294 0%, #8e7351 100%);
  border-radius: 4px;
  clip-path: polygon(0% 100%, 0% 40%, 15% 40%, 15% 0%, 85% 0%, 85% 40%, 100% 40%, 100% 100%);
  animation: tb-church 18s ease-in-out infinite alternate;
}
.scn-tamed-blacks-in-towns .figure {
  position: absolute; bottom: 40%; width: 16px; height: 38px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-tamed-blacks-in-towns .figure-a {
  left: 30%;
  animation: tb-walk 4s ease-in-out infinite;
}
.scn-tamed-blacks-in-towns .figure-b {
  left: 55%;
  animation: tb-walk 5s ease-in-out infinite 1s;
}
@keyframes tb-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes tb-sun { 0% { box-shadow:0 0 50px 10px #fee090, 0 0 100px 30px rgba(255,225,140,0.3); transform:scale(1); } 100% { box-shadow:0 0 80px 20px #ffeab0, 0 0 160px 40px rgba(255,234,176,0.5); transform:scale(1.08); } }
@keyframes tb-church { 0% { transform:scaleY(1); } 50% { transform:scaleY(1.01); } 100% { transform:scaleY(1); } }
@keyframes tb-walk { 0%,100% { transform:translateY(0) rotate(0deg); } 25% { transform:translateY(-3px) rotate(2deg); } 50% { transform:translateY(0) rotate(-1deg); } 75% { transform:translateY(-3px) rotate(1deg); } }

/* SCENE 2 – king-williams-town-sunday-dandies */
.scn-king-williams-town-sunday-dandies {
  background: 
    linear-gradient(180deg, #7fb0d8 0%, #f6d8a0 50%, #d4945a 100%),
    radial-gradient(ellipse at 50% 0%, #fff0c0 0%, transparent 70%);
}
.scn-king-williams-town-sunday-dandies .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #d2e4f8 0%, #f5d098 100%);
  animation: kw-sky 10s ease-in-out infinite alternate;
}
.scn-king-williams-town-sunday-dandies .square {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 50%;
  background: linear-gradient(0deg, #c8b488 0%, #dcc8a8 100%);
  border-radius: 10% 10% 0 0;
}
.scn-king-williams-town-sunday-dandies .shop {
  position: absolute; bottom: 48%; width: 70px; height: 80px;
  background: linear-gradient(180deg, #d8c4a0 0%, #a08860 100%);
  border-radius: 3px;
}
.scn-king-williams-town-sunday-dandies .shop-left {
  left: 8%;
  width: 50px;
}
.scn-king-williams-town-sunday-dandies .shop-right {
  right: 8%;
  width: 65px;
}
.scn-king-williams-town-sunday-dandies .figure {
  position: absolute; bottom: 44%; width: 18px; height: 42px;
  background: linear-gradient(180deg, #e09a70 0%, #c07040 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-king-williams-town-sunday-dandies .woman-1 { left: 25%; animation: kw-mince 3s ease-in-out infinite; }
.scn-king-williams-town-sunday-dandies .woman-2 { left: 45%; width: 20px; background: #b0b050; animation: kw-mince 3.4s ease-in-out infinite 0.5s; }
.scn-king-williams-town-sunday-dandies .woman-3 { left: 62%; width: 16px; background: #6090b0; animation: kw-mince 3.2s ease-in-out infinite 1s; }
.scn-king-williams-town-sunday-dandies .parasol {
  position: absolute; bottom: 70%; left: 30%; width: 30px; height: 10px;
  background: radial-gradient(ellipse at 50% 100%, #ffd080 0%, transparent 80%);
  border-radius: 50% 50% 0 0;
  transform: rotate(10deg);
  animation: kw-parasol 4s ease-in-out infinite alternate;
}
@keyframes kw-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.75 } }
@keyframes kw-mince { 0%,100% { transform:translateX(0) translateY(0) rotate(-2deg); } 25% { transform:translateX(5px) translateY(-2px) rotate(0deg); } 50% { transform:translateX(10px) translateY(0) rotate(2deg); } 75% { transform:translateX(15px) translateY(-2px) rotate(0deg); } }
@keyframes kw-parasol { 0% { transform: rotate(8deg) scaleX(1); } 100% { transform: rotate(12deg) scaleX(1.05); } }

/* SCENE 3 – african-women-voices */
.scn-african-women-voices {
  background: 
    linear-gradient(180deg, #9fc0d8 0%, #f0d8a8 40%, #d6945a 100%),
    radial-gradient(ellipse at 60% 80%, #ffd080 0%, transparent 70%);
}
.scn-african-women-voices .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #c0ddf0 0%, #f5d098 100%);
  animation: aw-sky 14s ease-in-out infinite alternate;
}
.scn-african-women-voices .road {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 35%;
  background: linear-gradient(0deg, #a08a6a 0%, #bfa880 100%);
  border-radius: 30% 30% 0 0;
}
.scn-african-women-voices .river {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, #8ab8d0 0%, #6090a8 100%);
  border-radius: 50% 50% 0 0;
  animation: aw-river 6s ease-in-out infinite alternate;
}
.scn-african-women-voices .tree {
  position: absolute; bottom: 50%; left: 12%; width: 100px; height: 140px;
  background: radial-gradient(ellipse at 50% 20%, #6a9a4a 0%, #3a6a2a 70%, transparent 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  filter: blur(8px);
  opacity: 0.5;
  animation: aw-tree 20s ease-in-out infinite;
}
.scn-african-women-voices .figure {
  position: absolute; bottom: 23%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-african-women-voices .woman-back-1 {
  left: 40%;
  animation: aw-walk 5s ease-in-out infinite;
}
.scn-african-women-voices .woman-back-2 {
  left: 52%;
  animation: aw-walk 5.5s ease-in-out infinite 0.8s;
}
.scn-african-women-voices .shadow {
  position: absolute; bottom: 18%; left: 38%; width: 30px; height: 8px;
  background: rgba(0,0,0,0.15);
  border-radius: 50%;
  animation: aw-shadow 5s ease-in-out infinite 0.4s;
}
@keyframes aw-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes aw-river { 0% { transform: scaleY(1); opacity:0.7; } 100% { transform: scaleY(1.05); opacity:0.9; } }
@keyframes aw-tree { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes aw-walk { 0%,100% { transform:translateY(0) rotate(-1deg); } 25% { transform:translateY(-4px) rotate(2deg); } 50% { transform:translateY(0) rotate(-1deg); } 75% { transform:translateY(-4px) rotate(1deg); } }
@keyframes aw-shadow { 0% { transform: translateX(0) scaleX(1); } 25% { transform: translateX(4px) scaleX(1.1); } 50% { transform: translateX(8px) scaleX(1); } 75% { transform: translateX(12px) scaleX(1.1); } }

/* SCENE 4 – boer-clothes-ugly */
.scn-boer-clothes-ugly {
  background: 
    linear-gradient(180deg, #9ad0e8 0%, #f0e080 40%, #d0905a 100%),
    radial-gradient(ellipse at 30% 50%, #ffe870 0%, transparent 60%);
}
.scn-boer-clothes-ugly .stage-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0ddf0 0%, #ffe870 100%);
  animation: bc-sky 8s ease-in-out infinite alternate;
}
.scn-boer-clothes-ugly .stage-floor {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 40%;
  background: linear-gradient(0deg, #b8a070 0%, #d8c090 100%);
  border-radius: 40% 40% 0 0;
}
.scn-boer-clothes-ugly .figure {
  position: absolute; bottom: 38%; width: 28px; height: 60px;
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
}
.scn-boer-clothes-ugly .figure-ugly-1 {
  left: 20%; 
  background: linear-gradient(180deg, #b0c040 0%, #6a8020 100%);
  clip-path: polygon(0% 0%, 100% 0%, 90% 30%, 100% 60%, 70% 80%, 80% 100%, 20% 100%, 30% 80%, 0% 60%, 10% 30%);
  animation: bc-jerk 2s ease-in-out infinite;
}
.scn-boer-clothes-ugly .figure-ugly-2 {
  left: 45%; 
  background: linear-gradient(180deg, #c06090 0%, #803060 100%);
  clip-path: polygon(10% 0%, 90% 0%, 100% 25%, 80% 55%, 100% 75%, 70% 100%, 30% 100%, 0% 75%, 20% 55%, 0% 25%);
  animation: bc-jerk 2.5s ease-in-out infinite 0.3s;
}
.scn-boer-clothes-ugly .figure-ugly-3 {
  left: 68%; 
  background: linear-gradient(180deg, #4090b0 0%, #206070 100%);
  clip-path: polygon(5% 0%, 95% 0%, 100% 20%, 60% 40%, 85% 65%, 50% 100%, 15% 65%, 40% 40%, 0% 20%);
  animation: bc-jerk 1.8s ease-in-out infinite 0.7s;
}
.scn-boer-clothes-ugly .hat {
  position: absolute; bottom: 76%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #e8c050 0%, #b08020 100%);
  border-radius: 40% 40% 10% 10%;
}
.scn-boer-clothes-ugly .hat-1 {
  left: 18%; 
  transform: rotate(-15deg);
  animation: bc-hat-wobble 3s ease-in-out infinite;
}
.scn-boer-clothes-ugly .hat-2 {
  left: 55%; 
  width: 50px; height: 15px;
  transform: rotate(20deg);
  animation: bc-hat-wobble 3.5s ease-in-out infinite 0.5s;
}
.scn-boer-clothes-ugly .accessory {
  position: absolute; bottom: 40%; left: 30%; width: 10px; height: 10px;
  background: radial-gradient(circle, #f08040 0%, #c04020 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px 6px rgba(240,128,64,0.4);
  animation: bc-accent 2s ease-in-out infinite alternate;
}
@keyframes bc-sky { 0% { opacity:0.8; } 100% { opacity:1; } }
@keyframes bc-jerk { 0%,100% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-5px) rotate(8deg); } 60% { transform: translateY(3px) rotate(-6deg); } }
@keyframes bc-hat-wobble { 0% { transform: rotate(-15deg); } 50% { transform: rotate(25deg); } 100% { transform: rotate(-15deg); } }
@keyframes bc-accent { 0% { opacity:0.6; transform: scale(1); } 100% { opacity:1; transform: scale(1.3); } }

.scn-arrival-during-political-boil { 
  background: linear-gradient(180deg, #ffe0a0 0%, #ffcc6e 30%, #6fc3e0 70%), 
              radial-gradient(ellipse at 50% 10%, #fff4d6 0%, transparent 60%);
}
.scn-arrival-during-political-boil .sky     { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, rgba(255,224,160,0.6) 0%, rgba(111,195,224,0.2) 100%); animation: ab-sky 4s ease-in-out infinite alternate; }
.scn-arrival-during-political-boil .sun     { position:absolute; top:5%; left:55%; width:60px; height:60px; background: radial-gradient(circle, #fff4d6 0%, #ffdd88 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 80px 30px #ffdd88; animation: ab-sun 6s ease-in-out infinite; }
.scn-arrival-during-political-boil .hills   { position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(180deg, #8b6f47 0%, #5c4a2a 100%); border-radius: 30% 70% 0 0 / 60% 40% 0 0; box-shadow: inset 0 -4px 8px rgba(0,0,0,0.5); animation: ab-hills 10s ease-in-out infinite alternate; }
.scn-arrival-during-political-boil .dust    { position:absolute; bottom:38%; left:20%; width:120px; height:40px; background: radial-gradient(ellipse, rgba(200,160,100,0.5) 0%, transparent 100%); filter: blur(8px); animation: ab-dust 15s ease-in-out infinite; }
.scn-arrival-during-political-boil .horseman{ position:absolute; bottom:33%; left:35%; width:30px; height:45px; background: linear-gradient(180deg, #3a2a1a 0%, #1a100a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: ab-horse 2s ease-in-out infinite; box-shadow: 0 4px 6px rgba(0,0,0,0.6); }
.scn-arrival-during-political-boil .ground  { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #7a5c3a 0%, #4d3018 100%); box-shadow: inset 0 6px 12px rgba(0,0,0,0.6); }
.scn-arrival-during-political-boil .shadow  { position:absolute; bottom:0; left:30%; width:80px; height:8px; background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 100%); animation: ab-shadow 2s ease-in-out infinite alternate; }
@keyframes ab-sky   { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ab-sun   { 0% { transform: scale(1); box-shadow: 0 0 80px 30px #ffdd88; } 50% { transform: scale(1.1); box-shadow: 0 0 100px 40px #ffea99; } 100% { transform: scale(0.95); box-shadow: 0 0 70px 25px #ffdd88; } }
@keyframes ab-hills { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes ab-dust  { 0% { transform: translateX(0) rotate(-2deg); opacity:0.4; } 25% { transform: translateX(15px) rotate(1deg); opacity:0.6; } 50% { transform: translateX(30px) rotate(-1deg); opacity:0.5; } 75% { transform: translateX(45px) rotate(2deg); opacity:0.7; } 100% { transform: translateX(60px) rotate(0deg); opacity:0.3; } }
@keyframes ab-horse { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(-2deg) scaleY(0.98); } 50% { transform: translateX(10px) rotate(0deg) scaleY(1); } 75% { transform: translateX(15px) rotate(2deg) scaleY(0.98); } 100% { transform: translateX(20px) rotate(0deg) scaleY(1); } }
@keyframes ab-shadow{ 0% { width:80px; opacity:0.6; } 50% { width:90px; opacity:0.8; } 100% { width:75px; opacity:0.5; } }

.scn-exciting-days-for-stranger { 
  background: linear-gradient(180deg, #4a2e1a 0%, #2c1a0e 40%, #1a0e05 100%),
              radial-gradient(ellipse at 50% 60%, #664428 0%, transparent 70%);
}
.scn-exciting-days-for-stranger .wall     { position:absolute; inset:0; background: linear-gradient(135deg, #3a2212 0%, #1f1005 100%); }
.scn-exciting-days-for-stranger .window   { position:absolute; top:10%; left:20%; width:100px; height:130px; background: radial-gradient(ellipse at center, #6a5a4a 0%, #3a2a1a 100%); border-radius: 8px; box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 4px 8px rgba(0,0,0,0.6); animation: es-win 8s ease-in-out infinite; }
.scn-exciting-days-for-stranger .table    { position:absolute; bottom:20%; left:30%; width:120px; height:30px; background: linear-gradient(180deg, #5a3a22 0%, #3a2210 100%); border-radius: 4px; transform: perspective(200px) rotateX(20deg); box-shadow: 0 8px 12px rgba(0,0,0,0.7); }
.scn-exciting-days-for-stranger .lantern  { position:absolute; bottom:45%; left:45%; width:20px; height:30px; background: radial-gradient(circle, #ffcc66 0%, #b08030 70%); border-radius: 10% 10% 30% 30%; box-shadow: 0 0 30px 10px #ffaa44; animation: es-lantern 3s ease-in-out infinite; }
.scn-exciting-days-for-stranger .figure-a { position:absolute; bottom:18%; left:15%; width:25px; height:50px; background: linear-gradient(180deg, #2a1a0e 0%, #0f0803 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom; animation: es-fig 5s ease-in-out infinite; }
.scn-exciting-days-for-stranger .figure-b { position:absolute; bottom:18%; left:55%; width:22px; height:45px; background: linear-gradient(180deg, #3a2212 0%, #1a0e05 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom; animation: es-fig 6s ease-in-out infinite 0.5s; }
.scn-exciting-days-for-stranger .figure-c { position:absolute; bottom:18%; left:75%; width:28px; height:48px; background: linear-gradient(180deg, #1f1008 0%, #0a0502 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom; animation: es-fig 4.5s ease-in-out infinite 1s; }
@keyframes es-win   { 0% { transform: scaleY(1); opacity:0.9; } 50% { transform: scaleY(1.02); opacity:1; } 100% { transform: scaleY(1); opacity:0.95; } }
@keyframes es-lantern{ 0% { box-shadow: 0 0 20px 5px #ffaa44; opacity:0.7; } 50% { box-shadow: 0 0 40px 15px #ffcc66; opacity:1; } 100% { box-shadow: 0 0 25px 8px #ffaa44; opacity:0.8; } }
@keyframes es-fig   { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }

.scn-disappointment-confusion { 
  background: linear-gradient(180deg, #1f1410 0%, #0d0805 40%, #1a0f0a 100%),
              radial-gradient(ellipse at 40% 50%, #3a251a 0%, transparent 60%);
}
.scn-disappointment-confusion .lamp    { position:absolute; top:20%; left:30%; width:30px; height:40px; background: radial-gradient(circle, #ffcc66 0%, #b08030 70%); border-radius: 20% 20% 40% 40%; box-shadow: 0 0 40px 15px #b08030; animation: dc-lamp 2.5s ease-in-out infinite; }
.scn-disappointment-confusion .shadow  { position:absolute; bottom:0; left:20%; width:150px; height:80px; background: radial-gradient(ellipse, rgba(0,0,0,0.8) 0%, transparent 100%); animation: dc-shad 4s ease-in-out infinite alternate; }
.scn-disappointment-confusion .papers  { position:absolute; bottom:30%; left:35%; width:100px; height:4px; background: #d4c8b0; border-radius: 2px; box-shadow: 0 4px 6px rgba(0,0,0,0.5); animation: dc-papers 6s ease-in-out infinite; }
.scn-disappointment-confusion .figure  { position:absolute; bottom:20%; left:50%; width:35px; height:60px; background: linear-gradient(180deg, #1a0e08 0%, #0a0502 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom; animation: dc-figure 3s ease-in-out infinite; box-shadow: 0 6px 10px rgba(0,0,0,0.7); }
.scn-disappointment-confusion .wall    { position:absolute; inset:0; background: repeating-linear-gradient(0deg, #1a0f0a 0px, #1a0f0a 2px, #2a1a12 2px, #2a1a12 4px); }
.scn-disappointment-confusion .clock   { position:absolute; top:15%; left:70%; width:40px; height:40px; background: radial-gradient(circle, #8a7a6a 0%, #4a3a2a 100%); border-radius: 50%; border: 2px solid #4a3a2a; box-shadow: 0 0 10px rgba(0,0,0,0.6); animation: dc-clock 12s linear infinite; }
@keyframes dc-lamp  { 0% { transform: translateY(0) rotate(-2deg); box-shadow: 0 0 35px 10px #b08030; } 50% { transform: translateY(-3px) rotate(2deg); box-shadow: 0 0 50px 20px #cc9944; } 100% { transform: translateY(0) rotate(-1deg); box-shadow: 0 0 40px 12px #b08030; } }
@keyframes dc-shad  { 0% { transform: scaleX(1); opacity:0.7; } 50% { transform: scaleX(1.1); opacity:0.5; } 100% { transform: scaleX(0.95); opacity:0.8; } }
@keyframes dc-papers{ 0% { transform: translateX(0) rotate(0deg) scaleY(1); } 25% { transform: translateX(10px) rotate(3deg) scaleY(0.9); } 50% { transform: translateX(20px) rotate(-2deg) scaleY(1.1); } 75% { transform: translateX(10px) rotate(1deg) scaleY(0.95); } 100% { transform: translateX(0) rotate(0deg) scaleY(1); } }
@keyframes dc-figure{ 0% { transform: translateY(0) rotate(-1deg) scaleY(1); } 30% { transform: translateY(-2px) rotate(0deg) scaleY(0.98); } 60% { transform: translateY(0) rotate(1deg) scaleY(1); } 100% { transform: translateY(-1px) rotate(-1deg) scaleY(0.98); } }
@keyframes dc-clock { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.scn-reformer-grievances-listed { 
  background: linear-gradient(180deg, #0b0b14 0%, #14101e 50%, #1a1528 100%),
              radial-gradient(ellipse at 30% 50%, #2a2040 0%, transparent 70%);
}
.scn-reformer-grievances-listed .podium    { position:absolute; bottom:30%; left:50%; width:80px; height:40px; transform: translateX(-50%); background: linear-gradient(180deg, #3a2e2e 0%, #1a1212 100%); border-radius: 0 0 8px 8px; box-shadow: 0 8px 16px rgba(0,0,0,0.8); }
.scn-reformer-grievances-listed .banner    { position:absolute; bottom:45%; left:50%; width:60px; height:80px; transform: translateX(-50%); background: linear-gradient(180deg, #5e1a1d 0%, #3a0e10 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.6); animation: rg-banner 7s ease-in-out infinite; transform-origin: top; }
.scn-reformer-grievances-listed .figures   { position:absolute; bottom:15%; left:10%; right:10%; height:50%; background: repeating-linear-gradient(0deg, rgba(10,8,16,0.8) 0px, rgba(10,8,16,0.8) 6px, transparent 6px, transparent 8px); mask-image: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.9) 100%); animation: rg-figs 12s ease-in-out infinite; }
.scn-reformer-grievances-listed .light-beam{ position:absolute; top:0; left:20%; width:60%; height:100%; background: linear-gradient(180deg, rgba(200,180,120,0.15) 0%, transparent 80%); clip-path: polygon(30% 0, 70% 0, 60% 100%, 40% 100%); animation: rg-beam 8s ease-in-out infinite alternate; }
.scn-reformer-grievances-listed .shadow    { position:absolute; bottom:0; left:30%; width:40%; height:20px; background: radial-gradient(ellipse, rgba(0,0,0,0.7) 0%, transparent 100%); animation: rg-shad 6s ease-in-out infinite alternate; }
.scn-reformer-grievances-listed .floor     { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #1a121a 0%, #0a060a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.9); }
@keyframes rg-banner{ 0% { transform: translateX(-50%) rotate(-2deg); } 25% { transform: translateX(-50%) rotate(2deg); } 50% { transform: translateX(-50%) rotate(-1deg); } 75% { transform: translateX(-50%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes rg-figs  { 0% { opacity:0.7; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.02); } 100% { opacity:0.8; transform: scaleY(0.98); } }
@keyframes rg-beam  { 0% { opacity:0.6; transform: translateY(0) skewX(0deg); } 50% { opacity:1; transform: translateY(-5px) skewX(2deg); } 100% { opacity:0.7; transform: translateY(0) skewX(-1deg); } }
@keyframes rg-shad  { 0% { transform: scaleX(1); opacity:0.8; } 50% { transform: scaleX(1.2); opacity:0.5; } 100% { transform: scaleX(0.9); opacity:0.9; } }

/* Scene: logical-progression – warm dim interior, figure at well */
.scn-logical-progression {
  background:
    linear-gradient(180deg, #2b1d0f 0%, #1c120a 30%, #0f0a05 70%, #050302 100%),
    radial-gradient(ellipse at 50% 20%, #4a3520 0%, transparent 60%);
}
.scn-logical-progression .temple-wall {
  position: absolute; inset: 0 0 0 0;
  background: linear-gradient(90deg, transparent 20%, rgba(60, 40, 20, 0.4) 40%, rgba(40, 25, 10, 0.6) 60%, transparent 80%);
  animation: lp-wall 20s ease-in-out infinite;
}
.scn-logical-progression .arch {
  position: absolute; top: 5%; left: 25%; right: 25%; height: 40%;
  background: radial-gradient(ellipse at 50% 100%, #1a0f06 0%, transparent 60%);
  border-radius: 50% / 60% 60% 20% 20%;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.8);
}
.scn-logical-progression .pillar-left {
  position: absolute; top: 0; left: 20%; width: 6%; height: 70%;
  background: linear-gradient(180deg, #3a2a18 0%, #1f140a 100%);
  border-radius: 10%;
  box-shadow: 2px 0 10px rgba(0,0,0,0.6);
}
.scn-logical-progression .pillar-right {
  position: absolute; top: 0; right: 20%; width: 6%; height: 70%;
  background: linear-gradient(180deg, #3a2a18 0%, #1f140a 100%);
  border-radius: 10%;
  box-shadow: -2px 0 10px rgba(0,0,0,0.6);
}
.scn-logical-progression .well-rim {
  position: absolute; bottom: 25%; left: 40%; right: 40%; height: 8%;
  background: linear-gradient(180deg, #5a4020 0%, #3d2a12 100%);
  border-radius: 30%;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.7);
  animation: lp-well-rim 8s ease-in-out infinite;
}
.scn-logical-progression .well-depths {
  position: absolute; bottom: 20%; left: 43%; right: 43%; height: 15%;
  background: radial-gradient(ellipse at 50% 0%, #000000 0%, #0a0502 70%);
  border-radius: 50%;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.9);
}
.scn-logical-progression .figure-silhouette {
  position: absolute; bottom: 22%; left: 48%; width: 10%; height: 25%;
  background: linear-gradient(180deg, #050302 0%, #0a0704 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: lp-figure 6s ease-in-out infinite;
}
.scn-logical-progression .overhead-light {
  position: absolute; top: 2%; left: 45%; width: 10%; height: 10%;
  background: radial-gradient(circle, #f4c070 0%, rgba(200,140,60,0.3) 40%, transparent 70%);
  box-shadow: 0 0 40px 20px rgba(200,140,60,0.4);
  animation: lp-light 12s ease-in-out infinite alternate;
}
.scn-logical-progression .dust-motes {
  position: absolute; top: 10%; left: 0; width: 100%; height: 90%;
  background: radial-gradient(circle at 30% 40%, rgba(200,160,100,0.15) 1px, transparent 2px);
  background-size: 60px 60px;
  animation: lp-dust 25s linear infinite;
}
@keyframes lp-wall {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes lp-well-rim {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.95) translateY(2px); }
  100% { transform: scaleY(1); }
}
@keyframes lp-figure {
  0% { transform: rotate(2deg) translateX(0); }
  25% { transform: rotate(-1deg) translateX(3px); }
  50% { transform: rotate(0deg) translateX(-2px); }
  75% { transform: rotate(1deg) translateX(1px); }
  100% { transform: rotate(2deg) translateX(0); }
}
@keyframes lp-light {
  0% { opacity: 0.6; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.2); }
  100% { opacity: 0.7; transform: scale(0.9); }
}
@keyframes lp-dust {
  0% { background-position: 0 0; }
  100% { background-position: 60px 60px; }
}

/* Scene: logical-continued – calm dim interior, shrine with well */
.scn-logical-continued {
  background:
    linear-gradient(180deg, #1e1610 0%, #140f0a 40%, #0a0705 100%),
    radial-gradient(ellipse at 50% 80%, #2a1e15 0%, transparent 70%);
}
.scn-logical-continued .shrine-base {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 30%;
  background: linear-gradient(180deg, #3a2a1c 0%, #1d130d 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -6px 20px rgba(0,0,0,0.6);
}
.scn-logical-continued .shrine-niche {
  position: absolute; bottom: 35%; left: 35%; right: 35%; height: 20%;
  background: radial-gradient(ellipse at 50% 40%, #2a1c14 0%, #14100a 100%);
  border-radius: 30%;
}
.scn-logical-continued .well-earring {
  position: absolute; bottom: 30%; left: 42%; right: 42%; height: 12%;
  background: radial-gradient(ellipse at 50% 0%, #1a1008 0%, #0a0502 80%);
  border-radius: 50%;
  box-shadow: inset 0 8px 16px #000;
  animation: lc-well 10s ease-in-out infinite;
}
.scn-logical-continued .figure-kneeling {
  position: absolute; bottom: 22%; left: 35%; width: 12%; height: 20%;
  background: linear-gradient(180deg, #0f0b07 0%, #060403 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: lc-kneel 7s ease-in-out infinite;
}
.scn-logical-continued .oil-lamp {
  position: absolute; bottom: 52%; left: 38%; width: 6%; height: 8%;
  background: radial-gradient(circle, #b88850 0%, #8a5c2a 60%);
  border-radius: 30%;
  box-shadow: 0 0 16px 4px rgba(200,150,70,0.5);
  animation: lc-lamp 4s ease-in-out infinite;
}
.scn-logical-continued .lamp-glow {
  position: absolute; bottom: 48%; left: 35%; width: 12%; height: 18%;
  background: radial-gradient(circle, rgba(200,150,70,0.25) 0%, transparent 70%);
  filter: blur(6px);
  animation: lc-glow 5s ease-in-out infinite alternate;
}
.scn-logical-continued .shadow-crawl {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.5) 100%);
  animation: lc-shadow 18s linear infinite;
}
@keyframes lc-well {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(0.98) translateY(1px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes lc-kneel {
  0% { transform: rotate(0deg) translateX(0); }
  30% { transform: rotate(-2deg) translateX(4px); }
  60% { transform: rotate(1deg) translateX(-2px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes lc-lamp {
  0% { opacity: 0.8; transform: scale(1) rotate(-3deg); }
  50% { opacity: 1; transform: scale(1.1) rotate(3deg); }
  100% { opacity: 0.8; transform: scale(1) rotate(-3deg); }
}
@keyframes lc-glow {
  0% { opacity: 0.5; }
  50% { opacity: 0.9; }
  100% { opacity: 0.6; }
}
@keyframes lc-shadow {
  0% { opacity: 0.3; }
  50% { opacity: 0.6; }
  100% { opacity: 0.3; }
}

/* Scene: final-knowledge – calm interior, well of knowledge */
.scn-final-knowledge {
  background:
    linear-gradient(180deg, #161210 0%, #0f0c09 40%, #070504 100%),
    radial-gradient(ellipse at 50% 30%, #1a1410 0%, transparent 70%);
}
.scn-final-knowledge .floor-stones {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(90deg, #1c1612 0%, #36281c 20%, #1c1612 40%, #36281c 60%, #1c1612 80%);
  background-size: 10% 100%;
}
.scn-final-knowledge .knowledge-well {
  position: absolute; bottom: 25%; left: 40%; right: 40%; height: 20%;
  background: linear-gradient(180deg, #1a100a 0%, #0f0804 60%, #000 100%);
  border-radius: 40% 40% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.8);
  animation: fk-well 12s ease-in-out infinite;
}
.scn-final-knowledge .well-glow {
  position: absolute; bottom: 30%; left: 44%; width: 12%; height: 10%;
  background: radial-gradient(circle, rgba(180,150,200,0.3) 0%, transparent 70%);
  filter: blur(10px);
  animation: fk-glow 8s ease-in-out infinite alternate;
}
.scn-final-knowledge .figure-standing {
  position: absolute; bottom: 22%; left: 35%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #0c0906 0%, #050302 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fk-figure 9s ease-in-out infinite;
}
.scn-final-knowledge .steps {
  position: absolute; bottom: 28%; left: 46%; width: 20%; height: 5%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a100a 100%);
  border-radius: 20%;
  transform: scaleX(1.5);
  animation: fk-steps 15s ease-in-out infinite;
}
.scn-final-knowledge .light-beam {
  position: absolute; top: 0; left: 48%; width: 4%; height: 40%;
  background: linear-gradient(180deg, rgba(200,180,230,0.2) 0%, transparent 100%);
  box-shadow: 0 0 30px 10px rgba(200,180,230,0.1);
  animation: fk-beam 6s ease-in-out infinite alternate;
}
.scn-final-knowledge .floating-particles {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(circle at 60% 30%, rgba(220,210,240,0.06) 2px, transparent 3px);
  background-size: 80px 80px;
  animation: fk-particles 30s linear infinite;
}
@keyframes fk-well {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.97); }
  100% { transform: scaleY(1); }
}
@keyframes fk-glow {
  0% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 0.7; transform: scale(1.3); }
  100% { opacity: 0.4; transform: scale(0.9); }
}
@keyframes fk-figure {
  0% { transform: translateX(0) rotate(1deg); }
  25% { transform: translateX(-4px) rotate(-0.5deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(3px) rotate(0.5deg); }
  100% { transform: translateX(0) rotate(1deg); }
}
@keyframes fk-steps {
  0% { opacity: 0.8; transform: scaleX(1.5) translateY(0); }
  50% { opacity: 1; transform: scaleX(1.4) translateY(1px); }
  100% { opacity: 0.8; transform: scaleX(1.5) translateY(0); }
}
@keyframes fk-beam {
  0% { opacity: 0.2; transform: scaleX(1); }
  50% { opacity: 0.6; transform: scaleX(1.5); }
  100% { opacity: 0.3; transform: scaleX(0.8); }
}
@keyframes fk-particles {
  0% { background-position: 0 0; }
  100% { background-position: 80px 80px; }
}

/* Scene: itinerary-lack – calm interior, scribe at desk */
.scn-itinerary-lack {
  background:
    linear-gradient(180deg, #1e1a16 0%, #14110e 40%, #0a0806 100%),
    radial-gradient(ellipse at 50% 60%, #1e1612 0%, transparent 70%);
}
.scn-itinerary-lack .desk {
  position: absolute; bottom: 20%; left: 25%; right: 25%; height: 20%;
  background: linear-gradient(180deg, #2a1e14 0%, #1c120c 100%);
  border-radius: 5%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.7);
}
.scn-itinerary-lack .scroll {
  position: absolute; bottom: 28%; left: 35%; right: 35%; height: 8%;
  background: linear-gradient(90deg, #d4b888 0%, #f0dbb0 30%, #d4b888 70%);
  border-radius: 10%;
  animation: il-scroll 10s ease-in-out infinite;
}
.scn-itinerary-lack .figure-scribe {
  position: absolute; bottom: 20%; left: 38%; width: 12%; height: 25%;
  background: linear-gradient(180deg, #0d0a07 0%, #060403 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: il-scribe 8s ease-in-out infinite;
}
.scn-itinerary-lack .lamp-base {
  position: absolute; bottom: 40%; left: 48%; width: 6%; height: 12%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%);
  border-radius: 20%;
}
.scn-itinerary-lack .lamp-flame {
  position: absolute; bottom: 50%; left: 49%; width: 2%; height: 6%;
  background: radial-gradient(circle, #f0c070 0%, #d09040 50%, transparent 100%);
  box-shadow: 0 0 20px 6px rgba(200,130,50,0.6);
  animation: il-flame 3s ease-in-out infinite alternate;
}
.scn-itinerary-lack .inkwell {
  position: absolute; bottom: 26%; left: 52%; width: 5%; height: 6%;
  background: radial-gradient(circle, #1a1008 0%, #0a0502 100%);
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,0.8);
}
.scn-itinerary-lack .wall-shadow {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, transparent 40%, rgba(0,0,0,0.3) 60%, transparent 70%);
  animation: il-shadow 14s ease-in-out infinite;
}
@keyframes il-scroll {
  0% { transform: translateX(0) scaleX(1); }
  50% { transform: translateX(2px) scaleX(0.95); }
  100% { transform: translateX(0) scaleX(1); }
}
@keyframes il-scribe {
  0% { transform: rotate(1deg) translateY(0); }
  30% { transform: rotate(-1deg) translateY(-2px); }
  60% { transform: rotate(0deg) translateY(1px); }
  100% { transform: rotate(1deg) translateY(0); }
}
@keyframes il-flame {
  0% { opacity: 0.7; transform: scale(0.9) rotate(-2deg); }
  50% { opacity: 1; transform: scale(1.1) rotate(2deg); }
  100% { opacity: 0.8; transform: scale(0.95) rotate(-1deg); }
}
@keyframes il-shadow {
  0% { opacity: 0.3; }
  50% { opacity: 0.6; }
  100% { opacity: 0.3; }
}

.scn-cold-weather-misnomer {
  background: linear-gradient(180deg, #87CEEB 0%, #B0D4E8 30%, #D4E8F0 60%, #E8F4F8 100%),
              radial-gradient(ellipse at 50% 0%, #FFE4B5 0%, transparent 60%);
}
.scn-cold-weather-misnomer .frost-sky {
  position:absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #B0D4E8 0%, #D4E8F0 40%, transparent 100%);
  animation: cwm-sky 15s ease-in-out infinite alternate;
}
.scn-cold-weather-misnomer .sun {
  position:absolute; top:8%; left:70%; width:50px; height:50px;
  background: radial-gradient(circle, #FFFACD 0%, #FFD700 60%, transparent 100%);
  border-radius:50%;
  box-shadow: 0 0 80px 40px rgba(255,215,0,0.4), 0 0 120px 60px rgba(255,215,0,0.2);
  animation: cwm-sun 6s ease-in-out infinite alternate;
}
.scn-cold-weather-misnomer .hills-winter {
  position:absolute; bottom:35%; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #B0C4DE 0%, #87A1C0 50%, #6B84A0 100%);
  border-radius: 60% 40% 0 0 / 100% 80% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.15);
  animation: cwm-hills 20s ease-in-out infinite;
}
.scn-cold-weather-misnomer .ground-frost {
  position:absolute; bottom:0; left:0; right:0; height:35%;
  background: linear-gradient(180deg, #D4E8F0 0%, #E0ECF4 30%, #F0F8FF 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.1);
  animation: cwm-ground 12s ease-in-out infinite alternate;
}
.scn-cold-weather-misnomer .tourist {
  position:absolute; bottom:20%; left:30%; width:22px; height:45px;
  background: linear-gradient(180deg, #5B4A3F 0%, #3A2E26 70%, #2A1F18 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cwm-walk 4s ease-in-out infinite;
}
.scn-cold-weather-misnomer .tree-winter {
  position:absolute; bottom:15%; width:12px; height:60px;
  background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%);
  border-radius: 6px 6px 2px 2px;
}
.scn-cold-weather-misnomer .tree-winter-a {
  left:15%; height:55px;
  animation: cwm-sway-a 5s ease-in-out infinite alternate;
}
.scn-cold-weather-misnomer .tree-winter-b {
  right:20%; height:65px;
  animation: cwm-sway-b 7s ease-in-out infinite alternate;
}
.scn-cold-weather-misnomer .mist {
  position:absolute; bottom:15%; left:0; right:0; height:20%;
  background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
  filter: blur(10px);
  animation: cwm-mist 25s ease-in-out infinite;
}
@keyframes cwm-sky { 0% { opacity:0.7; background-position:0% 0%; } 50% { opacity:0.9; background-position:0% 5%; } 100% { opacity:0.8; background-position:0% 0%; } }
@keyframes cwm-sun { 0% { transform: scale(0.95) translateY(0); } 50% { transform: scale(1.05) translateY(-5px); } 100% { transform: scale(0.95) translateY(2px); } }
@keyframes cwm-hills { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(2px); } }
@keyframes cwm-ground { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes cwm-walk { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(8px) translateY(-1px) rotate(2deg); } 50% { transform: translateX(16px) translateY(0) rotate(-2deg); } 75% { transform: translateX(24px) translateY(-1px) rotate(2deg); } 100% { transform: translateX(32px) translateY(0) rotate(0); } }
@keyframes cwm-sway-a { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }
@keyframes cwm-sway-b { 0% { transform: rotate(2deg); } 50% { transform: rotate(-2deg); } 100% { transform: rotate(1deg); } }
@keyframes cwm-mist { 0% { opacity:0.2; transform: translateX(-30px); } 50% { opacity:0.5; transform: translateX(10px); } 100% { opacity:0.3; transform: translateX(40px); } }

.scn-lying-quote {
  background: linear-gradient(180deg, #2B2028 0%, #1F151E 40%, #120C12 100%),
              radial-gradient(ellipse at 50% 100%, #3D2A30 0%, transparent 70%);
}
.scn-lying-quote .wall-dim {
  position:absolute; inset:0 0 35% 0;
  background: linear-gradient(180deg, #3D2A30 0%, #1F151E 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.6);
  animation: lq-wall 12s ease-in-out infinite alternate;
}
.scn-lying-quote .floor-dark {
  position:absolute; bottom:0; left:0; right:0; height:35%;
  background: linear-gradient(180deg, #1A1218 0%, #0D0810 100%);
  box-shadow: inset 0 15px 30px rgba(0,0,0,0.8);
  animation: lq-floor 15s ease-in-out infinite;
}
.scn-lying-quote .table-wood {
  position:absolute; bottom:22%; left:50%; width:120px; height:10px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #4A3520 0%, #6B4C35 50%, #4A3520 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.7);
  animation: lq-table 8s ease-in-out infinite alternate;
}
.scn-lying-quote .book-open {
  position:absolute; bottom:28%; left:43%; width:40px; height:30px;
  background: linear-gradient(135deg, #8B7355 0%, #C4A882 40%, #8B7355 100%);
  border-radius: 2px 2px 10% 10%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  transform: rotate(5deg);
  animation: lq-book 10s ease-in-out infinite;
}
.scn-lying-quote .candle-wax {
  position:absolute; bottom:26%; left:55%; width:10px; height:25px;
  background: linear-gradient(180deg, #F5E6D3 0%, #E0C8A8 100%);
  border-radius: 2px 2px 1px 1px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: lq-candle 6s ease-in-out infinite alternate;
}
.scn-lying-quote .candle-flame {
  position:absolute; bottom:45%; left:55%; width:12px; height:18px;
  margin-left: -1px;
  background: radial-gradient(ellipse at 50% 100%, #FFD700 0%, #FF8C00 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px rgba(255,140,0,0.6), 0 0 60px 30px rgba(255,140,0,0.3);
  animation: lq-flame 2s ease-in-out infinite alternate;
}
.scn-lying-quote .shadow-figure {
  position:absolute; bottom:10%; right:15%; width:30px; height:55px;
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.9) 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: lq-shadow 7s ease-in-out infinite;
}
.scn-lying-quote .smoke {
  position:absolute; bottom:42%; left:55%; width:20px; height:30px;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 100%);
  filter: blur(4px);
  animation: lq-smoke 5s ease-out infinite;
}
@keyframes lq-wall { 0% { opacity:0.8; } 50% { opacity:0.95; } 100% { opacity:0.85; } }
@keyframes lq-floor { 0% { opacity:0.7; } 50% { opacity:0.9; } 100% { opacity:0.75; } }
@keyframes lq-table { 0% { transform: translateX(-50%) rotate(-1deg); } 50% { transform: translateX(-50%) rotate(0.5deg); } 100% { transform: translateX(-50%) rotate(1deg); } }
@keyframes lq-book { 0% { transform: rotate(5deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-2px); } 100% { transform: rotate(5deg) translateY(0); } }
@keyframes lq-candle { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(0.95); } }
@keyframes lq-flame { 0% { transform: scale(1) rotate(-5deg); } 50% { transform: scale(1.15) rotate(5deg); } 100% { transform: scale(0.95) rotate(-5deg); opacity:0.8; } }
@keyframes lq-shadow { 0% { transform: translateX(0) scaleX(1); } 50% { transform: translateX(5px) scaleX(1.05); } 100% { transform: translateX(-5px) scaleX(0.95); opacity:0.9; } }
@keyframes lq-smoke { 0% { opacity:0.4; transform: translateY(0) scale(1); } 100% { opacity:0; transform: translateY(-40px) scale(2); } }

.scn-darjeeling-departure {
  background: linear-gradient(180deg, #FF7F50 0%, #FF6347 20%, #8B0000 50%, #2E0A0A 80%, #000 100%),
              radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 50%);
}
.scn-darjeeling-departure .sky-sunset {
  position:absolute; inset:0 0 55% 0;
  background: linear-gradient(180deg, #FF7F50 0%, #FF4500 30%, #8B0000 60%, #2E0A0A 100%);
  animation: dd-sky 20s ease-in-out infinite alternate;
}
.scn-darjeeling-departure .sun-setting {
  position:absolute; top:15%; left:50%; width:60px; height:60px;
  margin-left: -30px;
  background: radial-gradient(circle, #FFD700 0%, #FF8C00 50%, transparent 100%);
  border-radius:50%;
  box-shadow: 0 0 100px 50px rgba(255,140,0,0.6), 0 0 150px 80px rgba(255,140,0,0.3);
  animation: dd-sun 15s ease-in-out infinite alternate;
}
.scn-darjeeling-departure .hills-evening {
  position:absolute; bottom:30%; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #2E0A0A 0%, #1F0505 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.8);
  animation: dd-hills 18s ease-in-out infinite;
}
.scn-darjeeling-departure .river-water {
  position:absolute; bottom:0; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #000 0%, #1A0505 30%, #2E0A0A 100%);
  border-radius: 10% 10% 0 0 / 5% 5% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.9);
  animation: dd-river 25s ease-in-out infinite alternate;
}
.scn-darjeeling-departure .boat-wood {
  position:absolute; bottom:18%; left:50%; width:80px; height:25px;
  margin-left: -40px;
  background: linear-gradient(180deg, #4A3520 0%, #2E1F12 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.7);
  animation: dd-boat 7s ease-in-out infinite;
}
.scn-darjeeling-departure .palm-silhouette {
  position:absolute; bottom:18%; width:10px; height:70px;
}
.scn-darjeeling-departure .palm-a {
  left:10%;
  background: linear-gradient(180deg, #1A0F0A 0%, #0A0505 100%);
  border-radius: 5px 5px 2px 2px;
  animation: dd-palm-a 6s ease-in-out infinite alternate;
}
.scn-darjeeling-departure .palm-b {
  right:15%;
  background: linear-gradient(180deg, #1A0F0A 0%, #0A0505 100%);
  border-radius: 5px 5px 2px 2px;
  animation: dd-palm-b 8s ease-in-out infinite alternate;
}
.scn-darjeeling-departure .wave-ripple {
  position:absolute; bottom:12%; width:100%; height:8px;
  background: transparent;
  border-bottom: 2px solid rgba(255,69,0,0.1);
  border-radius: 50%;
  filter: blur(1px);
  animation: dd-wave 12s linear infinite;
}
.scn-darjeeling-departure .wave-ripple-1 { left:0; animation-delay:0s; }
.scn-darjeeling-departure .wave-ripple-2 { left:-50%; animation-delay:4s; }
@keyframes dd-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes dd-sun { 0% { transform: scale(0.9) translateY(0); } 50% { transform: scale(1.1) translateY(-10px); } 100% { transform: scale(0.95) translateY(5px); opacity:0.6; } }
@keyframes dd-hills { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(3px); } }
@keyframes dd-river { 0% { opacity:0.85; } 50% { opacity:0.95; } 100% { opacity:0.8; } }
@keyframes dd-boat { 0% { transform: translateX(-50%) rotate(-2deg); } 25% { transform: translateX(-45%) rotate(1deg); } 50% { transform: translateX(-50%) rotate(2deg); } 75% { transform: translateX(-55%) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(-2deg); } }
@keyframes dd-palm-a { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-3deg); } }
@keyframes dd-palm-b { 0% { transform: rotate(3deg); } 50% { transform: rotate(-3deg); } 100% { transform: rotate(2deg); } }
@keyframes dd-wave { 0% { transform: translateX(-100%) scaleY(1); opacity:0.5; } 50% { transform: translateX(0%) scaleY(1.5); opacity:0.2; } 100% { transform: translateX(100%) scaleY(1); opacity:0; } }

.scn-bamboo-fields {
  background: linear-gradient(180deg, #87CEEB 0%, #90EE90 30%, #228B22 60%, #006400 100%),
              radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 70%);
}
.scn-bamboo-fields .sky-bright {
  position:absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 40%, transparent 100%);
  animation: bf-sky 12s ease-in-out infinite alternate;
}
.scn-bamboo-fields .sun-glare {
  position:absolute; top:5%; right:20%; width:40px; height:40px;
  background: radial-gradient(circle, #FFFACD 0%, #FFD700 50%, transparent 100%);
  border-radius:50%;
  box-shadow: 0 0 80px 40px rgba(255,215,0,0.5), 0 0 120px 60px rgba(255,215,0,0.3);
  animation: bf-sun 8s ease-in-out infinite alternate;
}
.scn-bamboo-fields .banana-leaves {
  position:absolute; top:10%; width:150px; height:80px;
  background: linear-gradient(180deg, #006400 0%, #228B22 100%);
  border-radius: 80% 20% 80% 20% / 40% 60% 40% 60%;
  filter: blur(1px);
}
.scn-bamboo-fields .banana-left {
  left:-40px; transform: rotate(-15deg);
  animation: bf-leaf-a 10s ease-in-out infinite alternate;
}
.scn-bamboo-fields .banana-right {
  right:-40px; transform: rotate(15deg);
  animation: bf-leaf-b 12s ease-in-out infinite alternate;
}
.scn-bamboo-fields .palm-tree {
  position:absolute; bottom:20%; width:14px;
  background: linear-gradient(180deg, #4A3A2A 0%, #2E1F12 100%);
  border-radius: 7px 7px 2px 2px;
}
.scn-bamboo-fields .palm-tree-1 {
  left:20%; height:80px;
  animation: bf-palm-1 6s ease-in-out infinite alternate;
}
.scn-bamboo-fields .palm-tree-2 {
  right:25%; height:65px;
  animation: bf-palm-2 8s ease-in-out infinite alternate;
}
.scn-bamboo-fields .ground-green {
  position:absolute; bottom:0; left:0; right:0; height:20%;
  background: linear-gradient(180deg, #006400 0%, #004d00 100%);
  border-radius: 30% 30% 0 0 / 15% 15% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.3);
  animation: bf-ground 15s ease-in-out infinite alternate;
}
.scn-bamboo-fields .sunburst {
  position:absolute; top:0; right:0; width:200px; height:200px;
  background: radial-gradient(circle at 100% 0%, #FFD700 0%, #FFFACD 20%, transparent 60%);
  opacity:0.15;
  animation: bf-burst 20s ease-in-out infinite;
}
@keyframes bf-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes bf-sun { 0% { transform: scale(0.9) translateX(0); } 50% { transform: scale(1.1) translateX(10px); } 100% { transform: scale(0.95) translateX(-5px); } }
@keyframes bf-leaf-a { 0% { transform: rotate(-15deg) scaleX(1); } 50% { transform: rotate(-10deg) scaleX(1.05); } 100% { transform: rotate(-18deg) scaleX(0.95); } }
@keyframes bf-leaf-b { 0% { transform: rotate(15deg) scaleX(1); } 50% { transform: rotate(10deg) scaleX(1.05); } 100% { transform: rotate(18deg) scaleX(0.95); } }
@keyframes bf-palm-1 { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }
@keyframes bf-palm-2 { 0% { transform: rotate(2deg); } 50% { transform: rotate(-2deg); } 100% { transform: rotate(1deg); } }
@keyframes bf-ground { 0% { opacity:0.85; } 50% { opacity:0.95; } 100% { opacity:0.9; } }
@keyframes bf-burst { 0% { opacity:0.1; transform: scale(0.9); } 50% { opacity:0.2; transform: scale(1.1); } 100% { opacity:0.15; transform: scale(1); } }

.scn-train-American-lady {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a40 30%, #16162a 100%), radial-gradient(ellipse at 50% 60%, #3a3a5e 0%, transparent 70%);
  position: relative;
  overflow: hidden;
}
.scn-train-American-lady .compartment-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1e1e32 0%, #2c2c4a 50%, #0e0e1c 100%);
  animation: t1-bg-shift 15s ease-in-out infinite alternate;
}
.scn-train-American-lady .window-night {
  position: absolute; top: 8%; left: 10%; width: 25%; height: 18%;
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a3a 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 4px #3a3a5e;
  animation: t1-window 8s ease-in-out infinite alternate;
}
.scn-train-American-lady .berth-lower {
  position: absolute; bottom: 8%; left: 10%; width: 55%; height: 25%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 6px;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.7), 0 2px 4px rgba(0,0,0,0.5);
}
.scn-train-American-lady .shelf {
  position: absolute; top: 12%; right: 12%; width: 30%; height: 5%;
  background: linear-gradient(90deg, #2a1a0a 0%, #4a3a2a 50%, #2a1a0a 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.6);
  animation: t1-shelf 12s ease-in-out infinite alternate;
}
.scn-train-American-lady .satchels {
  position: absolute; top: 7%; right: 18%; width: 16%; height: 10%;
  background: linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 50%, #4a3a2a 100%);
  border-radius: 4px 4px 8px 8px;
  transform: rotate(-5deg);
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  animation: t1-satchel 8s ease-in-out infinite alternate;
}
.scn-train-American-lady .figure-reaching {
  position: absolute; bottom: 15%; left: 45%; width: 10%; height: 30%;
  background: linear-gradient(180deg, #0a0a14 0%, #1a1a2a 50%, #0a0a14 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  animation: t1-figure-reach 6s ease-in-out infinite alternate;
}
.scn-train-American-lady .lamp-dim {
  position: absolute; top: 14%; right: 42%; width: 5%; height: 6%;
  background: radial-gradient(circle, #6a5a3a 0%, #2a1a0a 70%);
  border-radius: 50%;
  box-shadow: 0 0 16px 6px rgba(106,90,58,0.4), 0 0 32px 12px rgba(0,0,0,0.6);
  animation: t1-lamp 4s ease-in-out infinite alternate;
}
@keyframes t1-bg-shift { 0% { opacity: 0.7; } 50% { opacity: 0.85; } 100% { opacity: 0.7; } }
@keyframes t1-window { 0% { box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 4px #3a3a5e; } 50% { box-shadow: inset 0 0 40px rgba(0,0,0,0.9), 0 0 8px #5a5a7e; } 100% { box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 4px #3a3a5e; } }
@keyframes t1-shelf { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-2px) scaleX(1.02); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes t1-satchel { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-3px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes t1-figure-reach { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-5px) scaleY(1.05); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes t1-lamp { 0% { opacity: 0.6; box-shadow: 0 0 16px 6px rgba(106,90,58,0.3); } 50% { opacity: 0.9; box-shadow: 0 0 24px 10px rgba(106,90,58,0.6); } 100% { opacity: 0.6; box-shadow: 0 0 16px 6px rgba(106,90,58,0.3); } }

.scn-train-smythe-chagrin {
  background: linear-gradient(180deg, #1e1812 0%, #2e221a 30%, #1a1410 100%), radial-gradient(ellipse at 50% 70%, #4a3a2a 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-train-smythe-chagrin .compartment-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #221a12 0%, #342a22 50%, #120e0a 100%);
  animation: t2-bg-pulse 20s ease-in-out infinite alternate;
}
.scn-train-smythe-chagrin .window-dusk {
  position: absolute; top: 8%; left: 15%; width: 22%; height: 15%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 6px;
  box-shadow: inset 0 0 12px rgba(0,0,0,0.7), 0 0 4px #5a4a3a;
  animation: t2-window-glow 10s ease-in-out infinite alternate;
}
.scn-train-smythe-chagrin .berth-lower {
  position: absolute; bottom: 12%; left: 12%; width: 45%; height: 22%;
  background: linear-gradient(180deg, #4a3525 0%, #2a1a10 100%);
  border-radius: 6px;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.6);
}
.scn-train-smythe-chagrin .berth-upper {
  position: absolute; top: 22%; left: 12%; width: 45%; height: 20%;
  background: linear-gradient(180deg, #3a2818 0%, #1a0e08 100%);
  border-radius: 6px;
  box-shadow: inset 0 -2px 6px rgba(0,0,0,0.5);
  animation: t2-berth 14s ease-in-out infinite alternate;
}
.scn-train-smythe-chagrin .figure-slumped {
  position: absolute; bottom: 15%; left: 50%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #0e0a08 0%, #1a1410 50%, #0e0a08 100%);
  border-radius: 40% 40% 30% 30% / 55% 55% 45% 45%;
  transform: rotate(-10deg);
  transform-origin: bottom center;
  box-shadow: 0 0 8px rgba(0,0,0,0.4);
  animation: t2-figure-slump 8s ease-in-out infinite alternate;
}
.scn-train-smythe-chagrin .figure-leaning {
  position: absolute; bottom: 10%; left: 65%; width: 10%; height: 30%;
  background: linear-gradient(180deg, #1a1410 0%, #2a221e 50%, #1a1410 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: t2-figure-lean 6s ease-in-out infinite alternate;
}
.scn-train-smythe-chagrin .lamp-warm {
  position: absolute; top: 16%; right: 40%; width: 5%; height: 6%;
  background: radial-gradient(circle, #b08050 0%, #5a3a20 70%);
  border-radius: 50%;
  box-shadow: 0 0 20px 8px rgba(176,128,80,0.5), 0 0 40px 16px rgba(0,0,0,0.4);
  animation: t2-lamp 3s ease-in-out infinite alternate;
}
@keyframes t2-bg-pulse { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.7; } }
@keyframes t2-window-glow { 0% { box-shadow: inset 0 0 12px rgba(0,0,0,0.7), 0 0 4px #5a4a3a; } 50% { box-shadow: inset 0 0 24px rgba(0,0,0,0.8), 0 0 8px #8a6a4a; } 100% { box-shadow: inset 0 0 12px rgba(0,0,0,0.7), 0 0 4px #5a4a3a; } }
@keyframes t2-berth { 0% { transform: translateY(0); } 50% { transform: translateY(-2px) scaleY(1.02); } 100% { transform: translateY(0); } }
@keyframes t2-figure-slump { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-15deg) translateY(2px) scaleY(0.98); } 100% { transform: rotate(-10deg) translateY(0); } }
@keyframes t2-figure-lean { 0% { transform: rotate(5deg) translateX(0); } 50% { transform: rotate(10deg) translateX(-3px) scaleX(1.02); } 100% { transform: rotate(5deg) translateX(0); } }
@keyframes t2-lamp { 0% { opacity: 0.7; box-shadow: 0 0 20px 8px rgba(176,128,80,0.4); } 50% { opacity: 1; box-shadow: 0 0 30px 12px rgba(176,128,80,0.7), 0 0 60px 24px rgba(0,0,0,0.3); } 100% { opacity: 0.7; box-shadow: 0 0 20px 8px rgba(176,128,80,0.4); } }

.scn-train-Calcutta-departure {
  background: linear-gradient(180deg, #1a1e2e 0%, #12162a 40%, #0a0e1a 100%), radial-gradient(ellipse at 60% 30%, #2a2e4a 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-train-Calcutta-departure .compartment-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #161a28 0%, #1e2234 50%, #0a0e1a 100%);
  animation: t3-bg-throb 12s ease-in-out infinite alternate;
}
.scn-train-Calcutta-departure .window-night {
  position: absolute; top: 6%; right: 12%; width: 20%; height: 14%;
  background: linear-gradient(180deg, #050510 0%, #101020 100%);
  border-radius: 6px;
  box-shadow: inset 0 0 16px rgba(0,0,0,0.9), 0 0 4px #2a2a4a;
  animation: t3-window 9s ease-in-out infinite alternate;
}
.scn-train-Calcutta-departure .berth-lower {
  position: absolute; bottom: 10%; left: 8%; width: 50%; height: 24%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 6px;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.7);
}
.scn-train-Calcutta-departure .berth-upper {
  position: absolute; top: 20%; left: 8%; width: 50%; height: 20%;
  background: linear-gradient(180deg, #222234 0%, #12121e 100%);
  border-radius: 6px;
  box-shadow: inset 0 -2px 6px rgba(0,0,0,0.6);
  animation: t3-berth 11s ease-in-out infinite alternate;
}
.scn-train-Calcutta-departure .luggage-stack {
  position: absolute; top: 12%; left: 50%; width: 20%; height: 12%;
  background: linear-gradient(135deg, #3a3a4a 0%, #2a2a3a 50%, #1a1a2a 100%);
  border-radius: 4px;
  transform: rotate(-3deg);
  box-shadow: 2px 2px 8px rgba(0,0,0,0.6);
  animation: t3-luggage 7s ease-in-out infinite alternate;
}
.scn-train-Calcutta-departure .figure-standing {
  position: absolute; bottom: 10%; left: 60%; width: 10%; height: 32%;
  background: linear-gradient(180deg, #0e0e1a 0%, #1a1a2a 50%, #0e0e1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
  animation: t3-figure-stand 8s ease-in-out infinite alternate;
}
.scn-train-Calcutta-departure .lamp-dim {
  position: absolute; top: 12%; left: 70%; width: 4%; height: 6%;
  background: radial-gradient(circle, #5a5a6a 0%, #2a2a3a 70%);
  border-radius: 50%;
  box-shadow: 0 0 14px 6px rgba(90,90,106,0.3), 0 0 28px 10px rgba(0,0,0,0.5);
  animation: t3-lamp 3.5s ease-in-out infinite alternate;
}
@keyframes t3-bg-throb { 0% { opacity: 0.7; } 50% { opacity: 0.85; } 100% { opacity: 0.7; } }
@keyframes t3-window { 0% { box-shadow: inset 0 0 16px rgba(0,0,0,0.9), 0 0 4px #2a2a4a; } 50% { box-shadow: inset 0 0 32px rgba(0,0,0,0.95), 0 0 8px #4a4a6a; } 100% { box-shadow: inset 0 0 16px rgba(0,0,0,0.9), 0 0 4px #2a2a4a; } }
@keyframes t3-berth { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.01); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes t3-luggage { 0% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(-1deg) translateY(-2px); } 100% { transform: rotate(-3deg) translateY(0); } }
@keyframes t3-figure-stand { 0% { transform: rotate(0) translateY(0); } 50% { transform: rotate(2deg) translateY(-3px) scaleY(1.04); } 100% { transform: rotate(0) translateY(0); } }
@keyframes t3-lamp { 0% { opacity: 0.5; box-shadow: 0 0 14px 6px rgba(90,90,106,0.2); } 50% { opacity: 0.8; box-shadow: 0 0 20px 10px rgba(90,90,106,0.5); } 100% { opacity: 0.5; box-shadow: 0 0 14px 6px rgba(90,90,106,0.2); } }

.scn-train-satan-found-compartment {
  background: linear-gradient(180deg, #1e1622 0%, #2a1e32 30%, #120e16 100%), radial-gradient(ellipse at 30% 50%, #3a2a4a 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-train-satan-found-compartment .compartment-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1e1a28 0%, #2e2a3a 50%, #0e0a14 100%);
  animation: t4-bg-drift 18s ease-in-out infinite alternate;
}
.scn-train-satan-found-compartment .window-night {
  position: absolute; top: 10%; left: 8%; width: 18%; height: 15%;
  background: linear-gradient(180deg, #0a0a14 0%, #12121e 100%);
  border-radius: 6px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 4px #4a3a5a;
  animation: t4-window 10s ease-in-out infinite alternate;
}
.scn-train-satan-found-compartment .sofa {
  position: absolute; bottom: 10%; left: 10%; width: 40%; height: 22%;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a101a 100%);
  border-radius: 8px 8px 4px 4px;
  box-shadow: inset 0 -4px 10px rgba(0,0,0,0.7), 0 2px 4px rgba(0,0,0,0.5);
  animation: t4-sofa 15s ease-in-out infinite alternate;
}
.scn-train-satan-found-compartment .shelf {
  position: absolute; top: 14%; right: 14%; width: 25%; height: 5%;
  background: linear-gradient(90deg, #2a1a2a 0%, #4a3a4a 50%, #2a1a2a 100%);
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
  animation: t4-shelf 12s ease-in-out infinite alternate;
}
.scn-train-satan-found-compartment .bed-made {
  position: absolute; bottom: 10%; right: 10%; width: 30%; height: 20%;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a101a 100%);
  border-radius: 6px;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.7), 0 2px 6px rgba(0,0,0,0.5);
  animation: t4-bed 9s ease-in-out infinite alternate;
}
.scn-train-satan-found-compartment .figure-satan {
  position: absolute; bottom: 12%; left: 55%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #120e1a 0%, #1e1a2a 50%, #120e1a 100%);
  border-radius: 40% 40% 30% 30% / 55% 55% 45% 45%;
  transform-origin: bottom center;
  box-shadow: 0 0 12px rgba(0,0,0,0.4);
  animation: t4-figure 7s ease-in-out infinite alternate;
}
.scn-train-satan-found-compartment .lamp-dim {
  position: absolute; top: 20%; right: 35%; width: 4%; height: 5%;
  background: radial-gradient(circle, #6a4a6a 0%, #2a1a2a 70%);
  border-radius: 50%;
  box-shadow: 0 0 16px 6px rgba(106,74,106,0.3), 0 0 32px 12px rgba(0,0,0,0.5);
  animation: t4-lamp 4s ease-in-out infinite alternate;
}
@keyframes t4-bg-drift { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.7; } }
@keyframes t4-window { 0% { box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 4px #4a3a5a; } 50% { box-shadow: inset 0 0 40px rgba(0,0,0,0.9), 0 0 8px #6a4a8a; } 100% { box-shadow: inset 0 0 20px rgba(0,0,0,0.8), 0 0 4px #4a3a5a; } }
@keyframes t4-sofa { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes t4-shelf { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-2px) scaleX(1.03); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes t4-bed { 0% { transform: translateY(0); } 50% { transform: translateY(-1px) scaleY(1.01); } 100% { transform: translateY(0); } }
@keyframes t4-figure { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-4px) scaleY(1.05); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes t4-lamp { 0% { opacity: 0.5; box-shadow: 0 0 16px 6px rgba(106,74,106,0.2); } 50% { opacity: 0.8; box-shadow: 0 0 24px 10px rgba(106,74,106,0.5); } 100% { opacity: 0.5; box-shadow: 0 0 16px 6px rgba(106,74,106,0.2); } }

/* hotel-morning-banging */
.scn-hotel-morning-banging {
  background: linear-gradient(180deg, #f5e6c8 0%, #e8d5b0 40%, #fff8e7 100%),
              radial-gradient(ellipse at 40% 30%, #fffbe6 0%, transparent 70%);
}
.scn-hotel-morning-banging .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(90deg, #e8d5b0 0%, #f5e6c8 50%, #e0ccaa 100%);
  animation: hmb-wall 12s ease-in-out infinite alternate;
}
.scn-hotel-morning-banging .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #c4a882 0%, #b5986e 100%);
  border-radius: 20% 20% 0 0;
}
.scn-hotel-morning-banging .door {
  position: absolute; bottom: 28%; left: 20%; width: 22%; height: 50%;
  background: linear-gradient(135deg, #a0815d 0%, #8c6f4e 100%);
  border: 3px solid #7a5f42; border-radius: 4px; box-shadow: inset -5px 0 8px rgba(0,0,0,0.15);
  animation: hmb-door 9s ease-in-out infinite;
}
.scn-hotel-morning-banging .door-knocker {
  position: absolute; bottom: 45%; left: 30%; width: 8%; height: 6%;
  background: radial-gradient(circle at 50% 40%, #d4a017 0%, #b8860b 70%);
  border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.3);
  animation: hmb-knock 3s ease-in-out infinite;
}
.scn-hotel-morning-banging .figure-silhouette {
  position: absolute; bottom: 28%; left: 12%; width: 12%; height: 38%;
  background: linear-gradient(180deg, #4a3e32 0%, #2c2219 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: hmb-figure 4s ease-in-out infinite;
}
.scn-hotel-morning-banging .window-light {
  position: absolute; bottom: 55%; right: 15%; width: 20%; height: 25%;
  background: radial-gradient(circle at 50% 50%, #fffae0 0%, #ffe8a0 50%, #ccb280 100%);
  border-radius: 8px; box-shadow: 0 0 20px 10px rgba(255,234,160,0.5);
  animation: hmb-glow 6s ease-in-out infinite alternate;
}
.scn-hotel-morning-banging .bed {
  position: absolute; bottom: 12%; left: 50%; width: 35%; height: 16%;
  background: linear-gradient(180deg, #f0e0c0 0%, #dcc8a8 100%);
  border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transform: translateX(-50%);
  animation: hmb-bed 8s ease-in-out infinite alternate;
}
.scn-hotel-morning-banging .clock {
  position: absolute; top: 12%; right: 18%; width: 10%; height: 10%;
  background: radial-gradient(circle, #fffbe6 0%, #e0d0b0 80%);
  border-radius: 50%; border: 2px solid #8c7a62;
  animation: hmb-clock 9s ease-in-out infinite;
}
@keyframes hmb-wall { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes hmb-door { 0%,100% { transform: scaleX(1); } 50% { transform: scaleX(0.97) translateX(-2px); } }
@keyframes hmb-knock { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-4px) rotate(-10deg); } 75% { transform: translateX(4px) rotate(10deg); } }
@keyframes hmb-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 30% { transform: translateX(3px) translateY(-1px) rotate(1deg); } 60% { transform: translateX(-2px) translateY(0) rotate(-1deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes hmb-glow { 0% { opacity: 0.7; box-shadow: 0 0 15px 5px rgba(255,234,160,0.3); } 50% { opacity: 1; box-shadow: 0 0 30px 15px rgba(255,234,160,0.6); } 100% { opacity: 0.8; box-shadow: 0 0 20px 8px rgba(255,234,160,0.4); } }
@keyframes hmb-bed { 0% { transform: translateX(-50%) translateY(0); } 100% { transform: translateX(-50%) translateY(-2px); } }
@keyframes hmb-clock { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }

/* durban-temperature-change */
.scn-durban-temperature-change {
  background: linear-gradient(180deg, #1e2a4a 0%, #2c3a5c 40%, #3a4e6e 100%),
              radial-gradient(ellipse at 30% 60%, #4a6080 0%, transparent 70%);
}
.scn-durban-temperature-change .room-bg {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(135deg, #2e3c58 0%, #425a76 100%);
  animation: dtc-room 15s ease-in-out infinite alternate;
}
.scn-durban-temperature-change .window-frame {
  position: absolute; top: 10%; right: 12%; width: 30%; height: 45%;
  background: linear-gradient(135deg, #5a4e3e 0%, #3a3228 100%);
  border-radius: 6px; box-shadow: inset 0 0 0 6px #2e251e;
}
.scn-durban-temperature-change .window-view {
  position: absolute; top: 14%; right: 16%; width: 22%; height: 37%;
  background: linear-gradient(180deg, #4a6080 0%, #3a4e6e 50%, #2c3a5c 100%);
  border-radius: 4px;
  animation: dtc-view 20s ease-in-out infinite alternate;
}
.scn-durban-temperature-change .curtain {
  position: absolute; top: 10%; left: 10%; width: 25%; height: 60%;
  background: linear-gradient(180deg, #6e5a4a 0%, #4e3e32 100%);
  border-radius: 0 10% 10% 0 / 0 20% 20% 0;
  filter: drop-shadow(2px 0 4px rgba(0,0,0,0.3));
  animation: dtc-curtain 8s ease-in-out infinite alternate;
}
.scn-durban-temperature-change .coat-chair {
  position: absolute; bottom: 18%; left: 15%; width: 20%; height: 35%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2e22 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: dtc-coat 10s ease-in-out infinite;
}
.scn-durban-temperature-change .thermometer {
  position: absolute; top: 20%; left: 10%; width: 4%; height: 20%;
  background: linear-gradient(180deg, #e0e0e0 0%, #c0c0c0 50%, #a0a0a0 100%);
  border-radius: 4px; box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  animation: dtc-therm 7s ease-in-out infinite alternate;
}
.scn-durban-temperature-change .lamp {
  position: absolute; bottom: 30%; left: 35%; width: 8%; height: 15%;
  background: radial-gradient(circle at 50% 30%, #ffe8a0 0%, #d4b870 60%, #a08850 100%);
  border-radius: 6px 6px 20% 20%; box-shadow: 0 0 30px 10px rgba(212,184,112,0.4);
  animation: dtc-lamp 6s ease-in-out infinite alternate;
}
@keyframes dtc-room { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes dtc-view { 0% { background: linear-gradient(180deg, #4a6080 0%, #3a4e6e 50%, #2c3a5c 100%); } 50% { background: linear-gradient(180deg, #3a4e6e 0%, #2c3a5c 50%, #1e2a4a 100%); } 100% { background: linear-gradient(180deg, #4a6080 0%, #3a4e6e 50%, #2c3a5c 100%); } }
@keyframes dtc-curtain { 0% { transform: scaleX(1) translateX(0); } 100% { transform: scaleX(1.05) translateX(-3px); } }
@keyframes dtc-coat { 0%,100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.02) rotate(2deg); } }
@keyframes dtc-therm { 0% { height: 20%; } 100% { height: 15%; } }
@keyframes dtc-lamp { 0% { opacity: 0.6; box-shadow: 0 0 15px 5px rgba(212,184,112,0.3); } 100% { opacity: 1; box-shadow: 0 0 40px 15px rgba(212,184,112,0.6); } }

/* item-rickshaw-zulus */
.scn-item-rickshaw-zulus {
  background: linear-gradient(180deg, #ffd699 0%, #ffe0b3 30%, #fff0d4 70%),
              radial-gradient(ellipse at 50% 100%, #ffe8cc 0%, transparent 80%);
}
.scn-item-rickshaw-zulus .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0ff 50%, #ffe4b5 100%);
  animation: irz-sky 14s ease-in-out infinite alternate;
}
.scn-item-rickshaw-zulus .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #d4c4a0 0%, #b8a884 100%);
  border-radius: 40% 40% 0 0;
}
.scn-item-rickshaw-zulus .rickshaw-body {
  position: absolute; bottom: 25%; left: 50%; width: 40%; height: 30%;
  background: linear-gradient(135deg, #8b6914 0%, #6b4f0e 100%);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  transform: translateX(-50%);
  animation: irz-body 6s ease-in-out infinite;
}
.scn-item-rickshaw-zulus .rickshaw-wheel-a {
  position: absolute; bottom: 18%; left: 38%; width: 8%; height: 16%;
  background: radial-gradient(circle at 50% 50%, #4a3828 0%, #2c1e12 100%);
  border-radius: 50%; border: 3px solid #6b4f0e;
  animation: irz-wheel 4s linear infinite;
}
.scn-item-rickshaw-zulus .rickshaw-wheel-b {
  position: absolute; bottom: 18%; left: 54%; width: 8%; height: 16%;
  background: radial-gradient(circle at 50% 50%, #4a3828 0%, #2c1e12 100%);
  border-radius: 50%; border: 3px solid #6b4f0e;
  animation: irz-wheel 4s linear infinite reverse;
}
.scn-item-rickshaw-zulus .zulu-figure-a {
  position: absolute; bottom: 28%; left: 20%; width: 10%; height: 35%;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: irz-figure 5s ease-in-out infinite;
}
.scn-item-rickshaw-zulus .zulu-figure-b {
  position: absolute; bottom: 28%; left: 30%; width: 10%; height: 35%;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: irz-figure 5s ease-in-out infinite 0.5s;
}
.scn-item-rickshaw-zulus .zulu-figure-c {
  position: absolute; bottom: 28%; left: 60%; width: 10%; height: 35%;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: irz-figure 5s ease-in-out infinite 1s;
}
.scn-item-rickshaw-zulus .sun {
  position: absolute; top: 10%; left: 70%; width: 12%; height: 12%;
  background: radial-gradient(circle at 50% 50%, #ffe066 0%, #ffd633 60%, #ffb300 100%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(255,214,51,0.5);
  animation: irz-sun 9s ease-in-out infinite alternate;
}
@keyframes irz-sky { 0% { opacity: 0.9; } 100% { opacity: 1; } }
@keyframes irz-body { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } }
@keyframes irz-wheel { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes irz-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(5px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(10px) translateY(0) rotate(0deg); } 75% { transform: translateX(5px) translateY(-1px) rotate(-1deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes irz-sun { 0% { transform: scale(0.95); opacity: 0.8; } 100% { transform: scale(1.05); opacity: 1; } }

/* item-chameleon-hotel-court */
.scn-item-chameleon-hotel-court {
  background: linear-gradient(180deg, #d4e8c8 0%, #b8d9a8 40%, #e0f0d0 100%),
              radial-gradient(ellipse at 50% 80%, #f0ffe0 0%, transparent 70%);
}
.scn-item-chameleon-hotel-court .sky-bg {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #a0c8f0 0%, #c8e0ff 100%);
  animation: ich-sky 12s ease-in-out infinite alternate;
}
.scn-item-chameleon-hotel-court .wall-court {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 55%;
  background: linear-gradient(135deg, #d4c4a8 0%, #b8a88c 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.1);
}
.scn-item-chameleon-hotel-court .branch {
  position: absolute; top: 40%; left: 10%; width: 60%; height: 4%;
  background: linear-gradient(90deg, #6b4f3a 0%, #8c6e50 50%, #6b4f3a 100%);
  border-radius: 10px;
  transform-origin: left center;
  animation: ich-branch 14s ease-in-out infinite alternate;
}
.scn-item-chameleon-hotel-court .chameleon-body {
  position: absolute; top: 36%; left: 40%; width: 12%; height: 18%;
  background: linear-gradient(135deg, #4a8c3a 0%, #2c6e22 50%, #1a4e14 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ich-cham 7s ease-in-out infinite;
}
.scn-item-chameleon-hotel-court .chameleon-eye {
  position: absolute; top: 34%; left: 44%; width: 4%; height: 4%;
  background: radial-gradient(circle at 50% 50%, #fff 0%, #ccc 80%);
  border-radius: 50%; box-shadow: 0 0 4px rgba(0,0,0,0.3);
  animation: ich-eye 3s ease-in-out infinite alternate;
}
.scn-item-chameleon-hotel-court .tongue {
  position: absolute; top: 38%; left: 42%; width: 20%; height: 2%;
  background: linear-gradient(90deg, #d44a6e 0%, #e06080 50%, transparent 100%);
  border-radius: 0 50% 50% 0 / 0 50% 50% 0;
  transform-origin: left center;
  animation: ich-tongue 4s ease-in-out infinite;
}
.scn-item-chameleon-hotel-court .fly {
  position: absolute; top: 30%; right: 20%; width: 4%; height: 4%;
  background: radial-gradient(circle at 50% 50%, #2a2a2a 0%, #0a0a0a 100%);
  border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: ich-fly 5s ease-in-out infinite;
}
.scn-item-chameleon-hotel-court .fly-shadow {
  position: absolute; top: 34%; right: 20%; width: 3%; height: 2%;
  background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, transparent 100%);
  border-radius: 50%;
  animation: ich-fly-shdw 5s ease-in-out infinite;
}
@keyframes ich-sky { 0% { opacity: 0.9; } 100% { opacity: 1; } }
@keyframes ich-branch { 0% { transform: rotate(-2deg); } 100% { transform: rotate(2deg); } }
@keyframes ich-cham { 0%,100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(3deg); } }
@keyframes ich-eye { 0% { transform: scale(1); } 100% { transform: scale(1.3); } }
@keyframes ich-tongue { 0% { transform: scaleX(0); } 40% { transform: scaleX(1); } 60% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes ich-fly { 0% { transform: translate(0, 0); } 25% { transform: translate(10px, -15px); } 50% { transform: translate(20px, 0); } 75% { transform: translate(10px, 10px); } 100% { transform: translate(0, 0); } }
@keyframes ich-fly-shdw { 0% { transform: translate(0, 0) scale(1); } 25% { transform: translate(10px, -15px) scale(0.8); } 50% { transform: translate(20px, 0) scale(1); } 75% { transform: translate(10px, 10px) scale(1.2); } 100% { transform: translate(0, 0) scale(1); } }

/* Scene: thug-cow-killer */
.scn-thug-cow-killer {
  background: linear-gradient(180deg, #1a1018 0%, #2a1818 50%, #1a0e10 100%),
              radial-gradient(ellipse at 70% 30%, #3a2020 0%, transparent 60%);
}
.scn-thug-cow-killer .bg-wall {
  position:absolute; inset:0 0 35% 0;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0e0e 100%);
  animation: tck-wall 12s ease-in-out infinite alternate;
}
.scn-thug-cow-killer .bg-floor {
  position:absolute; bottom:0; left:0; right:0; height:35%;
  background: linear-gradient(180deg, #1a0e0e 0%, #0a0606 100%);
}
.scn-thug-cow-killer .torch {
  position:absolute; top:15%; right:20%; width:8px; height:20px;
  background: radial-gradient(circle at 50% 0%, #ffd080 0%, #c08040 50%, transparent 70%);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0 30px 10px rgba(200,120,40,0.6);
  animation: tck-torch 0.8s ease-in-out infinite alternate;
}
.scn-thug-cow-killer .killer {
  position:absolute; bottom:30%; left:35%; width:40px; height:80px;
  background: linear-gradient(180deg, #1a0e0e 0%, #0a0606 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tck-killer 3s ease-in-out infinite alternate;
}
.scn-thug-cow-killer .victim-feet {
  position:absolute; bottom:8%; left:45%; width:24px; height:14px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e0e 100%);
  border-radius: 30% 30% 0 0;
  transform: rotate(-10deg);
  animation: tck-victim 5s ease-in-out infinite alternate;
}
.scn-thug-cow-killer .shadow {
  position:absolute; top:10%; left:30%; width:80px; height:120px;
  background: rgba(0,0,0,0.5);
  filter: blur(8px);
  border-radius: 40% 40% 20% 20%;
  transform: skewX(-10deg);
  animation: tck-shadow 4s ease-in-out infinite alternate;
}
@keyframes tck-wall {
  0% { opacity: 0.8; }
  50% { opacity: 0.9; }
  100% { opacity: 0.7; }
}
@keyframes tck-torch {
  0% { transform: scaleY(1); opacity: 0.8; box-shadow: 0 0 20px 6px rgba(200,120,40,0.4); }
  50% { transform: scaleY(1.15); opacity: 1; box-shadow: 0 0 40px 15px rgba(200,120,40,0.7); }
  100% { transform: scaleY(0.95); opacity: 0.9; box-shadow: 0 0 25px 8px rgba(200,120,40,0.5); }
}
@keyframes tck-killer {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(0.5deg); }
  100% { transform: translateY(1px) rotate(-0.5deg); }
}
@keyframes tck-victim {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(-8deg) translateY(-3px); }
  100% { transform: rotate(-10deg) translateY(0); }
}
@keyframes tck-shadow {
  0% { transform: skewX(-10deg) scaleX(1); opacity: 0.6; }
  50% { transform: skewX(-10deg) scaleX(1.1); opacity: 0.8; }
  100% { transform: skewX(-10deg) scaleX(0.95); opacity: 0.5; }
}

/* Scene: thug-cowherd-feet */
.scn-thug-cowherd-feet {
  background: linear-gradient(180deg, #2a1e18 0%, #1a1410 50%, #0e0a08 100%),
              radial-gradient(ellipse at 50% 80%, #2a1e18 0%, transparent 60%);
}
.scn-thug-cowherd-feet .bg-ground {
  position:absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #2a1e18 0%, #1a1410 100%);
  animation: tcf-ground 20s ease-in-out infinite alternate;
}
.scn-thug-cowherd-feet .feet {
  position:absolute; bottom:35%; left:45%; width:30px; height:18px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%);
  border-radius: 40% 40% 20% 20%;
  transform: rotate(15deg);
  animation: tcf-feet 6s ease-in-out infinite;
}
.scn-thug-cowherd-feet .hands {
  position:absolute; bottom:40%; left:43%; width:20px; height:14px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e0a 100%);
  border-radius: 50% 50% 30% 30%;
  transform: rotate(-10deg);
  animation: tcf-hands 4s ease-in-out infinite alternate;
}
.scn-thug-cowherd-feet .cloth {
  position:absolute; bottom:30%; left:42%; width:40px; height:20px;
  background: linear-gradient(180deg, #2a1e14 0%, #1a0e0a 100%);
  border-radius: 10% 10% 40% 40%;
  transform: rotate(5deg);
  animation: tcf-cloth 8s ease-in-out infinite;
}
.scn-thug-cowherd-feet .shadow-foot {
  position:absolute; bottom:25%; left:40%; width:50px; height:30px;
  background: rgba(0,0,0,0.4);
  filter: blur(6px);
  border-radius: 30% 30% 10% 10%;
  transform: rotate(10deg);
  animation: tcf-shadow 6s ease-in-out infinite alternate;
}
@keyframes tcf-ground {
  0% { opacity: 0.7; }
  50% { opacity: 0.9; }
  100% { opacity: 0.6; }
}
@keyframes tcf-feet {
  0% { transform: rotate(15deg) translateY(0); }
  25% { transform: rotate(13deg) translateY(-1px); }
  50% { transform: rotate(15deg) translateY(-2px); }
  75% { transform: rotate(17deg) translateY(-1px); }
  100% { transform: rotate(15deg) translateY(0); }
}
@keyframes tcf-hands {
  0% { transform: rotate(-10deg) scaleX(1); }
  50% { transform: rotate(-8deg) scaleX(1.05); }
  100% { transform: rotate(-10deg) scaleX(1); }
}
@keyframes tcf-cloth {
  0% { transform: rotate(5deg) translateY(0); opacity: 0.8; }
  50% { transform: rotate(3deg) translateY(-2px); opacity: 0.9; }
  100% { transform: rotate(5deg) translateY(0); opacity: 0.8; }
}
@keyframes tcf-shadow {
  0% { transform: rotate(10deg) scaleY(1); opacity: 0.4; }
  50% { transform: rotate(8deg) scaleY(1.1); opacity: 0.6; }
  100% { transform: rotate(10deg) scaleY(1); opacity: 0.3; }
}

/* Scene: thug-fascination */
.scn-thug-fascination {
  background: linear-gradient(180deg, #2a1810 0%, #3a1810 40%, #1a0e08 100%),
              radial-gradient(ellipse at 50% 60%, #6a2810 0%, transparent 70%);
}
.scn-thug-fascination .bg-cave {
  position:absolute; inset:0 0 30% 0;
  background: linear-gradient(180deg, #1a0e08 0%, #2a1810 100%);
  animation: tfa-cave 18s ease-in-out infinite alternate;
}
.scn-thug-fascination .fire {
  position:absolute; bottom:35%; left:40%; width:30px; height:40px;
  background: radial-gradient(circle at 50% 30%, #ffb040 0%, #c06020 40%, transparent 70%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 40px 15px rgba(200,80,20,0.6);
  animation: tfa-fire 1.2s ease-in-out infinite alternate;
}
.scn-thug-fascination .figure {
  position:absolute; bottom:20%; left:55%; width:35px; height:60px;
  background: linear-gradient(180deg, #0a0606 0%, #1a0e0e 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  transform: rotate(5deg);
  animation: tfa-figure 4s ease-in-out infinite;
}
.scn-thug-fascination .shadow-fig {
  position:absolute; bottom:20%; left:50%; width:60px; height:90px;
  background: rgba(0,0,0,0.6);
  filter: blur(10px);
  border-radius: 40% 40% 20% 20%;
  transform: scaleX(1.3) rotate(8deg);
  animation: tfa-shadow 5s ease-in-out infinite alternate;
}
.scn-thug-fascination .smoke-a {
  position:absolute; bottom:50%; left:45%; width:40px; height:20px;
  background: rgba(200,120,60,0.15);
  filter: blur(8px);
  border-radius: 50%;
  animation: tfa-smoke-a 8s linear infinite;
}
.scn-thug-fascination .smoke-b {
  position:absolute; bottom:45%; left:52%; width:30px; height:15px;
  background: rgba(200,120,60,0.1);
  filter: blur(6px);
  border-radius: 50%;
  animation: tfa-smoke-b 10s linear infinite reverse;
}
@keyframes tfa-cave {
  0% { opacity: 0.7; }
  50% { opacity: 0.85; }
  100% { opacity: 0.6; }
}
@keyframes tfa-fire {
  0% { transform: scaleY(1); opacity: 0.8; box-shadow: 0 0 30px 10px rgba(200,80,20,0.4); }
  50% { transform: scaleY(1.2) scaleX(1.05); opacity: 1; box-shadow: 0 0 60px 20px rgba(200,80,20,0.7); }
  100% { transform: scaleY(0.95) scaleX(0.95); opacity: 0.9; box-shadow: 0 0 35px 12px rgba(200,80,20,0.5); }
}
@keyframes tfa-figure {
  0% { transform: rotate(5deg) translateY(0); }
  25% { transform: rotate(4deg) translateY(-2px); }
  50% { transform: rotate(5deg) translateY(-3px); }
  75% { transform: rotate(6deg) translateY(-2px); }
  100% { transform: rotate(5deg) translateY(0); }
}
@keyframes tfa-shadow {
  0% { transform: scaleX(1.3) rotate(8deg) translateY(0); opacity: 0.6; }
  50% { transform: scaleX(1.3) rotate(8deg) translateY(-5px); opacity: 0.8; }
  100% { transform: scaleX(1.3) rotate(8deg) translateY(2px); opacity: 0.5; }
}
@keyframes tfa-smoke-a {
  0% { transform: translateY(0) translateX(0) scaleY(1); opacity: 0; }
  20% { opacity: 0.6; }
  100% { transform: translateY(-60px) translateX(20px) scaleY(1.5); opacity: 0; }
}
@keyframes tfa-smoke-b {
  0% { transform: translateY(0) translateX(0) scaleX(1); opacity: 0; }
  25% { opacity: 0.4; }
  100% { transform: translateY(-50px) translateX(-15px) scaleX(1.4); opacity: 0; }
}

/* Scene: thug-speech */
.scn-thug-speech {
  background: linear-gradient(180deg, #1a1410 0%, #2a1a10 50%, #1a0e0a 100%),
              radial-gradient(ellipse at 30% 40%, #2a1a10 0%, transparent 60%);
}
.scn-thug-speech .bg-tent {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #2a1a10 0%, #1a0e0a 100%);
  animation: tsp-tent 14s ease-in-out infinite alternate;
}
.scn-thug-speech .table {
  position:absolute; bottom:30%; left:35%; width:80px; height:14px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e0a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: tsp-table 7s ease-in-out infinite;
}
.scn-thug-speech .figure-speaking {
  position:absolute; bottom:30%; left:20%; width:30px; height:60px;
  background: linear-gradient(180deg, #0a0606 0%, #1a0e0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform: rotate(-5deg);
  animation: tsp-speaking 3s ease-in-out infinite;
}
.scn-thug-speech .figure-listening {
  position:absolute; bottom:30%; right:25%; width:30px; height:55px;
  background: linear-gradient(180deg, #0e0a08 0%, #1a0e0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform: rotate(3deg);
  animation: tsp-listening 5s ease-in-out infinite alternate;
}
.scn-thug-speech .lantern {
  position:absolute; bottom:35%; left:45%; width:10px; height:18px;
  background: radial-gradient(circle at 50% 40%, #ffd080 0%, #c08040 60%, transparent 80%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 20px 6px rgba(200,120,40,0.6);
  animation: tsp-lantern 4s ease-in-out infinite alternate;
}
.scn-thug-speech .map {
  position:absolute; bottom:32%; left:38%; width:24px; height:18px;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0e 50%, #4a3a2a 100%);
  border-radius: 5%;
  transform: rotate(-10deg);
  animation: tsp-map 12s ease-in-out infinite;
}
@keyframes tsp-tent {
  0% { opacity: 0.75; }
  50% { opacity: 0.9; }
  100% { opacity: 0.7; }
}
@keyframes tsp-table {
  0% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes tsp-speaking {
  0% { transform: rotate(-5deg) translateY(0); }
  25% { transform: rotate(-3deg) translateY(-1px) translateX(2px); }
  50% { transform: rotate(-5deg) translateY(0) translateX(0); }
  75% { transform: rotate(-7deg) translateY(-1px) translateX(-2px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes tsp-listening {
  0% { transform: rotate(3deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-2px); }
  100% { transform: rotate(3deg) translateY(0); }
}
@keyframes tsp-lantern {
  0% { transform: scaleY(1); opacity: 0.8; box-shadow: 0 0 15px 4px rgba(200,120,40,0.4); }
  50% { transform: scaleY(1.1); opacity: 1; box-shadow: 0 0 30px 10px rgba(200,120,40,0.7); }
  100% { transform: scaleY(0.95); opacity: 0.9; box-shadow: 0 0 20px 6px rgba(200,120,40,0.5); }
}
@keyframes tsp-map {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(-8deg) translateY(-2px); }
  100% { transform: rotate(-10deg) translateY(0); }
}

.scn-redemption-recorded {
  background:
    linear-gradient(180deg, #1e120c 0%, #2b1a0e 40%, #3a2210 100%),
    radial-gradient(ellipse at 50% 20%, #4a2a0e 0%, transparent 70%);
}
.scn-redemption-recorded .wall-left {
  position: absolute; left: 0; top: 0; width: 30%; height: 100%;
  background: linear-gradient(90deg, #1a0e06 0%, #2d1708 60%, transparent 100%);
  animation: rr-shift 12s ease-in-out infinite alternate;
}
.scn-redemption-recorded .wall-right {
  position: absolute; right: 0; top: 0; width: 30%; height: 100%;
  background: linear-gradient(270deg, #1a0e06 0%, #2d1708 60%, transparent 100%);
  animation: rr-shift 12s ease-in-out infinite alternate-reverse;
}
.scn-redemption-recorded .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, #1a0e06 0%, #2d1708 60%, transparent 100%);
}
.scn-redemption-recorded .altar {
  position: absolute; bottom: 30%; left: 50%; width: 120px; height: 80px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a2a10 0%, #2d1708 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.7);
  animation: rr-altar 8s ease-in-out infinite;
}
.scn-redemption-recorded .ganesh-silhouette {
  position: absolute; bottom: 38%; left: 50%; width: 64px; height: 80px;
  transform: translateX(-50%);
  background: #c8553d;
  border-radius: 50% 50% 40% 40% / 50% 50% 40% 40%;
  clip-path: polygon(0% 30%, 20% 0%, 80% 0%, 100% 30%, 95% 50%, 80% 60%, 60% 90%, 40% 90%, 20% 60%, 5% 50%);
  animation: rr-breathe 6s ease-in-out infinite;
}
.scn-redemption-recorded .lamp-glow {
  position: absolute; bottom: 42%; left: 45%; width: 12px; height: 12px;
  background: radial-gradient(circle, #ffd080 0%, #b07028 70%);
  border-radius: 50%;
  box-shadow: 0 0 28px 8px #b07028, 0 0 60px 20px rgba(176,112,40,0.3);
  animation: rr-flicker 2s ease-in-out infinite alternate;
}
.scn-redemption-recorded .scroll {
  position: absolute; bottom: 30%; left: 35%; width: 40px; height: 16px;
  background: linear-gradient(90deg, #6a4a2a 0%, #8a6a4a 50%, #6a4a2a 100%);
  border-radius: 20%;
  transform: rotate(-10deg);
  animation: rr-scroll 14s ease-in-out infinite;
}
.scn-redemption-recorded .shadow-figure {
  position: absolute; bottom: 30%; left: 38%; width: 18px; height: 32px;
  background: #0a0604;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: rr-pray 5s ease-in-out infinite;
}
@keyframes rr-shift { 0% { opacity: 0.7; } 50% { opacity: 0.85; } 100% { opacity: 0.7; } }
@keyframes rr-altar { 0%,100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.02) translateY(-2px); } }
@keyframes rr-breathe { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.05); } 100% { transform: translateX(-50%) scaleY(1); } }
@keyframes rr-flicker { 0% { box-shadow: 0 0 24px 6px #b07028, 0 0 50px 14px rgba(176,112,40,0.2); opacity: 0.8; } 50% { box-shadow: 0 0 36px 12px #ffd080, 0 0 80px 24px rgba(255,208,128,0.4); opacity: 1; } 100% { box-shadow: 0 0 28px 8px #b07028, 0 0 60px 18px rgba(176,112,40,0.25); opacity: 0.9; } }
@keyframes rr-scroll { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-12deg) translateY(-1px); } 100% { transform: rotate(-10deg) translateY(0); } }
@keyframes rr-pray { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-2px) rotate(-3deg); } 50% { transform: translateX(-4px) rotate(0); } 75% { transform: translateX(-2px) rotate(3deg); } 100% { transform: translateX(0) rotate(0); } }

.scn-well-of-knowledge {
  background:
    linear-gradient(180deg, #a7c8db 0%, #d4e4f0 40%, #f0e6c0 100%),
    radial-gradient(ellipse at 50% 30%, #ffe49e 0%, transparent 70%);
}
.scn-well-of-knowledge .sky-backdrop {
  position: absolute; left: 0; top: 0; width: 100%; height: 60%;
  background: linear-gradient(180deg, #6ba4c8 0%, #a7c8db 100%);
  animation: wok-sky 18s ease-in-out infinite alternate;
}
.scn-well-of-knowledge .temple-dome {
  position: absolute; bottom: 40%; left: 50%; width: 160px; height: 120px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse 130% 100% at 50% 100%, transparent 50%, #c8b488 51%, #e0c898 60%, #c8b488 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 -10px 30px rgba(200,180,136,0.6);
}
.scn-well-of-knowledge .bull-sculpture {
  position: absolute; bottom: 35%; left: 50%; width: 80px; height: 60px;
  transform: translateX(-50%);
  background: #2a2a2a;
  border-radius: 40% 30% 0% 0%/ 50% 40% 0% 0%;
  clip-path: polygon(10% 20%, 30% 0%, 70% 0%, 90% 20%, 100% 40%, 95% 80%, 80% 100%, 20% 100%, 5% 80%, 0% 40%);
  animation: wok-bull 8s ease-in-out infinite;
}
.scn-well-of-knowledge .bull-base {
  position: absolute; bottom: 35%; left: 50%; width: 100px; height: 10px;
  transform: translateX(-50%);
  background: #3a3a3a;
  border-radius: 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-well-of-knowledge .golden-glow {
  position: absolute; bottom: 40%; left: 40%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe49e 0%, #d4a14e 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #d4a14e, 0 0 80px 40px rgba(212,161,78,0.3);
  animation: wok-glow 5s ease-in-out infinite alternate;
}
.scn-well-of-knowledge .pilgrim-path {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, #b8a080 0%, #d4c0a0 30%, transparent 100%);
}
.scn-well-of-knowledge .water-reflect {
  position: absolute; bottom: 5%; left: 20%; width: 60%; height: 30%;
  background: linear-gradient(180deg, rgba(180,200,220,0.4) 0%, transparent 100%);
  backdrop-filter: blur(2px);
  animation: wok-water 12s ease-in-out infinite alternate;
}
@keyframes wok-sky { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes wok-bull { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.03) translateY(-2px); } 100% { transform: translateX(-50%) scale(0.98); } }
@keyframes wok-glow { 0% { box-shadow: 0 0 30px 12px #d4a14e, 0 0 60px 30px rgba(212,161,78,0.2); opacity: 0.8; } 50% { box-shadow: 0 0 50px 20px #ffe49e, 0 0 100px 50px rgba(255,228,158,0.4); opacity: 1; } 100% { box-shadow: 0 0 35px 14px #d4a14e, 0 0 70px 35px rgba(212,161,78,0.25); opacity: 0.9; } }
@keyframes wok-water { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(2px); } }

.scn-salvation-water {
  background:
    linear-gradient(180deg, #fbe3a0 0%, #f0c060 40%, #b08030 100%),
    radial-gradient(ellipse at 50% 20%, #ffdd88 0%, transparent 70%);
}
.scn-salvation-water .sun-rays {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  background: repeating-linear-gradient(45deg, transparent 0%, transparent 4%, rgba(255,230,150,0.2) 4%, rgba(255,230,150,0.2) 6%);
  animation: sw-rays 20s linear infinite;
}
.scn-salvation-water .folk-silhouettes {
  position: absolute; bottom: 15%; left: 10%; width: 80%; height: 40%;
  background: radial-gradient(ellipse 120% 100% at 50% 100%, #1a0e06 0%, transparent 70%);
  clip-path: polygon(0% 30%, 10% 0%, 20% 10%, 30% 0%, 40% 20%, 50% 0%, 60% 15%, 70% 5%, 80% 20%, 90% 0%, 100% 30%, 100% 100%, 0% 100%);
  animation: sw-bow 10s ease-in-out infinite alternate;
}
.scn-salvation-water .vessel-large {
  position: absolute; bottom: 20%; left: 50%; width: 100px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #a06020 0%, #704010 100%);
  border-radius: 0 0 30% 30% / 0 0 50% 50%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}
.scn-salvation-water .water-splash {
  position: absolute; bottom: 20%; left: 40%; width: 30px; height: 20px;
  background: radial-gradient(circle, #b0d8f0 0%, transparent 70%);
  border-radius: 50%;
  animation: sw-splash 3s ease-out infinite;
}
.scn-salvation-water .ladle {
  position: absolute; bottom: 25%; left: 55%; width: 14px; height: 30px;
  background: #6a4a2a;
  border-radius: 20% 20% 40% 40%;
  transform: rotate(20deg);
  animation: sw-ladle 5s ease-in-out infinite alternate;
}
.scn-salvation-water .glimmer-sparkle {
  position: absolute; bottom: 22%; left: 45%; width: 6px; height: 6px;
  background: radial-gradient(circle, #ffffff 0%, #e0f0ff 50%, transparent);
  box-shadow: 0 0 20px 10px rgba(255,255,255,0.6);
  animation: sw-sparkle 2s ease-in-out infinite alternate;
}
.scn-salvation-water .ground-warm {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, #805020 0%, #a06030 40%, transparent 100%);
}
.scn-salvation-water .horizon-haze {
  position: absolute; left: 0; top: 5%; width: 100%; height: 40%;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,230,150,0.3) 0%, transparent 70%);
  animation: sw-haze 15s ease-in-out infinite alternate;
}
@keyframes sw-rays { 0% { background-position: 0 0; } 100% { background-position: 200% 0; } }
@keyframes sw-bow { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.04); } 100% { transform: translateY(2px) scaleY(0.98); } }
@keyframes sw-splash { 0% { transform: scale(0.5); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.6; } 100% { transform: scale(2); opacity: 0; } }
@keyframes sw-ladle { 0% { transform: rotate(15deg) translateY(0); } 50% { transform: rotate(25deg) translateY(-3px); } 100% { transform: rotate(20deg) translateY(0); } }
@keyframes sw-sparkle { 0% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } 100% { opacity: 0.7; transform: scale(1); } }
@keyframes sw-haze { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.6; } }

.scn-itinerary-logic {
  background:
    linear-gradient(180deg, #1e1a1a 0%, #2a2018 50%, #3a2a18 100%),
    radial-gradient(ellipse at 50% 30%, #3a2a18 0%, transparent 70%);
}
.scn-itinerary-logic .pillar-left {
  position: absolute; left: 5%; top: 0; width: 8%; height: 100%;
  background: linear-gradient(90deg, #2a1e12 0%, #3a2a1a 30%, #2a1e12 100%);
  box-shadow: 4px 0 12px rgba(0,0,0,0.5);
  animation: il-pillar 14s ease-in-out infinite alternate;
}
.scn-itinerary-logic .pillar-right {
  position: absolute; right: 5%; top: 0; width: 8%; height: 100%;
  background: linear-gradient(270deg, #2a1e12 0%, #3a2a1a 30%, #2a1e12 100%);
  box-shadow: -4px 0 12px rgba(0,0,0,0.5);
  animation: il-pillar 14s ease-in-out infinite alternate-reverse;
}
.scn-itinerary-logic .arch-roof {
  position: absolute; top: 0; left: 5%; right: 5%; height: 15%;
  background: radial-gradient(ellipse 120% 100% at 50% 100%, transparent 40%, #3a2a1a 41%, #2a1e12 100%);
  border-radius: 0 0 50% 50%;
  animation: il-arch 18s ease-in-out infinite alternate;
}
.scn-itinerary-logic .stone-path {
  position: absolute; bottom: 0; left: 18%; right: 18%; height: 25%;
  background: repeating-linear-gradient(90deg, #4a3a2a 0px, #4a3a2a 10px, #5a4a3a 10px, #5a4a3a 12px, #3a2a1a 12px, #3a2a1a 14px);
  border-radius: 20% 20% 0 0;
  animation: il-path 20s linear infinite;
}
.scn-itinerary-logic .figure-forward {
  position: absolute; bottom: 22%; left: 30%; width: 16px; height: 30px;
  background: #0a0604;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: il-walk-f 3s ease-in-out infinite;
}
.scn-itinerary-logic .figure-behind {
  position: absolute; bottom: 20%; left: 50%; width: 14px; height: 26px;
  background: #0a0604;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: il-walk-b 4s ease-in-out infinite 1s;
}
.scn-itinerary-logic .doorway-arch {
  position: absolute; bottom: 5%; left: 50%; width: 60px; height: 80px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse 140% 100% at 50% 100%, transparent 40%, #1a120a 41%);
  border-radius: 50% 50% 0 0;
  box-shadow: inset 0 -20px 30px rgba(0,0,0,0.6);
  animation: il-door 12s ease-in-out infinite alternate;
}
.scn-itinerary-logic .lamp-string {
  position: absolute; top: 20%; left: 10%; right: 10%; height: 4px;
  background: repeating-linear-gradient(90deg, transparent 0px, transparent 40px, #a08040 40px, #a08040 42px, transparent 42px, transparent 80px);
  animation: il-lamps 6s ease-in-out infinite alternate;
}
@keyframes il-pillar { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.75; } }
@keyframes il-arch { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(0.98); } }
@keyframes il-path { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } }
@keyframes il-walk-f { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(3px) rotate(2deg); } 50% { transform: translateX(6px) rotate(-1deg); } 75% { transform: translateX(9px) rotate(1deg); } 100% { transform: translateX(12px) rotate(0); } }
@keyframes il-walk-b { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-2px) rotate(-2deg); } 50% { transform: translateX(-4px) rotate(1deg); } 75% { transform: translateX(-6px) rotate(-1deg); } 100% { transform: translateX(-8px) rotate(0); } }
@keyframes il-door { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes il-lamps { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }

.scn-deserts-no-speech {
  background: 
    linear-gradient(135deg, #2a1e12 0%, #3b2a1a 40%, #4a3520 100%),
    radial-gradient(ellipse at 30% 80%, #5a4030 0%, transparent 60%);
}

.scn-deserts-no-speech .ds1-wall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #3b2a1a, #2a1e12);
  opacity: 0.6;
  animation: ds1-wallpulse 8s ease-in-out infinite alternate;
}

.scn-deserts-no-speech .ds1-window {
  position: absolute; top: 25%; left: 25%; width: 50%; height: 50%;
  background: linear-gradient(135deg, #6a5540 0%, #4a3828 100%);
  border-radius: 10% / 8%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
  animation: ds1-windowglow 12s ease-in-out infinite;
}

.scn-deserts-no-speech .ds1-dunes {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 35%;
  background: radial-gradient(ellipse at 50% 100%, #b8956a 0%, #6a4f35 70%, #3b2a1a 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  transform-origin: bottom center;
  animation: ds1-dunesway 20s ease-in-out infinite alternate;
}

.scn-deserts-no-speech .ds1-figure {
  position: absolute; bottom: 30%; left: 40%; width: 12%; height: 25%;
  background: linear-gradient(180deg, #2a1e12 0%, #1a120a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ds1-figmove 6s ease-in-out infinite;
}

.scn-deserts-no-speech .ds1-candle {
  position: absolute; bottom: 45%; left: 45%; width: 4%; height: 6%;
  background: linear-gradient(180deg, #f0c8a0 0%, #c09060 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 30px 8px rgba(240,200,160,0.5);
  animation: ds1-candleflicker 2s ease-in-out infinite alternate;
}

.scn-deserts-no-speech .ds1-glow {
  position: absolute; bottom: 40%; left: 38%; width: 20%; height: 30%;
  background: radial-gradient(circle, rgba(240,200,160,0.3) 0%, transparent 70%);
  filter: blur(4px);
  animation: ds1-glowpulse 4s ease-in-out infinite alternate;
}

@keyframes ds1-wallpulse {
  0% { opacity: 0.5; }
  50% { opacity: 0.7; }
  100% { opacity: 0.6; }
}
@keyframes ds1-windowglow {
  0% { box-shadow: inset 0 0 20px rgba(0,0,0,0.6), 0 0 10px rgba(200,180,140,0.1); }
  50% { box-shadow: inset 0 0 30px rgba(0,0,0,0.4), 0 0 20px rgba(200,180,140,0.2); }
  100% { box-shadow: inset 0 0 20px rgba(0,0,0,0.6), 0 0 10px rgba(200,180,140,0.1); }
}
@keyframes ds1-dunesway {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(0.98); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes ds1-figmove {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(8px) rotate(-2deg) scale(0.99); }
  66% { transform: translateX(-4px) rotate(1deg) scale(1.01); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ds1-candleflicker {
  0% { box-shadow: 0 0 25px 6px rgba(240,200,160,0.5); opacity: 0.9; }
  50% { box-shadow: 0 0 35px 10px rgba(255,220,180,0.7); opacity: 1; }
  100% { box-shadow: 0 0 28px 8px rgba(240,200,160,0.5); opacity: 0.9; }
}
@keyframes ds1-glowpulse {
  0% { transform: scale(0.9); opacity: 0.6; }
  100% { transform: scale(1.1); opacity: 0.9; }
}

/* ------------------------------ */

.scn-indian-village-mud {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b896 30%, #a08060 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%);
}

.scn-indian-village-mud .ivm-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #ffe0a0 0%, #f0c080 100%);
  animation: ivm-skyglow 15s ease-in-out infinite alternate;
}

.scn-indian-village-mud .ivm-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: radial-gradient(ellipse at 50% 100%, #b08050 0%, #7a5a30 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  animation: ivm-groundbreathe 20s ease-in-out infinite alternate;
}

.scn-indian-village-mud .ivm-wall {
  position: absolute; bottom: 25%; left: 20%; right: 20%; height: 30%;
  background: linear-gradient(180deg, #6a4a2a 0%, #5a3a1a 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  animation: ivm-wallshimmer 10s ease-in-out infinite;
}

.scn-indian-village-mud .ivm-hut1 {
  position: absolute; bottom: 28%; left: 30%; width: 18%; height: 20%;
  background: radial-gradient(ellipse at 50% 100%, #8a5a2a 0%, #4a2a10 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(-2deg);
  animation: ivm-hutsway 8s ease-in-out infinite;
}

.scn-indian-village-mud .ivm-hut2 {
  position: absolute; bottom: 30%; left: 50%; width: 15%; height: 18%;
  background: radial-gradient(ellipse at 50% 100%, #7a4a20 0%, #3a1a08 100%);
  border-radius: 20% 20% 8% 8%;
  transform: rotate(1deg);
  animation: ivm-hutsway 8s ease-in-out infinite 1s;
}

.scn-indian-village-mud .ivm-hut3 {
  position: absolute; bottom: 26%; left: 67%; width: 12%; height: 16%;
  background: radial-gradient(ellipse at 50% 100%, #9a6a3a 0%, #5a2a10 100%);
  border-radius: 15% 15% 5% 5%;
  transform: rotate(-1deg);
  animation: ivm-hutsway 8s ease-in-out infinite 2s;
}

.scn-indian-village-mud .ivm-sun {
  position: absolute; top: 10%; left: 70%; width: 12%; height: 12%;
  background: radial-gradient(circle, #fff0c0 0%, #ffd080 40%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
  animation: ivm-sunpulse 6s ease-in-out infinite alternate;
}

@keyframes ivm-skyglow {
  0% { opacity: 0.9; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.05); }
  100% { opacity: 0.92; filter: brightness(0.98); }
}
@keyframes ivm-groundbreathe {
  0% { transform: scale(1); }
  50% { transform: scale(1.005) translateY(-2px); }
  100% { transform: scale(1); }
}
@keyframes ivm-wallshimmer {
  0% { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
  50% { box-shadow: 0 12px 30px rgba(0,0,0,0.2); }
  100% { box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
}
@keyframes ivm-hutsway {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(0deg); }
}
@keyframes ivm-sunpulse {
  0% { transform: scale(0.95); opacity: 0.8; }
  100% { transform: scale(1.05); opacity: 1; }
}

/* ------------------------------ */

.scn-village-temples-tombs {
  background:
    linear-gradient(180deg, #e8d4b0 0%, #c8a880 40%, #907050 100%),
    radial-gradient(ellipse at 50% 0%, #f0e0c0 0%, transparent 60%);
}

.scn-village-temples-tombs .vtt-sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #ffe8cc 0%, #d4b890 100%);
  animation: vtt-skyfade 16s ease-in-out infinite alternate;
}

.scn-village-temples-tombs .vtt-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: radial-gradient(ellipse at 50% 100%, #9a7a50 0%, #6a4a28 100%);
  border-radius: 40% 60% 0 0 / 70% 80% 0 0;
  animation: vtt-groundundulate 22s ease-in-out infinite alternate;
}

.scn-village-temples-tombs .vtt-temple {
  position: absolute; bottom: 30%; left: 40%; width: 20%; height: 25%;
  background: linear-gradient(180deg, #c8a880 0%, #907050 100%);
  border-radius: 20% 20% 5% 5%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transform: rotate(-1deg);
  animation: vtt-templehover 12s ease-in-out infinite;
}

.scn-village-temples-tombs .vtt-temple::after {
  content: '';
  position: absolute; top: -15%; left: 20%; width: 60%; height: 20%;
  background: linear-gradient(180deg, #b09870 0%, #c8a880 100%);
  border-radius: 50% 50% 0 0;
  transform: scaleX(0.8);
}

.scn-village-temples-tombs .vtt-tomb1 {
  position: absolute; bottom: 25%; left: 15%; width: 10%; height: 14%;
  background: linear-gradient(180deg, #a08060 0%, #6a4a28 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.4);
  animation: vtt-tombrock 20s ease-in-out infinite;
}

.scn-village-temples-tombs .vtt-tomb2 {
  position: absolute; bottom: 28%; right: 20%; width: 8%; height: 12%;
  background: linear-gradient(180deg, #8a6a48 0%, #5a3a1a 100%);
  border-radius: 30% 30% 10% 10%;
  transform: rotate(3deg);
  animation: vtt-tombrock 20s ease-in-out infinite 3s;
}

.scn-village-temples-tombs .vtt-tree {
  position: absolute; bottom: 25%; left: 70%; width: 10%; height: 20%;
  background: radial-gradient(ellipse at 50% 100%, #5a7a3a 0%, #3a5a1a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform: scaleX(0.5);
  animation: vtt-treesway 10s ease-in-out infinite;
}

@keyframes vtt-skyfade {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.88; }
}
@keyframes vtt-groundundulate {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes vtt-templehover {
  0%,100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-4px) rotate(-1deg); }
}
@keyframes vtt-tombrock {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-2deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(2deg); }
  100% { transform: rotate(0deg); }
}
@keyframes vtt-treesway {
  0% { transform: translateY(0) scaleX(0.5) rotate(0deg); }
  50% { transform: translateY(-2px) scaleX(0.5) rotate(3deg); }
  100% { transform: translateY(0) scaleX(0.5) rotate(0deg); }
}

/* ------------------------------ */

.scn-village-servants-list {
  background:
    linear-gradient(180deg, #1a1410 0%, #2a2018 40%, #3a3028 100%),
    radial-gradient(ellipse at 50% 100%, #4a3828 0%, transparent 70%);
}

.scn-village-servants-list .vsl-wall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #2a2018, #1a1410);
  opacity: 0.7;
  animation: vsl-wallfade 10s ease-in-out infinite alternate;
}

.scn-village-servants-list .vsl-board {
  position: absolute; top: 30%; left: 30%; width: 40%; height: 30%;
  background: linear-gradient(135deg, #4a3828 0%, #6a4a30 100%);
  border-radius: 5% 5% 8% 8%;
  box-shadow: 0 0 30px rgba(200,150,80,0.5);
  animation: vsl-boardglow 6s ease-in-out infinite;
}

.scn-village-servants-list .vsl-board::after {
  content: '';
  position: absolute; top: 10%; left: 10%; width: 80%; height: 80%;
  background: repeating-linear-gradient(90deg, #a08060 0px, #a08060 2px, transparent 2px, transparent 6px);
  opacity: 0.6;
  animation: vsl-listmove 12s linear infinite;
}

.scn-village-servants-list .vsl-scribe {
  position: absolute; bottom: 20%; left: 38%; width: 10%; height: 25%;
  background: linear-gradient(180deg, #3a2a20 0%, #1a120a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: vsl-scribebend 8s ease-in-out infinite;
}

.scn-village-servants-list .vsl-basket {
  position: absolute; bottom: 22%; left: 28%; width: 12%; height: 12%;
  background: radial-gradient(ellipse at 50% 100%, #6a4a30 0%, #3a2818 100%);
  border-radius: 20% 20% 30% 30%;
  transform: rotate(15deg);
  animation: vsl-basketrock 14s ease-in-out infinite alternate;
}

.scn-village-servants-list .vsl-brazier {
  position: absolute; bottom: 15%; left: 55%; width: 8%; height: 10%;
  background: linear-gradient(180deg, #a06030 0%, #6a3a18 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 40px 10px rgba(200,100,30,0.4);
  animation: vsl-brazierburn 3s ease-in-out infinite alternate;
}

.scn-village-servants-list .vsl-lamp {
  position: absolute; top: 15%; right: 20%; width: 5%; height: 8%;
  background: radial-gradient(circle, #ffd080 0%, #b08040 60%, transparent 80%);
  border-radius: 50%;
  filter: blur(1px);
  animation: vsl-lamphover 5s ease-in-out infinite;
}

@keyframes vsl-wallfade {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.65; }
}
@keyframes vsl-boardglow {
  0% { box-shadow: 0 0 30px rgba(200,150,80,0.5); }
  50% { box-shadow: 0 0 50px rgba(220,170,90,0.7); }
  100% { box-shadow: 0 0 30px rgba(200,150,80,0.5); }
}
@keyframes vsl-listmove {
  0% { background-position: 0 0; }
  100% { background-position: 20px 0; }
}
@keyframes vsl-scribebend {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(10px) rotate(-5deg) scale(0.97); }
}
@keyframes vsl-basketrock {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(20deg); }
  100% { transform: rotate(10deg); }
}
@keyframes vsl-brazierburn {
  0% { box-shadow: 0 0 30px 8px rgba(200,100,30,0.3); opacity: 0.9; }
  100% { box-shadow: 0 0 50px 15px rgba(240,140,40,0.6); opacity: 1; }
}
@keyframes vsl-lamphover {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.05); }
  100% { transform: translateY(0) scale(1); }
}

/* ----- handcar-flight (tense, sunlit) ----- */
.scn-handcar-flight {
  background: linear-gradient(180deg, #f7d98e 0%, #e8a844 50%, #b36b2e 100%), radial-gradient(ellipse at 50% 100%, #b36b2e 0%, transparent 70%);
}
.scn-handcar-flight .sky {
  position: absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #fce38a 0%, #f4b942 100%);
  animation: hf-sky 8s ease-in-out infinite alternate;
}
.scn-handcar-flight .mountain-bg {
  position: absolute; bottom:40%; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #7a5d3e 0%, #4f3422 100%);
  clip-path: polygon(0% 100%, 20% 40%, 40% 100%, 60% 30%, 80% 100%, 100% 50%, 100% 100%);
  animation: hf-mtn 12s ease-in-out infinite alternate;
}
.scn-handcar-flight .mountain-fg {
  position: absolute; bottom:20%; left:0; right:0; height:35%;
  background: linear-gradient(180deg, #5a3f2a 0%, #2c1f14 100%);
  clip-path: polygon(0% 100%, 10% 60%, 30% 100%, 50% 50%, 70% 100%, 90% 70%, 100% 100%);
  animation: hf-mtn 14s ease-in-out infinite alternate-reverse;
}
.scn-handcar-flight .track {
  position: absolute; bottom:18%; left:0; right:0; height:4%;
  background: linear-gradient(90deg, #3a2a1a 0%, #5a4a3a 50%, #3a2a1a 100%);
  animation: hf-track 3s linear infinite;
}
.scn-handcar-flight .handcar {
  position: absolute; bottom:14%; left:30%; width:12%; height:10%;
  background: linear-gradient(90deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,.6);
  animation: hf-handcar 3s ease-in-out infinite;
}
.scn-handcar-flight .figure-a,
.scn-handcar-flight .figure-b {
  position: absolute; bottom:14%; width:6%; height:14%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hf-figure 3s ease-in-out infinite;
}
.scn-handcar-flight .figure-a { left:34%; animation-delay: 0s; }
.scn-handcar-flight .figure-b { left:38%; animation-delay: 0.15s; }
.scn-handcar-flight .motion-l,
.scn-handcar-flight .motion-r {
  position: absolute; bottom:22%; height:2%; width:40%;
  background: linear-gradient(90deg, transparent 0%, #f4d78c 40%, transparent 100%);
  filter: blur(2px);
  animation: hf-motion 1.5s linear infinite;
}
.scn-handcar-flight .motion-l { left:0%; animation-delay: 0s; }
.scn-handcar-flight .motion-r { right:0%; animation-delay: 0.75s; }

@keyframes hf-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes hf-mtn { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(1px) } }
@keyframes hf-track { 0% { background-position: 0% 0% } 100% { background-position: 200% 0% } }
@keyframes hf-handcar { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3%) rotate(-1deg) } 50% { transform: translateX(6%) rotate(0deg) } 75% { transform: translateX(9%) rotate(1deg) } 100% { transform: translateX(12%) rotate(0deg) } }
@keyframes hf-figure { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(2deg) } 75% { transform: translateY(-2px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes hf-motion { 0% { opacity:0; transform: scaleX(0.5) } 50% { opacity:0.6; transform: scaleX(1.2) } 100% { opacity:0; transform: scaleX(0.5) } }

/* ----- gladstone-cliff (warm, sunlit) ----- */
.scn-gladstone-cliff {
  background: linear-gradient(180deg, #f9d78c 0%, #e8b86a 40%, #c89540 100%), radial-gradient(ellipse at 50% 100%, #c89540 0%, transparent 70%);
}
.scn-gladstone-cliff .sky {
  position: absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #fce38a 0%, #e8b86a 100%);
  animation: gc-sky 15s ease-in-out infinite alternate;
}
.scn-gladstone-cliff .sun {
  position: absolute; top:8%; right:20%; width:10%; height:10%;
  background: radial-gradient(circle, #fff5cc 0%, #f9d78c 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(249,215,140,.4);
  animation: gc-sun 10s ease-in-out infinite alternate;
}
.scn-gladstone-cliff .cliff-far {
  position: absolute; bottom:30%; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  clip-path: polygon(0% 100%, 15% 30%, 35% 100%, 55% 20%, 75% 100%, 100% 35%);
  animation: gc-cliff 12s ease-in-out infinite alternate;
}
.scn-gladstone-cliff .cliff-near {
  position: absolute; bottom:10%; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  clip-path: polygon(0% 100%, 20% 50%, 40% 100%, 60% 40%, 80% 100%, 100% 60%);
  animation: gc-cliff 14s ease-in-out infinite alternate-reverse;
}
.scn-gladstone-cliff .bush {
  position: absolute; bottom:25%; left:15%; width:10%; height:8%;
  background: radial-gradient(ellipse at 50% 100%, #5a7a3a 0%, #2a4a1a 100%);
  border-radius: 50% 50% 0 0;
  animation: gc-bush 8s ease-in-out infinite;
}
.scn-gladstone-cliff .train {
  position: absolute; bottom:28%; right:5%; width:15%; height:6%;
  background: linear-gradient(90deg, #3a2a1a 0%, #5a3a2a 50%, #3a2a1a 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
  animation: gc-train 20s linear infinite;
}
.scn-gladstone-cliff .bird-a,
.scn-gladstone-cliff .bird-b {
  position: absolute; top:20%; width:6%; height:3%;
  background: #2a2a2a;
  clip-path: polygon(0% 50%, 30% 0%, 70% 50%, 100% 0%, 70% 50%, 30% 100%, 0% 50%);
  animation: gc-bird 6s ease-in-out infinite;
}
.scn-gladstone-cliff .bird-a { left:10%; animation-delay: 0s; }
.scn-gladstone-cliff .bird-b { left:25%; animation-delay: 2s; }

@keyframes gc-sky { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes gc-sun { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(0.95) } }
@keyframes gc-cliff { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(1px) } }
@keyframes gc-bush { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } 100% { transform: scaleY(0.95) } }
@keyframes gc-train { 0% { transform: translateX(0) } 100% { transform: translateX(-120vw) } }
@keyframes gc-bird { 0% { transform: translate(0,0) rotate(0deg) } 25% { transform: translate(10px, -5px) rotate(5deg) } 50% { transform: translate(20px, 0) rotate(0deg) } 75% { transform: translate(30px, -3px) rotate(-5deg) } 100% { transform: translate(40px,0) rotate(0deg) } }

/* ----- banyan-tree (calm, sunlit) ----- */
.scn-banyan-tree {
  background: linear-gradient(180deg, #f7d98e 0%, #d4b06a 50%, #8a7540 100%), radial-gradient(ellipse at 50% 100%, #8a7540 0%, transparent 70%);
}
.scn-banyan-tree .ground {
  position: absolute; bottom:0; left:0; right:0; height:20%;
  background: linear-gradient(180deg, #5a6a3a 0%, #3a4a1a 100%);
  border-radius: 0 0 30% 30% / 0 0 10% 10%;
}
.scn-banyan-tree .trunk {
  position: absolute; bottom:20%; left:45%; width:10%; height:40%;
  background: linear-gradient(90deg, #5a3a2a 0%, #3a2a1a 50%, #5a3a2a 100%);
  border-radius: 20% 20% 10% 10%;
  animation: bt-trunk 12s ease-in-out infinite;
}
.scn-banyan-tree .branch-a,
.scn-banyan-tree .branch-b {
  position: absolute; bottom:45%; left:30%; width:40%; height:6%;
  background: linear-gradient(90deg, #3a2a1a 0%, #5a3a2a 50%, #3a2a1a 100%);
  border-radius: 20% 20% 10% 10%;
  transform-origin: left center;
  animation: bt-branch 15s ease-in-out infinite;
}
.scn-banyan-tree .branch-a { top:35%; left:35%; width:35%; animation-delay: 0s; }
.scn-banyan-tree .branch-b { top:50%; left:25%; width:45%; animation-delay: 3s; }
.scn-banyan-tree .root-a,
.scn-banyan-tree .root-b {
  position: absolute; bottom:20%; width:4%; height:20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 0 0;
  animation: bt-root 18s ease-in-out infinite;
}
.scn-banyan-tree .root-a { left:38%; animation-delay: 0s; }
.scn-banyan-tree .root-b { left:58%; animation-delay: 4s; }
.scn-banyan-tree .canopy {
  position: absolute; top:0; left:10%; width:80%; height:45%;
  background: radial-gradient(ellipse at 50% 50%, #4a7a2a 0%, #2a4a1a 60%, transparent 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  animation: bt-canopy 20s ease-in-out infinite;
}

@keyframes bt-trunk { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(0.98) } }
@keyframes bt-branch { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(2deg) scaleX(1.03) } 100% { transform: rotate(-1deg) scaleX(0.97) } }
@keyframes bt-root { 0% { transform: translateY(0) scaleX(1) } 50% { transform: translateY(-2px) scaleX(1.05) } 100% { transform: translateY(0) scaleX(0.95) } }
@keyframes bt-canopy { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }

/* ----- torch-plant (warm, sunlit) ----- */
.scn-torch-plant {
  background: linear-gradient(180deg, #f9d78c 0%, #e8a844 60%, #c87a2e 100%), radial-gradient(ellipse at 50% 100%, #c87a2e 0%, transparent 70%);
}
.scn-torch-plant .sky {
  position: absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #fce38a 0%, #f4b942 100%);
  animation: tp-sky 12s ease-in-out infinite alternate;
}
.scn-torch-plant .hill {
  position: absolute; bottom:25%; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #6a7a3a 0%, #4a5a2a 100%);
  clip-path: polygon(0% 100%, 30% 60%, 50% 100%, 70% 70%, 100% 100%);
  animation: tp-hill 14s ease-in-out infinite alternate;
}
.scn-torch-plant .stem {
  position: absolute; bottom:25%; left:45%; width:4%; height:35%;
  background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 100%);
  border-radius: 10% 10% 5% 5%;
  animation: tp-stem 8s ease-in-out infinite;
}
.scn-torch-plant .flower {
  position: absolute; bottom:55%; left:40%; width:12%; height:14%;
  background: radial-gradient(ellipse at 50% 60%, #c8553d 0%, #a0461a 60%, #5e1a1d 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 40% 40%;
  box-shadow: 0 0 20px 10px rgba(200,85,61,.3);
  animation: tp-flower 6s ease-in-out infinite;
}
.scn-torch-plant .leaf-l,
.scn-torch-plant .leaf-r {
  position: absolute; bottom:45%; width:8%; height:12%;
  background: linear-gradient(180deg, #4a7a2a 0%, #2a4a1a 100%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  animation: tp-leaf 9s ease-in-out infinite;
}
.scn-torch-plant .leaf-l { left:30%; transform-origin: bottom right; animation-delay: 0s; }
.scn-torch-plant .leaf-r { left:55%; transform-origin: bottom left; animation-delay: 1s; }
.scn-torch-plant .glow {
  position: absolute; bottom:50%; left:38%; width:16%; height:18%;
  background: radial-gradient(circle, #f4d78c 0%, transparent 70%);
  filter: blur(4px);
  animation: tp-glow 4s ease-in-out infinite alternate;
}

@keyframes tp-sky { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes tp-hill { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(1px) } }
@keyframes tp-stem { 0% { transform: rotate(-1deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-0.5deg) } }
@keyframes tp-flower { 0% { transform: scaleY(1) rotate(-2deg) } 50% { transform: scaleY(1.05) rotate(2deg) } 100% { transform: scaleY(0.95) rotate(-1deg) } }
@keyframes tp-leaf { 0% { transform: rotate(0deg) scaleY(1) } 50% { transform: rotate(5deg) scaleY(1.08) } 100% { transform: rotate(-5deg) scaleY(0.92) } }
@keyframes tp-glow { 0% { opacity:.6; transform: scale(1) } 50% { opacity:1; transform: scale(1.2) } 100% { opacity:.7; transform: scale(0.9) } }

/* double-standard */
.scn-double-standard {
  background: linear-gradient(180deg, #2a2a3e 0%, #1c1c2a 50%, #13131a 100%), radial-gradient(ellipse at 50% 0%, #1e1e30 0%, transparent 60%);
}
.scn-double-standard .room-bg {
  position: absolute; inset: 0; background: linear-gradient(135deg, #3a2f2f 0%, #1a1414 100%); animation: ds-room 20s ease-in-out infinite alternate;
}
.scn-double-standard .mirror-frame {
  position: absolute; left: 20%; top: 30%; width: 120px; height: 160px; background: linear-gradient(180deg, #8a7a6a 0%, #4a3a2a 100%); border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.6); animation: ds-mirror 12s ease-in-out infinite alternate;
}
.scn-double-standard .reflection {
  position: absolute; left: 23%; top: 33%; width: 54px; height: 100px; background: linear-gradient(180deg, rgba(60,45,35,0.8) 0%, rgba(30,20,15,0.8) 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; filter: blur(1px); transform: scaleX(-0.9); animation: ds-reflect 8s ease-in-out infinite alternate;
}
.scn-double-standard .figure {
  position: absolute; left: 45%; bottom: 30%; width: 40px; height: 110px; background: linear-gradient(180deg, #2a201c 0%, #0a0808 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ds-figure 6s ease-in-out infinite;
}
.scn-double-standard .lamp {
  position: absolute; right: 25%; top: 50%; width: 20px; height: 30px; background: radial-gradient(circle, #e0b060 0%, #905030 70%); border-radius: 40% 40% 20% 20%; box-shadow: 0 0 30px 6px rgba(224,176,96,0.5); animation: ds-lamp 4s ease-in-out infinite alternate;
}
.scn-double-standard .desk {
  position: absolute; left: 35%; bottom: 22%; width: 160px; height: 20px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: ds-desk 10s ease-in-out infinite;
}
.scn-double-standard .shadow {
  position: absolute; left: 40%; bottom: 18%; width: 60px; height: 8px; background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 100%); filter: blur(3px); animation: ds-shadow 6s ease-in-out infinite alternate;
}
@keyframes ds-room { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes ds-mirror { 0% { transform: rotate(-1deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-0.5deg) } }
@keyframes ds-reflect { 0% { transform: scaleX(-0.9) skewX(0deg) } 50% { transform: scaleX(-0.9) skewX(2deg) } 100% { transform: scaleX(-0.9) skewX(-1deg) } }
@keyframes ds-figure { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 25% { transform: translateX(2px) translateY(-1px) rotate(1deg) } 50% { transform: translateX(4px) translateY(0) rotate(-1deg) } 75% { transform: translateX(2px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(0) } }
@keyframes ds-lamp { 0% { opacity: 0.8; box-shadow: 0 0 20px 4px rgba(224,176,96,0.4) } 100% { opacity: 1; box-shadow: 0 0 40px 10px rgba(224,176,96,0.7) } }
@keyframes ds-desk { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes ds-shadow { 0% { transform: scaleX(1) } 100% { transform: scaleX(1.1) } }

/* sleeman-protest */
.scn-sleeman-protest {
  background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 50%, #06060e 100%), radial-gradient(ellipse at 50% 100%, #1a1a3a 0%, transparent 70%);
}
.scn-sleeman-protest .tomb-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #2a223a 0%, #0e0a18 100%); animation: sp-bg 16s ease-in-out infinite alternate;
}
.scn-sleeman-protest .arch {
  position: absolute; left: 20%; top: 10%; width: 60%; height: 50%; background: radial-gradient(ellipse at 50% 100%, #4a3a5a 0%, #1a122a 100%); border-radius: 50% 50% 0 0 / 80% 80% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,0.6); animation: sp-arch 20s ease-in-out infinite alternate;
}
.scn-sleeman-protest .tombstone {
  position: absolute; left: 35%; bottom: 20%; width: 30%; height: 30%; background: linear-gradient(180deg, #8a7a6a 0%, #3a2a1a 100%); border-radius: 10% 10% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,0.6); animation: sp-tomb 12s ease-in-out infinite;
}
.scn-sleeman-protest .figure-protest {
  position: absolute; left: 28%; bottom: 30%; width: 30px; height: 80px; background: linear-gradient(180deg, #1a1418 0%, #0a080a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sp-protest 5s ease-in-out infinite;
}
.scn-sleeman-protest .dancer {
  position: absolute; right: 30%; bottom: 30%; width: 24px; height: 60px; background: linear-gradient(180deg, #2a202a 0%, #0e0a0e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity: 0.7; animation: sp-dance 4s ease-in-out infinite;
}
.scn-sleeman-protest .lantern {
  position: absolute; left: 45%; top: 20%; width: 12px; height: 18px; background: radial-gradient(circle, #c0a060 0%, #704030 70%); border-radius: 30% 30% 20% 20%; box-shadow: 0 0 30px 8px rgba(192,160,96,0.5); animation: sp-lantern 3s ease-in-out infinite alternate;
}
.scn-sleeman-protest .curtain {
  position: absolute; left: 10%; top: 0; width: 15%; height: 100%; background: linear-gradient(180deg, #5a4a5a 0%, #2a1a2a 100%); border-radius: 0 20% 0 0; filter: blur(2px); animation: sp-curtain 10s ease-in-out infinite alternate;
}
@keyframes sp-bg { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.7 } }
@keyframes sp-arch { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(0.98) } }
@keyframes sp-tomb { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes sp-protest { 0% { transform: rotate(0deg) translateY(0) } 25% { transform: rotate(-5deg) translateY(-2px) } 50% { transform: rotate(0deg) translateY(0) } 75% { transform: rotate(5deg) translateY(-2px) } 100% { transform: rotate(0deg) translateY(0) } }
@keyframes sp-dance { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(3px) rotate(-10deg) } 50% { transform: translateX(0) rotate(0) } 75% { transform: translateX(-3px) rotate(10deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes sp-lantern { 0% { opacity: 0.8; box-shadow: 0 0 20px 4px rgba(192,160,96,0.4) } 100% { opacity: 1; box-shadow: 0 0 40px 10px rgba(192,160,96,0.7) } }
@keyframes sp-curtain { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } 100% { transform: scaleX(0.95) } }

/* departure-from-god */
.scn-departure-from-god {
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%, #ffd700 100%), radial-gradient(ellipse at 50% 0%, #fff8dc 0%, transparent 80%);
}
.scn-departure-from-god .sky {
  position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #b0d4f1 0%, #87ceeb 100%); animation: dg-sky 30s ease-in-out infinite alternate;
}
.scn-departure-from-god .gate {
  position: absolute; left: 20%; bottom: 20%; width: 60%; height: 50%; background: linear-gradient(180deg, #d2b48c 0%, #a0522d 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: 0 8px 20px rgba(0,0,0,0.3); animation: dg-gate 15s ease-in-out infinite alternate;
}
.scn-departure-from-god .god {
  position: absolute; left: 38%; bottom: 30%; width: 24%; height: 30%; background: radial-gradient(ellipse, #ffa500 0%, #8b4500 70%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; filter: blur(2px); animation: dg-god 10s ease-in-out infinite alternate;
}
.scn-departure-from-god .rajah {
  position: absolute; left: 30%; bottom: 10%; width: 20px; height: 40px; background: linear-gradient(180deg, #1a1a1a 0%, #000 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: dg-rajah 8s ease-in-out infinite;
}
.scn-departure-from-god .group {
  position: absolute; left: 55%; bottom: 10%; width: 60px; height: 80px; background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity: 0.8; transform: scaleX(0.7); animation: dg-group 12s ease-in-out infinite;
}
.scn-departure-from-god .sun {
  position: absolute; right: 10%; top: 10%; width: 40px; height: 40px; background: radial-gradient(circle, #fff8dc 0%, #ffd700 60%); border-radius: 50%; box-shadow: 0 0 50px 15px rgba(255,215,0,0.6); animation: dg-sun 6s ease-in-out infinite alternate;
}
.scn-departure-from-god .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #cd853f 0%, #8b4513 100%); border-radius: 30% 30% 0 0; animation: dg-ground 20s ease-in-out infinite alternate;
}
.scn-departure-from-god .shadow {
  position: absolute; left: 35%; bottom: 12%; width: 30px; height: 6px; background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 100%); filter: blur(2px); animation: dg-shadow 8s ease-in-out infinite alternate;
}
@keyframes dg-sky { 0% { background: linear-gradient(180deg, #b0d4f1, #87ceeb) } 50% { background: linear-gradient(180deg, #c0e0ff, #a0c4f0) } 100% { background: linear-gradient(180deg, #b0d4f1, #87ceeb) } }
@keyframes dg-gate { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(0.98) } }
@keyframes dg-god { 0% { opacity: 0.7; transform: scale(0.95) } 50% { opacity: 1; transform: scale(1.05) } 100% { opacity: 0.8; transform: scale(0.98) } }
@keyframes dg-rajah { 0% { transform: rotate(0deg) translateY(0) } 25% { transform: rotate(-3deg) translateY(-1px) } 50% { transform: rotate(0deg) translateY(0) } 75% { transform: rotate(3deg) translateY(-1px) } 100% { transform: rotate(0deg) translateY(0) } }
@keyframes dg-group { 0% { transform: scaleX(0.7) translateX(0) } 50% { transform: scaleX(0.7) translateX(4px) } 100% { transform: scaleX(0.7) translateX(-2px) } }
@keyframes dg-sun { 0% { box-shadow: 0 0 40px 10px rgba(255,215,0,0.5); opacity: 0.9 } 100% { box-shadow: 0 0 60px 20px rgba(255,215,0,0.8); opacity: 1 } }
@keyframes dg-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes dg-shadow { 0% { transform: scaleX(1) } 100% { transform: scaleX(1.2) } }

/* calcutta-arrival */
.scn-calcutta-arrival {
  background: linear-gradient(180deg, #87ceeb 0%, #f5deb3 60%, #daa520 100%), radial-gradient(ellipse at 50% 0%, #fff8dc 0%, transparent 70%);
}
.scn-calcutta-arrival .sky {
  position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #b0d4f1 0%, #87ceeb 100%); animation: ca-sky 40s ease-in-out infinite alternate;
}
.scn-calcutta-arrival .station-bg {
  position: absolute; left: 10%; top: 20%; width: 80%; height: 50%; background: linear-gradient(180deg, #cd853f 0%, #8b4513 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,0.4); animation: ca-station 18s ease-in-out infinite alternate;
}
.scn-calcutta-arrival .train {
  position: absolute; left: -10%; bottom: 30%; width: 30%; height: 20%; background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius: 20% 10% 10% 20%; box-shadow: 0 4px 10px rgba(0,0,0,0.5); animation: ca-train 8s ease-in-out infinite;
}
.scn-calcutta-arrival .platform {
  position: absolute; left: 10%; bottom: 25%; width: 80%; height: 6px; background: linear-gradient(90deg, #8b7355 0%, #a0896a 100%); border-radius: 2px; animation: ca-platform 12s ease-in-out infinite alternate;
}
.scn-calcutta-arrival .silhouette-passenger {
  position: absolute; left: 25%; bottom: 28%; width: 18px; height: 40px; background: linear-gradient(180deg, #1a1a1a 0%, #000 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ca-walk1 5s ease-in-out infinite;
}
.scn-calcutta-arrival .silhouette-porters {
  position: absolute; left: 45%; bottom: 28%; width: 16px; height: 36px; background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity: 0.8; animation: ca-walk2 6s ease-in-out infinite 1s;
}
.scn-calcutta-arrival .steam {
  position: absolute; left: 15%; top: 20%; width: 40px; height: 20px; background: radial-gradient(ellipse, rgba(255,255,255,0.5) 0%, transparent 100%); filter: blur(6px); animation: ca-steam 7s ease-in-out infinite alternate;
}
@keyframes ca-sky { 0% { background: linear-gradient(180deg, #b0d4f1, #87ceeb) } 50% { background: linear-gradient(180deg, #c0e0ff, #a0c4f0) } 100% { background: linear-gradient(180deg, #b0d4f1, #87ceeb) } }
@keyframes ca-station { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.01) } 100% { transform: scaleY(0.99) } }
@keyframes ca-train { 0% { transform: translateX(0) } 50% { transform: translateX(15px) } 100% { transform: translateX(-5px) } }
@keyframes ca-platform { 0% { transform: scaleX(1) } 100% { transform: scaleX(1.02) } }
@keyframes ca-walk1 { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) rotate(1deg) } 100% { transform: translateX(16px) rotate(0) } }
@keyframes ca-walk2 { 0% { transform: translateX(0) rotate(1deg) } 25% { transform: translateX(-4px) rotate(-1deg) } 50% { transform: translateX(-8px) rotate(1deg) } 75% { transform: translateX(-12px) rotate(-1deg) } 100% { transform: translateX(-16px) rotate(0) } }
@keyframes ca-steam { 0% { transform: translateY(0) scale(1); opacity: 0.5 } 50% { transform: translateY(-8px) scale(1.2); opacity: 0.8 } 100% { transform: translateY(-4px) scale(0.9); opacity: 0.4 } }

/* Scene: monkey-danger */
.scn-monkey-danger {
  background:
    linear-gradient(180deg, #87CEEB 0%, #FFD700 30%, #F5DEB3 70%, #D2B48C 100%),
    radial-gradient(ellipse at 50% 20%, #FFF8DC 0%, transparent 60%);
}
.scn-monkey-danger .sky { position:absolute; inset:0; background: linear-gradient(180deg, rgba(135,206,235,0.3) 0%, transparent 100%); }
.scn-monkey-danger .sun { position:absolute; top:12%; left:60%; width:40px; height:40px; background: radial-gradient(circle, #FFFFE0 0%, #FFD700 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 60px 20px rgba(255,215,0,0.5); animation: md-sun 20s ease-in-out infinite alternate; }
.scn-monkey-danger .minaret-left { position:absolute; bottom:10%; left:15%; width:20px; height:60%; background: linear-gradient(180deg, #C4A882 0%, #A0855C 100%); border-radius: 4px 4px 0 0; box-shadow: -4px 0 12px rgba(0,0,0,0.3); }
.scn-monkey-danger .minaret-left::before { content:''; position:absolute; top:-10px; left:-10px; width:40px; height:20px; background: linear-gradient(180deg, #D2B48C 0%, #A0855C 100%); border-radius:50% 50% 0 0; }
.scn-monkey-danger .minaret-right { position:absolute; bottom:10%; right:15%; width:20px; height:50%; background: linear-gradient(180deg, #C4A882 0%, #A0855C 100%); border-radius: 4px 4px 0 0; box-shadow: 4px 0 12px rgba(0,0,0,0.3); }
.scn-monkey-danger .minaret-right::before { content:''; position:absolute; top:-10px; left:-10px; width:40px; height:20px; background: linear-gradient(180deg, #D2B48C 0%, #A0855C 100%); border-radius:50% 50% 0 0; }
.scn-monkey-danger .gap { position:absolute; bottom:45%; left:38%; width:24%; height:20%; background: radial-gradient(ellipse at center, rgba(255,215,0,0.1) 0%, transparent 70%); }
.scn-monkey-danger .monkey {
  position:absolute; bottom:48%; left:40%; width:28px; height:40px;
  background: linear-gradient(180deg, #2C2C2C 0%, #1A1A1A 100%);
  border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.5);
  animation: md-jump 3s ease-in-out infinite;
}
.scn-monkey-danger .shadow { position:absolute; bottom:40%; left:35%; width:60px; height:8px; background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%); border-radius:50%; animation: md-shadow 3s ease-in-out infinite; }
.scn-monkey-danger .cloud-fleet { position:absolute; top:8%; left:-10%; width:120%; height:40px; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0px, transparent 20px, rgba(255,255,255,0.2) 40px, transparent 60px); animation: md-clouds 25s linear infinite; }
@keyframes md-sun { 0% { transform: scale(1) translateX(0); } 50% { transform: scale(1.1) translateX(10px); } 100% { transform: scale(0.95) translateX(-5px); } }
@keyframes md-jump {
  0% { transform: translate(0, 0) rotate(-5deg); }
  25% { transform: translate(30px, -50px) rotate(10deg); }
  50% { transform: translate(60px, 0) rotate(-5deg); }
  75% { transform: translate(90px, -40px) rotate(8deg); }
  100% { transform: translate(120px, 0) rotate(-2deg); }
}
@keyframes md-shadow {
  0% { transform: translateX(0) scaleX(1); opacity:0.3; }
  25% { transform: translateX(30px) scaleX(0.6); opacity:0.1; }
  50% { transform: translateX(60px) scaleX(1); opacity:0.3; }
  75% { transform: translateX(90px) scaleX(0.5); opacity:0.1; }
  100% { transform: translateX(120px) scaleX(0.9); opacity:0.3; }
}
@keyframes md-clouds { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Scene: water-painting */
.scn-water-painting {
  background:
    linear-gradient(180deg, #4FC3F7 0%, #29B6F6 50%, #0288D1 100%),
    radial-gradient(ellipse at 50% 80%, #B3E5FC 0%, transparent 70%);
}
.scn-water-painting .basin { position:absolute; bottom:10%; left:10%; width:80%; height:80%; background: radial-gradient(ellipse at center, #4FC3F7 0%, #1565C0 100%); border-radius:50%; box-shadow: inset 0 0 30px rgba(0,0,0,0.3); }
.scn-water-painting .water-surface { position:absolute; bottom:15%; left:15%; width:70%; height:70%; background: linear-gradient(135deg, #81D4FA 0%, #0288D1 100%); border-radius:50%; opacity:0.6; animation: wp-surface 12s ease-in-out infinite alternate; }
.scn-water-painting .ripple { position:absolute; bottom:30%; left:30%; width:50px; height:50px; border:2px solid rgba(255,255,255,0.2); border-radius:50%; animation: wp-ripple 6s ease-out infinite; }
.scn-water-painting .dust-a { position:absolute; bottom:40%; left:40%; width:12px; height:12px; background: radial-gradient(circle, #FFB74D 0%, #FF9800 100%); border-radius:50%; opacity:0.8; animation: wp-drift-a 15s linear infinite; }
.scn-water-painting .dust-b { position:absolute; bottom:50%; left:30%; width:10px; height:10px; background: radial-gradient(circle, #4DB6AC 0%, #00796B 100%); border-radius:50%; opacity:0.7; animation: wp-drift-b 18s linear infinite; }
.scn-water-painting .dust-c { position:absolute; bottom:35%; left:55%; width:14px; height:14px; background: radial-gradient(circle, #FFD54F 0%, #FFB300 100%); border-radius:50%; opacity:0.6; animation: wp-drift-c 20s linear infinite; }
.scn-water-painting .sun-glint { position:absolute; bottom:60%; left:45%; width:20px; height:20px; background: radial-gradient(circle, #FFF9C4 0%, transparent 100%); border-radius:50%; animation: wp-glint 4s ease-in-out infinite alternate; }
.scn-water-painting .petal { position:absolute; bottom:45%; left:50%; width:8px; height:12px; background: linear-gradient(180deg, #FF8A65 0%, #E64A19 100%); border-radius:50% 0 50% 0; transform: rotate(45deg); animation: wp-petal 10s ease-in-out infinite; }
@keyframes wp-surface { 0% { transform: scaleX(1) translateY(0); } 50% { transform: scaleX(1.02) translateY(-5px); } 100% { transform: scaleX(0.98) translateY(0); } }
@keyframes wp-ripple { 0% { width:10px; height:10px; opacity:0.8; } 100% { width:80px; height:80px; opacity:0; } }
@keyframes wp-drift-a { 0% { transform: translate(0,0); } 25% { transform: translate(20px, -10px); } 50% { transform: translate(40px, 5px); } 75% { transform: translate(60px, -15px); } 100% { transform: translate(80px, 0); } }
@keyframes wp-drift-b { 0% { transform: translate(0,0); } 33% { transform: translate(-15px, 20px); } 66% { transform: translate(10px, -10px); } 100% { transform: translate(0,0); } }
@keyframes wp-drift-c { 0% { transform: translate(0,0); } 50% { transform: translate(30px, 30px); } 100% { transform: translate(-10px, -10px); } }
@keyframes wp-glint { 0% { transform: scale(0.8); opacity:0.5; } 50% { transform: scale(1.5); opacity:1; } 100% { transform: scale(1); opacity:0.7; } }
@keyframes wp-petal { 0% { transform: rotate(45deg) translateY(0); } 50% { transform: rotate(60deg) translateY(-10px); } 100% { transform: rotate(30deg) translateY(0); } }

/* Scene: warren-hastings-benares */
.scn-warren-hastings-benares {
  background:
    linear-gradient(180deg, #FFD54F 0%, #FFB74D 30%, #FF8A65 60%, #5D4037 100%),
    radial-gradient(ellipse at 50% 20%, #FFF9C4 0%, transparent 60%);
}
.scn-warren-hastings-benares .sky { position:absolute; top:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #FFF8E1 0%, #FFECB3 100%); animation: wh-sky 12s ease-in-out infinite alternate; }
.scn-warren-hastings-benares .river { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #4FC3F7 0%, #0288D1 100%); border-radius: 30% 70% 0 0 / 20% 80% 0 0; }
.scn-warren-hastings-benares .ghats { position:absolute; bottom:35%; left:10%; width:80%; height:20%; background: linear-gradient(180deg, #8D6E63 0%, #5D4037 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -10px 20px rgba(0,0,0,0.3); }
.scn-warren-hastings-benares .figure {
  position:absolute; bottom:40%; left:55%; width:30px; height:50px;
  background: linear-gradient(180deg, #2C2C2C 0%, #1A1A1A 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 2px 4px 8px rgba(0,0,0,0.5);
  animation: wh-figure 8s ease-in-out infinite alternate;
}
.scn-warren-hastings-benares .boat { position:absolute; bottom:42%; left:52%; width:60px; height:10px; background: linear-gradient(135deg, #6D4C41 0%, #3E2723 100%); border-radius: 50% 50% 0 0; animation: wh-boat 10s ease-in-out infinite; }
.scn-warren-hastings-benares .sun-glow { position:absolute; top:15%; left:35%; width:60px; height:60px; background: radial-gradient(circle, #FFF9C4 0%, #FFD54F 30%, transparent 70%); border-radius:50%; animation: wh-sun 15s ease-in-out infinite alternate; }
.scn-warren-hastings-benares .bird { position:absolute; width:20px; height:10px; background: linear-gradient(180deg, #2C2C2C 0%, #1A1A1A 100%); border-radius:50% 50% 0 0; animation: wh-bird 6s ease-in-out infinite; }
.scn-warren-hastings-benares .bird.left { top:20%; left:10%; }
.scn-warren-hastings-benares .bird.right { top:18%; left:40%; animation-delay: -2s; }
@keyframes wh-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes wh-figure { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(10px) rotate(2deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes wh-boat { 0% { transform: translateX(-5px) rotate(-2deg); } 50% { transform: translateX(5px) rotate(2deg); } 100% { transform: translateX(-5px) rotate(-1deg); } }
@keyframes wh-sun { 0% { transform: scale(1) translateX(0); } 50% { transform: scale(1.2) translateX(10px); } 100% { transform: scale(0.9) translateX(-10px); } }
@keyframes wh-bird { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(20px) translateY(-5px); } 100% { transform: translateX(40px) translateY(0); } }

/* Scene: russian-trip */
.scn-russian-trip {
  background:
    linear-gradient(180deg, #3E2723 0%, #5D4037 40%, #8D6E63 70%, #A1887F 100%),
    radial-gradient(ellipse at 50% 80%, #FFCC80 0%, transparent 70%);
}
.scn-russian-trip .wall { position:absolute; inset:0; background: linear-gradient(135deg, #4E342E 0%, #3E2723 100%); box-shadow: inset 0 0 100px rgba(0,0,0,0.5); }
.scn-russian-trip .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #5D4037 0%, #3E2723 100%); border-radius: 30% 30% 0 0; }
.scn-russian-trip .lamp { position:absolute; top:20%; left:50%; width:20px; height:40px; background: linear-gradient(180deg, #FFD54F 0%, #FFB300 100%); border-radius: 50% 50% 10% 10%; box-shadow: 0 0 40px 15px rgba(255,179,0,0.6); animation: rt-lamp 5s ease-in-out infinite alternate; }
.scn-russian-trip .table { position:absolute; bottom:25%; left:40%; width:30%; height:8px; background: linear-gradient(135deg, #6D4C41 0%, #4E342E 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.scn-russian-trip .figure-seated {
  position:absolute; bottom:22%; left:35%; width:24px; height:36px;
  background: linear-gradient(180deg, #2C2C2C 0%, #1A1A1A 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  animation: rt-figure 6s ease-in-out infinite alternate;
}
.scn-russian-trip .curtain { position:absolute; top:0; left:5%; width:15%; height:100%; background: linear-gradient(135deg, #5D4037 0%, #3E2723 40%, #4E342E 100%); border-radius: 0 20% 20% 0; box-shadow: 2px 0 10px rgba(0,0,0,0.4); animation: rt-curtain 15s ease-in-out infinite alternate; }
.scn-russian-trip .book { position:absolute; bottom:26%; left:43%; width:30px; height:10px; background: linear-gradient(180deg, #A1887F 0%, #8D6E63 100%); border-radius: 2px; transform: rotate(-10deg); box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
@keyframes rt-lamp { 0% { transform: scaleY(1) skewX(0deg); opacity:0.9; } 50% { transform: scaleY(1.05) skewX(2deg); opacity:1; } 100% { transform: scaleY(0.95) skewX(-1deg); opacity:0.85; } }
@keyframes rt-figure { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-2px) rotate(-1deg); } }
@keyframes rt-curtain { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(-3px); } }

/* durban-curfew-and-racial-ratios - dim interior, dark mood */
.scn-durban-curfew-and-racial-ratios { background: linear-gradient(180deg, #2a1a1a 0%, #1a1210 50%, #0f0a08 100%), radial-gradient(ellipse at 50% 100%, #2a1a1a 0%, transparent 70%); }
.scn-durban-curfew-and-racial-ratios .bg-wall { position:absolute; inset:0; background: linear-gradient(90deg, #1a1010 0%, #2a1a1a 50%, #1a1010 100%); animation: dcr-wall 12s ease-in-out infinite alternate; }
.scn-durban-curfew-and-racial-ratios .window { position:absolute; top:15%; left:20%; width:30%; height:40%; border:4px solid #3a2a22; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius:4px; box-shadow: inset 0 0 20px rgba(0,0,0,.6); animation: dcr-window 15s ease-in-out infinite alternate; }
.scn-durban-curfew-and-racial-ratios .candle { position:absolute; bottom:25%; left:15%; width:6px; height:20px; background: linear-gradient(180deg, #a08050 0%, #704820 100%); border-radius:2px; transform-origin: bottom center; animation: dcr-candle 2s ease-in-out infinite alternate; }
.scn-durban-curfew-and-racial-ratios .candle-glow { position:absolute; bottom:28%; left:15%; width:20px; height:20px; background: radial-gradient(circle, #c09050 0%, #a07040 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 12px #b08050; animation: dcr-glow 1.5s ease-in-out infinite alternate; }
.scn-durban-curfew-and-racial-ratios .figure { position:absolute; bottom:22%; left:45%; width:30px; height:60px; background: linear-gradient(180deg, #3a2a22 0%, #1a1010 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: dcr-figure 6s ease-in-out infinite; }
.scn-durban-curfew-and-racial-ratios .hair-peak { position:absolute; top:2%; left:45%; width:18px; height:28px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius:50% 50% 0 0 / 80% 80% 0 0; transform: translateX(4px); animation: dcr-hair 8s ease-in-out infinite alternate; }
.scn-durban-curfew-and-racial-ratios .pass-card { position:absolute; bottom:30%; left:35%; width:16px; height:22px; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:2px; box-shadow: 2px 2px 4px rgba(0,0,0,.5); transform: rotate(4deg); animation: dcr-pass 10s ease-in-out infinite; }
.scn-durban-curfew-and-racial-ratios .shadow { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); }
@keyframes dcr-wall { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes dcr-window { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes dcr-candle { 0% { transform: translateY(0) scaleX(1) } 50% { transform: translateY(-1px) scaleX(1.1) } 100% { transform: translateY(0) scaleX(1) } }
@keyframes dcr-glow { 0% { opacity:.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.15) } 100% { opacity:.7; transform: scale(1) } }
@keyframes dcr-figure { 0% { transform: translateX(0) rotate(-1deg) } 50% { transform: translateX(2px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes dcr-hair { 0% { transform: translateX(4px) rotate(-2deg) } 50% { transform: translateX(2px) rotate(2deg) } 100% { transform: translateX(4px) rotate(0) } }
@keyframes dcr-pass { 0% { transform: rotate(4deg) translateX(0) } 50% { transform: rotate(6deg) translateX(1px) } 100% { transform: rotate(4deg) translateX(0) } }

/* zulu-police-restriction - dim interior, dark mood, window view */
.scn-zulu-police-restriction { background: linear-gradient(180deg, #1a1a2e 0%, #12121f 50%, #0a0a15 100%), radial-gradient(ellipse at 50% 100%, #1a1a2e 0%, transparent 70%); }
.scn-zulu-police-restriction .bg-sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 50%, #1a2a3a 100%); animation: zpr-sky 20s ease-in-out infinite alternate; }
.scn-zulu-police-restriction .sea { position:absolute; bottom:30%; left:0; right:0; height:30%; background: linear-gradient(180deg, #4a5a6a 0%, #3a4a5a 100%); border-radius: 0 0 50% 50% / 0 0 40% 40%; box-shadow: inset 0 8px 20px rgba(0,0,0,.4); animation: zpr-sea 12s ease-in-out infinite alternate; }
.scn-zulu-police-restriction .landscape { position:absolute; bottom:20%; left:0; right:0; height:40%; background: linear-gradient(180deg, #2a3a2a 0%, #1a2a1a 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; animation: zpr-land 18s ease-in-out infinite alternate; }
.scn-zulu-police-restriction .window-frame { position:absolute; inset:10% 15% 10% 15%; border:8px solid #3a2a2a; border-radius:6px; background: transparent; box-shadow: inset 0 0 30px rgba(0,0,0,.5); }
.scn-zulu-police-restriction .figure-police { position:absolute; bottom:22%; left:25%; width:20px; height:50px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: zpr-figure 5s ease-in-out infinite; }
.scn-zulu-police-restriction .glass { position:absolute; inset:10% 15% 10% 15%; background: linear-gradient(135deg, rgba(80,100,120,.2) 0%, rgba(40,50,60,.1) 50%, transparent 100%); border-radius:4px; animation: zpr-glass 8s ease-in-out infinite alternate; }
.scn-zulu-police-restriction .curtain { position:absolute; top:10%; left:15%; width:12%; height:80%; background: linear-gradient(180deg, #3a2a2a 0%, #2a1a1a 100%); border-radius:4px; box-shadow: 2px 0 8px rgba(0,0,0,.4); animation: zpr-curtain 14s ease-in-out infinite alternate; }
@keyframes zpr-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes zpr-sea { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-2px) scaleY(1.02) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes zpr-land { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes zpr-figure { 0% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-2deg) } }
@keyframes zpr-glass { 0% { opacity:.3 } 50% { opacity:.6 } 100% { opacity:.4 } }
@keyframes zpr-curtain { 0% { transform: translateX(0) } 50% { transform: translateX(2px) } 100% { transform: translateX(0) } }

/* berea-trees-cactus-flat-crown - sunlit, warm, close-up of flat-crown tree */
.scn-berea-trees-cactus-flat-crown { background: linear-gradient(180deg, #c0d0e0 0%, #e0e8f0 50%, #f0f4f8 100%), radial-gradient(ellipse at 50% 100%, #d0d8e0 0%, transparent 70%); }
.scn-berea-trees-cactus-flat-crown .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #a0c0e0 0%, #c0d8f0 100%); animation: btc-sky 30s linear infinite alternate; }
.scn-berea-trees-cactus-flat-crown .ground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius: 0 0 60% 60% / 0 0 40% 40%; animation: btc-ground 20s ease-in-out infinite alternate; }
.scn-berea-trees-cactus-flat-crown .trunk { position:absolute; bottom:30%; left:50%; width:10px; height:45%; background: linear-gradient(90deg, #4a3a2a 0%, #6a5a3a 50%, #4a3a2a 100%); border-radius:4px; transform: translateX(-50%); box-shadow: 2px 0 6px rgba(0,0,0,.3); animation: btc-trunk 8s ease-in-out infinite; }
.scn-berea-trees-cactus-flat-crown .branch-left { position:absolute; bottom:70%; left:48%; width:30px; height:6px; background: linear-gradient(90deg, #4a3a2a 0%, #6a5a3a 100%); border-radius:4px; transform: rotate(-30deg); transform-origin: right center; animation: btc-branch-l 10s ease-in-out infinite alternate; }
.scn-berea-trees-cactus-flat-crown .branch-right { position:absolute; bottom:60%; left:52%; width:25px; height:5px; background: linear-gradient(90deg, #6a5a3a 0%, #4a3a2a 100%); border-radius:4px; transform: rotate(25deg); transform-origin: left center; animation: btc-branch-r 12s ease-in-out infinite alternate; }
.scn-berea-trees-cactus-flat-crown .foliage { position:absolute; bottom:72%; left:40%; width:30%; height:8px; background: linear-gradient(180deg, #4a6a3a 0%, #3a5a2a 100%); border-radius:50%; box-shadow: 0 0 20px rgba(60,90,30,.3); animation: btc-foliage 15s ease-in-out infinite alternate; }
.scn-berea-trees-cactus-flat-crown .shadow { position:absolute; bottom:30%; left:40%; width:20%; height:4px; background: rgba(0,0,0,.15); border-radius:50%; filter: blur(4px); animation: btc-shadow 25s linear infinite alternate; }
@keyframes btc-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.95 } }
@keyframes btc-ground { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes btc-trunk { 0% { transform: translateX(-50%) rotate(-1deg) } 50% { transform: translateX(-50%) rotate(1deg) } 100% { transform: translateX(-50%) rotate(0) } }
@keyframes btc-branch-l { 0% { transform: rotate(-30deg) } 50% { transform: rotate(-28deg) } 100% { transform: rotate(-30deg) } }
@keyframes btc-branch-r { 0% { transform: rotate(25deg) } 50% { transform: rotate(27deg) } 100% { transform: rotate(25deg) } }
@keyframes btc-foliage { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } 100% { transform: scaleX(1) } }
@keyframes btc-shadow { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(3px) scale(1.1) } 100% { transform: translateX(0) scale(1) } }

/* berea-flamboyant-gum-trees - sunlit, warm, wide landscape with trees */
.scn-berea-flamboyant-gum-trees { background: linear-gradient(180deg, #b0d0f0 0%, #d0e8ff 50%, #e0f0ff 100%), radial-gradient(ellipse at 50% 100%, #c0d8f0 0%, transparent 70%); }
.scn-berea-flamboyant-gum-trees .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #90b8e0 0%, #b0d0f0 100%); animation: bgf-sky 20s ease-in-out infinite alternate; }
.scn-berea-flamboyant-gum-trees .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #7a8a5a 0%, #5a6a3a 100%); border-radius: 60% 40% 0 0 / 70% 50% 0 0; animation: bgf-ground 15s ease-in-out infinite alternate; }
.scn-berea-flamboyant-gum-trees .flamboyant-trunk { position:absolute; bottom:40%; left:25%; width:8px; height:35%; background: linear-gradient(90deg, #3a2a1a 0%, #5a4a3a 100%); border-radius:2px; transform: rotate(3deg); box-shadow: 1px 0 4px rgba(0,0,0,.2); animation: bgf-trunk 10s ease-in-out infinite; }
.scn-berea-flamboyant-gum-trees .tassel { position:absolute; bottom:75%; left:24%; width:12px; height:18px; background: radial-gradient(circle, #c8553d 0%, #a0461a 60%); border-radius:50%; box-shadow: 0 0 24px 6px #c8553d; animation: bgf-tassel 3s ease-in-out infinite alternate; }
.scn-berea-flamboyant-gum-trees .gum-tree { position:absolute; bottom:40%; left:55%; width:6px; height:50%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:2px; transform: rotate(-2deg); box-shadow: 1px 0 4px rgba(0,0,0,.2); animation: bgf-gum 12s ease-in-out infinite; }
.scn-berea-flamboyant-gum-trees .norfolk-pine { position:absolute; bottom:40%; left:70%; width:12px; height:55%; background: linear-gradient(180deg, #2a4a2a 0%, #1a2a1a 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); animation: bgf-pine 14s ease-in-out infinite alternate; }
.scn-berea-flamboyant-gum-trees .sun-glow { position:absolute; top:10%; right:20%; width:40px; height:40px; background: radial-gradient(circle, #ffd080 0%, #f0b060 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px #f0b060; animation: bgf-sun 30s linear infinite alternate; }
@keyframes bgf-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes bgf-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes bgf-trunk { 0% { transform: rotate(3deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(3deg) } }
@keyframes bgf-tassel { 0% { opacity:.8; transform: scale(1) } 50% { opacity:1; transform: scale(1.2) } 100% { opacity:.9; transform: scale(1) } }
@keyframes bgf-gum { 0% { transform: rotate(-2deg) } 50% { transform: rotate(0deg) } 100% { transform: rotate(-2deg) } }
@keyframes bgf-pine { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.03) } 100% { transform: scaleY(1) } }
@keyframes bgf-sun { 0% { opacity:.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.8; transform: scale(1) } }

.scn-thug-futty-khan {
  background: linear-gradient(180deg, #0b132b 0%, #1c2541 40%, #3a506b 100%), radial-gradient(ellipse at 50% 30%, #5a7d9c 0%, transparent 60%);
}
.scn-thug-futty-khan .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #1a2e4a 0%, transparent 100%);
  animation: fk-sky 20s ease-in-out infinite alternate;
}
.scn-thug-futty-khan .moon {
  position: absolute; top: 8%; left: 65%; width: 50px; height: 50px;
  background: radial-gradient(circle, #d0d8e0 0%, #8a9ab0 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 8px rgba(138,154,176,0.6), 0 0 60px 15px rgba(138,154,176,0.2);
  animation: fk-moon 12s ease-in-out infinite alternate;
}
.scn-thug-futty-khan .hills {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #2a3a3a 0%, #1a2a2a 100%);
  border-radius: 50% 60% 0 0 / 40% 50% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
  animation: fk-hills 18s ease-in-out infinite alternate;
}
.scn-thug-futty-khan .path {
  position: absolute; bottom: 28%; left: 40%; width: 40%; height: 12%;
  background: linear-gradient(90deg, #3a4a3a 0%, #4a5a4a 50%, #3a4a3a 100%);
  border-radius: 30% 30% 50% 50% / 20% 20% 60% 60%;
  transform: rotate(-5deg);
  animation: fk-path 10s ease-in-out infinite alternate;
}
.scn-thug-futty-khan .tree {
  position: absolute; bottom: 35%; left: 20%; width: 20px; height: 80px;
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%);
  border-radius: 30% 30% 10% 10%;
  transform-origin: bottom center;
  animation: fk-tree 4s ease-in-out infinite alternate;
}
.scn-thug-futty-khan .figure-traveler {
  position: absolute; bottom: 28%; left: 50%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fk-walk 5s ease-in-out infinite;
}
.scn-thug-futty-khan .figure-thug {
  position: absolute; bottom: 28%; left: 55%; width: 20px; height: 42px;
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fk-sneak 3s ease-in-out infinite alternate;
}
@keyframes fk-sky { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.75 } }
@keyframes fk-moon { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-4px) scale(1.02) } 100% { transform: translateY(0) scale(0.98) } }
@keyframes fk-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes fk-path { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-4deg) translateY(-1px) } 100% { transform: rotate(-5deg) translateY(0) } }
@keyframes fk-tree { 0% { transform: rotate(0deg) } 50% { transform: rotate(-2deg) } 100% { transform: rotate(1deg) } }
@keyframes fk-walk { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(5px) translateY(-1px) rotate(0deg) } 50% { transform: translateX(10px) translateY(0) rotate(2deg) } 75% { transform: translateX(15px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(20px) translateY(0) rotate(0deg) } }
@keyframes fk-sneak { 0% { transform: translateX(0) translateY(0) rotate(1deg) } 50% { transform: translateX(3px) translateY(-1px) rotate(-1deg) } 100% { transform: translateX(6px) translateY(0) rotate(1deg) } }

.scn-thug-he-would-not-sit {
  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a2a 40%, #2a1a1a 100%), radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 70%);
}
.scn-thug-he-would-not-sit .bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2a 50%, #0f0f1a 100%);
  animation: ws-bg 30s ease-in-out infinite alternate;
}
.scn-thug-he-would-not-sit .wall-left {
  position: absolute; top: 0; left: 0; width: 30%; height: 100%;
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%);
  box-shadow: inset -10px 0 20px rgba(0,0,0,0.7);
  animation: ws-wall 20s ease-in-out infinite alternate;
}
.scn-thug-he-would-not-sit .wall-right {
  position: absolute; top: 0; right: 0; width: 20%; height: 100%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  box-shadow: inset 10px 0 20px rgba(0,0,0,0.7);
  animation: ws-wall 20s ease-in-out infinite alternate-reverse;
}
.scn-thug-he-would-not-sit .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1a1a0a 0%, #0f0f05 100%);
  border-radius: 40% 40% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 15px 30px rgba(0,0,0,0.8);
}
.scn-thug-he-would-not-sit .table {
  position: absolute; bottom: 18%; left: 35%; width: 80px; height: 20px;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.6);
  animation: ws-table 8s ease-in-out infinite alternate;
}
.scn-thug-he-would-not-sit .chair {
  position: absolute; bottom: 20%; left: 50%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  transform: rotate(5deg);
  animation: ws-chair 6s ease-in-out infinite alternate;
}
.scn-thug-he-would-not-sit .figure-stand {
  position: absolute; bottom: 20%; left: 45%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  transform-origin: bottom center;
  animation: ws-stand 4s ease-in-out infinite alternate;
}
.scn-thug-he-would-not-sit .figure-kneel {
  position: absolute; bottom: 15%; left: 52%; width: 18px; height: 35px;
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  transform-origin: bottom center;
  animation: ws-kneel 5s ease-in-out infinite alternate;
}
.scn-thug-he-would-not-sit .lantern {
  position: absolute; top: 30%; left: 55%; width: 10px; height: 14px;
  background: radial-gradient(circle, #d0a050 0%, #704020 80%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 20px 6px #a06030, 0 0 40px 12px rgba(160,96,48,0.4);
  animation: ws-lantern 2s ease-in-out infinite alternate;
}
@keyframes ws-bg { 0% { opacity: 1 } 50% { opacity: 0.9 } 100% { opacity: 1 } }
@keyframes ws-wall { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.02) } 100% { transform: scaleX(1) } }
@keyframes ws-table { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ws-chair { 0% { transform: rotate(5deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(5deg) } }
@keyframes ws-stand { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes ws-kneel { 0% { transform: translateY(0) rotate(-3deg) } 50% { transform: translateY(-2px) rotate(0deg) } 100% { transform: translateY(0) rotate(3deg) } }
@keyframes ws-lantern { 0% { box-shadow: 0 0 20px 6px #a06030, 0 0 40px 12px rgba(160,96,48,0.3); opacity: 0.85 } 50% { box-shadow: 0 0 30px 10px #c08040, 0 0 60px 20px rgba(192,128,64,0.5); opacity: 1 } 100% { box-shadow: 0 0 18px 4px #a06030, 0 0 30px 8px rgba(160,96,48,0.3); opacity: 0.9 } }

.scn-thug-regal-joys {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #1a1a2a 100%), radial-gradient(ellipse at 50% 30%, #3a3a4a 0%, transparent 70%);
}
.scn-thug-regal-joys .bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2a 50%, #0f0f1a 100%);
  animation: rj-bg 40s ease-in-out infinite alternate;
}
.scn-thug-regal-joys .wall {
  position: absolute; top: 0; left: 0; right: 0; bottom: 30%;
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%);
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5);
  border-radius: 10% 10% 0 0 / 20% 20% 0 0;
}
.scn-thug-regal-joys .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a05 100%);
  border-radius: 30% 30% 0 0 / 10% 10% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.8);
}
.scn-thug-regal-joys .throne {
  position: absolute; bottom: 25%; left: 45%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 15% 15%;
  box-shadow: 0 12px 24px rgba(0,0,0,0.6);
  animation: rj-throne 15s ease-in-out infinite alternate;
}
.scn-thug-regal-joys .figure {
  position: absolute; bottom: 18%; left: 48%; width: 22px; height: 55px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  transform-origin: bottom center;
  animation: rj-fig 10s ease-in-out infinite alternate;
}
.scn-thug-regal-joys .weapon {
  position: absolute; bottom: 22%; left: 52%; width: 4px; height: 30px;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a3a 100%);
  border-radius: 20% 20% 50% 50%;
  box-shadow: 0 0 8px 2px rgba(138,122,90,0.3);
  transform: rotate(20deg);
  animation: rj-weapon 6s ease-in-out infinite alternate;
}
.scn-thug-regal-joys .curtain {
  position: absolute; top: 20%; left: 10%; width: 20%; height: 60%;
  background: linear-gradient(180deg, #3a1a1a 0%, #1a0a0a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%;
  transform-origin: top center;
  animation: rj-curtain 12s ease-in-out infinite alternate;
}
.scn-thug-regal-joys .candle {
  position: absolute; bottom: 40%; left: 30%; width: 6px; height: 20px;
  background: linear-gradient(180deg, #b08040 0%, #704020 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 12px 4px #a07030, 0 0 24px 8px rgba(160,112,48,0.4);
  animation: rj-candle 3s ease-in-out infinite alternate;
}
@keyframes rj-bg { 0% { opacity: 1 } 50% { opacity: 0.95 } 100% { opacity: 1 } }
@keyframes rj-throne { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes rj-fig { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes rj-weapon { 0% { transform: rotate(20deg) } 50% { transform: rotate(22deg) } 100% { transform: rotate(18deg) } }
@keyframes rj-curtain { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } 100% { transform: scaleX(1) } }
@keyframes rj-candle { 0% { box-shadow: 0 0 12px 4px #a07030, 0 0 24px 8px rgba(160,112,48,0.3); opacity: 0.9 } 50% { box-shadow: 0 0 18px 6px #b08040, 0 0 36px 12px rgba(176,128,64,0.5); opacity: 1 } 100% { box-shadow: 0 0 10px 3px #a07030, 0 0 20px 6px rgba(160,112,48,0.3); opacity: 0.95 } }

.scn-thug-reformed-return {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #1a1a2a 100%), radial-gradient(ellipse at 50% 40%, #3a3a4a 0%, transparent 70%);
}
.scn-thug-reformed-return .bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2a 50%, #0f0f1a 100%);
  animation: rr-bg 30s ease-in-out infinite alternate;
}
.scn-thug-reformed-return .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a05 100%);
  border-radius: 30% 30% 0 0 / 15% 15% 0 0;
  box-shadow: inset 0 15px 30px rgba(0,0,0,0.7);
}
.scn-thug-reformed-return .bag-coin {
  position: absolute; bottom: 25%; left: 30%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 30% 30% 40% 40% / 40% 40% 50% 50%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
  animation: rr-bag 8s ease-in-out infinite alternate;
}
.scn-thug-reformed-return .coin-a {
  position: absolute; bottom: 22%; left: 35%; width: 8px; height: 8px;
  background: radial-gradient(circle, #c0a060 0%, #8a6a30 80%);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: rr-coin1 10s ease-in-out infinite;
}
.scn-thug-reformed-return .coin-b {
  position: absolute; bottom: 24%; left: 38%; width: 8px; height: 8px;
  background: radial-gradient(circle, #c0a060 0%, #8a6a30 80%);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: rr-coin2 12s ease-in-out infinite;
}
.scn-thug-reformed-return .figure {
  position: absolute; bottom: 20%; left: 48%; width: 24px; height: 60px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: rr-fig 9s ease-in-out infinite alternate;
}
.scn-thug-reformed-return .cloak {
  position: absolute; bottom: 30%; left: 44%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%);
  border-radius: 30% 30% 50% 50% / 40% 40% 60% 60%;
  transform-origin: top center;
  animation: rr-cloak 6s ease-in-out infinite alternate;
}
@keyframes rr-bg { 0% { opacity: 1 } 50% { opacity: 0.95 } 100% { opacity: 1 } }
@keyframes rr-bag { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-3px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes rr-coin1 { 0% { transform: translateY(0) translateX(0) rotate(0deg) } 25% { transform: translateY(-2px) translateX(2px) rotate(90deg) } 50% { transform: translateY(-4px) translateX(0) rotate(180deg) } 75% { transform: translateY(-2px) translateX(-2px) rotate(270deg) } 100% { transform: translateY(0) translateX(0) rotate(360deg) } }
@keyframes rr-coin2 { 0% { transform: translateY(0) translateX(0) rotate(0deg) } 25% { transform: translateY(-1px) translateX(-2px) rotate(-90deg) } 50% { transform: translateY(-3px) translateX(0) rotate(-180deg) } 75% { transform: translateY(-1px) translateX(2px) rotate(-270deg) } 100% { transform: translateY(0) translateX(0) rotate(-360deg) } }
@keyframes rr-fig { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes rr-cloak { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(3deg) scaleX(1.03) } 100% { transform: rotate(-3deg) scaleX(1) } }

.scn-concessions-since-raid { background: linear-gradient(180deg, #2a2a1e 0%, #1a1a12 100%), radial-gradient(ellipse at 50% 30%, #3a3a22 0%, transparent 70%); }
.scn-concessions-since-raid .bg-room    { position:absolute; inset:0; background: linear-gradient(135deg, #1e1e16 0%, #151510 100%); animation: csr-shadow 20s ease-in-out infinite alternate; }
.scn-concessions-since-raid .desk       { position:absolute; bottom:18%; left:20%; right:20%; height:12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,.6); }
.scn-concessions-since-raid .candle     { position:absolute; bottom:30%; left:42%; width:8px; height:36px; background: linear-gradient(180deg, #e8d8b0 0%, #b89870 100%); border-radius: 2px 2px 4px 4px; transform: rotate(3deg); }
.scn-concessions-since-raid .candle-glow{ position:absolute; bottom:33%; left:42%; width:60px; height:60px; transform: translate(-50%,0); background: radial-gradient(circle, #ffdd99 0%, #b08040 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 30px 15px #b08040, 0 0 60px 30px rgba(176,128,64,.3); animation: csr-flicker 4s ease-in-out infinite; }
.scn-concessions-since-raid .papers     { position:absolute; bottom:26%; left:28%; width:24px; height:18px; background: #c8b090; border-radius:2px; transform: rotate(-8deg); box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: csr-papers 8s ease-in-out infinite alternate; }
.scn-concessions-since-raid .chair      { position:absolute; bottom:18%; left:58%; width:30px; height:44px; background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%); border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%; transform-origin: bottom center; animation: csr-chair 6s ease-in-out infinite; }
.scn-concessions-since-raid .bookshelf  { position:absolute; bottom:12%; right:10%; width:14%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:3px; box-shadow: inset 0 4px 10px rgba(0,0,0,.7); animation: csr-shelf 12s ease-in-out infinite alternate; }
@keyframes csr-shadow   { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.75 } }
@keyframes csr-flicker  { 0% { opacity:.7; transform: translate(-50%,0) scale(1); } 30% { opacity:1; transform: translate(-50%,-1px) scale(1.05); } 60% { opacity:.8; transform: translate(-50%,0) scale(.95); } 100% { opacity:.9; transform: translate(-50%,1px) scale(1.02); } }
@keyframes csr-papers   { 0% { transform: rotate(-8deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-2px); } 100% { transform: rotate(-10deg) translateY(0); } }
@keyframes csr-chair    { 0%,100% { transform: rotate(0) translateY(0); } 50% { transform: rotate(2deg) translateY(-1px); } }
@keyframes csr-shelf    { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); } }

.scn-boer-decadence { background: linear-gradient(180deg, #1e1a2e 0%, #0e0a1a 100%), radial-gradient(ellipse at 70% 40%, #3a2a3e 0%, transparent 80%); }
.scn-boer-decadence .bg-parlor    { position:absolute; inset:0; background: linear-gradient(135deg, #161222 0%, #0c0814 100%); }
.scn-boer-decadence .lamp         { position:absolute; top:40%; left:50%; width:14px; height:20px; transform:translateX(-50%); background: linear-gradient(180deg, #c8a870 0%, #8a6838 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 6px 2px #8a6838; }
.scn-boer-decadence .lamp-glow    { position:absolute; top:35%; left:50%; width:120px; height:140px; transform:translateX(-50%); background: radial-gradient(circle, #ffcc88 0%, #c09050 30%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 30px #c09050, 0 0 120px 60px rgba(192,144,80,.3); animation: bod-glow 5s ease-in-out infinite; }
.scn-boer-decadence .figure-left  { position:absolute; bottom:24%; left:30%; width:22px; height:48px; background: linear-gradient(180deg, #1a1628 0%, #0a0814 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bod-fig-l 7s ease-in-out infinite; }
.scn-boer-decadence .figure-right { position:absolute; bottom:22%; right:28%; width:24px; height:50px; background: linear-gradient(180deg, #221e30 0%, #0e0a18 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bod-fig-r 8s ease-in-out infinite; }
.scn-boer-decadence .table        { position:absolute; bottom:18%; left:35%; right:35%; height:8%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: 0 6px 16px rgba(0,0,0,.5); }
@keyframes bod-glow  { 0% { opacity:.8; transform:translateX(-50%) scale(1); } 25% { opacity:1; transform:translateX(-50%) scale(1.03); } 50% { opacity:.75; transform:translateX(-50%) scale(0.97); } 75% { opacity:.9; transform:translateX(-50%) scale(1.02); } 100% { opacity:.85; transform:translateX(-50%) scale(1); } }
@keyframes bod-fig-l { 0%,100% { transform: rotate(0) translateY(0); } 30% { transform: rotate(1deg) translateY(-1px); } 60% { transform: rotate(-1deg) translateY(0); } }
@keyframes bod-fig-r { 0%,100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(-1deg) translateY(-1px); } 50% { transform: rotate(2deg) translateY(0); } 75% { transform: rotate(-2deg) translateY(-1px); } }

.scn-boer-smoked-kafirs { background: linear-gradient(180deg, #101018 0%, #080810 100%), radial-gradient(ellipse at 30% 50%, #1a1a28 0%, transparent 60%); }
.scn-boer-smoked-kafirs .bg-cave        { position:absolute; inset:0; background: linear-gradient(90deg, #0c0c14 0%, #06060e 100%); }
.scn-boer-smoked-kafirs .cave-entrance  { position:absolute; bottom:0; left:20%; right:20%; height:60%; background: linear-gradient(180deg, #0e0e1e 0%, #04040a 100%); border-radius: 40% 40% 0 0 / 60% 60% 0 0; box-shadow: inset 0 20px 40px rgba(0,0,0,.8); }
.scn-boer-smoked-kafirs .smoke-a        { position:absolute; bottom:40%; left:10%; width:40%; height:30%; background: radial-gradient(ellipse, rgba(200,200,200,.15) 0%, transparent 70%); filter: blur(8px); animation: bsk-smoke 30s linear infinite; }
.scn-boer-smoked-kafirs .smoke-b        { position:absolute; bottom:35%; right:5%; width:35%; height:25%; background: radial-gradient(ellipse, rgba(180,180,180,.12) 0%, transparent 70%); filter: blur(10px); animation: bsk-smoke 40s linear infinite reverse; }
.scn-boer-smoked-kafirs .bones-pile     { position:absolute; bottom:10%; left:35%; width:20%; height:8%; background: repeating-linear-gradient(45deg, #c8b8a0 0px, #c8b8a0 4px, #a09078 4px, #a09078 8px); border-radius: 20% 30% 10% 20% / 40% 30% 10% 20%; transform: rotate(10deg); box-shadow: inset 0 2px 6px rgba(0,0,0,.4); animation: bsk-bones 15s ease-in-out infinite alternate; }
.scn-boer-smoked-kafirs .bones-scatter  { position:absolute; bottom:8%; left:50%; width:15%; height:5%; background: repeating-linear-gradient(-30deg, #d0c0a8 0px, #d0c0a8 3px, #b0a088 3px, #b0a088 6px); border-radius: 10% 20% 30% 10% / 20% 40% 20% 10%; transform: rotate(-15deg); box-shadow: inset 0 2px 4px rgba(0,0,0,.3); animation: bsk-bones 20s ease-in-out infinite alternate; }
@keyframes bsk-smoke { 0% { transform: translateY(0) scale(1); opacity:.3; } 25% { transform: translateY(-10px) scale(1.2); opacity:.2; } 50% { transform: translateY(-20px) scale(0.8); opacity:.15; } 75% { transform: translateY(-15px) scale(1.1); opacity:.25; } 100% { transform: translateY(0) scale(1); opacity:.3; } }
@keyframes bsk-bones { 0% { transform: rotate(10deg) scale(1); } 50% { transform: rotate(15deg) scale(1.02); } 100% { transform: rotate(5deg) scale(0.98); } }

.scn-white-man-wants-lands { background: linear-gradient(180deg, #1e1a12 0%, #0e0a06 100%), radial-gradient(ellipse at 50% 20%, #2a2218 0%, transparent 50%); }
.scn-white-man-wants-lands .bg-room-dark { position:absolute; inset:0; background: linear-gradient(135deg, #14100c 0%, #0a0806 100%); }
.scn-white-man-wants-lands .map-table    { position:absolute; bottom:12%; left:15%; right:15%; height:16%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e00 100%); border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.7); }
.scn-white-man-wants-lands .map          { position:absolute; bottom:16%; left:22%; width:56%; height:10%; background: linear-gradient(135deg, #c8b8a0 0%, #b0a088 100%); border-radius: 4px; box-shadow: inset 0 2px 8px rgba(0,0,0,.3); transform: rotate(2deg); animation: wmw-map 10s ease-in-out infinite alternate; }
.scn-white-man-wants-lands .figure       { position:absolute; bottom:16%; left:42%; width:20px; height:52px; background: linear-gradient(180deg, #0c0804 0%, #040200 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wmw-fig 6s ease-in-out infinite; }
.scn-white-man-wants-lands .lamp-overhead{ position:absolute; top:12%; left:48%; width:20px; height:20px; background: linear-gradient(180deg, #ffcc88 0%, #c09050 100%); border-radius:50%; box-shadow: 0 0 8px 4px #c09050; }
.scn-white-man-wants-lands .lamp-glow    { position:absolute; top:5%; left:45%; width:10%; height:20%; background: radial-gradient(circle, #ffdd99 0%, #b08040 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 20px #b08040, 0 0 80px 40px rgba(176,128,64,.2); animation: wmw-glow 4s ease-in-out infinite; }
.scn-white-man-wants-lands .shadow       { position:absolute; bottom:12%; left:35%; width:30%; height:6%; background: rgba(0,0,0,.6); border-radius: 50%; filter: blur(6px); transform: skewX(-20deg); animation: wmw-shadow 8s ease-in-out infinite; }
@keyframes wmw-map { 0% { transform: rotate(2deg) translateX(0); } 50% { transform: rotate(0) translateX(2px); } 100% { transform: rotate(4deg) translateX(-2px); } }
@keyframes wmw-fig { 0%,100% { transform: rotate(-1deg) translateY(0); } 30% { transform: rotate(1deg) translateY(-2px); } 60% { transform: rotate(-2deg) translateY(0); } }
@keyframes wmw-glow { 0% { opacity:.7; transform: scale(1); } 25% { opacity:1; transform: scale(1.05); } 50% { opacity:.8; transform: scale(0.95); } 75% { opacity:.9; transform: scale(1.03); } 100% { opacity:.75; transform: scale(1); } }
@keyframes wmw-shadow { 0%,100% { transform: skewX(-20deg) translateX(0); opacity:.6; } 50% { transform: skewX(-18deg) translateX(4px); opacity:.4; } }

.scn-suttee-origin-unknown { background: linear-gradient(180deg, #2a1e14 0%, #3d2a1c 40%, #1f1105 100%), radial-gradient(ellipse at 50% 30%, #4a3020 0%, transparent 70%); }
.scn-suttee-origin-unknown .room-bg { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 40%, #5a3e28 0%, #1a0e05 100%); animation: su1-ambient 10s ease-in-out infinite alternate; }
.scn-suttee-origin-unknown .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #4a3520 0%, #2a1a0a 100%); border-radius: 30% 30% 0 0; }
.scn-suttee-origin-unknown .fire-pit { position:absolute; bottom:22%; left:50%; width:70px; height:30px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 0%, #402010 0%, #1a0a00 100%); border-radius: 50%; box-shadow: inset 0 4px 8px #0a0500; }
.scn-suttee-origin-unknown .flame { position:absolute; bottom:30%; left:50%; width:20px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #ff8830 0%, #cc5500 50%, #401000 100%); border-radius: 50% 50% 20% 20%; filter: blur(2px); animation: su1-flame 0.8s ease-in-out infinite alternate; }
.scn-suttee-origin-unknown .smoke { position:absolute; bottom:40%; left:50%; width:60px; height:100px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 50%, rgba(80,60,40,0.6) 0%, rgba(30,20,10,0.05) 100%); filter: blur(8px); animation: su1-smoke 6s ease-in-out infinite; }
.scn-suttee-origin-unknown .figure-seated { position:absolute; bottom:18%; left:42%; width:24px; height:38px; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 45% 45% 35% 35% / 50% 50% 40% 40%; transform-origin: bottom center; animation: su1-seated 4s ease-in-out infinite; }
.scn-suttee-origin-unknown .wall-texture { position:absolute; inset:5% 10% 25% 10%; background: repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(60,40,25,0.15) 8px, rgba(60,40,25,0.15) 10px); animation: su1-texture 20s linear infinite; }
.scn-suttee-origin-unknown .offering { position:absolute; bottom:23%; left:48%; width:10px; height:10px; background: radial-gradient(circle, #dd8844 0%, #884422 100%); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(200,100,40,0.5); animation: su1-offer 3s ease-in-out infinite alternate; }
@keyframes su1-ambient { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.75 } }
@keyframes su1-flame { 0% { transform: translateX(-50%) scaleY(1) rotate(-2deg); } 50% { transform: translateX(-50%) scaleY(1.15) rotate(1deg); } 100% { transform: translateX(-50%) scaleY(0.95) rotate(-1deg); } }
@keyframes su1-smoke { 0% { transform: translateX(-50%) translateY(0) scale(1); opacity:0.5; } 50% { transform: translateX(-55%) translateY(-30px) scale(1.4); opacity:0.3; } 100% { transform: translateX(-45%) translateY(-60px) scale(1.8); opacity:0; } }
@keyframes su1-seated { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(2px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(0) translateY(-2px) rotate(-0.5deg); } 75% { transform: translateX(-1px) translateY(-1px) rotate(0.5deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes su1-texture { 0% { opacity:0.3 } 50% { opacity:0.6 } 100% { opacity:0.3 } }
@keyframes su1-offer { 0% { opacity:0.6; transform: scale(0.9); } 100% { opacity:1; transform: scale(1.1); } }

.scn-suttee-sleeman-attempt { background: linear-gradient(180deg, #f9e0b0 0%, #e0c080 40%, #b08850 100%), radial-gradient(ellipse at 30% 20%, #ffe8b0 0%, transparent 60%); }
.scn-suttee-sleeman-attempt .sky-bright { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #ffecc0 0%, #d4b070 100%); animation: su2-sky 12s ease-in-out infinite alternate; }
.scn-suttee-sleeman-attempt .sun { position:absolute; top:8%; left:25%; width:40px; height:40px; background: radial-gradient(circle, #fff4c0 0%, #e0a040 80%, transparent 100%); border-radius: 50%; filter: blur(2px); animation: su2-sun 4s ease-in-out infinite alternate; }
.scn-suttee-sleeman-attempt .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #c8a868 0%, #a08040 100%); box-shadow: inset 0 20px 40px rgba(0,0,0,0.3); }
.scn-suttee-sleeman-attempt .sleeman-figure { position:absolute; bottom:20%; left:35%; width:28px; height:48px; background: linear-gradient(180deg, #302820 0%, #1a1008 100%); border-radius: 45% 45% 40% 40% / 55% 55% 35% 35%; transform-origin: bottom center; animation: su2-stand 3s ease-in-out infinite; }
.scn-suttee-sleeman-attempt .raised-arm { position:absolute; bottom:35%; left:38%; width:6px; height:20px; background: #302820; border-radius: 20% 20% 10% 10%; transform-origin: bottom left; animation: su2-arm 2s ease-in-out infinite alternate; }
.scn-suttee-sleeman-attempt .shadow { position:absolute; bottom:18%; left:30%; width:60px; height:10px; background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 100%); animation: su2-shadow 4s ease-in-out infinite alternate; }
.scn-suttee-sleeman-attempt .document { position:absolute; bottom:28%; left:36%; width:14px; height:18px; background: linear-gradient(135deg, #f0e0b0 0%, #d0b080 100%); border: 1px solid #a08040; border-radius:2px; transform: rotate(-10deg); animation: su2-doc 3s ease-in-out infinite; }
.scn-suttee-sleeman-attempt .crowd-silhouettes { position:absolute; bottom:20%; right:5%; width:80px; height:40px; background: linear-gradient(180deg, #403828 0%, #201810 100%); border-radius: 30% 30% 10% 10%; filter: blur(1px); animation: su2-crowd 6s ease-in-out infinite alternate; }
@keyframes su2-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes su2-sun { 0% { transform: translate(0, 0) scale(1); box-shadow: 0 0 20px 8px #e0a040; } 50% { transform: translate(2px, -2px) scale(1.05); box-shadow: 0 0 30px 12px #e0a040; } 100% { transform: translate(-1px, 1px) scale(0.98); box-shadow: 0 0 18px 6px #d09030; } }
@keyframes su2-stand { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(3px) rotate(1deg); } 60% { transform: translateX(-1px) rotate(-0.5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes su2-arm { 0% { transform: rotate(-30deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-20deg); } }
@keyframes su2-shadow { 0% { transform: scaleX(1); opacity:0.7; } 50% { transform: scaleX(1.1); opacity:0.5; } 100% { transform: scaleX(0.9); opacity:0.8; } }
@keyframes su2-doc { 0%,100% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-8deg) translateY(-2px); } }
@keyframes su2-crowd { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.05) translateY(-2px); } 100% { transform: scaleY(0.95) translateY(1px); } }

.scn-suttee-sleeman-refuses { background: linear-gradient(180deg, #e8d0a0 0%, #c0a070 40%, #907050 100%), radial-gradient(ellipse at 60% 20%, #f0dcb0 0%, transparent 50%); }
.scn-suttee-sleeman-refuses .sky-harsh { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #f0e0b0 0%, #c8ae80 100%); animation: su3-sky 15s ease-in-out infinite; }
.scn-suttee-sleeman-refuses .sun-glare { position:absolute; top:10%; right:30%; width:35px; height:35px; background: radial-gradient(circle, #fff8d0 0%, #e0b050 80%, transparent 100%); border-radius:50%; filter: blur(3px); animation: su3-glare 5s ease-in-out infinite alternate; }
.scn-suttee-sleeman-refuses .river { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8aa0b0 0%, #5a7080 100%); border-radius: 40% 30% 0 0 / 20% 20% 0 0; animation: su3-river 8s ease-in-out infinite alternate; }
.scn-suttee-sleeman-refuses .bank { position:absolute; bottom:38%; left:0; right:40%; height:10%; background: linear-gradient(180deg, #b89868 0%, #a08050 100%); border-radius: 20% 40% 0 0; }
.scn-suttee-sleeman-refuses .widow-sitting { position:absolute; bottom:32%; left:15%; width:26px; height:30px; background: linear-gradient(180deg, #4a3828 0%, #2a1c10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; animation: su3-widow 6s ease-in-out infinite; }
.scn-suttee-sleeman-refuses .dead-covered { position:absolute; bottom:30%; left:25%; width:40px; height:18px; background: linear-gradient(180deg, #6b5a48 0%, #4a3a28 100%); border-radius: 20% 20% 10% 10%; filter: blur(1px); animation: su3-dead 10s ease-in-out infinite; }
.scn-suttee-sleeman-refuses .guard-standing { position:absolute; bottom:28%; right:20%; width:22px; height:48px; background: linear-gradient(180deg, #403828 0%, #201810 100%); border-radius: 40% 40% 10% 10%; animation: su3-guard 3s ease-in-out infinite alternate; }
.scn-suttee-sleeman-refuses .tree-shadow { position:absolute; bottom:30%; right:10%; width:30px; height:60px; background: radial-gradient(ellipse at 50% 100%, #2a2010 0%, transparent 80%); filter: blur(4px); animation: su3-tree 7s ease-in-out infinite; }
@keyframes su3-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes su3-glare { 0% { transform: scale(0.9); opacity:0.7; } 50% { transform: scale(1.1); opacity:1; } 100% { transform: scale(0.95); opacity:0.8; } }
@keyframes su3-river { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(2px) rotate(-0.5deg); } }
@keyframes su3-widow { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 30% { transform: translateX(1px) translateY(-1px) rotate(1deg); } 60% { transform: translateX(-1px) translateY(-2px) rotate(-1deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes su3-dead { 0% { opacity:0.6; transform: scaleY(1); } 50% { opacity:0.9; transform: scaleY(1.02); } 100% { opacity:0.7; transform: scaleY(0.98); } }
@keyframes su3-guard { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(1px) rotate(-1deg); } }
@keyframes su3-tree { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.05) translateY(5px); } 100% { transform: scaleY(0.95) translateY(-5px); } }

.scn-suttee-widow-rock { background: linear-gradient(180deg, #f0d8a0 0%, #c8a860 40%, #907040 100%), radial-gradient(ellipse at 20% 30%, #f0e0b0 0%, transparent 60%); }
.scn-suttee-widow-rock .sky-blazing { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #ffecc0 0%, #d4b070 100%); animation: su4-sky 12s ease-in-out infinite alternate; }
.scn-suttee-widow-rock .sun-disk { position:absolute; top:12%; left:15%; width:45px; height:45px; background: radial-gradient(circle, #fff4d0 0%, #e8b858 80%, transparent 100%); border-radius:50%; filter: blur(2px); animation: su4-sun 6s ease-in-out infinite alternate; }
.scn-suttee-widow-rock .river-surface { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8aa0b0 0%, #4a6070 100%); border-radius: 30% 40% 0 0 / 15% 20% 0 0; animation: su4-river 8s ease-in-out infinite alternate; }
.scn-suttee-widow-rock .rock { position:absolute; bottom:25%; left:50%; width:60px; height:20px; transform:translateX(-50%); background: linear-gradient(180deg, #6a5a48 0%, #4a3a28 100%); border-radius: 40% 40% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: su4-rock 10s ease-in-out infinite; }
.scn-suttee-widow-rock .widow-on-rock { position:absolute; bottom:33%; left:48%; width:22px; height:28px; transform:translateX(-50%); background: linear-gradient(180deg, #4a3828 0%, #2a1c10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; animation: su4-widow 5s ease-in-out infinite; }
.scn-suttee-widow-rock .son-left { position:absolute; bottom:22%; left:36%; width:16px; height:22px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: su4-son-l 4s ease-in-out infinite; }
.scn-suttee-widow-rock .son-right { position:absolute; bottom:22%; right:36%; width:16px; height:22px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: su4-son-r 4s ease-in-out infinite 2s; }
.scn-suttee-widow-rock .water-reflect { position:absolute; bottom:15%; left:25%; width:50px; height:30px; background: radial-gradient(ellipse at 50% 50%, rgba(200,180,120,0.2) 0%, transparent 100%); filter: blur(6px); animation: su4-reflect 7s ease-in-out infinite alternate; }
@keyframes su4-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes su4-sun { 0% { transform: translate(0,0) scale(1); box-shadow: 0 0 25px 10px #d8a848; } 50% { transform: translate(-2px,2px) scale(1.06); box-shadow: 0 0 35px 15px #d8a848; } 100% { transform: translate(1px,-1px) scale(0.97); box-shadow: 0 0 20px 8px #c89840; } }
@keyframes su4-river { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(1deg); } 100% { transform: translateY(2px) rotate(-0.5deg); } }
@keyframes su4-rock { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.03); } 100% { transform: translateX(-50%) scaleY(0.97); } }
@keyframes su4-widow { 0% { transform: translateX(-50%) translateY(0) rotate(0deg); } 30% { transform: translateX(-48%) translateY(-1px) rotate(1deg); } 60% { transform: translateX(-52%) translateY(-2px) rotate(-1deg); } 100% { transform: translateX(-50%) translateY(0) rotate(0deg); } }
@keyframes su4-son-l { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(1px) rotate(-1deg); } }
@keyframes su4-son-r { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(-2deg); } 100% { transform: translateY(2px) rotate(1deg); } }
@keyframes su4-reflect { 0% { opacity:0.2; transform: scaleX(1); } 50% { opacity:0.5; transform: scaleX(1.2); } 100% { opacity:0.3; transform: scaleX(0.8); } }

/* Scene 1: johannesburg-dynamite-aftermath — tense, dim interior */
.scn-johannesburg-dynamite-aftermath {
  background: 
    linear-gradient(180deg, #1a1a1e 0%, #2a2a2e 30%, #1c1c20 60%, #111115 100%),
    radial-gradient(ellipse at 50% 80%, #3a3a3e 0%, transparent 70%);
}
.scn-johannesburg-dynamite-aftermath .room-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(30,30,34,0.9) 0%, rgba(20,20,22,0.8) 100%);
  animation: jd-room-pulse 8s ease-in-out infinite alternate;
}
.scn-johannesburg-dynamite-aftermath .desk {
  position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);
  width: 55%; height: 12%;
  background: linear-gradient(180deg, #3a2e24 0%, #2a1e14 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.6);
  animation: jd-desk-shift 12s ease-in-out infinite;
}
.scn-johannesburg-dynamite-aftermath .lamp {
  position: absolute; bottom: 26%; left: 32%;
  width: 8px; height: 20px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: -30px -10px 40px 15px rgba(200,160,80,0.3);
  animation: jd-lamp-sway 4s ease-in-out infinite;
}
.scn-johannesburg-dynamite-aftermath .figure-sitting {
  position: absolute; bottom: 26%; left: 48%;
  width: 22px; height: 40px;
  background: linear-gradient(180deg, #1a1a1e 0%, #0e0e12 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 35% 35%;
  transform-origin: bottom center;
  animation: jd-figure-tilt 6s ease-in-out infinite;
}
.scn-johannesburg-dynamite-aftermath .paper-stack {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);
  width: 30px; height: 6px;
  background: linear-gradient(180deg, #e8dcc8 0%, #d0c4b0 100%);
  border-radius: 2px;
  box-shadow: 1px 2px 4px rgba(0,0,0,0.5);
  animation: jd-paper-grow 3s ease-in-out infinite alternate;
}
.scn-johannesburg-dynamite-aftermath .shadow-stripe {
  position: absolute; top: 30%; left: 20%; width: 60%; height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
  filter: blur(1px);
  animation: jd-stripe-sweep 15s linear infinite;
}
.scn-johannesburg-dynamite-aftermath .clock-hand {
  position: absolute; top: 12%; left: 70%;
  width: 2px; height: 30px;
  background: #6a5a4a;
  border-radius: 50% 50% 0 0;
  transform-origin: bottom center;
  animation: jd-clock-spin 60s linear infinite;
}
@keyframes jd-room-pulse {
  0% { opacity: 0.7; filter: brightness(0.9); }
  50% { opacity: 1; filter: brightness(1.1); }
  100% { opacity: 0.8; filter: brightness(0.85); }
}
@keyframes jd-desk-shift {
  0% { transform: translateX(-50%) rotate(0deg); }
  33% { transform: translateX(-50%) rotate(1deg) translateY(1px); }
  66% { transform: translateX(-50%) rotate(-1deg) translateY(-1px); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes jd-lamp-sway {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes jd-figure-tilt {
  0% { transform: rotate(0deg) translateX(0); }
  30% { transform: rotate(2deg) translateX(3px); }
  70% { transform: rotate(-1deg) translateX(-2px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes jd-paper-grow {
  0% { transform: translateX(-50%) scaleY(1); }
  100% { transform: translateX(-50%) scaleY(1.3); }
}
@keyframes jd-stripe-sweep {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes jd-clock-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Scene 2: shipboard-entering-delagoa-bay — calm, dawn */
.scn-shipboard-entering-delagoa-bay {
  background: 
    linear-gradient(180deg, #ffd6a5 0%, #ffb07c 30%, #c08a6e 60%, #5a4a3e 100%),
    radial-gradient(ellipse at 50% 100%, #4a3a2e 0%, transparent 70%);
}
.scn-shipboard-entering-delagoa-bay .sea-bg {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #6a7a7e 0%, #4a5a5e 40%, #2a3a3e 100%);
  animation: sb-sea-swell 20s ease-in-out infinite alternate;
}
.scn-shipboard-entering-delagoa-bay .sky-bg {
  position: absolute; top: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #ffe4c4 0%, #ffcc99 30%, #b0886a 70%, #8a6a4e 100%);
  animation: sb-sky-glow 15s ease-in-out infinite alternate;
}
.scn-shipboard-entering-delagoa-bay .sun-haze {
  position: absolute; top: 15%; left: 50%; transform: translateX(-50%);
  width: 120px; height: 80px;
  background: radial-gradient(circle, rgba(255,200,150,0.4) 0%, rgba(255,200,150,0.1) 50%, transparent 100%);
  filter: blur(20px);
  animation: sb-haze-pulse 8s ease-in-out infinite alternate;
}
.scn-shipboard-entering-delagoa-bay .deck {
  position: absolute; bottom: 12%; left: 0; right: 0; height: 18%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 0 0 10% 10%;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.4);
  animation: sb-deck-roll 12s ease-in-out infinite;
}
.scn-shipboard-entering-delagoa-bay .bow {
  position: absolute; bottom: 12%; left: 10%;
  width: 30%; height: 15%;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0e 100%);
  clip-path: polygon(0% 0%, 100% 30%, 100% 100%, 0% 100%);
  animation: sb-bow-rock 10s ease-in-out infinite;
}
.scn-shipboard-entering-delagoa-bay .figure-rail {
  position: absolute; bottom: 16%; left: 15%;
  width: 14px; height: 36px;
  background: linear-gradient(180deg, #1a1a1e 0%, #0e0e12 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sb-figure-sway 6s ease-in-out infinite;
}
.scn-shipboard-entering-delagoa-bay .water-ripple {
  position: absolute; bottom: 0; left: 0; right: 0; height: 8%;
  background: linear-gradient(180deg, transparent 0%, rgba(200,220,230,0.3) 50%, transparent 100%);
  filter: blur(2px);
  animation: sb-ripple-drift 5s ease-in-out infinite;
}
.scn-shipboard-entering-delagoa-bay .horizon-mist {
  position: absolute; top: 48%; left: 0; right: 0; height: 8%;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);
  filter: blur(4px);
  animation: sb-mist-shift 25s linear infinite alternate;
}
@keyframes sb-sea-swell {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-3px) scaleY(1.02); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes sb-sky-glow {
  0% { opacity: 0.8; filter: brightness(0.9); }
  50% { opacity: 1; filter: brightness(1.1); }
  100% { opacity: 0.9; filter: brightness(0.95); }
}
@keyframes sb-haze-pulse {
  0% { transform: translateX(-50%) scale(1); opacity: 0.6; }
  100% { transform: translateX(-50%) scale(1.2); opacity: 0.9; }
}
@keyframes sb-deck-roll {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(-1deg); }
  75% { transform: rotate(0.5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes sb-bow-rock {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes sb-figure-sway {
  0% { transform: rotate(0deg) translateX(0); }
  33% { transform: rotate(2deg) translateX(2px); }
  66% { transform: rotate(-2deg) translateX(-2px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes sb-ripple-drift {
  0% { transform: translateX(0); opacity: 0.3; }
  50% { transform: translateX(5px); opacity: 0.6; }
  100% { transform: translateX(0); opacity: 0.3; }
}
@keyframes sb-mist-shift {
  0% { transform: translateX(-20px); }
  100% { transform: translateX(20px); }
}

/* Scene 3: delagoa-bay-headland — calm, sunlit */
.scn-delagoa-bay-headland {
  background: 
    linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0e68c 80%, #deb887 100%),
    radial-gradient(ellipse at 50% 0%, #fff8dc 0%, transparent 60%);
}
.scn-delagoa-bay-headland .cliff {
  position: absolute; bottom: 15%; left: 10%; right: 10%; height: 50%;
  background: linear-gradient(180deg, #c04040 0%, #a03030 40%, #802020 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 20px 60px rgba(0,0,0,0.3);
  animation: db-cliff-sway 20s ease-in-out infinite alternate;
}
.scn-delagoa-bay-headland .cliff-top {
  position: absolute; bottom: 62%; left: 10%; right: 10%; height: 8%;
  background: linear-gradient(180deg, #6a8a3a 0%, #4a6a2a 100%);
  border-radius: 10% 10% 0 0;
}
.scn-delagoa-bay-headland .houses-cluster {
  position: absolute; bottom: 60%; left: 30%; right: 30%; height: 12%;
  background: 
    linear-gradient(90deg, #f5deb3 0%, #deb887 20%, #f5deb3 40%, #deb887 60%, #f5deb3 80%, #deb887 100%);
  clip-path: polygon(0% 100%, 0% 30%, 20% 20%, 20% 50%, 40% 20%, 40% 50%, 60% 20%, 60% 50%, 80% 20%, 80% 50%, 100% 30%, 100% 100%);
  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.2));
  animation: db-houses-rise 30s ease-in-out infinite;
}
.scn-delagoa-bay-headland .sky-gradient {
  position: absolute; top: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%);
  animation: db-sky-shift 15s ease-in-out infinite alternate;
}
.scn-delagoa-bay-headland .sun-orb {
  position: absolute; top: 8%; left: 50%; transform: translateX(-50%);
  width: 50px; height: 50px;
  background: radial-gradient(circle, #fff8dc 0%, #ffeb3b 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(255,235,59,0.3);
  animation: db-sun-pulse 10s ease-in-out infinite alternate;
}
.scn-delagoa-bay-headland .sea-surface {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #5a8aae 0%, #3a6a8e 100%);
  animation: db-sea-glint 8s ease-in-out infinite;
}
.scn-delagoa-bay-headland .seabird {
  position: absolute; top: 25%; left: 20%;
  width: 8px; height: 4px;
  background: #2a2a2e;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #1a1a1e;
  animation: db-bird-soar 18s linear infinite;
}
@keyframes db-cliff-sway {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(0.5deg) scaleY(1.02); }
  100% { transform: rotate(-0.5deg) scaleY(0.98); }
}
@keyframes db-houses-rise {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes db-sky-shift {
  0% { opacity: 0.9; filter: brightness(0.95); }
  100% { opacity: 1; filter: brightness(1.05); }
}
@keyframes db-sun-pulse {
  0% { transform: translateX(-50%) scale(0.95); opacity: 0.8; }
  50% { transform: translateX(-50%) scale(1.05); opacity: 1; }
  100% { transform: translateX(-50%) scale(1); opacity: 0.9; }
}
@keyframes db-sea-glint {
  0% { transform: translateX(0); }
  33% { transform: translateX(3px); }
  66% { transform: translateX(-3px); }
  100% { transform: translateX(0); }
}
@keyframes db-bird-soar {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(20px) translateY(-5px) rotate(5deg); }
  50% { transform: translateX(40px) translateY(0) rotate(0deg); }
  75% { transform: translateX(60px) translateY(-3px) rotate(-3deg); }
  100% { transform: translateX(80px) translateY(0) rotate(0deg); }
}

/* Scene 4: delagoa-bay-portuguese-inefficiency — dark, sunlit */
.scn-delagoa-bay-portuguese-inefficiency {
  background: 
    linear-gradient(180deg, #c0c0c0 0%, #a0a0a0 30%, #808080 70%, #404040 100%),
    radial-gradient(ellipse at 50% 0%, #ffffff 0%, transparent 60%);
}
.scn-delagoa-bay-portuguese-inefficiency .ground-waste {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  filter: saturate(0.5);
  animation: dp-ground-shift 20s ease-in-out infinite alternate;
}
.scn-delagoa-bay-portuguese-inefficiency .crates {
  position: absolute; bottom: 25%; left: 15%; right: 65%; height: 20%;
  background: 
    linear-gradient(90deg, #8a7a6a 0%, #6a5a4a 20%, #8a7a6a 40%, #6a5a4a 60%, #8a7a6a 80%, #6a5a4a 100%);
  clip-path: polygon(0% 100%, 0% 20%, 25% 0%, 25% 20%, 50% 0%, 50% 20%, 75% 0%, 75% 20%, 100% 20%, 100% 100%);
  animation: dp-crates-settle 15s ease-in-out infinite;
}
.scn-delagoa-bay-portuguese-inefficiency .rail-siding {
  position: absolute; bottom: 18%; left: 10%; right: 10%; height: 3%;
  background: linear-gradient(90deg, #5a4a3a 0%, #4a3a2a 50%, #5a4a3a 100%);
  border-radius: 2px;
  animation: dp-rail-shimmer 10s ease-in-out infinite alternate;
}
.scn-delagoa-bay-portuguese-inefficiency .figure-loafing {
  position: absolute; bottom: 28%; left: 50%; transform: translateX(-50%);
  width: 18px; height: 40px;
  background: linear-gradient(180deg, #2a2a2e 0%, #1a1a1e 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 35% 35%;
  transform-origin: bottom center;
  animation: dp-figure-lounge 8s ease-in-out infinite;
}
.scn-delagoa-bay-portuguese-inefficiency .harsh-shadow {
  position: absolute; bottom: 20%; left: 35%; right: 10%; height: 15%;
  background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, transparent 50%, rgba(0,0,0,0.2) 100%);
  filter: blur(3px);
  animation: dp-shadow-sweep 18s linear infinite;
}
.scn-delagoa-bay-portuguese-inefficiency .sun-blast {
  position: absolute; top: 10%; left: 50%; transform: translateX(-50%);
  width: 100px; height: 100px;
  background: radial-gradient(circle, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 50%, transparent 100%);
  filter: blur(30px);
  animation: dp-sun-blast-pulse 5s ease-in-out infinite alternate;
}
.scn-delagoa-bay-portuguese-inefficiency .heat-shimmer {
  position: absolute; top: 30%; left: 0; right: 0; height: 10%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 30%, transparent 100%);
  filter: blur(2px);
  animation: dp-heat-wave 3s ease-in-out infinite;
}
.scn-delagoa-bay-portuguese-inefficiency .flagpole {
  position: absolute; bottom: 30%; left: 20%;
  width: 3px; height: 50px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 2px;
  animation: dp-flagpole-sway 6s ease-in-out infinite;
}
@keyframes dp-ground-shift {
  0% { transform: translateY(0); filter: brightness(0.9); }
  50% { transform: translateY(2px); filter: brightness(1); }
  100% { transform: translateY(-2px); filter: brightness(0.85); }
}
@keyframes dp-crates-settle {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.95) translateY(1px); }
  100% { transform: scaleY(1); }
}
@keyframes dp-rail-shimmer {
  0% { opacity: 0.7; }
  100% { opacity: 1; }
}
@keyframes dp-figure-lounge {
  0% { transform: rotate(0deg) translateX(0); }
  25% { transform: rotate(5deg) translateX(3px); }
  50% { transform: rotate(-3deg) translateX(-2px); }
  75% { transform: rotate(2deg) translateX(4px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes dp-shadow-sweep {
  0% { transform: translateX(-50px); }
  100% { transform: translateX(50px); }
}
@keyframes dp-sun-blast-pulse {
  0% { transform: translateX(-50%) scale(0.9); opacity: 0.5; }
  100% { transform: translateX(-50%) scale(1.2); opacity: 0.8; }
}
@keyframes dp-heat-wave {
  0% { transform: translateX(-100%); }
  50% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}
@keyframes dp-flagpole-sway {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-1deg); }
}

/* emotions-secondhand */
.scn-emotions-secondhand {
  background: linear-gradient(180deg, #2c1a0e 0%, #4a2c1a 50%, #6a3e1e 100%),
              radial-gradient(ellipse at 30% 70%, #5a2e14 0%, transparent 60%);
}
.scn-emotions-secondhand .lamplight {
  position: absolute; top: 15%; left: 25%; width: 80px; height: 80px;
  background: radial-gradient(circle, #f0c068 0%, #b08040 40%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(192,128,64,0.5);
  animation: eh-lamp 3s ease-in-out infinite alternate;
}
.scn-emotions-secondhand .figure {
  position: absolute; bottom: 20%; left: 20%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0e04 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: eh-figure 4s ease-in-out infinite;
}
.scn-emotions-secondhand .books {
  position: absolute; bottom: 10%; left: 10%; width: 40px; height: 20px;
  background: linear-gradient(90deg, #6a3a1a 0%, #4a2a0a 30%, #5a3a1a 60%, #3a1a0a 100%);
  border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: eh-books 6s ease-in-out infinite;
}
.scn-emotions-secondhand .desk {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 15%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 4px 4px 0 0; box-shadow: inset 0 4px 8px rgba(0,0,0,0.3);
  animation: eh-desk 8s ease-in-out infinite alternate;
}
.scn-emotions-secondhand .window {
  position: absolute; top: 10%; right: 10%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #1a1a3e 0%, #0a0a1e 100%);
  border: 4px solid #2a1a0a; border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
  animation: eh-window 12s ease-in-out infinite alternate;
}
.scn-emotions-secondhand .glow {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 70%, rgba(240,192,104,0.15) 0%, transparent 60%);
  animation: eh-glow 5s ease-in-out infinite alternate;
}
@keyframes eh-lamp {
  0% { opacity: 0.8; transform: scale(0.95); box-shadow: 0 0 30px 15px rgba(192,128,64,0.4); }
  50% { opacity: 1; transform: scale(1); box-shadow: 0 0 50px 25px rgba(192,128,64,0.6); }
  100% { opacity: 0.85; transform: scale(0.98); box-shadow: 0 0 35px 18px rgba(192,128,64,0.45); }
}
@keyframes eh-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes eh-books {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(-3px) scaleY(0.98); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes eh-desk {
  0% { transform: translateY(0); box-shadow: inset 0 4px 8px rgba(0,0,0,0.3); }
  50% { transform: translateY(-1px); box-shadow: inset 0 6px 12px rgba(0,0,0,0.4); }
  100% { transform: translateY(0); box-shadow: inset 0 4px 8px rgba(0,0,0,0.3); }
}
@keyframes eh-window {
  0% { opacity: 0.6; background-position: 0% 0%; }
  50% { opacity: 1; background-position: 0% 10%; }
  100% { opacity: 0.7; background-position: 0% 0%; }
}
@keyframes eh-glow {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}

/* taj-vs-god */
.scn-taj-vs-god {
  background: linear-gradient(180deg, #1a1830 0%, #2a1a2e 40%, #3a1e2a 70%, #1a0e1a 100%),
              radial-gradient(ellipse at 50% 30%, #4a2a38 0%, transparent 70%);
}
.scn-taj-vs-god .window-frame {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  border: 12px solid #3a2a1a; box-shadow: inset 0 0 40px rgba(0,0,0,0.8);
  border-radius: 0; pointer-events: none;
}
.scn-taj-vs-god .curtain-left {
  position: absolute; top: 0; left: 0; width: 20%; height: 100%;
  background: linear-gradient(90deg, #6a2a1a 0%, #4a1a0a 100%);
  border-radius: 0 40% 40% 0; box-shadow: 4px 0 12px rgba(0,0,0,0.5);
  animation: tv-curtain 8s ease-in-out infinite alternate;
}
.scn-taj-vs-god .curtain-right {
  position: absolute; top: 0; right: 0; width: 20%; height: 100%;
  background: linear-gradient(90deg, #4a1a0a 0%, #6a2a1a 100%);
  border-radius: 40% 0 0 40%; box-shadow: -4px 0 12px rgba(0,0,0,0.5);
  animation: tv-curtain 8s ease-in-out infinite alternate-reverse;
}
.scn-taj-vs-god .taj-silhouette {
  position: absolute; bottom: 30%; left: 30%; right: 30%; height: 40%;
  background: linear-gradient(180deg, #2a1a2e 0%, #1a0e1a 100%);
  border-radius: 50% 50% 10% 10% / 40% 40% 20% 20%;
  mask: radial-gradient(ellipse at 50% 100%, #fff 0%, transparent 120%);
  -webkit-mask: radial-gradient(ellipse at 50% 100%, #fff 0%, transparent 120%);
  animation: tv-taj 15s ease-in-out infinite alternate;
}
.scn-taj-vs-god .moon-glow {
  position: absolute; top: 15%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 40px;
  background: radial-gradient(circle, #b0a080 0%, #4a3a2a 50%, transparent 80%);
  border-radius: 50%; box-shadow: 0 0 60px 30px rgba(176,160,128,0.4);
  animation: tv-moon 6s ease-in-out infinite alternate;
}
.scn-taj-vs-god .person {
  position: absolute; bottom: 20%; left: 45%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #1a0e0a 0%, #0a0604 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: tv-person 5s ease-in-out infinite;
}
.scn-taj-vs-god .interior-wall {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #2a1a1e 0%, #1a0e12 100%);
  border-radius: 10% 10% 0 0; box-shadow: inset 0 8px 16px rgba(0,0,0,0.5);
  animation: tv-wall 10s ease-in-out infinite alternate;
}
@keyframes tv-curtain {
  0% { transform: translateX(0); }
  50% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}
@keyframes tv-taj {
  0% { transform: translateY(0) scale(1); opacity: 0.7; }
  50% { transform: translateY(-4px) scale(1.02); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 0.75; }
}
@keyframes tv-moon {
  0% { transform: translateX(-50%) scale(0.95); opacity: 0.8; }
  50% { transform: translateX(-50%) scale(1.05); opacity: 1; }
  100% { transform: translateX(-50%) scale(0.98); opacity: 0.85; }
}
@keyframes tv-person {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(3px) rotate(2deg); }
  50% { transform: translateX(6px) rotate(-1deg); }
  75% { transform: translateX(9px) rotate(1deg); }
  100% { transform: translateX(12px) rotate(-2deg); }
}
@keyframes tv-wall {
  0% { transform: translateY(0); box-shadow: inset 0 8px 16px rgba(0,0,0,0.5); }
  50% { transform: translateY(-2px); box-shadow: inset 0 10px 20px rgba(0,0,0,0.6); }
  100% { transform: translateY(0); box-shadow: inset 0 8px 16px rgba(0,0,0,0.5); }
}

/* living-god-name */
.scn-living-god-name {
  background: linear-gradient(180deg, #1a1528 0%, #2a1e3a 40%, #1a0e2a 70%, #0e0a1a 100%),
              radial-gradient(ellipse at 50% 60%, #3a2a4a 0%, transparent 70%);
}
.scn-living-god-name .figure-sitting {
  position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 60px;
  background: linear-gradient(180deg, #3a2a2a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: lg-figure 6s ease-in-out infinite;
}
.scn-living-god-name .candle {
  position: absolute; bottom: 25%; left: 40%; width: 10px; height: 30px;
  background: linear-gradient(180deg, #f0d0a0 0%, #c08040 100%);
  border-radius: 40% 40% 10% 10%; box-shadow: 0 0 12px 4px rgba(240,208,160,0.4);
  animation: lg-candle 3s ease-in-out infinite alternate;
}
.scn-living-god-name .incense-smoke {
  position: absolute; bottom: 35%; left: 42%; width: 20px; height: 40px;
  background: radial-gradient(circle, rgba(200,180,150,0.3) 0%, transparent 80%);
  filter: blur(4px); border-radius: 50%;
  animation: lg-smoke 10s ease-in-out infinite;
}
.scn-living-god-name .glow {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 40% 60%, rgba(240,208,160,0.1) 0%, transparent 50%);
  animation: lg-glow 4s ease-in-out infinite alternate;
}
.scn-living-god-name .shrine-bg {
  position: absolute; bottom: 5%; left: 30%; right: 30%; height: 50%;
  background: radial-gradient(ellipse at 50% 100%, #2a1e3a 0%, transparent 80%);
  border-radius: 40% 40% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.4);
  animation: lg-shrine 12s ease-in-out infinite alternate;
}
.scn-living-god-name .offering {
  position: absolute; bottom: 10%; left: 55%; width: 6px; height: 6px;
  background: radial-gradient(circle, #c0a070 0%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 10px 2px rgba(192,160,112,0.5);
  animation: lg-offering 5s ease-in-out infinite;
}
@keyframes lg-figure {
  0% { transform: translateX(-50%) translateY(0) rotate(-1deg); }
  50% { transform: translateX(-50%) translateY(-2px) rotate(1deg); }
  100% { transform: translateX(-50%) translateY(0) rotate(-1deg); }
}
@keyframes lg-candle {
  0% { transform: scaleY(1); opacity: 0.8; }
  50% { transform: scaleY(1.05); opacity: 1; }
  100% { transform: scaleY(0.98); opacity: 0.85; }
}
@keyframes lg-smoke {
  0% { transform: translateY(0) scale(1); opacity: 0.4; }
  50% { transform: translateY(-20px) scale(1.5); opacity: 0.1; }
  100% { transform: translateY(0) scale(1); opacity: 0.4; }
}
@keyframes lg-glow {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes lg-shrine {
  0% { transform: translateY(0); box-shadow: inset 0 10px 20px rgba(0,0,0,0.4); }
  50% { transform: translateY(-3px); box-shadow: inset 0 14px 28px rgba(0,0,0,0.5); }
  100% { transform: translateY(0); }
}
@keyframes lg-offering {
  0% { transform: translate(0,0) rotate(0deg); }
  50% { transform: translate(2px,-2px) rotate(10deg); }
  100% { transform: translate(0,0) rotate(0deg); }
}

/* state-of-perfection */
.scn-state-of-perfection {
  background: linear-gradient(180deg, #1a1410 0%, #2a1e1a 40%, #3a2a22 70%, #1a0e0a 100%),
              radial-gradient(ellipse at 40% 50%, #3a2a1e 0%, transparent 60%);
}
.scn-state-of-perfection .desk {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%);
  border-radius: 8px 8px 0 0; box-shadow: inset 0 4px 12px rgba(0,0,0,0.5);
  animation: sp-desk 10s ease-in-out infinite alternate;
}
.scn-state-of-perfection .scroll {
  position: absolute; bottom: 20%; left: 30%; width: 60px; height: 12px;
  background: linear-gradient(90deg, #c8a86a 0%, #a08040 30%, #b89868 60%, #8a6a3a 100%);
  border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: sp-scroll 8s ease-in-out infinite;
}
.scn-state-of-perfection .quill {
  position: absolute; bottom: 25%; left: 55%; width: 4px; height: 40px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%);
  border-radius: 50% 50% 0 0; transform: rotate(-30deg);
  transform-origin: bottom center; animation: sp-quill 4s ease-in-out infinite alternate;
}
.scn-state-of-perfection .inkpot {
  position: absolute; bottom: 18%; left: 58%; width: 16px; height: 14px;
  background: radial-gradient(circle, #1a0e08 0%, #0a0604 100%);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: sp-inkpot 6s ease-in-out infinite;
}
.scn-state-of-perfection .candle {
  position: absolute; bottom: 28%; left: 18%; width: 8px; height: 28px;
  background: linear-gradient(180deg, #f0d0a0 0%, #c08040 100%);
  border-radius: 40% 40% 10% 10%; box-shadow: 0 0 10px 4px rgba(240,208,160,0.3);
  animation: sp-candle 3s ease-in-out infinite alternate;
}
.scn-state-of-perfection .glow {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 20% 40%, rgba(240,208,160,0.1) 0%, transparent 60%);
  animation: sp-glow 5s ease-in-out infinite alternate;
}
.scn-state-of-perfection .page-turn {
  position: absolute; bottom: 22%; left: 35%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #d8c098 0%, #b89868 100%);
  border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: sp-page 6s ease-in-out infinite;
}
@keyframes sp-desk {
  0% { transform: translateY(0); box-shadow: inset 0 4px 12px rgba(0,0,0,0.5); }
  50% { transform: translateY(-2px); box-shadow: inset 0 6px 16px rgba(0,0,0,0.6); }
  100% { transform: translateY(0); box-shadow: inset 0 4px 12px rgba(0,0,0,0.5); }
}
@keyframes sp-scroll {
  0% { transform: translateX(0) scaleX(1); }
  50% { transform: translateX(-5px) scaleX(1.02); }
  100% { transform: translateX(0) scaleX(1); }
}
@keyframes sp-quill {
  0% { transform: rotate(-30deg); }
  50% { transform: rotate(-20deg); }
  100% { transform: rotate(-30deg); }
}
@keyframes sp-inkpot {
  0% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes sp-candle {
  0% { transform: scaleY(1); opacity: 0.8; }
  50% { transform: scaleY(1.03); opacity: 1; }
  100% { transform: scaleY(0.98); opacity: 0.85; }
}
@keyframes sp-glow {
  0% { opacity: 0.7; }
  50% { opacity: 0.9; }
  100% { opacity: 0.75; }
}
@keyframes sp-page {
  0% { transform: rotateY(0deg); opacity: 1; }
  25% { transform: rotateY(-30deg); opacity: 0.5; }
  50% { transform: rotateY(-60deg); opacity: 0; }
  75% { transform: rotateY(-30deg); opacity: 0.5; }
  100% { transform: rotateY(0deg); opacity: 1; }
}

/* Scene: suttee-no-name */
.scn-suttee-no-name {
  background:
    linear-gradient(125deg, #2b1e17 20%, #3d2b20 60%, #4a3628 80%) ,
    radial-gradient(ellipse at 50% 0%, #5a4333 0%, transparent 70%);
}
.scn-suttee-no-name .wall {
  position: absolute; inset: 5% 5% 40% 5%;
  background: linear-gradient(180deg, #3d2b20 0%, #2b1e17 100%);
  border-radius: 2% 2% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.6);
  animation: snn-wall 24s ease-in-out infinite alternate;
}
.scn-suttee-no-name .floor {
  position: absolute; bottom: 5%; left: 5%; right: 5%; height: 35%;
  background: linear-gradient(0deg, #1f1410 0%, #3a271f 100%);
  border-radius: 0 0 4% 4%;
  box-shadow: inset 0 -6px 12px rgba(0,0,0,0.5);
}
.scn-suttee-no-name .window {
  position: absolute; top: 18%; left: 50%; width: 18%; height: 28%;
  transform: translateX(-50%);
  background: #2a201b;
  border: 2px solid #4d372a;
  border-radius: 4% 4% 2% 2%;
  overflow: hidden;
}
.scn-suttee-no-name .window-light {
  position: absolute; top: 20%; left: 44%; width: 8%; height: 18%;
  background: radial-gradient(ellipse, #cbaa7a 0%, #a5855a 60%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(203,170,122,0.3);
  animation: snn-glow 5s ease-in-out infinite alternate;
}
.scn-suttee-no-name .figure {
  position: absolute; bottom: 20%; left: 38%; width: 12%; height: 30%;
  background: linear-gradient(180deg, #2a1f1a 0%, #1a1210 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: snn-breathe 6s ease-in-out infinite;
}
.scn-suttee-no-name .curtain {
  position: absolute; top: 12%; left: 30%; width: 40%; height: 40%;
  background: linear-gradient(90deg, #4d362a 0%, #3a281f 50%, #4d362a 100%);
  border-radius: 10% 70% 20% 80%;
  opacity: 0.6;
  filter: blur(3px);
  animation: snn-sway 8s ease-in-out infinite alternate;
}
@keyframes snn-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes snn-glow { 0% { opacity:0.6; transform: scale(0.95) } 50% { opacity:0.9; transform: scale(1) } 100% { opacity:0.7; transform: scale(0.98) } }
@keyframes snn-breathe { 0% { transform: scaleY(1) translateY(0) } 50% { transform: scaleY(1.02) translateY(-2px) } 100% { transform: scaleY(1) translateY(0) } }
@keyframes snn-sway { 0% { transform: rotate(-2deg) translateX(0) } 50% { transform: rotate(2deg) translateX(4px) } 100% { transform: rotate(-1deg) translateX(-2px) } }

/* Scene: suttee-sleeman-consents */
.scn-suttee-sleeman-consents {
  background:
    linear-gradient(165deg, #f4deb0 0%, #d4b88a 30%, #b09464 60%, #8a7050 100%),
    radial-gradient(ellipse at 80% 20%, #ffe8c0 0%, transparent 50%);
}
.scn-suttee-sleeman-consents .desk {
  position: absolute; bottom: 20%; left: 15%; right: 15%; height: 18%;
  background: linear-gradient(180deg, #6b4e32 0%, #4a3422 100%);
  border-radius: 2% 2% 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.5);
}
.scn-suttee-sleeman-consents .paper {
  position: absolute; bottom: 30%; left: 35%; width: 12%; height: 10%;
  background: linear-gradient(135deg, #f0e0c0 0%, #d4c0a0 100%);
  border-radius: 2%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  animation: ssc-paper 1.2s ease-in-out infinite;
}
.scn-suttee-sleeman-consents .inkwell {
  position: absolute; bottom: 33%; left: 48%; width: 4%; height: 5%;
  background: radial-gradient(circle, #2a1e14 0%, #0d0a06 100%);
  border-radius: 50% 50% 40% 40%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.scn-suttee-sleeman-consents .hand-left {
  position: absolute; bottom: 24%; left: 32%; width: 8%; height: 10%;
  background: linear-gradient(180deg, #dcb088 0%, #b88c64 100%);
  border-radius: 50% 50% 30% 30%;
  transform: rotate(10deg);
  animation: ssc-hand 0.8s ease-in-out infinite alternate;
}
.scn-suttee-sleeman-consents .hand-right {
  position: absolute; bottom: 24%; right: 32%; width: 8%; height: 10%;
  background: linear-gradient(180deg, #c89c74 0%, #a87c54 100%);
  border-radius: 50% 50% 30% 30%;
  transform: rotate(-15deg);
  animation: ssc-hand 0.9s ease-in-out infinite alternate-reverse;
}
.scn-suttee-sleeman-consents .shadow-stripe {
  position: absolute; top: 0; left: 40%; width: 2%; height: 100%;
  background: rgba(0,0,0,0.15);
  filter: blur(4px);
  animation: ssc-stripe 3s ease-in-out infinite alternate;
}
@keyframes ssc-paper { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes ssc-hand { 0% { transform: translateY(0) rotate(10deg) scaleY(1) } 50% { transform: translateY(-2px) rotate(12deg) scaleY(1.03) } 100% { transform: translateY(0) rotate(10deg) scaleY(1) } }
@keyframes ssc-stripe { 0% { opacity:0.3 } 50% { opacity:0.7 } 100% { opacity:0.4 } }

/* Scene: suttee-walk-to-pit */
.scn-suttee-walk-to-pit {
  background:
    linear-gradient(180deg, #f0e6c0 0%, #d8c8a0 40%, #b0a080 70%, #8a7050 100%),
    radial-gradient(ellipse at 60% 0%, #ffe8c0 0%, transparent 60%);
}
.scn-suttee-walk-to-pit .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #fce8c4 0%, #f0d8a8 100%);
  animation: swp-sky 8s ease-in-out infinite alternate;
}
.scn-suttee-walk-to-pit .sun {
  position: absolute; top: 8%; left: 70%; width: 10%; height: 10%;
  background: radial-gradient(circle, #ffecb0 0%, #f0c878 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(240,200,120,0.4);
  animation: swp-sun 6s ease-in-out infinite alternate;
}
.scn-suttee-walk-to-pit .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(0deg, #8a6e4a 0%, #a68860 100%);
}
.scn-suttee-walk-to-pit .path {
  position: absolute; bottom: 18%; left: 10%; right: 10%; height: 8%;
  background: linear-gradient(90deg, #c0a880 0%, #d4b890 50%, #c0a880 100%);
  border-radius: 30% 70% 50% 50%;
  opacity: 0.6;
}
.scn-suttee-walk-to-pit .figure-main {
  position: absolute; bottom: 20%; left: 30%; width: 6%; height: 24%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1f1410 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  animation: swp-walk 2.4s ease-in-out infinite;
}
.scn-suttee-walk-to-pit .figure-left {
  position: absolute; bottom: 20%; left: 24%; width: 5%; height: 20%;
  background: linear-gradient(180deg, #2e2016 0%, #18100c 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  animation: swp-walk 2.4s ease-in-out infinite 0.4s;
}
.scn-suttee-walk-to-pit .figure-right {
  position: absolute; bottom: 20%; left: 38%; width: 5%; height: 20%;
  background: linear-gradient(180deg, #2e2016 0%, #18100c 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  animation: swp-walk 2.4s ease-in-out infinite 0.8s;
}
@keyframes swp-sky { 0% { opacity:1 } 50% { opacity:0.9 } 100% { opacity:1 } }
@keyframes swp-sun { 0% { transform: scale(1) translate(0,0) } 50% { transform: scale(1.05) translate(4px,-4px) } 100% { transform: scale(1) translate(0,0) } }
@keyframes swp-walk {
  0% { transform: translateX(0) translateY(0) rotate(-2deg) }
  25% { transform: translateX(6px) translateY(-2px) rotate(0deg) }
  50% { transform: translateX(12px) translateY(0) rotate(2deg) }
  75% { transform: translateX(18px) translateY(-2px) rotate(0deg) }
  100% { transform: translateX(24px) translateY(0) rotate(-2deg) }
}

/* Scene: suttee-into-flame */
.scn-suttee-into-flame {
  background:
    linear-gradient(180deg, #c86830 0%, #a04820 40%, #6e3018 70%, #3a1a10 100%),
    radial-gradient(ellipse at 50% 60%, #ff8c40 0%, #c86028 40%, transparent 70%);
}
.scn-suttee-into-flame .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(0deg, #1a0c06 0%, #3a1c0e 100%);
}
.scn-suttee-into-flame .pit {
  position: absolute; bottom: 18%; left: 50%; width: 30%; height: 20%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, #8a3a1a 0%, #3a1a0a 80%);
  border-radius: 50%;
  box-shadow: inset 0 -8px 20px rgba(0,0,0,0.6);
}
.scn-suttee-into-flame .flame-flare {
  position: absolute; bottom: 30%; left: 50%; width: 20%; height: 30%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, #ffa040 0%, #e06020 40%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: sif-flare 0.8s ease-in-out infinite alternate;
}
.scn-suttee-into-flame .flame-low {
  position: absolute; bottom: 22%; left: 48%; width: 24%; height: 20%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, #ffc870 0%, #d07030 50%, transparent 80%);
  border-radius: 50%;
  filter: blur(8px);
  animation: sif-low 1.2s ease-in-out infinite alternate;
}
.scn-suttee-into-flame .figure {
  position: absolute; bottom: 16%; left: 38%; width: 6%; height: 24%;
  background: linear-gradient(180deg, #2a1a10 0%, #160c06 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  animation: sif-step 3s ease-in-out infinite;
}
.scn-suttee-into-flame .flower-left {
  position: absolute; bottom: 22%; left: 32%; width: 4%; height: 4%;
  background: radial-gradient(circle, #f0c0a0 0%, #c89070 100%);
  border-radius: 50%;
  animation: sif-flower 1.5s ease-in-out infinite;
}
.scn-suttee-into-flame .flower-right {
  position: absolute; bottom: 24%; left: 44%; width: 3%; height: 3%;
  background: radial-gradient(circle, #f0c0a0 0%, #c89070 100%);
  border-radius: 50%;
  animation: sif-flower 1.5s ease-in-out infinite 0.5s;
}
@keyframes sif-flare { 0% { transform: translateX(-50%) scaleY(1) scaleX(1) } 50% { transform: translateX(-50%) scaleY(1.15) scaleX(1.05) } 100% { transform: translateX(-50%) scaleY(0.95) scaleX(0.95) } }
@keyframes sif-low { 0% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.08) } 100% { transform: translateX(-50%) scale(0.96) } }
@keyframes sif-step { 0% { transform: translateX(0) translateY(0) rotate(0) } 20% { transform: translateX(6px) translateY(-1px) rotate(2deg) } 40% { transform: translateX(12px) translateY(1px) rotate(-1deg) } 60% { transform: translateX(18px) translateY(-1px) rotate(1deg) } 80% { transform: translateX(24px) translateY(0) rotate(0) } 100% { transform: translateX(30px) translateY(2px) rotate(2deg) } }
@keyframes sif-flower { 0% { opacity:1; transform: scale(1) } 50% { opacity:0.6; transform: scale(0.8) } 100% { opacity:1; transform: scale(1) } }

/* === SCENE: thug-white-thugs === */
.scn-thug-white-thugs {
  background: 
    linear-gradient(180deg, #3a1e0a 0%, #2a1205 40%, #1a0a02 100%),
    radial-gradient(ellipse at 50% 80%, #a0672a 0%, transparent 70%);
}
.scn-thug-white-thugs .wall-bg { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #4a2a10 0%, transparent 100%); }
.scn-thug-white-thugs .floor   { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #1a0f05 0%, #0d0702 100%); }
.scn-thug-white-thugs .fire-glow { position:absolute; bottom:30%; left:50%; width:120px; height:100px; transform:translate(-50%,0); background: radial-gradient(ellipse, #ffa53b 0%, #e07020 30%, #8a3a0a 70%, transparent 100%); border-radius:50%; box-shadow: 0 0 80px 40px rgba(200,100,30,.4), 0 0 150px 80px rgba(200,100,30,.15); animation: twt-fire 5s ease-in-out infinite alternate; }
.scn-thug-white-thugs .fire-core { position:absolute; bottom:30%; left:50%; width:30px; height:40px; transform:translate(-50%,0); background: radial-gradient(ellipse, #ffe080 0%, #ff9020 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 15px #ffa030; animation: twt-core 2s ease-in-out infinite alternate; }
.scn-thug-white-thugs .fig { position:absolute; bottom:25%; width:22px; height:50px; background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; }
.scn-thug-white-thugs .fig.left   { left:28%; animation: twt-fig-left 8s ease-in-out infinite; }
.scn-thug-white-thugs .fig.center { left:48%; margin-left:-11px; animation: twt-fig-center 10s ease-in-out infinite; }
.scn-thug-white-thugs .fig.right  { left:65%; animation: twt-fig-right 7s ease-in-out infinite; }
.scn-thug-white-thugs .table { position:absolute; bottom:22%; left:50%; width:50px; height:10px; transform:translateX(-50%); background: linear-gradient(180deg, #3a1e0a 0%, #1a0f05 100%); border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,.6); }
@keyframes twt-fire { 0% { transform:translate(-50%,0) scaleY(1) scaleX(1); opacity:.9 } 50% { transform:translate(-50%,-2px) scaleY(1.05) scaleX(.95); opacity:1 } 100% { transform:translate(-50%,1px) scaleY(.97) scaleX(1.03); opacity:.85 } }
@keyframes twt-core { 0% { transform:translate(-50%,0) scaleY(1); opacity:.8 } 50% { transform:translate(-50%,-3px) scaleY(1.2); opacity:1 } 100% { transform:translate(-50%,1px) scaleY(.9); opacity:.75 } }
@keyframes twt-fig-left { 0%,100% { transform:rotate(-1deg) translateX(0) } 30% { transform:rotate(2deg) translateX(2px) } 60% { transform:rotate(-3deg) translateX(-1px) } }
@keyframes twt-fig-center { 0%,100% { transform:rotate(0) translateY(0) } 25% { transform:rotate(1deg) translateY(-1px) } 75% { transform:rotate(-1deg) translateY(1px) } }
@keyframes twt-fig-right { 0%,100% { transform:rotate(2deg) translateX(0) } 40% { transform:rotate(-2deg) translateX(-2px) } 80% { transform:rotate(1deg) translateX(2px) } }

/* === SCENE: thug-progress === */
.scn-thug-progress {
  background:
    linear-gradient(180deg, #2b2b45 0%, #1a1a30 50%, #0f0f20 100%),
    radial-gradient(ellipse at 50% 40%, #404070 0%, transparent 80%);
}
.scn-thug-progress .wall-bg { position:absolute; inset:0; background: linear-gradient(180deg, #2a2a40 0%, transparent 100%); }
.scn-thug-progress .window-frame { position:absolute; top:15%; left:20%; width:60%; height:50%; border:6px solid #3a2a1a; border-radius:4px; background: transparent; box-shadow: inset 0 0 30px rgba(0,0,0,.5); }
.scn-thug-progress .window-view { position:absolute; top:15%; left:20%; width:60%; height:50%; background: linear-gradient(180deg, #40405a 0%, #2a2a44 70%) , repeating-linear-gradient(45deg, rgba(255,255,255,.02) 0px, rgba(255,255,255,.02) 2px, transparent 2px, transparent 4px); border-radius:2px; animation: tpr-view 20s linear infinite alternate; }
.scn-thug-progress .curtain { position:absolute; top:14%; width:30%; height:52%; background: linear-gradient(180deg, #5a3a2a 0%, #3a1e0a 100%); border-radius:2px; box-shadow: 0 0 10px rgba(0,0,0,.4); animation: tpr-curtain 12s ease-in-out infinite alternate; }
.scn-thug-progress .curtain.left  { left:18%; animation-delay: -2s; }
.scn-thug-progress .curtain.right { right:18%; animation-delay: -8s; }
.scn-thug-progress .fig { position:absolute; bottom:20%; left:50%; width:20px; height:45px; transform:translateX(-50%); background: linear-gradient(180deg, #151520 0%, #0a0a10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tpr-fig 6s ease-in-out infinite; }
@keyframes tpr-view { 0% { filter:brightness(.8) } 50% { filter:brightness(1) } 100% { filter:brightness(.7) } }
@keyframes tpr-curtain { 0% { clip-path: inset(0 0 0 0) } 50% { clip-path: inset(0 0 10% 0) } 100% { clip-path: inset(0 0 0 0) } }
@keyframes tpr-fig { 0%,100% { transform:translateX(-50%) rotate(0) translateY(0) } 30% { transform:translateX(-50%) rotate(1deg) translateY(-1px) } 70% { transform:translateX(-50%) rotate(-1deg) translateY(1px) } }

/* === SCENE: thug-hunt-sport === */
.scn-thug-hunt-sport {
  background:
    linear-gradient(180deg, #2a2618 0%, #1c1a10 50%, #0e0c08 100%),
    radial-gradient(ellipse at 40% 70%, #4a3a1a 0%, transparent 60%);
}
.scn-thug-hunt-sport .wall-bg { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #3a3220 0%, transparent 100%); }
.scn-thug-hunt-sport .floor   { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #1c1810 0%, #0a0804 100%); }
.scn-thug-hunt-sport .fireplace { position:absolute; bottom:20%; left:30%; width:40%; height:35%; background: linear-gradient(180deg, #2a1e0e 0%, #1a0e04 100%); border-radius: 20% 20% 5% 5% / 40% 40% 10% 10%; box-shadow: inset 0 -10px 20px rgba(0,0,0,.5); animation: ths-fireplace 15s ease-in-out infinite; }
.scn-thug-hunt-sport .bow-holder { position:absolute; top:20%; right:20%; width:10px; height:60px; background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%); border-radius:50% 50% 20% 20%; transform:rotate(10deg); }
.scn-thug-hunt-sport .bow { position:absolute; top:20%; right:20%; width:50px; height:60px; margin-left:-20px; background: radial-gradient(ellipse at 50% 50%, transparent 40%, #5a4a2a 40%, #3a2a12 80%); border-radius:50%; transform:rotate(-15deg); box-shadow: 0 0 8px rgba(0,0,0,.3); animation: ths-bow 8s ease-in-out infinite alternate; }
.scn-thug-hunt-sport .fig { position:absolute; bottom:15%; left:50%; width:30px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #1a1410 0%, #0a0806 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ths-fig 5s ease-in-out infinite; }
.scn-thug-hunt-sport .rug { position:absolute; bottom:2%; left:15%; width:70%; height:8%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2010 100%); border-radius: 30% 70% 40% 60% / 100% 100% 100% 100%; box-shadow: 0 -2px 6px rgba(0,0,0,.3); }
@keyframes ths-fireplace { 0%,100% { filter:brightness(.8) } 50% { filter:brightness(1) } }
@keyframes ths-bow { 0% { transform:rotate(-15deg) scaleX(1) } 50% { transform:rotate(-10deg) scaleX(1.1) } 100% { transform:rotate(-20deg) scaleX(.95) } }
@keyframes ths-fig { 0%,100% { transform:translateX(-50%) rotate(0) } 30% { transform:translateX(-50%) rotate(2deg) translateY(-2px) } 70% { transform:translateX(-50%) rotate(-1deg) translateY(1px) } }

/* === SCENE: thug-madara-ramzam === */
.scn-thug-madara-ramzam {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 40%, #050510 100%),
    radial-gradient(ellipse at 70% 60%, #2a2a4a 0%, transparent 80%);
}
.scn-thug-madara-ramzam .wall-bg { position:absolute; inset:0; background: linear-gradient(180deg, #1c1c28 0%, #0a0a14 100%); }
.scn-thug-madara-ramzam .floor   { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #10101a 0%, #05050a 100%); }
.scn-thug-madara-ramzam .lamp { position:absolute; top:30%; left:15%; width:8px; height:20px; background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%); border-radius:2px 2px 50% 50%; transform:rotate(-5deg); }
.scn-thug-madara-ramzam .lamp-glow { position:absolute; top:25%; left:12%; width:80px; height:80px; background: radial-gradient(ellipse, #d0a050 0%, #a07030 30%, transparent 70%); box-shadow: 0 0 60px 30px rgba(160,112,48,.4); border-radius:50%; animation: tmr-glow 3s ease-in-out infinite alternate; }
.scn-thug-madara-ramzam .fig { position:absolute; bottom:20%; width:20px; height:50px; background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; }
.scn-thug-madara-ramzam .fig.left-standing { left:35%; animation: tmr-fig-left 7s ease-in-out infinite; }
.scn-thug-madara-ramzam .fig.right-seated { left:55%; height:35px; bottom:15%; border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; animation: tmr-fig-right 9s ease-in-out infinite; }
.scn-thug-madara-ramzam .table { position:absolute; bottom:18%; left:50%; width:40px; height:8px; transform:translateX(-50%); background: linear-gradient(180deg, #2a1a0a 0%, #1a0e04 100%); border-radius:2px; box-shadow: 0 2px 4px rgba(0,0,0,.5); }
.scn-thug-madara-ramzam .shadow-under { position:absolute; bottom:8%; left:20%; width:60%; height:10%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.5) 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; filter:blur(4px); animation: tmr-shadow 6s ease-in-out infinite alternate; }
@keyframes tmr-glow { 0% { opacity:.7; box-shadow: 0 0 40px 20px rgba(160,112,48,.3) } 50% { opacity:1; box-shadow: 0 0 70px 40px rgba(160,112,48,.5) } 100% { opacity:.8; box-shadow: 0 0 50px 25px rgba(160,112,48,.35) } }
@keyframes tmr-fig-left { 0%,100% { transform:rotate(0) translateX(0) } 30% { transform:rotate(1deg) translateX(2px) } 70% { transform:rotate(-1deg) translateX(-2px) } }
@keyframes tmr-fig-right { 0%,100% { transform:rotate(0) translateY(0) } 25% { transform:rotate(1deg) translateY(-1px) } 75% { transform:rotate(-1deg) translateY(1px) } }
@keyframes tmr-shadow { 0% { opacity:.5; transform:scaleY(1) } 50% { opacity:.8; transform:scaleY(1.1) } 100% { opacity:.4; transform:scaleY(.9) } }

/* Scene: poet-laureate-poem */
.scn-poet-laureate-poem {
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 50%, #0a0805 100%), radial-gradient(ellipse at 50% 0, #4a382a 0%, transparent 60%);
}
.scn-poet-laureate-poem .room-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, #1a120a 100%); opacity: 0.6;
}
.scn-poet-laureate-poem .desk {
  position: absolute; bottom: 8%; left: 10%; right: 10%; height: 30%; background: linear-gradient(180deg, #5a4a3a, #2a1a0a); border-radius: 4% 4% 0 0; box-shadow: inset 0 -8px 16px rgba(0,0,0,0.6);
}
.scn-poet-laureate-poem .candle {
  position: absolute; bottom: 35%; left: 40%; width: 8px; height: 20px; background: linear-gradient(180deg, #b08040, #6a4a2a); border-radius: 2px; transform-origin: bottom center; animation: plp-candle-sway 4s ease-in-out infinite;
}
.scn-poet-laureate-poem .flame {
  position: absolute; bottom: 54%; left: 40%; width: 12px; height: 18px; background: radial-gradient(circle, #ffe080 0%, #d08040 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 20px 6px rgba(255,200,80,0.5); animation: plp-flame-flicker 1.2s ease-in-out infinite alternate;
}
.scn-poet-laureate-poem .quill {
  position: absolute; bottom: 30%; left: 50%; width: 4px; height: 30px; background: linear-gradient(180deg, #d0c0a0, #a08060); border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%; transform-origin: bottom center; animation: plp-quill-write 3s ease-in-out infinite;
}
.scn-poet-laureate-poem .paper {
  position: absolute; bottom: 28%; left: 48%; width: 60px; height: 50px; background: #e8dcc8; border-radius: 2px; transform: rotate(-5deg); box-shadow: 2px 2px 12px rgba(0,0,0,0.3); animation: plp-paper-float 8s ease-in-out infinite;
}
.scn-poet-laureate-poem .poet-figure {
  position: absolute; bottom: 12%; left: 20%; width: 40px; height: 70px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a12 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: plp-figure-sway 6s ease-in-out infinite;
}
.scn-poet-laureate-poem .ink-pot {
  position: absolute; bottom: 30%; left: 55%; width: 14px; height: 14px; background: radial-gradient(circle, #1a1a2a, #0a0a12); border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

@keyframes plp-candle-sway {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes plp-flame-flicker {
  0% { transform: scaleY(1) translateY(0); opacity: 0.9; }
  50% { transform: scaleY(1.2) translateY(-2px); opacity: 1; }
  100% { transform: scaleY(0.9) translateY(1px); opacity: 0.8; }
}
@keyframes plp-quill-write {
  0% { transform: rotate(-15deg) translateX(0); }
  25% { transform: rotate(-10deg) translateX(4px); }
  50% { transform: rotate(-20deg) translateX(8px); }
  75% { transform: rotate(-12deg) translateX(4px); }
  100% { transform: rotate(-15deg) translateX(0); }
}
@keyframes plp-paper-float {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-3deg) translateY(-3px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes plp-figure-sway {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}

/* Scene: jameson-intercepted-and-surrenders */
.scn-jameson-intercepted-and-surrenders {
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #0a0a12 100%), radial-gradient(ellipse at 50% 30%, #3a3a4a 0%, transparent 70%);
}
.scn-jameson-intercepted-and-surrenders .room-shadow {
  position: absolute; inset: 0; background: linear-gradient(135deg, #1a1a2a 0%, transparent 50%, #0a0a12 100%); opacity: 0.7;
}
.scn-jameson-intercepted-and-surrenders .table {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 25%; background: linear-gradient(180deg, #4a3a2a, #2a1a0a); border-radius: 4% 4% 0 0; box-shadow: inset 0 -4px 8px rgba(0,0,0,0.8);
}
.scn-jameson-intercepted-and-surrenders .letter-jis {
  position: absolute; bottom: 28%; left: 40%; width: 30px; height: 20px; background: #d8c8b8; border-radius: 2px; transform: rotate(10deg); box-shadow: 2px 2px 8px rgba(0,0,0,0.4); animation: jis-letter-tremble 1.5s ease-in-out infinite;
}
.scn-jameson-intercepted-and-surrenders .figure-surrendering {
  position: absolute; bottom: 12%; left: 30%; width: 35px; height: 55px; background: linear-gradient(180deg, #1a1a2a, #0a0a1a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: jis-surrender-lower 6s ease-in-out infinite;
}
.scn-jameson-intercepted-and-surrenders .figure-officer {
  position: absolute; bottom: 12%; left: 55%; width: 38px; height: 60px; background: linear-gradient(180deg, #2a2a3a, #0a0a1a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: jis-officer-stance 2s ease-in-out infinite;
}
.scn-jameson-intercepted-and-surrenders .pistol {
  position: absolute; bottom: 38%; left: 60%; width: 20px; height: 4px; background: #3a3a4a; border-radius: 2px; transform: rotate(-20deg); box-shadow: 0 0 4px rgba(200,200,200,0.3); animation: jis-gun-aim 0.8s ease-in-out infinite alternate;
}
.scn-jameson-intercepted-and-surrenders .lamp-jis {
  position: absolute; top: 20%; left: 10%; width: 30px; height: 40px; background: radial-gradient(circle at bottom, #ffe080 0%, #d08040 60%, transparent 100%); border-radius: 50%; filter: blur(4px); opacity: 0.4; animation: jis-lamp-glow 4s ease-in-out infinite alternate;
}

@keyframes jis-letter-tremble {
  0% { transform: rotate(10deg) translateX(0); }
  25% { transform: rotate(12deg) translateX(1px); }
  50% { transform: rotate(8deg) translateX(-1px); }
  75% { transform: rotate(11deg) translateX(1px); }
  100% { transform: rotate(10deg) translateX(0); }
}
@keyframes jis-surrender-lower {
  0% { transform: rotate(0deg) translateY(0); }
  20% { transform: rotate(-5deg) translateY(2px); }
  40% { transform: rotate(-8deg) translateY(5px); }
  60% { transform: rotate(-10deg) translateY(8px); }
  80% { transform: rotate(-5deg) translateY(4px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes jis-officer-stance {
  0% { transform: rotate(0deg) translateX(0); }
  50% { transform: rotate(2deg) translateX(-2px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes jis-gun-aim {
  0% { transform: rotate(-20deg) translateX(0); }
  100% { transform: rotate(-15deg) translateX(2px); }
}
@keyframes jis-lamp-glow {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.2); }
  100% { opacity: 0.3; transform: scale(1); }
}

/* Scene: hammond-rap-comment */
.scn-hammond-rap-comment {
  background: linear-gradient(180deg, #0a0a12 0%, #1a1a2a 50%, #0a0a12 100%), radial-gradient(ellipse at 50% 20%, #2a2a3a 0%, transparent 70%);
}
.scn-hammond-rap-comment .bg-hrc {
  position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, #0a0a12 70%); opacity: 0.8;
}
.scn-hammond-rap-comment .desk-hrc {
  position: absolute; bottom: 8%; left: 15%; right: 15%; height: 25%; background: linear-gradient(180deg, #2a2a3a, #0a0a12); border-radius: 4% 4% 0 0; box-shadow: inset 0 -6px 12px rgba(0,0,0,0.7);
}
.scn-hammond-rap-comment .paper-hrc {
  position: absolute; bottom: 28%; left: 45%; width: 40px; height: 30px; background: #c8b8a8; border-radius: 2px; transform: rotate(-8deg); box-shadow: 0 0 10px rgba(200,200,200,0.2); animation: hrc-paper-lift 6s ease-in-out infinite;
}
.scn-hammond-rap-comment .figure-hrc {
  position: absolute; bottom: 12%; left: 30%; width: 35px; height: 60px; background: linear-gradient(180deg, #1a1a2a, #0a0a12); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hrc-figure-nod 4s ease-in-out infinite;
}
.scn-hammond-rap-comment .hand-hrc {
  position: absolute; bottom: 32%; left: 50%; width: 6px; height: 20px; background: #2a2a3a; border-radius: 30% 30% 20% 20% / 60% 60% 30% 30%; transform: rotate(15deg); transform-origin: bottom center; animation: hrc-hand-gesture 2.5s ease-in-out infinite;
}
.scn-hammond-rap-comment .glow-hrc {
  position: absolute; top: 15%; left: 30%; width: 50px; height: 50px; background: radial-gradient(circle, rgba(100,100,150,0.3) 0%, transparent 100%); filter: blur(8px); animation: hrc-glow-pulse 5s ease-in-out infinite alternate;
}
.scn-hammond-rap-comment .shadow-hrc {
  position: absolute; bottom: 0; left: 20%; right: 20%; height: 10%; background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent); filter: blur(4px);
}

@keyframes hrc-paper-lift {
  0% { transform: rotate(-8deg) translateY(0); }
  30% { transform: rotate(-6deg) translateY(-5px); }
  60% { transform: rotate(-10deg) translateY(-2px); }
  100% { transform: rotate(-8deg) translateY(0); }
}
@keyframes hrc-figure-nod {
  0% { transform: rotate(0deg) translateY(0); }
  20% { transform: rotate(3deg) translateY(-2px); }
  40% { transform: rotate(-2deg) translateY(1px); }
  60% { transform: rotate(4deg) translateY(-1px); }
  80% { transform: rotate(-1deg) translateY(0); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes hrc-hand-gesture {
  0% { transform: rotate(15deg) scaleY(1); }
  50% { transform: rotate(25deg) scaleY(1.1); }
  100% { transform: rotate(15deg) scaleY(1); }
}
@keyframes hrc-glow-pulse {
  0% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.5); }
  100% { opacity: 0.2; transform: scale(1); }
}

/* Scene: letter-dramatic-effects */
.scn-letter-dramatic-effects {
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0e06 50%, #0a0502 100%), radial-gradient(ellipse at 50% 40%, #3a2a1a 0%, transparent 60%);
}
.scn-letter-dramatic-effects .stage-bg {
  position: absolute; inset: 0; background: linear-gradient(135deg, #0a0502 0%, transparent 50%, #2a1a0a 100%); opacity: 0.5;
}
.scn-letter-dramatic-effects .letter-lde {
  position: absolute; bottom: 30%; left: 45%; width: 50px; height: 35px; background: #d8c8b8; border-radius: 2px; transform: rotate(-3deg); box-shadow: 0 0 20px 8px rgba(200,180,160,0.4); animation: lde-letter-bounce 3s ease-in-out infinite;
}
.scn-letter-dramatic-effects .fig-lde-1 {
  position: absolute; bottom: 12%; left: 15%; width: 35px; height: 55px; background: linear-gradient(180deg, #1a1a2a, #0a0a12); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: lde-fig1-recoil 2.5s ease-in-out infinite;
}
.scn-letter-dramatic-effects .fig-lde-2 {
  position: absolute; bottom: 14%; left: 35%; width: 30px; height: 50px; background: linear-gradient(180deg, #2a1a0a, #1a0e06); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: lde-fig2-turn 4s ease-in-out infinite; animation-delay: 0.5s;
}
.scn-letter-dramatic-effects .fig-lde-3 {
  position: absolute; bottom: 10%; left: 65%; width: 32px; height: 52px; background: linear-gradient(180deg, #1a2a1a, #0a120a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: lde-fig3-jump 3s ease-in-out infinite; animation-delay: 1s;
}
.scn-letter-dramatic-effects .spotlight-lde {
  position: absolute; top: 10%; left: 40%; width: 100px; height: 120px; background: radial-gradient(ellipse at center, rgba(255,200,100,0.15) 0%, transparent 100%); filter: blur(10px); animation: lde-spotlight-sway 6s ease-in-out infinite;
}
.scn-letter-dramatic-effects .debris-lde {
  position: absolute; top: 40%; left: 30%; width: 4px; height: 4px; background: #c8b8a8; border-radius: 50%; box-shadow: 8px 12px 0 #a08868, -4px 8px 0 #b8a088; animation: lde-debris-spin 10s linear infinite;
}

@keyframes lde-letter-bounce {
  0% { transform: rotate(-3deg) translateY(0) scale(1); }
  25% { transform: rotate(2deg) translateY(-8px) scale(1.1); }
  50% { transform: rotate(-4deg) translateY(-4px) scale(0.95); }
  75% { transform: rotate(1deg) translateY(-10px) scale(1.05); }
  100% { transform: rotate(-3deg) translateY(0) scale(1); }
}
@keyframes lde-fig1-recoil {
  0% { transform: rotate(0deg) translateX(0); }
  20% { transform: rotate(-10deg) translateX(-5px); }
  40% { transform: rotate(5deg) translateX(3px); }
  60% { transform: rotate(-8deg) translateX(-2px); }
  80% { transform: rotate(3deg) translateX(1px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes lde-fig2-turn {
  0% { transform: rotate(0deg); }
  20% { transform: rotate(-15deg); }
  40% { transform: rotate(10deg); }
  60% { transform: rotate(-5deg); }
  80% { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}
@keyframes lde-fig3-jump {
  0% { transform: translateY(0) scaleY(1); }
  30% { transform: translateY(-12px) scaleY(0.9); }
  60% { transform: translateY(-6px) scaleY(1.05); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes lde-spotlight-sway {
  0% { transform: translateX(-5px); opacity: 0.8; }
  50% { transform: translateX(5px); opacity: 1; }
  100% { transform: translateX(-5px); opacity: 0.8; }
}
@keyframes lde-debris-spin {
  0% { transform: rotate(0deg) translateX(0); }
  50% { transform: rotate(180deg) translateX(20px); }
  100% { transform: rotate(360deg) translateX(0); }
}

/* Scene: boer-character-traits */
.scn-boer-character-traits {
  background: linear-gradient(180deg, #3a2a1a 0%, #1e1410 100%),
              radial-gradient(ellipse at 50% 60%, #5a3a20 0%, transparent 70%);
}
.scn-boer-character-traits .window {
  position: absolute; top: 12%; left: 10%; width: 80px; height: 100px;
  background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%);
  border-radius: 6px; box-shadow: inset 0 0 20px rgba(100,120,140,0.3);
  animation: bct-window 12s ease-in-out infinite alternate;
}
.scn-boer-character-traits .table {
  position: absolute; bottom: 18%; left: 20%; right: 20%; height: 20px;
  background: linear-gradient(90deg, #4a3020, #3a2010, #4a3020);
  border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: bct-table 8s ease-in-out infinite;
}
.scn-boer-character-traits .figure {
  position: absolute; bottom: 25%; left: 35%; width: 30px; height: 60px;
  background: radial-gradient(ellipse at 50% 20%, #2a1a10 0%, #1a0a04 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: bct-figure 5s ease-in-out infinite alternate;
}
.scn-boer-character-traits .book {
  position: absolute; bottom: 20%; left: 45%; width: 40px; height: 30px;
  background: linear-gradient(135deg, #6a5040 0%, #4a3020 100%);
  border-radius: 2px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  animation: bct-book 10s linear infinite;
}
.scn-boer-character-traits .rifle {
  position: absolute; bottom: 18%; left: 60%; width: 8px; height: 60px;
  background: linear-gradient(180deg, #5a4030 0%, #3a2818 100%);
  border-radius: 4px 4px 0 0; transform: rotate(15deg);
  box-shadow: 2px 0 4px rgba(0,0,0,0.4);
  animation: bct-rifle 14s ease-in-out infinite alternate;
}
.scn-boer-character-traits .lantern {
  position: absolute; bottom: 28%; left: 55%; width: 16px; height: 20px;
  background: radial-gradient(circle, #ffd060 0%, #b08030 70%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 20px 6px #c09040, 0 0 40px 12px rgba(192,144,64,0.3);
  animation: bct-lantern 2.5s ease-in-out infinite alternate;
}
@keyframes bct-window {
  0% { opacity: 0.6; }
  50% { opacity: 0.9; }
  100% { opacity: 0.7; }
}
@keyframes bct-table {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
}
@keyframes bct-figure {
  0% { transform: translateX(0) rotate(-1deg); }
  50% { transform: translateX(2px) rotate(0deg); }
  100% { transform: translateX(0) rotate(1deg); }
}
@keyframes bct-book {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes bct-rifle {
  0% { transform: rotate(13deg); }
  50% { transform: rotate(17deg); }
  100% { transform: rotate(14deg); }
}
@keyframes bct-lantern {
  0% { opacity: 0.85; box-shadow: 0 0 15px 4px #b08030, 0 0 30px 8px rgba(176,128,48,0.3); }
  50% { opacity: 1; box-shadow: 0 0 30px 10px #ffd060, 0 0 60px 18px rgba(255,208,96,0.4); }
  100% { opacity: 0.9; box-shadow: 0 0 20px 5px #c09040, 0 0 40px 10px rgba(192,144,64,0.35); }
}

/* Scene: olive-schreiner-portrait */
.scn-olive-schreiner-portrait {
  background: linear-gradient(180deg, #2e2318 0%, #1a120c 100%),
              radial-gradient(ellipse at 60% 40%, #4a3520 0%, transparent 80%);
}
.scn-olive-schreiner-portrait .wall {
  position: absolute; inset: 0; 
  background: repeating-linear-gradient(0deg, transparent 0px, transparent 30px, rgba(0,0,0,0.05) 30px, rgba(0,0,0,0.05) 31px);
  pointer-events: none;
}
.scn-olive-schreiner-portrait .easel {
  position: absolute; bottom: 20%; left: 30%; width: 100px; height: 120px;
  background: linear-gradient(135deg, #5a4030 0%, #3a2818 100%);
  border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.5);
  transform: skewX(-2deg);
}
.scn-olive-schreiner-portrait .portrait {
  position: absolute; bottom: 25%; left: 34%; width: 50px; height: 70px;
  background: radial-gradient(ellipse at 50% 30%, #6a5040 0%, #2a1a10 100%);
  border-radius: 40% 40% 35% 35% / 55% 55% 35% 35%;
  box-shadow: 0 0 20px rgba(100,80,60,0.3);
  animation: osp-portrait 10s ease-in-out infinite alternate;
}
.scn-olive-schreiner-portrait .desk {
  position: absolute; bottom: 10%; left: 15%; right: 20%; height: 12px;
  background: linear-gradient(90deg, #4a3020, #3a2010, #4a3020);
  border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-olive-schreiner-portrait .chair {
  position: absolute; bottom: 12%; left: 22%; width: 40px; height: 50px;
  background: linear-gradient(135deg, #3a2818 0%, #1a0e06 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 30% 30%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  animation: osp-chair 8s ease-in-out infinite alternate;
}
.scn-olive-schreiner-portrait .lamp {
  position: absolute; top: 30%; left: 55%; width: 14px; height: 24px;
  background: radial-gradient(circle at 50% 20%, #ffe080 0%, #b08040 80%);
  border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%;
  box-shadow: 0 0 30px 8px #d0a060, 0 0 60px 16px rgba(208,160,96,0.3);
  animation: osp-lamp 3s ease-in-out infinite alternate;
}
@keyframes osp-portrait {
  0% { opacity: 0.8; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1); }
  100% { opacity: 0.85; transform: scale(0.99); }
}
@keyframes osp-chair {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes osp-lamp {
  0% { box-shadow: 0 0 20px 5px #c09040, 0 0 40px 10px rgba(192,144,64,0.25); }
  50% { box-shadow: 0 0 35px 10px #ffd060, 0 0 70px 20px rgba(255,208,96,0.4); }
  100% { box-shadow: 0 0 25px 6px #d0a060, 0 0 50px 12px rgba(208,160,96,0.3); }
}

/* Scene: what-to-expect-from-boers */
.scn-what-to-expect-from-boers {
  background: linear-gradient(180deg, #2e2318 0%, #1a120c 100%),
              radial-gradient(ellipse at 40% 50%, #3a2a18 0%, transparent 70%);
}
.scn-what-to-expect-from-boers .wall {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.1);
  pointer-events: none;
}
.scn-what-to-expect-from-boers .window {
  position: absolute; top: 15%; right: 12%; width: 70px; height: 90px;
  background: linear-gradient(180deg, #3a4a5a 0%, #1a2a3a 100%);
  border-radius: 6px; box-shadow: inset 0 0 15px rgba(80,100,120,0.3);
  animation: wte-window 14s ease-in-out infinite alternate;
}
.scn-what-to-expect-from-boers .desk {
  position: absolute; bottom: 22%; left: 25%; right: 25%; height: 16px;
  background: linear-gradient(90deg, #4a3020, #3a2010, #4a3020);
  border-radius: 3px; box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-what-to-expect-from-boers .stack {
  position: absolute; bottom: 26%; left: 45%; width: 45px; height: 20px;
  background: linear-gradient(135deg, #6a5040 0%, #4a3020 100%);
  border-radius: 2px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  animation: wte-stack 6s ease-in-out infinite alternate;
}
.scn-what-to-expect-from-boers .figure {
  position: absolute; bottom: 20%; left: 30%; width: 28px; height: 55px;
  background: radial-gradient(ellipse at 50% 25%, #2a1a10 0%, #1a0a04 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: wte-figure 5s ease-in-out infinite alternate;
}
.scn-what-to-expect-from-boers .lamp {
  position: absolute; bottom: 32%; left: 50%; width: 12px; height: 18px;
  background: radial-gradient(circle, #ffd060 0%, #b08030 70%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 15px 4px #c09040, 0 0 30px 8px rgba(192,144,64,0.3);
  animation: wte-lamp 2.5s ease-in-out infinite alternate;
}
@keyframes wte-window {
  0% { opacity: 0.6; }
  50% { opacity: 0.85; }
  100% { opacity: 0.65; }
}
@keyframes wte-stack {
  0% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(0deg); }
}
@keyframes wte-figure {
  0% { transform: translateX(0) rotate(-1deg); }
  50% { transform: translateX(1px) rotate(0deg); }
  100% { transform: translateX(0) rotate(1deg); }
}
@keyframes wte-lamp {
  0% { opacity: 0.85; box-shadow: 0 0 12px 3px #b08030, 0 0 24px 6px rgba(176,128,48,0.25); }
  50% { opacity: 1; box-shadow: 0 0 25px 8px #ffd060, 0 0 50px 14px rgba(255,208,96,0.4); }
  100% { opacity: 0.9; box-shadow: 0 0 18px 4px #c09040, 0 0 35px 8px rgba(192,144,64,0.3); }
}

/* Scene: uitlander-expectation-wrong */
.scn-uitlander-expectation-wrong {
  background: linear-gradient(180deg, #2e2318 0%, #1a120c 100%),
              radial-gradient(ellipse at 30% 70%, #3a2a18 0%, transparent 60%);
}
.scn-uitlander-expectation-wrong .wall {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.05);
  pointer-events: none;
}
.scn-uitlander-expectation-wrong .square-hole {
  position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
  width: 80px; height: 80px;
  border: 6px solid #4a3020;
  background: linear-gradient(135deg, #1a120c 0%, #2a1a10 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
}
.scn-uitlander-expectation-wrong .round-figure {
  position: absolute; bottom: 25%; left: 35%; width: 50px; height: 50px;
  background: radial-gradient(circle at 40% 40%, #4a3020 0%, #1a0e06 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: uew-figure 6s ease-in-out infinite alternate;
}
.scn-uitlander-expectation-wrong .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #3a2818 0%, #1a120c 100%);
  box-shadow: 0 -4px 10px rgba(0,0,0,0.5);
}
.scn-uitlander-expectation-wrong .lamp {
  position: absolute; top: 20%; right: 25%; width: 12px; height: 20px;
  background: radial-gradient(circle, #ffd060 0%, #b08030 80%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 25px 6px #c09040, 0 0 50px 12px rgba(192,144,64,0.3);
  animation: uew-lamp 3s ease-in-out infinite alternate;
}
.scn-uitlander-expectation-wrong .shadow {
  position: absolute; bottom: 15%; left: 30%; width: 60px; height: 20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%);
  border-radius: 50%;
  animation: uew-shadow 6s ease-in-out infinite alternate;
}
@keyframes uew-figure {
  0% { transform: translateX(0) rotate(-2deg) scale(0.98); }
  50% { transform: translateX(8px) rotate(0deg) scale(1); }
  100% { transform: translateX(16px) rotate(2deg) scale(0.99); }
}
@keyframes uew-lamp {
  0% { opacity: 0.85; box-shadow: 0 0 18px 4px #b08030, 0 0 36px 8px rgba(176,128,48,0.25); }
  50% { opacity: 1; box-shadow: 0 0 30px 8px #ffd060, 0 0 60px 16px rgba(255,208,96,0.4); }
  100% { opacity: 0.9; box-shadow: 0 0 22px 5px #c09040, 0 0 44px 10px rgba(192,144,64,0.3); }
}
@keyframes uew-shadow {
  0% { opacity: 0.5; transform: scaleX(1); }
  50% { opacity: 0.8; transform: scaleX(1.2); }
  100% { opacity: 0.6; transform: scaleX(1); }
}

.scn-fortunes-made {
  background: linear-gradient(135deg, #2b1a0e 0%, #4a2a1a 40%, #2b1a0e 100%),
              radial-gradient(ellipse at 30% 50%, #6b3a20 0%, transparent 60%);
}
.scn-fortunes-made .bg-walls {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #3a2212 0%, #1a0e06 100%);
  animation: fm-ambient 15s ease-in-out infinite alternate;
}
.scn-fortunes-made .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(0deg, #2a1a0a 0%, #4a3020 100%);
  border-radius: 0 0 10% 10%;
}
.scn-fortunes-made .porthole {
  position: absolute; top: 15%; left: 15%; width: 25%; height: 30%;
  background: radial-gradient(circle at 50% 60%, #7eb0d0 0%, #3a5a7a 60%, #1a2a3a 100%);
  border-radius: 50%;
  box-shadow: inset 0 0 30px rgba(0,0,0,.8), 0 0 20px #6b9ab0;
  animation: fm-porthole 8s ease-in-out infinite;
}
.scn-fortunes-made .table {
  position: absolute; bottom: 22%; left: 35%; width: 30%; height: 8%;
  background: linear-gradient(180deg, #5a3820 0%, #3a2212 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,.6);
}
.scn-fortunes-made .lantern-fm {
  position: absolute; bottom: 30%; left: 42%; width: 8%; height: 8%;
  background: radial-gradient(circle, #f0c068 0%, #c08040 60%, #6a3010 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px #c08040, 0 0 80px 20px rgba(192,128,64,.4);
  animation: fm-lantern 4s ease-in-out infinite alternate;
}
.scn-fortunes-made .figure-fm {
  position: absolute; bottom: 20%; left: 28%; width: 12%; height: 35%;
  background: linear-gradient(180deg, #1a1208 0%, #0a0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fm-figure 6s ease-in-out infinite;
}
.scn-fortunes-made .chest {
  position: absolute; bottom: 24%; right: 15%; width: 15%; height: 10%;
  background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 100%);
  border-radius: 10%;
  box-shadow: inset 0 2px 6px #6a4020;
}
.scn-fortunes-made .shadow-fm {
  position: absolute; bottom: 20%; left: 20%; width: 60%; height: 15%;
  background: radial-gradient(ellipse, rgba(0,0,0,.5) 0%, transparent 70%);
  filter: blur(6px);
  animation: fm-shadow 12s ease-in-out infinite;
}
@keyframes fm-ambient {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .8; }
}
@keyframes fm-porthole {
  0% { box-shadow: inset 0 0 30px rgba(0,0,0,.8), 0 0 20px #6b9ab0; }
  50% { box-shadow: inset 0 0 40px rgba(0,0,0,.8), 0 0 30px #8bc4d8; }
  100% { box-shadow: inset 0 0 30px rgba(0,0,0,.8), 0 0 20px #6b9ab0; }
}
@keyframes fm-lantern {
  0% { transform: scale(1) rotate(-2deg); box-shadow: 0 0 40px 10px #c08040, 0 0 80px 20px rgba(192,128,64,.4); }
  50% { transform: scale(1.05) rotate(2deg); box-shadow: 0 0 50px 15px #e0a060, 0 0 100px 30px rgba(224,160,96,.5); }
  100% { transform: scale(1) rotate(-2deg); box-shadow: 0 0 40px 10px #c08040, 0 0 80px 20px rgba(192,128,64,.4); }
}
@keyframes fm-figure {
  0% { transform: translateX(0) rotate(0deg); }
  30% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-1px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes fm-shadow {
  0% { opacity: .5; transform: scaleX(1); }
  50% { opacity: .7; transform: scaleX(1.1); }
  100% { opacity: .5; transform: scaleX(1); }
}

.scn-nuggets-ballarat {
  background: linear-gradient(180deg, #1a0e06 0%, #2a1a0e 40%, #1a0e06 100%),
              radial-gradient(ellipse at 50% 40%, #4a3220 0%, transparent 70%);
}
.scn-nuggets-ballarat .bg-nb {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #2a1a0e 0%, #3a2a1a 50%, #1a0e06 100%);
}
.scn-nuggets-ballarat .table-nb {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 10%;
  background: linear-gradient(180deg, #5a3820 0%, #3a2212 100%);
  border-radius: 4%;
  box-shadow: 0 8px 20px rgba(0,0,0,.7);
}
.scn-nuggets-ballarat .nugget-a {
  position: absolute; bottom: 28%; left: 35%; width: 18%; height: 15%;
  background: radial-gradient(ellipse at 40% 40%, #e0c080 0%, #b08040 50%, #6a4020 100%);
  border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,.6);
  animation: nb-nugget-a 10s ease-in-out infinite;
}
.scn-nuggets-ballarat .nugget-b {
  position: absolute; bottom: 28%; right: 30%; width: 20%; height: 14%;
  background: radial-gradient(ellipse at 60% 30%, #d0b070 0%, #a07030 50%, #5a3010 100%);
  border-radius: 50% 60% 40% 50% / 40% 50% 60% 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,.6);
  animation: nb-nugget-b 12s ease-in-out infinite;
}
.scn-nuggets-ballarat .lantern-nb {
  position: absolute; top: 10%; left: 45%; width: 10%; height: 12%;
  background: radial-gradient(circle, #f0c068 0%, #c08040 50%, #6a3010 100%);
  border-radius: 50%;
  box-shadow: 0 0 50px 20px #c08040, 0 0 100px 40px rgba(192,128,64,.4);
  animation: nb-lantern 5s ease-in-out infinite alternate;
}
.scn-nuggets-ballarat .figure-nb {
  position: absolute; bottom: 18%; left: 10%; width: 10%; height: 40%;
  background: linear-gradient(180deg, #1a1208 0%, #0a0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nb-figure 8s ease-in-out infinite;
}
.scn-nuggets-ballarat .shadow-nb {
  position: absolute; bottom: 18%; left: 10%; width: 20%; height: 10%;
  background: radial-gradient(ellipse, rgba(0,0,0,.5) 0%, transparent 70%);
  filter: blur(4px);
  animation: nb-shadow 10s ease-in-out infinite;
}
.scn-nuggets-ballarat .glow-nb {
  position: absolute; top: 5%; left: 20%; right: 20%; bottom: 40%;
  background: radial-gradient(ellipse at 50% 30%, rgba(255,200,100,.15) 0%, transparent 70%);
  pointer-events: none;
  animation: nb-glow 6s ease-in-out infinite alternate;
}
@keyframes nb-nugget-a {
  0% { transform: rotate(-1deg) scale(1); }
  50% { transform: rotate(1deg) scale(1.02); }
  100% { transform: rotate(-1deg) scale(1); }
}
@keyframes nb-nugget-b {
  0% { transform: rotate(2deg) scale(1); }
  50% { transform: rotate(-2deg) scale(1.02); }
  100% { transform: rotate(2deg) scale(1); }
}
@keyframes nb-lantern {
  0% { transform: rotate(-3deg); box-shadow: 0 0 50px 20px #c08040, 0 0 100px 40px rgba(192,128,64,.4); }
  50% { transform: rotate(0deg); box-shadow: 0 0 60px 30px #e0a060, 0 0 120px 60px rgba(224,160,96,.5); }
  100% { transform: rotate(3deg); box-shadow: 0 0 50px 20px #c08040, 0 0 100px 40px rgba(192,128,64,.4); }
}
@keyframes nb-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(1deg); }
  50% { transform: translateX(-2px) rotate(-1deg); }
  75% { transform: translateX(1px) rotate(0.5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes nb-shadow {
  0% { opacity: .4; transform: scaleX(1); }
  50% { opacity: .6; transform: scaleX(1.2); }
  100% { opacity: .4; transform: scaleX(1); }
}
@keyframes nb-glow {
  0% { opacity: .6; }
  50% { opacity: 1; }
  100% { opacity: .6; }
}

.scn-mining-tax-protest {
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 50%, #d2b48c 100%),
              radial-gradient(ellipse at 60% 30%, #fff0b0 0%, transparent 60%);
}
.scn-mining-tax-protest .sky-mtp {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #5a8aaa 0%, #b0d4f0 40%, #f0e68c 100%);
  animation: mtp-sky 20s ease-in-out infinite alternate;
}
.scn-mining-tax-protest .ground-mtp {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, #a08060 0%, #d2b48c 100%);
  border-radius: 30% 70% 0 0 / 50% 50% 0 0;
}
.scn-mining-tax-protest .tent-a {
  position: absolute; bottom: 30%; left: 20%; width: 25%; height: 35%;
  background: linear-gradient(135deg, #e0c8a0 0%, #b09878 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  box-shadow: -10px 0 20px rgba(0,0,0,.3);
  animation: mtp-tent-a 5s ease-in-out infinite;
}
.scn-mining-tax-protest .tent-b {
  position: absolute; bottom: 30%; right: 20%; width: 20%; height: 30%;
  background: linear-gradient(135deg, #d4b88a 0%, #a08060 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  box-shadow: 10px 0 20px rgba(0,0,0,.3);
  animation: mtp-tent-b 6s ease-in-out infinite reverse;
}
.scn-mining-tax-protest .figure-protest {
  position: absolute; bottom: 28%; left: 45%; width: 10%; height: 45%;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mtp-fig-protest 3s ease-in-out infinite;
}
.scn-mining-tax-protest .figure-oppose {
  position: absolute; bottom: 28%; right: 35%; width: 10%; height: 40%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mtp-fig-oppose 4s ease-in-out infinite;
}
.scn-mining-tax-protest .shadow-mtp {
  position: absolute; bottom: 28%; left: 30%; right: 30%; height: 10%;
  background: radial-gradient(ellipse, rgba(0,0,0,.4) 0%, transparent 70%);
  filter: blur(5px);
  animation: mtp-shadow 8s ease-in-out infinite;
}
.scn-mining-tax-protest .banner {
  position: absolute; bottom: 55%; left: 50%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #b85038 0%, #8a2a1a 100%);
  clip-path: polygon(50% 0%, 100% 30%, 80% 100%, 20% 100%, 0% 30%);
  transform-origin: bottom center;
  animation: mtp-banner 2s ease-in-out infinite;
}
@keyframes mtp-sky {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .8; }
}
@keyframes mtp-tent-a {
  0% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes mtp-tent-b {
  0% { transform: rotate(1deg); }
  50% { transform: rotate(-1deg); }
  100% { transform: rotate(1deg); }
}
@keyframes mtp-fig-protest {
  0% { transform: translateY(0) rotate(-2deg); }
  25% { transform: translateY(-4px) rotate(0deg); }
  50% { transform: translateY(0) rotate(2deg); }
  75% { transform: translateY(-3px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes mtp-fig-oppose {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(3px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes mtp-shadow {
  0% { opacity: .4; }
  50% { opacity: .6; }
  100% { opacity: .4; }
}
@keyframes mtp-banner {
  0% { transform: scaleX(1) rotate(-2deg); }
  50% { transform: scaleX(1.1) rotate(0deg); }
  100% { transform: scaleX(1) rotate(2deg); }
}

.scn-tax-injustice {
  background: linear-gradient(180deg, #0a0806 0%, #1a1008 40%, #0a0806 100%),
              radial-gradient(ellipse at 50% 40%, #2a1a0e 0%, transparent 70%);
}
.scn-tax-injustice .bg-ti {
  position: absolute; inset: 0 0 15% 0;
  background: linear-gradient(180deg, #1a1008 0%, #0a0806 100%);
}
.scn-tax-injustice .ground-ti {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(0deg, #0a0806 0%, #1a1008 100%);
}
.scn-tax-injustice .table-ti {
  position: absolute; bottom: 18%; left: 25%; right: 25%; height: 8%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a1008 100%);
  border-radius: 4%;
  box-shadow: 0 4px 10px rgba(0,0,0,.8);
}
.scn-tax-injustice .lantern-ti {
  position: absolute; bottom: 26%; left: 45%; width: 10%; height: 12%;
  background: radial-gradient(circle, #f0c068 0%, #c08040 50%, #6a3010 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 8px #c08040, 0 0 60px 20px rgba(192,128,64,.3);
  animation: ti-lantern 3s ease-in-out infinite alternate;
}
.scn-tax-injustice .figure-ti {
  position: absolute; bottom: 15%; left: 30%; width: 12%; height: 40%;
  background: linear-gradient(180deg, #1a1208 0%, #0a0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ti-figure 5s ease-in-out infinite;
}
.scn-tax-injustice .hands-ti {
  position: absolute; bottom: 20%; left: 35%; width: 6%; height: 10%;
  background: radial-gradient(ellipse, #1a1208 0%, transparent 100%);
  border-radius: 50%;
  transform: rotate(30deg);
  animation: ti-hands 4s ease-in-out infinite;
}
.scn-tax-injustice .shadow-ti {
  position: absolute; bottom: 15%; left: 20%; width: 60%; height: 12%;
  background: radial-gradient(ellipse, rgba(0,0,0,.6) 0%, transparent 70%);
  filter: blur(5px);
  animation: ti-shadow 7s ease-in-out infinite;
}
@keyframes ti-lantern {
  0% { transform: scale(1) rotate(-5deg); box-shadow: 0 0 30px 8px #c08040, 0 0 60px 20px rgba(192,128,64,.3); }
  50% { transform: scale(1.03) rotate(5deg); box-shadow: 0 0 40px 12px #e0a060, 0 0 80px 30px rgba(224,160,96,.4); }
  100% { transform: scale(1) rotate(-5deg); box-shadow: 0 0 30px 8px #c08040, 0 0 60px 20px rgba(192,128,64,.3); }
}
@keyframes ti-figure {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2px) rotate(0.5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ti-hands {
  0% { transform: translateX(0) rotate(25deg); opacity: .6; }
  50% { transform: translateX(4px) rotate(35deg); opacity: .8; }
  100% { transform: translateX(0) rotate(25deg); opacity: .6; }
}
@keyframes ti-shadow {
  0% { opacity: .5; transform: scaleX(1); }
  50% { opacity: .7; transform: scaleX(1.1); }
  100% { opacity: .5; transform: scaleX(1); }
}

/* barnum-account-verified – calm, dim interior study */
.scn-barnum-account-verified {
  background: 
    linear-gradient(180deg, #2b1e16 0%, #3a2a1f 40%, #4a3828 100%),
    radial-gradient(ellipse at 30% 60%, #3a2a1f 0%, transparent 70%);
}
.scn-barnum-account-verified .wall {
  position: absolute; inset: 0; 
  background: linear-gradient(90deg, #2e2119 0%, #3d2b1f 50%, #2e2119 100%);
  animation: bav-wall 20s ease-in-out infinite alternate;
}
.scn-barnum-account-verified .window {
  position: absolute; top: 15%; left: 55%; width: 28%; height: 40%;
  background: linear-gradient(180deg, #0f2a1f 0%, #1a3a2a 50%, #0f2a1f 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
  animation: bav-window 12s ease-in-out infinite alternate;
}
.scn-barnum-account-verified .desk {
  position: absolute; bottom: 12%; left: 30%; width: 50%; height: 18%;
  background: linear-gradient(180deg, #5a3f2a 0%, #3a281a 100%);
  border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-barnum-account-verified .lamp {
  position: absolute; bottom: 38%; left: 38%; width: 14px; height: 26px;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%);
  border-radius: 20% 20% 40% 40%; box-shadow: 0 0 30px 8px #c89050;
  animation: bav-lamp 4s ease-in-out infinite alternate;
}
.scn-barnum-account-verified .papers {
  position: absolute; bottom: 26%; left: 42%; width: 40px; height: 30px;
  background: linear-gradient(135deg, #e8d4b0 0%, #c8b090 50%, #a89070 100%);
  border-radius: 2px; transform: rotate(-5deg); box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: bav-papers 7s ease-in-out infinite alternate;
}
.scn-barnum-account-verified .chair {
  position: absolute; bottom: 6%; left: 44%; width: 50px; height: 40px;
  background: linear-gradient(180deg, #3a281a 0%, #1a1008 100%);
  border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-barnum-account-verified .books {
  position: absolute; bottom: 48%; left: 20%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2010 50%, #2a1008 100%);
  border-radius: 2px; box-shadow: 0 0 0 1px #4a2a1a;
  animation: bav-books 9s ease-in-out infinite;
}
@keyframes bav-wall { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes bav-window { 0% { opacity: 0.6; transform: scaleY(1); } 50% { opacity: 0.9; transform: scaleY(1.02); } 100% { opacity: 0.7; transform: scaleY(0.98); } }
@keyframes bav-lamp { 0% { box-shadow: 0 0 20px 4px #c89050; } 50% { box-shadow: 0 0 40px 12px #e0b070; } 100% { box-shadow: 0 0 25px 6px #c89050; } }
@keyframes bav-papers { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-4deg) translateY(-2px); } 100% { transform: rotate(-6deg) translateY(1px); } }
@keyframes bav-books { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }

/* barnum-england-protests – dark, dim interior with protest atmosphere */
.scn-barnum-england-protests {
  background: 
    linear-gradient(180deg, #1a1218 0%, #2a1a22 40%, #1a1218 100%),
    radial-gradient(ellipse at 50% 30%, #2a1a22 0%, transparent 60%);
}
.scn-barnum-england-protests .bg-dark {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #120a0e 0%, #1e1218 50%, #120a0e 100%);
  animation: bep-bg 15s ease-in-out infinite alternate;
}
.scn-barnum-england-protests .window {
  position: absolute; top: 10%; right: 10%; width: 35%; height: 45%;
  background: linear-gradient(180deg, #0a1a2a 0%, #142a3a 50%, #0a1a2a 100%);
  border-radius: 4px; box-shadow: inset 0 0 30px rgba(0,0,0,0.7);
  animation: bep-window 8s ease-in-out infinite alternate;
}
.scn-barnum-england-protests .table {
  position: absolute; bottom: 8%; left: 25%; width: 55%; height: 15%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 6px; box-shadow: 0 6px 12px rgba(0,0,0,0.6);
}
.scn-barnum-england-protests .figure {
  position: absolute; bottom: 22%; left: 40%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #1a1218 0%, #0a0608 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bep-figure 6s ease-in-out infinite;
}
.scn-barnum-england-protests .candle {
  position: absolute; bottom: 28%; left: 48%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #e8c870 0%, #a08040 100%);
  border-radius: 4px 4px 2px 2px;
  box-shadow: 0 0 18px 6px #c89050;
  animation: bep-candle 3s ease-in-out infinite alternate;
}
.scn-barnum-england-protests .letter {
  position: absolute; bottom: 18%; left: 44%; width: 28px; height: 36px;
  background: linear-gradient(135deg, #d4c0a0 0%, #b8a080 50%, #9c8060 100%);
  border-radius: 2px; transform: rotate(3deg);
  animation: bep-letter 5s ease-in-out infinite alternate;
}
.scn-barnum-england-protests .crowd-shadow {
  position: absolute; bottom: 5%; left: 60%; width: 40%; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, #0e0a0c 0%, transparent 70%);
  filter: blur(6px);
  animation: bep-crowd 10s ease-in-out infinite alternate;
}
@keyframes bep-bg { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes bep-window { 0% { opacity: 0.4; transform: scaleX(1); } 50% { opacity: 0.7; transform: scaleX(1.03); } 100% { opacity: 0.5; transform: scaleX(0.98); } }
@keyframes bep-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(4px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(8px) translateY(0) rotate(-1deg); } 75% { transform: translateX(4px) translateY(-1px) rotate(1deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes bep-candle { 0% { box-shadow: 0 0 14px 4px #c89050; } 50% { box-shadow: 0 0 28px 8px #e0b070; } 100% { box-shadow: 0 0 18px 5px #c89050; } }
@keyframes bep-letter { 0% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-2px); } 100% { transform: rotate(2deg) translateY(1px); } }
@keyframes bep-crowd { 0% { opacity: 0.3; transform: scaleY(0.9); } 50% { opacity: 0.6; transform: scaleY(1.1); } 100% { opacity: 0.4; transform: scaleY(0.95); } }

/* barnum-claim-america-saved – warm, dim interior with harbor view */
.scn-barnum-claim-america-saved {
  background: 
    linear-gradient(180deg, #2a1a12 0%, #3a2218 40%, #2a1a12 100%),
    radial-gradient(ellipse at 50% 80%, #4a2a1a 0%, transparent 60%);
}
.scn-barnum-claim-america-saved .wall-inside {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #2a1a12 0%, #3a2218 50%, #2a1a12 100%);
}
.scn-barnum-claim-america-saved .window-frame {
  position: absolute; top: 8%; left: 15%; width: 70%; height: 60%;
  border: 6px solid #3a2218; border-radius: 6px;
  background: transparent; box-shadow: 0 0 0 2px #1a1008;
}
.scn-barnum-claim-america-saved .sky-outside {
  position: absolute; top: 8%; left: 15%; width: calc(70% - 12px); height: 30%;
  background: linear-gradient(180deg, #4a3a2a 0%, #6a4a2a 40%, #8a6a3a 100%);
  animation: bas-sky 15s ease-in-out infinite alternate;
}
.scn-barnum-claim-america-saved .sea-outside {
  position: absolute; top: calc(8% + 30%); left: calc(15% + 6px); width: calc(70% - 12px); height: calc(60% - 30% - 12px);
  background: linear-gradient(180deg, #3a4a4a 0%, #2a3a3a 50%, #1a2a2a 100%);
  animation: bas-sea 12s ease-in-out infinite alternate;
}
.scn-barnum-claim-america-saved .ship {
  position: absolute; top: 45%; left: 30%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #2a1a12 0%, #1a0e08 100%);
  border-radius: 30% 30% 10% 10% / 60% 60% 20% 20%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  animation: bas-ship 8s ease-in-out infinite;
}
.scn-barnum-claim-america-saved .sail-fore {
  position: absolute; top: 40%; left: 35%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #d4c0a0 0%, #b8a080 100%);
  border-radius: 30% 30% 10% 10%;
  transform: rotate(5deg);
  animation: bas-sail-f 6s ease-in-out infinite alternate;
}
.scn-barnum-claim-america-saved .sail-aft {
  position: absolute; top: 42%; left: 28%; width: 16px; height: 28px;
  background: linear-gradient(180deg, #c8b090 0%, #a08870 100%);
  border-radius: 30% 30% 10% 10%;
  transform: rotate(-3deg);
  animation: bas-sail-a 7s ease-in-out infinite alternate;
}
.scn-barnum-claim-america-saved .desk {
  position: absolute; bottom: 8%; left: 20%; width: 40%; height: 14%;
  background: linear-gradient(180deg, #5a3f2a 0%, #3a281a 100%);
  border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-barnum-claim-america-saved .telescope {
  position: absolute; bottom: 20%; left: 25%; width: 8px; height: 30px;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%);
  border-radius: 40% 40% 10% 10%;
  transform: rotate(15deg);
  animation: bas-telescope 5s ease-in-out infinite alternate;
}
@keyframes bas-sky { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes bas-sea { 0% { background-position: 0% 0%; } 50% { background-position: 0% 5%; } 100% { background-position: 0% 0%; } }
@keyframes bas-ship { 0%,100% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(10px) translateY(-2px) rotate(1deg); } 50% { transform: translateX(20px) translateY(0) rotate(-1deg); } 75% { transform: translateX(10px) translateY(-2px) rotate(1deg); } }
@keyframes bas-sail-f { 0% { transform: rotate(5deg) scaleY(1); } 50% { transform: rotate(8deg) scaleY(1.05); } 100% { transform: rotate(3deg) scaleY(0.95); } }
@keyframes bas-sail-a { 0% { transform: rotate(-3deg) scaleY(1); } 50% { transform: rotate(-6deg) scaleY(1.04); } 100% { transform: rotate(-1deg) scaleY(0.96); } }
@keyframes bas-telescope { 0% { transform: rotate(15deg) translateY(0); } 50% { transform: rotate(18deg) translateY(-2px); } 100% { transform: rotate(12deg) translateY(1px); } }

/* puddnhead-wilson-quote-formalities – calm, bright interior dining scene */
.scn-puddnhead-wilson-quote-formalities {
  background: 
    linear-gradient(180deg, #e8e0d0 0%, #d0c8b8 50%, #e8e0d0 100%),
    radial-gradient(ellipse at 50% 80%, #f0e8d8 0%, transparent 70%);
}
.scn-puddnhead-wilson-quote-formalities .wall-light {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #e0d8c8 0%, #f0e8d8 50%, #e0d8c8 100%);
  animation: pwf-wall 20s ease-in-out infinite alternate;
}
.scn-puddnhead-wilson-quote-formalities .window-bright {
  position: absolute; top: 10%; right: 10%; width: 25%; height: 35%;
  background: linear-gradient(180deg, #d0e8f0 0%, #b8d8e8 50%, #d0e8f0 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  animation: pwf-window 14s ease-in-out infinite alternate;
}
.scn-puddnhead-wilson-quote-formalities .tablecloth {
  position: absolute; bottom: 8%; left: 15%; width: 75%; height: 20%;
  background: linear-gradient(180deg, #f8f0e0 0%, #e8dcc8 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 10% 10%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  animation: pwf-cloth 10s ease-in-out infinite alternate;
}
.scn-puddnhead-wilson-quote-formalities .plate {
  position: absolute; bottom: 16%; left: 40%; width: 40px; height: 40px;
  background: linear-gradient(135deg, #f0e8d8 0%, #d0c8b8 50%, #b8a898 100%);
  border-radius: 50%; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
  animation: pwf-plate 6s ease-in-out infinite alternate;
}
.scn-puddnhead-wilson-quote-formalities .glass {
  position: absolute; bottom: 24%; left: 48%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #c0d8e8 0%, #a0b8c8 100%);
  border-radius: 10% 10% 30% 30%;
  opacity: 0.7; box-shadow: 0 0 8px rgba(255,255,255,0.2);
  animation: pwf-glass 8s ease-in-out infinite;
}
.scn-puddnhead-wilson-quote-formalities .cutlery {
  position: absolute; bottom: 18%; left: 36%; width: 4px; height: 24px;
  background: linear-gradient(180deg, #c8b8a0 0%, #a89880 100%);
  border-radius: 40% 40% 10% 10%;
  transform: rotate(-10deg);
  animation: pwf-cutlery 5s ease-in-out infinite alternate;
}
.scn-puddnhead-wilson-quote-formalities .napkin {
  position: absolute; bottom: 12%; left: 52%; width: 20px; height: 16px;
  background: linear-gradient(135deg, #f8f0e8 0%, #e0d8c8 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%;
  transform: rotate(5deg);
  animation: pwf-napkin 7s ease-in-out infinite alternate;
}
@keyframes pwf-wall { 0% { opacity: 0.95 } 50% { opacity: 1 } 100% { opacity: 0.97 } }
@keyframes pwf-window { 0% { opacity: 0.7; transform: scaleX(1); } 50% { opacity: 1; transform: scaleX(1.02); } 100% { opacity: 0.8; transform: scaleX(0.98); } }
@keyframes pwf-cloth { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(1px); } }
@keyframes pwf-plate { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(2px) rotate(2deg); } 100% { transform: translateX(-1px) rotate(-1deg); } }
@keyframes pwf-glass { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes pwf-cutlery { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-12deg) translateY(-1px); } 100% { transform: rotate(-8deg) translateY(1px); } }
@keyframes pwf-napkin { 0% { transform: rotate(5deg) scale(1); } 50% { transform: rotate(7deg) scale(1.02); } 100% { transform: rotate(3deg) scale(0.98); } }

.scn-thug-chotee-informer {
  background: 
    linear-gradient(180deg, #2a1a10 0%, #1a0f08 50%, #0d0805 100%),
    radial-gradient(ellipse at 50% 100%, #3a2518 0%, transparent 70%);
}
.scn-thug-chotee-informer .wall-back {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.6);
  animation: tc-wall 20s ease-in-out infinite alternate;
}
.scn-thug-chotee-informer .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #1a1008 0%, #0d0804 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.7);
  animation: tc-floor 15s ease-in-out infinite alternate;
}
.scn-thug-chotee-informer .table {
  position: absolute; bottom: 25%; left: 50%; width: 60px; height: 12px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #5a3a1a 0%, #3a2510 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-thug-chotee-informer .candle {
  position: absolute; bottom: 37%; left: 50%; width: 6px; height: 18px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c8a070 0%, #8a6040 100%);
  border-radius: 3px 3px 1px 1px;
  box-shadow: 0 0 12px 2px #a07040;
}
.scn-thug-chotee-informer .flame {
  position: absolute; bottom: 55%; left: 50%; width: 8px; height: 14px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 100%, #ffd070 0%, #e8a030 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #e8a030, 0 0 40px 12px rgba(200,120,40,0.5);
  animation: tc-flame 0.6s ease-in-out infinite alternate;
}
.scn-thug-chotee-informer .informer {
  position: absolute; bottom: 18%; left: 44%; width: 22px; height: 40px;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a0f06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tc-figure 4s ease-in-out infinite;
}
.scn-thug-chotee-informer .shadow-informer {
  position: absolute; bottom: 10%; left: 42%; width: 40px; height: 12px;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
  filter: blur(4px);
  animation: tc-shadow 4s ease-in-out infinite;
}
.scn-thug-chotee-informer .dust {
  position: absolute; top: 20%; left: 30%; width: 4px; height: 4px;
  background: rgba(200,160,100,0.3);
  border-radius: 50%;
  filter: blur(2px);
  animation: tc-dust 8s linear infinite;
}
@keyframes tc-wall {
  0% { opacity: 0.85; }
  50% { opacity: 0.95; }
  100% { opacity: 0.9; }
}
@keyframes tc-floor {
  0% { opacity: 0.8; }
  50% { opacity: 0.9; }
  100% { opacity: 0.85; }
}
@keyframes tc-flame {
  0% { transform: translateX(-50%) scaleY(1); opacity: 1; }
  50% { transform: translateX(-50%) scaleY(1.15) scaleX(0.85); opacity: 0.9; }
  100% { transform: translateX(-50%) scaleY(0.95) scaleX(1.05); opacity: 1; }
}
@keyframes tc-figure {
  0% { transform: translateX(0) translateY(0) rotate(-0.5deg); }
  50% { transform: translateX(2px) translateY(-1px) rotate(0.8deg); }
  100% { transform: translateX(0) translateY(0) rotate(-0.3deg); }
}
@keyframes tc-shadow {
  0% { transform: translateX(0) scaleX(1); opacity: 0.35; }
  50% { transform: translateX(3px) scaleX(1.2); opacity: 0.5; }
  100% { transform: translateX(0) scaleX(1); opacity: 0.35; }
}
@keyframes tc-dust {
  0% { transform: translate(0,0) scale(1); opacity: 0.3; }
  50% { transform: translate(20px, -10px) scale(1.5); opacity: 0.6; }
  100% { transform: translate(40px, -20px) scale(2); opacity: 0; }
}

.scn-thug-beggar-fakeer {
  background: 
    linear-gradient(180deg, #1e1410 0%, #140c08 50%, #0a0604 100%),
    radial-gradient(ellipse at 50% 0%, #2a1e14 0%, transparent 70%);
}
.scn-thug-beggar-fakeer .arch-bg {
  position: absolute; inset: 0 10% 30% 10%;
  background: linear-gradient(180deg, #2a1c10 0%, #1a1008 100%);
  border-radius: 40% 40% 0 0;
  box-shadow: inset 0 0 40px rgba(0,0,0,0.7);
  animation: tb-bg 25s ease-in-out infinite alternate;
}
.scn-thug-beggar-fakeer .arch-frame {
  position: absolute; top: 0; left: 8%; right: 8%; bottom: 28%;
  border: 6px solid #4a3020;
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.8);
  background: transparent;
  pointer-events: none;
  animation: tb-arch 20s ease-in-out infinite alternate;
}
.scn-thug-beggar-fakeer .floor-stone {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #140a06 0%, #0a0604 100%);
  border-radius: 0;
}
.scn-thug-beggar-fakeer .beggar {
  position: absolute; bottom: 20%; left: 45%; width: 28px; height: 48px;
  background: linear-gradient(180deg, #2e1c10 0%, #1a0e08 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: tb-beggar 5s ease-in-out infinite;
}
.scn-thug-beggar-fakeer .bowl {
  position: absolute; bottom: 15%; left: 38%; width: 16px; height: 8px;
  background: radial-gradient(ellipse at 50% 50%, #6a4a2a 0%, #3a2818 100%);
  border-radius: 0 0 50% 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.6);
}
.scn-thug-beggar-fakeer .staff {
  position: absolute; bottom: 5%; left: 55%; width: 4px; height: 60px;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a0e 100%);
  border-radius: 2px;
  transform: rotate(12deg);
  transform-origin: bottom center;
  animation: tb-staff 6s ease-in-out infinite alternate;
}
.scn-thug-beggar-fakeer .shadow-beggar {
  position: absolute; bottom: 12%; left: 42%; width: 50px; height: 14px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  filter: blur(5px);
  animation: tb-shadow 5s ease-in-out infinite;
}
.scn-thug-beggar-fakeer .dust {
  position: absolute; top: 25%; right: 20%; width: 3px; height: 3px;
  background: rgba(160,120,80,0.25);
  border-radius: 50%;
  filter: blur(1px);
  animation: tb-dust 12s linear infinite;
}
@keyframes tb-bg {
  0% { opacity: 0.7; }
  50% { opacity: 0.85; }
  100% { opacity: 0.75; }
}
@keyframes tb-arch {
  0% { border-color: #4a3020; }
  50% { border-color: #5a3c28; }
  100% { border-color: #4a3020; }
}
@keyframes tb-beggar {
  0% { transform: translateX(0) rotate(-1deg); }
  50% { transform: translateX(3px) rotate(1.5deg); }
  100% { transform: translateX(0) rotate(-1deg); }
}
@keyframes tb-staff {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(14deg) scaleY(1.02); }
  100% { transform: rotate(10deg); }
}
@keyframes tb-shadow {
  0% { transform: scaleX(1); opacity: 0.4; }
  50% { transform: scaleX(1.2); opacity: 0.6; }
  100% { transform: scaleX(1); opacity: 0.4; }
}
@keyframes tb-dust {
  0% { transform: translate(0,0) scale(1); opacity: 0.2; }
  50% { transform: translate(-15px, 10px) scale(1.8); opacity: 0.4; }
  100% { transform: translate(-30px, 20px) scale(0.5); opacity: 0; }
}

.scn-thug-feringea-fakeer {
  background: 
    linear-gradient(180deg, #1a120e 0%, #100a08 40%, #080604 100%),
    radial-gradient(ellipse at 50% 20%, #3a2820 0%, transparent 70%);
}
.scn-thug-feringea-fakeer .tent-wall {
  position: absolute; inset: 0 10% 10% 10%;
  background: linear-gradient(180deg, #2e1e14 0%, #1a1008 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: inset 0 0 50px rgba(0,0,0,0.8);
  animation: tf-tent 18s ease-in-out infinite alternate;
}
.scn-thug-feringea-fakeer .tent-floor {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 12%;
  background: linear-gradient(180deg, #1a0e06 0%, #0a0604 100%);
  border-radius: 0 0 10% 10%;
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.7);
}
.scn-thug-feringea-fakeer .fakeer-figure {
  position: absolute; bottom: 18%; left: 35%; width: 18px; height: 38px;
  background: linear-gradient(180deg, #3a2818 0%, #1a1208 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tf-fakeer 2s ease-in-out infinite alternate;
}
.scn-thug-feringea-fakeer .pony {
  position: absolute; bottom: 14%; left: 25%; width: 40px; height: 24px;
  background: linear-gradient(90deg, #4a3020 0%, #2a1a0e 100%);
  border-radius: 50% 50% 20% 20% / 40% 40% 30% 30%;
  transform-origin: bottom center;
  animation: tf-pony 3s ease-in-out infinite alternate;
}
.scn-thug-feringea-fakeer .pony-shadow {
  position: absolute; bottom: 10%; left: 23%; width: 50px; height: 10px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  filter: blur(6px);
  animation: tf-pshadow 3s ease-in-out infinite alternate;
}
.scn-thug-feringea-fakeer .thug-figure {
  position: absolute; bottom: 20%; right: 20%; width: 22px; height: 40px;
  background: linear-gradient(180deg, #1a0e0a 0%, #0a0604 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tf-thug 3.5s ease-in-out infinite;
}
.scn-thug-feringea-fakeer .thug-shadow {
  position: absolute; bottom: 12%; right: 18%; width: 36px; height: 12px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  filter: blur(5px);
  animation: tf-tshadow 3.5s ease-in-out infinite;
}
.scn-thug-feringea-fakeer .lamp {
  position: absolute; top: 15%; left: 60%; width: 10px; height: 16px;
  background: radial-gradient(circle at 50% 50%, #c09050 0%, #7a5030 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 24px 6px #b08040, 0 0 48px 12px rgba(200,160,80,0.3);
  animation: tf-lamp 1.2s ease-in-out infinite alternate;
}
@keyframes tf-tent {
  0% { opacity: 0.8; box-shadow: inset 0 0 40px rgba(0,0,0,0.8); }
  50% { opacity: 0.9; box-shadow: inset 0 0 60px rgba(0,0,0,0.85); }
  100% { opacity: 0.8; box-shadow: inset 0 0 40px rgba(0,0,0,0.8); }
}
@keyframes tf-fakeer {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  50% { transform: translateX(3px) rotate(2deg) scaleY(1.03); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes tf-pony {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(4px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tf-pshadow {
  0% { transform: scaleX(1); opacity: 0.4; }
  50% { transform: scaleX(1.3); opacity: 0.6; }
  100% { transform: scaleX(1); opacity: 0.4; }
}
@keyframes tf-thug {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-2px) rotate(-2deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(2px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tf-tshadow {
  0% { transform: scaleX(1); opacity: 0.5; }
  25% { transform: scaleX(0.8); opacity: 0.4; }
  50% { transform: scaleX(1); opacity: 0.5; }
  75% { transform: scaleX(1.2); opacity: 0.6; }
  100% { transform: scaleX(1); opacity: 0.5; }
}
@keyframes tf-lamp {
  0% { box-shadow: 0 0 20px 4px #b08040, 0 0 40px 8px rgba(200,160,80,0.2); opacity: 0.8; }
  50% { box-shadow: 0 0 32px 8px #d09050, 0 0 60px 16px rgba(200,160,80,0.4); opacity: 1; }
  100% { box-shadow: 0 0 20px 4px #b08040, 0 0 40px 8px rgba(200,160,80,0.2); opacity: 0.8; }
}

.scn-thug-fakeer-returns {
  background: 
    linear-gradient(180deg, #120c08 0%, #0a0604 50%, #040202 100%),
    radial-gradient(ellipse at 50% 100%, #1e120c 0%, transparent 70%);
}
.scn-thug-fakeer-returns .room-bg {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #1a0e0a 0%, #0a0604 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.9);
  animation: tr-room 30s ease-in-out infinite alternate;
}
.scn-thug-fakeer-returns .doorway {
  position: absolute; bottom: 20%; left: 35%; width: 28%; height: 50%;
  background: #080504;
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 0 20px 2px rgba(200,160,80,0.15);
  border: 4px solid #2a1810;
  animation: tr-door 12s ease-in-out infinite alternate;
}
.scn-thug-fakeer-returns .threshold {
  position: absolute; bottom: 18%; left: 32%; right: 40%; height: 6px;
  background: linear-gradient(90deg, #3a2010 0%, #1a0e08 100%);
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.scn-thug-fakeer-returns .fakeer-returning {
  position: absolute; bottom: 20%; left: 38%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2e1c10 0%, #1a0e08 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: tr-fakeer 2.5s ease-in-out infinite alternate;
}
.scn-thug-fakeer-returns .stone {
  position: absolute; bottom: 25%; right: 30%; width: 6px; height: 6px;
  background: #3a2a1a;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #4a3a2a;
  animation: tr-stone 1.2s linear infinite;
}
.scn-thug-fakeer-returns .stone2 {
  position: absolute; bottom: 30%; right: 35%; width: 5px; height: 5px;
  background: #2a1a0e;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #3a2a1a;
  animation: tr-stone2 1.8s linear infinite 0.6s;
}
.scn-thug-fakeer-returns .shadow-thrower {
  position: absolute; bottom: 20%; right: 20%; width: 18px; height: 40px;
  background: rgba(0,0,0,0.7);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: tr-thrower 2s ease-in-out infinite alternate;
}
.scn-thug-fakeer-returns .dust {
  position: absolute; bottom: 28%; left: 30%; width: 4px; height: 4px;
  background: rgba(160,120,80,0.2);
  border-radius: 50%;
  filter: blur(2px);
  animation: tr-dust 10s linear infinite;
}
@keyframes tr-room {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.65; }
}
@keyframes tr-door {
  0% { border-color: #2a1810; box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 0 20px 2px rgba(200,160,80,0.15); }
  50% { border-color: #3a2018; box-shadow: inset 0 0 40px rgba(0,0,0,0.85), 0 0 30px 4px rgba(200,160,80,0.25); }
  100% { border-color: #2a1810; box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 0 20px 2px rgba(200,160,80,0.15); }
}
@keyframes tr-fakeer {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  50% { transform: translateX(4px) rotate(2deg) scaleY(1.05); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes tr-stone {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  50% { transform: translate(-15px, 20px) rotate(180deg); opacity: 0.8; }
  100% { transform: translate(-30px, 40px) rotate(360deg); opacity: 0; }
}
@keyframes tr-stone2 {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  50% { transform: translate(-10px, 15px) rotate(120deg); opacity: 0.8; }
  100% { transform: translate(-20px, 30px) rotate(240deg); opacity: 0; }
}
@keyframes tr-thrower {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-3px) rotate(-3deg) scaleX(0.95); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tr-dust {
  0% { transform: translate(0,0) scale(1); opacity: 0.2; }
  50% { transform: translate(10px, -15px) scale(2); opacity: 0.5; }
  100% { transform: translate(20px, -30px) scale(0.8); opacity: 0; }
}

.scn-darjeeling-arrival {
  background: linear-gradient(180deg, #5a6b7a 0%, #7a8b9a 30%, #9aabba 60%, #bacbda 100%),
              radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.2) 0%, transparent 70%);
  background-blend-mode: overlay;
}
.scn-darjeeling-arrival .sky-overcast {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #6a7b8a 0%, #8a9baa 50%, #aabbca 100%);
  animation: da-sky 15s ease-in-out infinite alternate;
}
.scn-darjeeling-arrival .cloud-layer-a {
  position: absolute; top: 15%; left: 0; width: 80%; height: 20%;
  background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,.6) 0%, rgba(200,210,220,.3) 50%, transparent 100%);
  filter: blur(12px);
  animation: da-drift-a 40s linear infinite;
}
.scn-darjeeling-arrival .cloud-layer-b {
  position: absolute; top: 25%; right: 0; width: 70%; height: 15%;
  background: radial-gradient(ellipse at 70% 40%, rgba(255,255,255,.5) 0%, rgba(180,190,200,.2) 60%, transparent 100%);
  filter: blur(8px);
  animation: da-drift-b 50s linear infinite reverse;
}
.scn-darjeeling-arrival .mountain-range {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 60%, #1a2a3a 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.3);
  animation: da-mountains 20s ease-in-out infinite alternate;
}
.scn-darjeeling-arrival .mountain-peak {
  position: absolute; bottom: 30%; left: 50%; width: 120px; height: 80px;
  transform: translateX(-50%) scaleX(1.2);
  background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 -4px 10px rgba(255,255,255,.1);
  animation: da-peak 12s ease-in-out infinite;
}
.scn-darjeeling-arrival .forest-scrub {
  position: absolute; bottom: 0; left: 0; right: 0; height: 22%;
  background: linear-gradient(180deg, #1a3a2a 0%, #0a2a1a 60%, #051a10 100%);
  border-radius: 30% 70% 0 0 / 60% 40% 0 0;
  box-shadow: inset 0 6px 12px rgba(0,0,0,.5);
  animation: da-forest 8s ease-in-out infinite alternate;
}
.scn-darjeeling-arrival .train-smoke {
  position: absolute; bottom: 35%; left: 30%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(255,255,255,.5) 0%, rgba(180,190,200,.1) 70%, transparent 100%);
  filter: blur(6px);
  animation: da-smoke 6s ease-in-out infinite alternate;
}
@keyframes da-sky { 0% { opacity: .7 } 50% { opacity: .9 } 100% { opacity: .75 } }
@keyframes da-drift-a { 0% { transform: translateX(-80px) } 25% { transform: translateX(20vw) scale(1.1) } 50% { transform: translateX(40vw) } 75% { transform: translateX(60vw) scale(.95) } 100% { transform: translateX(100vw) } }
@keyframes da-drift-b { 0% { transform: translateX(0) } 33% { transform: translateX(-20vw) scale(1.05) } 66% { transform: translateX(-60vw) } 100% { transform: translateX(-100vw) } }
@keyframes da-mountains { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes da-peak { 0%,100% { transform: translateX(-50%) scaleX(1.2) } 50% { transform: translateX(-50%) scaleX(1.15) translateY(-3px) } }
@keyframes da-forest { 0% { transform: translateY(0) } 40% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes da-smoke { 0% { transform: translate(0,0) scale(1); opacity: .4 } 50% { transform: translate(10px,-8px) scale(1.5); opacity: .1 } 100% { transform: translate(20px,-16px) scale(2); opacity: 0 } }

.scn-ghurka-women {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 30%, #f0e68c 60%, #cd853f 100%),
              radial-gradient(ellipse at 40% 70%, #f5deb3 0%, transparent 60%);
  background-blend-mode: overlay;
}
.scn-ghurka-women .sun-glow {
  position: absolute; top: 8%; left: 30%; width: 100px; height: 100px;
  background: radial-gradient(circle, #fff8dc 0%, #ffd700 30%, rgba(255,215,0,.2) 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(255,215,0,.3);
  animation: gw-sun 20s ease-in-out infinite alternate;
}
.scn-ghurka-women .mountain-slope {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(135deg, #8b6914 0%, #a0522d 40%, #c0b060 100%);
  border-radius: 0 60% 0 0 / 0 40% 0 0;
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
  animation: gw-slope 15s ease-in-out infinite alternate;
}
.scn-ghurka-women .road-path {
  position: absolute; bottom: 25%; left: 15%; width: 70%; height: 30%;
  background: linear-gradient(135deg, #8b7355 0%, #cd853f 30%, #deb887 70%, #f5deb3 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  animation: gw-road 12s ease-in-out infinite alternate;
}
.scn-ghurka-women .figure-a {
  position: absolute; bottom: 28%; left: 20%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2c1e16 0%, #1a100a 50%, #0d0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gw-climb-a 6s ease-in-out infinite;
}
.scn-ghurka-women .figure-b {
  position: absolute; bottom: 35%; left: 45%; width: 22px; height: 42px;
  background: linear-gradient(180deg, #3a2a1e 0%, #2c1e16 50%, #1a100a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gw-climb-b 7s ease-in-out infinite 1s;
}
.scn-ghurka-women .figure-c {
  position: absolute; bottom: 20%; left: 65%; width: 18px; height: 36px;
  background: linear-gradient(180deg, #1a100a 0%, #0d0804 50%, #050302 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gw-climb-c 5.5s ease-in-out infinite 0.5s;
}
.scn-ghurka-women .basket-a {
  position: absolute; bottom: 30%; left: 19%; width: 16px; height: 20px;
  background: linear-gradient(180deg, #5a3e2a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: gw-basket 6s ease-in-out infinite;
}
.scn-ghurka-women .basket-b {
  position: absolute; bottom: 37%; left: 44%; width: 18px; height: 22px;
  background: linear-gradient(180deg, #6a4e3a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: gw-basket 7s ease-in-out infinite 1s;
}
@keyframes gw-sun { 0% { opacity: .8; transform: scale(.95) } 50% { opacity: 1; transform: scale(1.05) } 100% { opacity: .85; transform: scale(.98) } }
@keyframes gw-slope { 0% { clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%) } 50% { clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%) } 100% { clip-path: polygon(0 0, 100% 22%, 100% 100%, 0 100%) } }
@keyframes gw-road { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes gw-climb-a { 0% { transform: translate(0,0) rotate(-2deg) } 25% { transform: translate(4px,-2px) rotate(1deg) } 50% { transform: translate(8px,0) rotate(-1deg) } 75% { transform: translate(12px,-2px) rotate(2deg) } 100% { transform: translate(16px,0) rotate(0) } }
@keyframes gw-climb-b { 0% { transform: translate(0,0) rotate(2deg) } 30% { transform: translate(5px,-3px) rotate(-1deg) } 60% { transform: translate(10px,0) rotate(1deg) } 100% { transform: translate(15px,-2px) rotate(0) } }
@keyframes gw-climb-c { 0% { transform: translate(0,0) rotate(-1deg) } 20% { transform: translate(3px,-1px) rotate(1deg) } 40% { transform: translate(6px,0) rotate(-2deg) } 60% { transform: translate(9px,-1px) rotate(1deg) } 80% { transform: translate(12px,0) rotate(-1deg) } 100% { transform: translate(15px,-1px) rotate(0) } }
@keyframes gw-basket { 0%,100% { transform: translate(0,0) } 50% { transform: translate(4px,-2px) } }

.scn-darjeeling-hotel {
  background: linear-gradient(180deg, #2a1a0e 0%, #3a2a1a 30%, #4a3a2a 60%, #2a1a0e 100%),
              radial-gradient(ellipse at 50% 70%, #4a3a2a 0%, transparent 60%);
  background-blend-mode: multiply;
}
.scn-darjeeling-hotel .wall-dark {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #1a1008 0%, #2a1a0e 20%, #3a2a1a 40%, #2a1a0e 60%, #1a1008 100%);
  animation: dh-wall 10s ease-in-out infinite alternate;
}
.scn-darjeeling-hotel .window-pane {
  position: absolute; top: 15%; left: 30%; width: 40%; height: 30%;
  background: linear-gradient(180deg, #5a6b7a 0%, #8a9baa 40%, #7a8b9a 100%);
  border: 6px solid #1a1008;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,.05);
  animation: dh-window 8s ease-in-out infinite alternate;
}
.scn-darjeeling-hotel .lamp-glow {
  position: absolute; top: 25%; left: 55%; width: 30px; height: 40px;
  background: radial-gradient(circle at 50% 60%, #f0c060 0%, #b08030 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 15px rgba(240,192,96,.4), 0 0 80px 30px rgba(240,192,96,.2);
  animation: dh-lamp 3s ease-in-out infinite alternate;
}
.scn-darjeeling-hotel .desk-counter {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 15%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 40%, #2a1a0e 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 8px rgba(0,0,0,.5);
  animation: dh-desk 12s ease-in-out infinite alternate;
}
.scn-darjeeling-hotel .figure-servant {
  position: absolute; bottom: 15%; left: 35%; width: 18px; height: 36px;
  background: linear-gradient(180deg, #2c1e16 0%, #1a100a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: dh-servant 8s ease-in-out infinite;
}
.scn-darjeeling-hotel .floor-shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.1) 100%);
  animation: dh-shadow 6s ease-in-out infinite alternate;
}
@keyframes dh-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes dh-window { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(0.98) } }
@keyframes dh-lamp { 0% { box-shadow: 0 0 30px 10px rgba(240,192,96,.3); opacity: .8 } 50% { box-shadow: 0 0 50px 20px rgba(240,192,96,.6); opacity: 1 } 100% { box-shadow: 0 0 35px 12px rgba(240,192,96,.4); opacity: .85 } }
@keyframes dh-desk { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes dh-servant { 0%,100% { transform: translate(0,0) rotate(0) } 50% { transform: translate(5px,-1px) rotate(3deg) } }
@keyframes dh-shadow { 0% { opacity: .5 } 50% { opacity: .8 } 100% { opacity: .5 } }

.scn-club-night {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2a 20%, #2a2a3a 40%, #1a1a2a 70%, #0a0a1a 100%),
              radial-gradient(ellipse at 30% 50%, #2a2a3a 0%, transparent 70%);
}
.scn-club-night .window-frame {
  position: absolute; top: 5%; left: 15%; width: 70%; height: 50%;
  border: 8px solid #1a1008;
  border-radius: 6px;
  background: linear-gradient(180deg, #0a0a1a 0%, #2a2a3a 40%, #1a1a2a 100%);
  box-shadow: inset 0 0 30px rgba(255,255,255,.02);
  animation: cn-frame 15s ease-in-out infinite alternate;
}
.scn-club-night .night-sky {
  position: absolute; top: 8%; left: 18%; width: 64%; height: 44%;
  background: linear-gradient(180deg, #0a0a2a 0%, #1a1a3a 40%, #2a2a4a 100%);
  border-radius: 4px;
  animation: cn-sky 20s ease-in-out infinite alternate;
}
.scn-club-night .distant-lights {
  position: absolute; top: 35%; left: 20%; width: 60%; height: 15%;
  background: radial-gradient(circle at 10% 40%, #f0e68c 0%, transparent 20%),
              radial-gradient(circle at 30% 50%, #ffd700 0%, transparent 15%),
              radial-gradient(circle at 50% 45%, #fff8dc 0%, transparent 10%),
              radial-gradient(circle at 70% 55%, #f0e68c 0%, transparent 12%),
              radial-gradient(circle at 90% 50%, #ffd700 0%, transparent 18%);
  background-size: 100% 100%;
  animation: cn-lights 4s ease-in-out infinite alternate;
}
.scn-club-night .interior-ambient {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, rgba(60,40,20,.6) 0%, rgba(30,20,10,.8) 100%);
  border-radius: 30% 70% 0 0 / 20% 40% 0 0;
  animation: cn-ambient 12s ease-in-out infinite alternate;
}
.scn-club-night .figure-profile {
  position: absolute; bottom: 25%; left: 35%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cn-profile 8s ease-in-out infinite;
}
.scn-club-night .club-table {
  position: absolute; bottom: 8%; left: 30%; width: 40%; height: 20%;
  background: linear-gradient(180deg, #4a2a1a 0%, #3a1a0a 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 -4px 10px rgba(0,0,0,.6);
  animation: cn-table 6s ease-in-out infinite alternate;
}
.scn-club-night .candle-flicker {
  position: absolute; bottom: 18%; left: 48%; width: 6px; height: 24px;
  background: linear-gradient(180deg, #ffd700 0%, #ff8c00 40%, #8b4513 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  box-shadow: 0 0 20px 10px rgba(255,140,0,.5), 0 0 40px 20px rgba(255,140,0,.2);
  animation: cn-candle 2s ease-in-out infinite alternate;
}
@keyframes cn-frame { 0% { box-shadow: inset 0 0 30px rgba(255,255,255,.02) } 50% { box-shadow: inset 0 0 50px rgba(255,255,255,.04) } 100% { box-shadow: inset 0 0 30px rgba(255,255,255,.02) } }
@keyframes cn-sky { 0% { opacity: .7 } 50% { opacity: .85 } 100% { opacity: .7 } }
@keyframes cn-lights { 0% { opacity: .6; transform: scaleY(1) } 50% { opacity: .9; transform: scaleY(1.05) } 100% { opacity: .7; transform: scaleY(0.95) } }
@keyframes cn-ambient { 0% { opacity: .5 } 50% { opacity: .7 } 100% { opacity: .55 } }
@keyframes cn-profile { 0%,100% { transform: translate(0,0) rotate(0) } 50% { transform: translate(3px,-2px) rotate(2deg) } }
@keyframes cn-table { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes cn-candle { 0% { transform: scaleY(1); box-shadow: 0 0 15px 5px rgba(255,140,0,.5) } 50% { transform: scaleY(1.1); box-shadow: 0 0 25px 12px rgba(255,140,0,.6) } 100% { transform: scaleY(0.95); box-shadow: 0 0 18px 8px rgba(255,140,0,.4) } }

/* Scene 1: footnote-reinforcement-useless */
.scn-footnote-reinforcement-useless {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 60%, #1a0e06 100%),
              radial-gradient(ellipse at 50% 20%, #4a3828 0%, transparent 70%);
}
.scn-footnote-reinforcement-useless .tent-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 0 0 30% 30%;
  animation: fnr-wall 12s ease-in-out infinite alternate;
}
.scn-footnote-reinforcement-useless .tent-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1a120a 0%, #0a0804 100%);
  animation: fnr-floor 8s ease-in-out infinite;
}
.scn-footnote-reinforcement-useless .table {
  position: absolute; bottom: 22%; left: 20%; width: 60%; height: 12%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,.6);
  animation: fnr-table 10s ease-in-out infinite alternate;
}
.scn-footnote-reinforcement-useless .map {
  position: absolute; bottom: 26%; left: 28%; width: 44%; height: 8%;
  background: linear-gradient(135deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 2px;
  opacity: 0.7;
  animation: fnr-map 6s ease-in-out infinite alternate;
}
.scn-footnote-reinforcement-useless .soldier-cluster {
  position: absolute; bottom: 22%; left: 35%; width: 30%; height: 10%;
  background: radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 70%);
  border-radius: 50%;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  animation: fnr-soldiers 3s ease-in-out infinite;
}
.scn-footnote-reinforcement-useless .soldier-cluster::before {
  content: '';
  display: block;
  width: 10px; height: 20px;
  background: #2a1a0a; border-radius: 30% 30% 10% 10%;
  transform: rotate(5deg);
}
.scn-footnote-reinforcement-useless .soldier-cluster::after {
  content: '';
  display: block;
  width: 12px; height: 22px;
  background: #2a1a0a; border-radius: 40% 40% 20% 20%;
  transform: rotate(-8deg);
}
.scn-footnote-reinforcement-useless .boer-figure {
  position: absolute; bottom: 24%; left: 45%; width: 18px; height: 28px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: fnr-boer 4s ease-in-out infinite;
}
.scn-footnote-reinforcement-useless .lamp-glow {
  position: absolute; top: 12%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, #d08050 0%, #8a5030 40%, transparent 70%);
  border-radius: 50%;
  animation: fnr-lamp 3s ease-in-out infinite alternate;
  filter: blur(4px);
}
.scn-footnote-reinforcement-useless .smoke-puff {
  position: absolute; top: 15%; left: 52%; width: 20px; height: 20px;
  background: radial-gradient(circle, rgba(200,180,160,.4) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: fnr-smoke 5s ease-in-out infinite;
}
@keyframes fnr-wall { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .9; } }
@keyframes fnr-floor { 0% { opacity: .9; } 50% { opacity: 1; } 100% { opacity: .85; } }
@keyframes fnr-table { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }
@keyframes fnr-map { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-2deg); } }
@keyframes fnr-soldiers { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(1px) rotate(-1deg); } }
@keyframes fnr-boer { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(8px) rotate(3deg); } 50% { transform: translateX(0) rotate(-2deg); } 75% { transform: translateX(-5px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes fnr-lamp { 0% { opacity: 0.6; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0.8; transform: scale(1); } }
@keyframes fnr-smoke { 0% { transform: translateY(0) scale(1); opacity: .3; } 50% { transform: translateY(-15px) scale(1.5); opacity: .1; } 100% { transform: translateY(0) scale(1); opacity: .2; } }

/* Scene 2: puddnhead-quote-fountain-pen */
.scn-puddnhead-quote-fountain-pen {
  background: linear-gradient(180deg, #f5e8d8 0%, #e0cdb5 40%, #d0b89a 100%),
              radial-gradient(ellipse at 80% 40%, #ffffff 0%, transparent 60%);
}
.scn-puddnhead-quote-fountain-pen .desk-top {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #8a6e4a 0%, #6a5030 100%);
  border-radius: 30% 30% 0 0 / 20px 20px 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.3);
}
.scn-puddnhead-quote-fountain-pen .paper {
  position: absolute; bottom: 30%; left: 20%; width: 60%; height: 30%;
  background: linear-gradient(135deg, #faf6e8 0%, #e8dcc8 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  transform: rotate(-2deg);
  animation: pqfp-paper 10s ease-in-out infinite alternate;
}
.scn-puddnhead-quote-fountain-pen .fountain-pen {
  position: absolute; bottom: 35%; left: 45%; width: 100px; height: 20px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e06 100%);
  border-radius: 40% 5% 5% 40% / 50% 10% 10% 50%;
  transform: rotate(-30deg);
  transform-origin: 20% 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
  animation: pqfp-pen 6s ease-in-out infinite;
}
.scn-puddnhead-quote-fountain-pen .fountain-pen::before {
  content: '';
  position: absolute; left: 85%; top: 30%; width: 15px; height: 8px;
  background: linear-gradient(135deg, #c0a060 0%, #a08040 100%);
  border-radius: 50% 0 0 50% / 80% 0 0 80%;
}
.scn-puddnhead-quote-fountain-pen .inkwell {
  position: absolute; bottom: 38%; left: 30%; width: 24px; height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 4px 6px rgba(0,0,0,.4);
  animation: pqfp-inkwell 8s ease-in-out infinite alternate;
}
.scn-puddnhead-quote-fountain-pen .ink-drop {
  position: absolute; bottom: 35%; left: 52%; width: 8px; height: 10px;
  background: radial-gradient(circle, #2a1a0a 0%, #0a0604 80%);
  border-radius: 50%;
  filter: blur(1px);
  animation: pqfp-drop 4s ease-in-out infinite;
}
.scn-puddnhead-quote-fountain-pen .sunbeam {
  position: absolute; top: 10%; left: 70%; width: 80px; height: 200px;
  background: linear-gradient(135deg, rgba(255,255,240,.3) 0%, transparent 70%);
  transform: rotate(20deg);
  filter: blur(8px);
  animation: pqfp-sunbeam 15s ease-in-out infinite alternate;
}
.scn-puddnhead-quote-fountain-pen .shadow-stripe {
  position: absolute; bottom: 35%; left: 40%; width: 20px; height: 40%;
  background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, transparent 100%);
  transform: skewX(-10deg);
  animation: pqfp-shadow 12s ease-in-out infinite alternate;
}
@keyframes pqfp-paper { 0% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(-1deg) scale(1.01); } 100% { transform: rotate(-3deg) scale(1); } }
@keyframes pqfp-pen { 0% { transform: rotate(-30deg) translateY(0); } 50% { transform: rotate(-28deg) translateY(-2px); } 100% { transform: rotate(-32deg) translateY(1px); } }
@keyframes pqfp-inkwell { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.03); } 100% { transform: scaleY(1); } }
@keyframes pqfp-drop { 0% { transform: translateY(0) scale(1); opacity: .7; } 50% { transform: translateY(8px) scale(0.8); opacity: .3; } 100% { transform: translateY(0) scale(1); opacity: .5; } }
@keyframes pqfp-sunbeam { 0% { opacity: .3; transform: rotate(20deg) scaleX(1); } 50% { opacity: .6; transform: rotate(22deg) scaleX(1.1); } 100% { opacity: .4; transform: rotate(19deg) scaleX(1); } }
@keyframes pqfp-shadow { 0% { opacity: .2; } 50% { opacity: .5; } 100% { opacity: .3; } }

/* Scene 3: rhodes-deceived-duke-of-fife */
.scn-rhodes-deceived-duke-of-fife {
  background: linear-gradient(180deg, #1a1a2a 0%, #0e0e1a 60%, #050510 100%),
              radial-gradient(ellipse at 30% 60%, #2a2a3e 0%, transparent 60%);
}
.scn-rhodes-deceived-duke-of-fife .room-wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 0 0 5% 5%;
}
.scn-rhodes-deceived-duke-of-fife .floor-shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #0a0a12 0%, #040408 100%);
  animation: rddf-floor 10s ease-in-out infinite alternate;
}
.scn-rhodes-deceived-duke-of-fife .rhodes-figure {
  position: absolute; bottom: 20%; left: 25%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a12 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rddf-rhodes 5s ease-in-out infinite;
}
.scn-rhodes-deceived-duke-of-fife .duke-figure {
  position: absolute; bottom: 20%; left: 55%; width: 36px; height: 68px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rddf-duke 5s ease-in-out infinite alternate;
}
.scn-rhodes-deceived-duke-of-fife .deception-hand {
  position: absolute; bottom: 30%; left: 35%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 60% 60%;
  transform: rotate(-20deg);
  transform-origin: top left;
  animation: rddf-hand 4s ease-in-out infinite;
}
.scn-rhodes-deceived-duke-of-fife .window-drapes {
  position: absolute; top: 10%; right: 10%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0606 100%);
  border-radius: 0 0 20% 20%;
  animation: rddf-drapes 8s ease-in-out infinite alternate;
}
.scn-rhodes-deceived-duke-of-fife .dim-light {
  position: absolute; top: 20%; left: 60%; width: 30px; height: 60px;
  background: linear-gradient(135deg, rgba(200,180,140,.1) 0%, transparent 60%);
  transform: rotate(10deg);
  filter: blur(10px);
  animation: rddf-light 12s ease-in-out infinite alternate;
}
@keyframes rddf-floor { 0% { opacity: .9; } 50% { opacity: 1; } 100% { opacity: .8; } }
@keyframes rddf-rhodes { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(2deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes rddf-duke { 0% { transform: translateX(0) rotate(0); } 50% { transform: translateX(-3px) rotate(-3deg); } 100% { transform: translateX(0) rotate(2deg); } }
@keyframes rddf-hand { 0% { transform: rotate(-20deg) scale(1); } 50% { transform: rotate(-15deg) scale(1.1); } 100% { transform: rotate(-25deg) scale(0.9); } }
@keyframes rddf-drapes { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.05); } 100% { transform: scaleX(0.95); } }
@keyframes rddf-light { 0% { opacity: .1; } 50% { opacity: .3; } 100% { opacity: .15; } }

/* Scene 4: rhodes-is-south-africa */
.scn-rhodes-is-south-africa {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0e06 100%),
              radial-gradient(ellipse at 50% 30%, #4a3a2a 0%, transparent 70%);
}
.scn-rhodes-is-south-africa .study-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 0 0 10% 10%;
}
.scn-rhodes-is-south-africa .rhodes-silhouette {
  position: absolute; bottom: 20%; left: 35%; width: 80px; height: 100px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0604 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%;
  transform: scaleX(1.2);
  animation: risa-rhodes 12s ease-in-out infinite alternate;
}
.scn-rhodes-is-south-africa .map-africa {
  position: absolute; bottom: 22%; left: 30%; width: 70px; height: 80px;
  background: radial-gradient(ellipse at 50% 50%, #5a4a2a 0%, #3a2a1a 100%);
  border-radius: 30% 40% 30% 30% / 40% 30% 40% 40%;
  filter: blur(2px);
  animation: risa-map 15s ease-in-out infinite;
}
.scn-rhodes-is-south-africa .diamond-mine {
  position: absolute; bottom: 22%; left: 45%; width: 20px; height: 20px;
  background: radial-gradient(circle, #c0b080 0%, #8a7a5a 100%);
  border-radius: 50%;
  box-shadow: 0 0 10px 2px rgba(192,176,128,.5);
  animation: risa-diamond 5s ease-in-out infinite alternate;
}
.scn-rhodes-is-south-africa .gold-field {
  position: absolute; bottom: 28%; left: 55%; width: 40px; height: 10px;
  background: linear-gradient(90deg, #b08840 0%, #d0a850 50%, #b08840 100%);
  border-radius: 30%;
  filter: blur(2px);
  animation: risa-gold 8s ease-in-out infinite alternate;
}
.scn-rhodes-is-south-africa .table-mountain {
  position: absolute; bottom: 15%; left: 15%; width: 100px; height: 60px;
  background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 100%);
  border-radius: 20% 20% 0 0;
  transform: scaleX(0.8);
  animation: risa-mountain 20s ease-in-out infinite alternate;
}
.scn-rhodes-is-south-africa .warm-glow {
  position: absolute; top: 10%; left: 40%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(255,200,100,.2) 0%, transparent 70%);
  filter: blur(15px);
  animation: risa-glow 6s ease-in-out infinite alternate;
}
.scn-rhodes-is-south-africa .book-stack {
  position: absolute; bottom: 18%; left: 60%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 2px 2px 0 0;
  box-shadow: 0 4px 6px rgba(0,0,0,.5);
  animation: risa-books 10s ease-in-out infinite;
}
@keyframes risa-rhodes { 0% { transform: scaleX(1.2) translateY(0); } 50% { transform: scaleX(1.25) translateY(-3px); } 100% { transform: scaleX(1.15) translateY(2px); } }
@keyframes risa-map { 0% { transform: scale(1) rotate(0); } 50% { transform: scale(1.03) rotate(2deg); } 100% { transform: scale(0.97) rotate(-1deg); } }
@keyframes risa-diamond { 0% { opacity: .5; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } 100% { opacity: .6; transform: scale(0.9); } }
@keyframes risa-gold { 0% { opacity: .6; transform: scaleX(1); } 50% { opacity: .9; transform: scaleX(1.1); } 100% { opacity: .7; transform: scaleX(0.95); } }
@keyframes risa-mountain { 0% { transform: scaleX(0.8) translateY(0); } 50% { transform: scaleX(0.85) translateY(-2px); } 100% { transform: scaleX(0.75) translateY(1px); } }
@keyframes risa-glow { 0% { opacity: .2; transform: scale(1); } 50% { opacity: .4; transform: scale(1.2); } 100% { opacity: .3; transform: scale(0.9); } }
@keyframes risa-books { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(1px); } }

.scn-well-of-earring {
  background: linear-gradient(180deg, #b8d4e3 0%, #e8d3a8 40%, #c6a86a 100%),
              radial-gradient(ellipse at 20% 80%, #f0e0c0 0%, transparent 60%);
}
.scn-well-of-earring .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #9cc4d8 0%, transparent 100%);
  animation: we-sky 15s ease-in-out infinite alternate;
}
.scn-well-of-earring .pool {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 40%;
  background: linear-gradient(180deg, #7a9ba8 0%, #5c7a8a 40%, #4b6d7a 100%);
  border-radius: 0 0 30% 30% / 0 0 20% 20%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: we-pool 10s ease-in-out infinite alternate;
}
.scn-well-of-earring .stairs {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 30%;
  background: linear-gradient(45deg, #b09870 0%, #8a7a5e 30%, #6a5a42 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  transform: scaleY(0.6);
  animation: we-stairs 20s ease-in-out infinite;
}
.scn-well-of-earring .railing {
  position: absolute; top: 55%; width: 6px; height: 60px;
  background: linear-gradient(180deg, #8a7a5e, #4a3a2a);
  border-radius: 3px;
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.scn-well-of-earring .railing-left {
  left: 15%; animation: we-rail 8s ease-in-out infinite alternate;
}
.scn-well-of-earring .railing-right {
  right: 15%; animation: we-rail 8s ease-in-out infinite alternate-reverse;
}
.scn-well-of-earring .figure {
  position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%);
  width: 16px; height: 40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: we-figure 12s ease-in-out infinite;
}
.scn-well-of-earring .glint {
  position: absolute; bottom: 30%; left: 42%; width: 10px; height: 10px;
  background: radial-gradient(circle, #fff4d6 0%, #e0c880 70%);
  border-radius: 50%;
  box-shadow: 0 0 16px 6px rgba(255,244,214,0.6);
  animation: we-glint 4s ease-in-out infinite alternate;
}

@keyframes we-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes we-pool {
  0% { transform: scaleX(1) translateY(0); }
  50% { transform: scaleX(1.02) translateY(-2px); }
  100% { transform: scaleX(1) translateY(0); }
}
@keyframes we-stairs {
  0% { transform: scaleY(0.6) translateY(0); }
  50% { transform: scaleY(0.6) translateY(1px); }
  100% { transform: scaleY(0.6) translateY(0); }
}
@keyframes we-rail {
  0% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes we-figure {
  0% { transform: translateX(-50%) translateY(0) rotate(-2deg); }
  25% { transform: translateX(-50%) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(-50%) translateY(0) rotate(0); }
  75% { transform: translateX(-50%) translateY(-1px) rotate(-1deg); }
  100% { transform: translateX(-50%) translateY(0) rotate(0); }
}
@keyframes we-glint {
  0% { opacity: 0.5; box-shadow: 0 0 10px 3px rgba(255,244,214,0.4); }
  50% { opacity: 1; box-shadow: 0 0 24px 8px rgba(255,244,214,0.8); }
  100% { opacity: 0.6; box-shadow: 0 0 12px 4px rgba(255,244,214,0.5); }
}

/* vishnu-sweat */
.scn-vishnu-sweat {
  background: linear-gradient(135deg, #2a1e14 0%, #3d2a1a 40%, #1a100a 100%),
              radial-gradient(ellipse at 50% 80%, #5a3a1a 0%, transparent 70%);
}
.scn-vishnu-sweat .wall-bg {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #4a3424 0%, #2a1e14 20%, #1a100a 60%);
  animation: vs-wall 20s ease-in-out infinite alternate;
}
.scn-vishnu-sweat .light-shaft {
  position: absolute; top: 0; left: 30%; right: 30%; bottom: 30%;
  background: linear-gradient(180deg, rgba(255,220,160,0.15) 0%, transparent 100%);
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  animation: vs-light 12s ease-in-out infinite alternate;
}
.scn-vishnu-sweat .tank-water {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 35%;
  background: linear-gradient(180deg, #2a4030 0%, #1a2a1e 100%);
  border-radius: 0 0 50% 50% / 0 0 20% 20%;
  box-shadow: inset 0 6px 12px rgba(0,0,0,0.5);
  animation: vs-water 15s ease-in-out infinite alternate;
}
.scn-vishnu-sweat .discus {
  position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%);
  width: 30px; height: 30px;
  background: radial-gradient(circle, #d4a050 0%, #8a6a30 60%, #4a3218 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 10px rgba(212,160,80,0.4);
  animation: vs-discus 8s ease-in-out infinite;
}
.scn-vishnu-sweat .stone-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(0deg, #3a2a1a, #2a1e14);
  border-radius: 40% 40% 0 0 / 60% 60% 0 0;
}
.scn-vishnu-sweat .vishnu-silhouette {
  position: absolute; bottom: 20%; left: 40%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  animation: vs-figure 9s ease-in-out infinite;
}
.scn-vishnu-sweat .offering-glow {
  position: absolute; bottom: 25%; left: 48%; width: 8px; height: 8px;
  background: radial-gradient(circle, #ffcc66 0%, #cc8833 70%);
  border-radius: 50%;
  box-shadow: 0 0 18px 6px rgba(255,204,102,0.5);
  animation: vs-glow 3s ease-in-out infinite alternate;
}

@keyframes vs-wall {
  0% { opacity: 1; }
  50% { opacity: 0.9; }
  100% { opacity: 1; }
}
@keyframes vs-light {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(1deg) scaleY(1.05); }
  100% { transform: rotate(0deg) scaleY(1); }
}
@keyframes vs-water {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(2px) scaleY(0.98); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes vs-discus {
  0% { transform: translateX(-50%) rotate(0deg) scale(1); }
  50% { transform: translateX(-50%) rotate(180deg) scale(1.05); }
  100% { transform: translateX(-50%) rotate(360deg) scale(1); }
}
@keyframes vs-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes vs-glow {
  0% { opacity: 0.6; box-shadow: 0 0 12px 4px rgba(255,204,102,0.3); }
  50% { opacity: 1; box-shadow: 0 0 24px 8px rgba(255,204,102,0.7); }
  100% { opacity: 0.7; box-shadow: 0 0 14px 5px rgba(255,204,102,0.4); }
}

/* make-salvation-sure */
.scn-make-salvation-sure {
  background: linear-gradient(180deg, #0f1a2a 0%, #1a2a3a 40%, #2a3a4a 100%),
              radial-gradient(ellipse at 30% 50%, #2a3a4a 0%, transparent 60%);
}
.scn-make-salvation-sure .vault {
  position: absolute; top: 0; left: 10%; right: 10%; height: 40%;
  background: linear-gradient(180deg, #1a2a3a, #2a3a4a 80%);
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  animation: ms-vault 25s ease-in-out infinite alternate;
}
.scn-make-salvation-sure .ganges-water {
  position: absolute; bottom: 10%; left: 5%; right: 5%; height: 35%;
  background: linear-gradient(180deg, #1a2a3a 0%, #0a1a2a 50%, #051020 100%);
  border-radius: 50% 50% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.6);
  animation: ms-water 14s ease-in-out infinite alternate;
}
.scn-make-salvation-sure .steps {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 15%;
  background: linear-gradient(0deg, #4a3a2a 0%, #3a2a1a 50%, #2a1a0a 100%);
  clip-path: polygon(0% 100%, 10% 0%, 90% 0%, 100% 100%);
  animation: ms-steps 18s ease-in-out infinite;
}
.scn-make-salvation-sure .flame {
  position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%);
  width: 12px; height: 20px;
  background: radial-gradient(ellipse at 50% 30%, #ffd080 0%, #e08040 50%, #401800 100%);
  border-radius: 50%;
  box-shadow: 0 0 24px 10px rgba(224,128,64,0.5);
  animation: ms-flame 3s ease-in-out infinite alternate;
}
.scn-make-salvation-sure .figure-kneeling {
  position: absolute; bottom: 25%; left: 40%; width: 18px; height: 36px;
  background: linear-gradient(180deg, #2a1e14 0%, #0a0604 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ms-figure 10s ease-in-out infinite;
}
.scn-make-salvation-sure .arch-left {
  position: absolute; top: 20%; left: 5%; width: 8px; height: 80px;
  background: linear-gradient(180deg, #4a3a2a, #2a1a0a);
  border-radius: 8px 8px 0 0;
  box-shadow: 2px 0 6px rgba(0,0,0,0.4);
  animation: ms-arch 20s ease-in-out infinite alternate;
}
.scn-make-salvation-sure .arch-right {
  position: absolute; top: 20%; right: 5%; width: 8px; height: 80px;
  background: linear-gradient(180deg, #4a3a2a, #2a1a0a);
  border-radius: 8px 8px 0 0;
  box-shadow: -2px 0 6px rgba(0,0,0,0.4);
  animation: ms-arch 20s ease-in-out infinite alternate-reverse;
}

@keyframes ms-vault {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.02); }
  100% { transform: scaleY(1); }
}
@keyframes ms-water {
  0% { transform: translateY(0); opacity: 0.8; }
  50% { transform: translateY(1px); opacity: 1; }
  100% { transform: translateY(0); opacity: 0.85; }
}
@keyframes ms-steps {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(1.01); }
  100% { transform: scaleX(1); }
}
@keyframes ms-flame {
  0% { transform: translateX(-50%) scaleY(1) rotate(-2deg); }
  50% { transform: translateX(-50%) scaleY(1.15) rotate(2deg); }
  100% { transform: translateX(-50%) scaleY(1) rotate(0); }
}
@keyframes ms-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes ms-arch {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.03); }
  100% { transform: scaleY(1); }
}

/* pilgrimage-joy */
.scn-pilgrimage-joy {
  background: linear-gradient(180deg, #f2e8c0 0%, #e0c880 30%, #b89850 100%),
              radial-gradient(ellipse at 80% 20%, #f5e6b0 0%, transparent 50%);
}
.scn-pilgrimage-joy .sky {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #d4e0f0 0%, #f0e8d0 100%);
  animation: pj-sky 20s ease-in-out infinite alternate;
}
.scn-pilgrimage-joy .sun {
  position: absolute; top: 10%; right: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe080 0%, #f0b830 80%);
  border-radius: 50%;
  box-shadow: 0 0 40px 15px rgba(240,184,48,0.4);
  animation: pj-sun 30s linear infinite;
}
.scn-pilgrimage-joy .throng {
  position: absolute;
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  animation: pj-throng 8s ease-in-out infinite alternate;
}
.scn-pilgrimage-joy .throng-fore {
  bottom: 15%; left: 10%; width: 80%; height: 30%;
  background: linear-gradient(90deg, #c8553d 0%, #a0461a 30%, #b87878 60%, #5e1a1d 100%);
  opacity: 0.9;
}
.scn-pilgrimage-joy .throng-mid {
  bottom: 30%; left: 5%; width: 90%; height: 25%;
  background: linear-gradient(90deg, #5e1a1d 0%, #e0a030 30%, #c8553d 60%, #a0461a 100%);
  opacity: 0.7;
  animation-delay: -3s;
}
.scn-pilgrimage-joy .throng-back {
  bottom: 45%; left: 0; width: 100%; height: 20%;
  background: linear-gradient(90deg, #e0a030 0%, #5e1a1d 40%, #b87878 80%);
  opacity: 0.5;
  animation-delay: -6s;
}
.scn-pilgrimage-joy .flags {
  position: absolute;
  width: 8px; height: 30px;
  background: linear-gradient(180deg, #e0a030 0%, #c8553d 100%);
  border-radius: 2px;
  transform-origin: top center;
}
.scn-pilgrimage-joy .flag-a {
  top: 15%; left: 20%;
  animation: pj-flag 6s ease-in-out infinite alternate;
}
.scn-pilgrimage-joy .flag-b {
  top: 18%; right: 25%;
  width: 6px; height: 25px;
  background: linear-gradient(180deg, #a0461a 0%, #e0a030 100%);
  animation: pj-flag 7s ease-in-out infinite alternate-reverse;
}
.scn-pilgrimage-joy .sparkle {
  position: absolute; top: 5%; left: 40%; width: 4px; height: 4px;
  background: #fff8e0;
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,248,224,0.8);
  animation: pj-sparkle 4s ease-in-out infinite alternate;
}

@keyframes pj-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.95; }
}
@keyframes pj-sun {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(10px) scale(1.03); }
  100% { transform: translateX(0) scale(1); }
}
@keyframes pj-throng {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(3px) scaleY(1.02); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes pj-flag {
  0% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
  100% { transform: rotate(-8deg); }
}
@keyframes pj-sparkle {
  0% { opacity: 0.3; transform: scale(0.5); }
  50% { opacity: 1; transform: scale(1.2); }
  100% { opacity: 0.4; transform: scale(0.6); }
}

.scn-miners-protest {
  background: linear-gradient(180deg, #87CEEB 0%, #B0D4E8 35%, #E8D5A3 70%, #C4A265 100%),
              radial-gradient(ellipse at 50% 0%, #FFF8DC 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-miners-protest .sky {
  position: absolute;
  inset: 0 0 55% 0;
  background: linear-gradient(180deg, #6CB4EE 0%, #A8D8EA 40%, transparent 100%);
  animation: mp-sky 20s ease-in-out infinite alternate;
}
.scn-miners-protest .sun {
  position: absolute;
  top: 12%;
  left: 72%;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, #FFF4B0 0%, #FFD700 40%, #FFA500 70%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(255,215,0,0.4), 0 0 120px 60px rgba(255,165,0,0.2);
  animation: mp-sun 25s ease-in-out infinite alternate;
}
.scn-miners-protest .govt-building {
  position: absolute;
  bottom: 30%;
  left: 58%;
  width: 160px;
  height: 100px;
  background: linear-gradient(180deg, #8B7D6B 0%, #6B5B4A 50%, #5A4A3A 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
  z-index: 2;
}
.scn-miners-protest .govt-building::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 20px;
  width: 120px;
  height: 20px;
  background: linear-gradient(180deg, #A09080, #7A6B5A);
  border-radius: 4px 4px 0 0;
}
.scn-miners-protest .govt-building::after {
  content: '';
  position: absolute;
  top: -14px;
  left: 70px;
  width: 20px;
  height: 14px;
  background: #4A3A2A;
  border-radius: 2px;
}
.scn-miners-protest .banner {
  position: absolute;
  bottom: 42%;
  width: 40px;
  height: 50px;
  background: linear-gradient(180deg, #C8553D 0%, #8B3A2A 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  z-index: 4;
}
.scn-miners-protest .banner-a {
  left: 30%;
  animation: mp-banner-a 4s ease-in-out infinite alternate;
}
.scn-miners-protest .banner-b {
  left: 42%;
  height: 45px;
  animation: mp-banner-b 3.5s ease-in-out infinite alternate-reverse;
}
.scn-miners-protest .banner::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 2px;
  height: 24px;
  background: #5A4A3A;
  transform: translateX(-50%);
}
.scn-miners-protest .figure {
  position: absolute;
  bottom: 30%;
  width: 14px;
  height: 32px;
  background: linear-gradient(180deg, #3A3A4A 0%, #1A1A2A 70%, #0A0A1A 100%);
  border-radius: 50% 50% 40% 40% / 60% 55% 45% 40%;
  z-index: 3;
}
.scn-miners-protest .figure-1 {
  left: 28%;
  animation: mp-fig-1 3s ease-in-out infinite;
}
.scn-miners-protest .figure-2 {
  left: 36%;
  height: 34px;
  width: 12px;
  animation: mp-fig-2 3.5s ease-in-out infinite 0.5s;
}
.scn-miners-protest .figure-3 {
  left: 48%;
  height: 30px;
  width: 13px;
  animation: mp-fig-3 4s ease-in-out infinite 0.2s;
}
.scn-miners-protest .figure::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, #5A4A3A 0%, #3A2A1A 80%);
  border-radius: 50%;
  transform: translateX(-50%);
}
.scn-miners-protest .dust {
  position: absolute;
  bottom: 25%;
  left: 0;
  right: 0;
  height: 20%;
  background: linear-gradient(180deg, rgba(180,150,100,0.3) 0%, rgba(160,130,80,0.1) 50%, transparent 100%);
  border-radius: 50% 70% 0 0;
  filter: blur(8px);
  animation: mp-dust 15s ease-in-out infinite alternate;
}
@keyframes mp-sky { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes mp-sun { 0% { transform: translate(0, 0) scale(1); box-shadow: 0 0 60px 30px rgba(255,215,0,0.4); } 100% { transform: translate(5px, -3px) scale(1.05); box-shadow: 0 0 80px 40px rgba(255,215,0,0.5); } }
@keyframes mp-banner-a { 0% { transform: rotate(-3deg) scaleY(1); } 50% { transform: rotate(3deg) scaleY(1.02); } 100% { transform: rotate(-2deg) scaleY(0.98); } }
@keyframes mp-banner-b { 0% { transform: rotate(2deg) scaleY(0.98); } 50% { transform: rotate(-4deg) scaleY(1.01); } 100% { transform: rotate(3deg) scaleY(0.99); } }
@keyframes mp-fig-1 { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(2px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(5px) translateY(0) rotate(-1deg); } 75% { transform: translateX(2px) translateY(-1px) rotate(2deg); } 100% { transform: translateX(0) translateY(0) rotate(-2deg); } }
@keyframes mp-fig-2 { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(-3px) rotate(3deg); } 60% { transform: translateX(2px) rotate(-2deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes mp-fig-3 { 0% { transform: translateY(0) rotate(-1deg); } 40% { transform: translateY(-2px) rotate(2deg); } 70% { transform: translateY(1px) rotate(-3deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes mp-dust { 0% { transform: translateY(0) scaleY(1); opacity: 0.3; } 50% { transform: translateY(-4px) scaleY(1.2); opacity: 0.5; } 100% { transform: translateY(2px) scaleY(0.9); opacity: 0.2; } }

.scn-eureka-stockade {
  background: linear-gradient(180deg, #6CA6CD 0%, #98C1D9 30%, #B8A88A 60%, #7A6B4A 100%),
              radial-gradient(ellipse at 30% 0%, #FFF8DC 0%, transparent 50%);
  position: relative;
  overflow: hidden;
}
.scn-eureka-stockade .bg-storm {
  position: absolute;
  inset: 0 0 45% 0;
  background: linear-gradient(180deg, #4A6B8A 0%, #7A9ABA 40%, transparent 100%);
  animation: es-storm 18s ease-in-out infinite alternate;
}
.scn-eureka-stockade .stockade-wall {
  position: absolute;
  bottom: 28%;
  left: 20%;
  right: 20%;
  height: 60px;
  background: linear-gradient(90deg, #6B5B4A 0%, #8B7B5A 20%, #5A4A3A 40%, #7A6B4A 60%, #6B5B4A 80%, #5A4A3A 100%);
  border-radius: 8px 8px 4px 4px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.5);
  z-index: 2;
}
.scn-eureka-stockade .stockade-wall::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 8%;
  right: 8%;
  height: 18px;
  background: linear-gradient(90deg, #5A4A3A 0%, #7A6B4A 50%, #5A4A3A 100%);
  border-radius: 4px 4px 0 0;
}
.scn-eureka-stockade .flag-pole {
  position: absolute;
  bottom: 28%;
  left: 50%;
  width: 4px;
  height: 80px;
  background: linear-gradient(180deg, #8B7B5A 0%, #4A3A2A 100%);
  transform: translateX(-50%);
  z-index: 5;
  animation: es-pole 6s ease-in-out infinite;
}
.scn-eureka-stockade .flag {
  position: absolute;
  bottom: 70%;
  left: 48%;
  width: 40px;
  height: 24px;
  background: linear-gradient(180deg, #C8553D 0%, #8B3A2A 50%, #5E1A1D 100%);
  border-radius: 2px 40% 20% 2px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  z-index: 6;
  animation: es-flag 4s ease-in-out infinite alternate;
}
.scn-eureka-stockade .defender {
  position: absolute;
  bottom: 38%;
  width: 14px;
  height: 30px;
  background: linear-gradient(180deg, #3A3A4A 0%, #1A1A2A 70%, #0A0A1A 100%);
  border-radius: 50% 50% 40% 40% / 55% 50% 45% 45%;
  z-index: 3;
}
.scn-eureka-stockade .defender-1 {
  left: 28%;
  animation: es-def-1 3.5s ease-in-out infinite;
}
.scn-eureka-stockade .defender-2 {
  left: 55%;
  height: 28px;
  animation: es-def-2 4s ease-in-out infinite 0.6s;
}
.scn-eureka-stockade .defender::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 50%;
  width: 9px;
  height: 9px;
  background: radial-gradient(circle, #4A3A2A 0%, #2A1A0A 80%);
  border-radius: 50%;
  transform: translateX(-50%);
}
.scn-eureka-stockade .weapon {
  position: absolute;
  bottom: 40%;
  width: 2px;
  height: 22px;
  background: linear-gradient(180deg, #6B5B4A 0%, #3A2A1A 100%);
  border-radius: 2px;
  z-index: 4;
}
.scn-eureka-stockade .weapon-1 {
  left: 30%;
  transform: rotate(-12deg);
  animation: es-wep-1 3s ease-in-out infinite alternate;
}
.scn-eureka-stockade .weapon-2 {
  left: 57%;
  height: 20px;
  transform: rotate(8deg);
  animation: es-wep-2 2.8s ease-in-out infinite alternate-reverse;
}
@keyframes es-storm { 0% { opacity: 0.5; } 50% { opacity: 0.9; } 100% { opacity: 0.6; } }
@keyframes es-pole { 0% { transform: translateX(-50%) rotate(-1deg); } 50% { transform: translateX(-50%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(-0.5deg); } }
@keyframes es-flag { 0% { transform: rotate(-8deg) scaleX(1); } 50% { transform: rotate(12deg) scaleX(1.1); } 100% { transform: rotate(-10deg) scaleX(0.95); } }
@keyframes es-def-1 { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(4px) rotate(3deg); } 60% { transform: translateX(-2px) rotate(-2deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes es-def-2 { 0% { transform: translateY(0) rotate(-1deg); } 40% { transform: translateY(-2px) rotate(2deg); } 70% { transform: translateY(1px) rotate(-3deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes es-wep-1 { 0% { transform: rotate(-12deg) scaleY(1); } 50% { transform: rotate(-6deg) scaleY(1.1); } 100% { transform: rotate(-12deg) scaleY(1); } }
@keyframes es-wep-2 { 0% { transform: rotate(8deg) scaleY(0.95); } 50% { transform: rotate(14deg) scaleY(1.08); } 100% { transform: rotate(8deg) scaleY(0.95); } }

.scn-deep-shaft-mining {
  background: linear-gradient(180deg, #1A1A2E 0%, #0E0E1A 30%, #1A1A2E 60%, #0A0A0A 100%);
  position: relative;
  overflow: hidden;
}
.scn-deep-shaft-mining .shaft-wall-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28%;
  background: linear-gradient(90deg, #2A2A3A 0%, #1A1A2A 40%, #0A0A1A 80%, transparent 100%);
  box-shadow: inset -10px 0 20px rgba(0,0,0,0.6);
  z-index: 2;
}
.scn-deep-shaft-mining .shaft-wall-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 28%;
  background: linear-gradient(270deg, #2A2A3A 0%, #1A1A2A 40%, #0A0A1A 80%, transparent 100%);
  box-shadow: inset 10px 0 20px rgba(0,0,0,0.6);
  z-index: 2;
}
.scn-deep-shaft-mining .shaft-darkness {
  position: absolute;
  bottom: 0;
  left: 25%;
  right: 25%;
  height: 70%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.8) 70%, #000 100%);
  z-index: 3;
  animation: ds-dark 12s ease-in-out infinite alternate;
}
.scn-deep-shaft-mining .lantern {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 5;
  box-shadow: 0 0 20px 6px rgba(255,180,80,0.6), 0 0 40px 15px rgba(255,150,50,0.3);
}
.scn-deep-shaft-mining .lantern-a {
  top: 25%;
  left: 35%;
  background: radial-gradient(circle, #FFD080 0%, #FFA030 70%, transparent 100%);
  animation: ds-lantern-a 6s ease-in-out infinite alternate;
}
.scn-deep-shaft-mining .lantern-b {
  top: 55%;
  left: 55%;
  width: 6px;
  height: 6px;
  background: radial-gradient(circle, #FFC070 0%, #FF9020 80%, transparent 100%);
  box-shadow: 0 0 16px 4px rgba(255,150,50,0.5), 0 0 30px 10px rgba(255,130,30,0.2);
  animation: ds-lantern-b 7s ease-in-out infinite alternate 1s;
}
.scn-deep-shaft-mining .miner {
  position: absolute;
  width: 12px;
  height: 26px;
  border-radius: 50% 50% 40% 40% / 55% 50% 45% 45%;
  z-index: 4;
}
.scn-deep-shaft-mining .miner-1 {
  top: 30%;
  left: 40%;
  background: linear-gradient(180deg, #3A2A1A 0%, #1A0A00 70%);
  animation: ds-miner-1 5s ease-in-out infinite;
}
.scn-deep-shaft-mining .miner-2 {
  top: 58%;
  left: 48%;
  height: 24px;
  width: 10px;
  background: linear-gradient(180deg, #2A1A0A 0%, #0A0000 70%);
  animation: ds-miner-2 6s ease-in-out infinite 0.7s;
}
.scn-deep-shaft-mining .miner::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 50%;
  width: 8px;
  height: 8px;
  background: radial-gradient(circle, #4A3A2A 0%, #2A1A0A 80%);
  border-radius: 50%;
  transform: translateX(-50%);
}
.scn-deep-shaft-mining .bucket {
  position: absolute;
  top: 15%;
  left: 48%;
  width: 20px;
  height: 16px;
  background: linear-gradient(180deg, #5A4A3A 0%, #3A2A1A 100%);
  border-radius: 2px 2px 4px 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  z-index: 6;
  animation: ds-bucket 8s ease-in-out infinite alternate;
}
.scn-deep-shaft-mining .bucket::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  width: 2px;
  height: 12px;
  background: #6B5B4A;
  transform: translateX(-50%);
}
.scn-deep-shaft-mining .bucket::after {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  width: 12px;
  height: 4px;
  background: #7A6B4A;
  border-radius: 2px;
  transform: translateX(-50%);
}
@keyframes ds-dark { 0% { opacity: 0.6; } 50% { opacity: 0.9; } 100% { opacity: 0.7; } }
@keyframes ds-lantern-a { 0% { transform: scale(1); opacity: 0.7; box-shadow: 0 0 20px 6px rgba(255,180,80,0.6); } 50% { transform: scale(1.15); opacity: 1; box-shadow: 0 0 30px 10px rgba(255,180,80,0.8); } 100% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 18px 4px rgba(255,180,80,0.5); } }
@keyframes ds-lantern-b { 0% { transform: scale(0.95); opacity: 0.6; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 0.7; } }
@keyframes ds-miner-1 { 0% { transform: translateY(0) rotate(1deg); } 30% { transform: translateY(-3px) rotate(-2deg); } 60% { transform: translateY(2px) rotate(3deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes ds-miner-2 { 0% { transform: translateX(0) rotate(0deg); } 40% { transform: translateX(4px) rotate(2deg); } 70% { transform: translateX(-2px) rotate(-3deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes ds-bucket { 0% { transform: translateY(0) rotate(-2deg); } 40% { transform: translateY(-8px) rotate(3deg); } 70% { transform: translateY(4px) rotate(-1deg); } 100% { transform: translateY(0) rotate(2deg); } }

.scn-quartz-lodes {
  background: linear-gradient(180deg, #1E1E30 0%, #2A2A3E 30%, #1A1A28 60%, #0E0E1A 100%);
  position: relative;
  overflow: hidden;
}
.scn-quartz-lodes .cave-ceiling {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25%;
  background: linear-gradient(180deg, #2A2A3A 0%, #3A3A4E 30%, transparent 100%);
  border-radius: 0 0 60% 40% / 0 0 40% 30%;
  z-index: 2;
}
.scn-quartz-lodes .cave-wall {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, transparent 0%, #2A2A3A 40%, #1A1A28 100%);
  border-radius: 50% 30% 0 0 / 40% 20% 0 0;
  z-index: 3;
}
.scn-quartz-lodes .quartz-vein {
  position: absolute;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, rgba(220,220,240,0.1) 20%, rgba(240,240,255,0.4) 50%, rgba(220,220,240,0.1) 80%, transparent 100%);
  border-radius: 2px;
  filter: blur(1px);
  z-index: 4;
}
.scn-quartz-lodes .vein-1 {
  top: 22%;
  left: 10%;
  right: 30%;
  animation: qz-vein-1 20s ease-in-out infinite alternate;
}
.scn-quartz-lodes .vein-2 {
  top: 60%;
  left: 20%;
  right: 20%;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, rgba(220,220,240,0.05) 15%, rgba(255,255,255,0.3) 50%, rgba(220,220,240,0.15) 85%, transparent 100%);
  animation: qz-vein-2 25s ease-in-out infinite alternate-reverse;
}
.scn-quartz-lodes .quartz-vein::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 30%;
  width: 20px;
  height: 16px;
  background: radial-gradient(circle, rgba(240,240,255,0.2) 0%, transparent 70%);
  filter: blur(4px);
}
.scn-quartz-lodes .lantern-cave {
  position: absolute;
  top: 28%;
  left: 35%;
  width: 10px;
  height: 10px;
  background: radial-gradient(circle, #FFC080 0%, #FF9020 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 12px rgba(255,160,60,0.5), 0 0 60px 25px rgba(255,140,40,0.2);
  z-index: 6;
  animation: qz-lantern 7s ease-in-out infinite alternate;
}
.scn-quartz-lodes .miner-cave {
  position: absolute;
  width: 12px;
  height: 24px;
  border-radius: 50% 50% 40% 40% / 55% 50% 45% 45%;
  z-index: 5;
}
.scn-quartz-lodes .miner-cave-1 {
  top: 45%;
  left: 30%;
  background: linear-gradient(180deg, #3A2A1A 0%, #1A0A00 70%);
  animation: qz-miner-1 6s ease-in-out infinite;
}
.scn-quartz-lodes .miner-cave-2 {
  top: 55%;
  left: 52%;
  height: 22px;
  width: 10px;
  background: linear-gradient(180deg, #2A1A0A 0%, #0A0000 70%);
  animation: qz-miner-2 5.5s ease-in-out infinite 0.5s;
}
.scn-quartz-lodes .miner-cave::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  width: 8px;
  height: 8px;
  background: radial-gradient(circle, #4A3A2A 0%, #2A1A0A 80%);
  border-radius: 50%;
  transform: translateX(-50%);
}
.scn-quartz-lodes .pickaxe {
  position: absolute;
  top: 48%;
  left: 34%;
  width: 2px;
  height: 20px;
  background: linear-gradient(180deg, #6B5B4A 0%, #3A2A1A 100%);
  border-radius: 2px;
  z-index: 7;
  transform: rotate(-20deg);
  transform-origin: bottom center;
  animation: qz-pick 4s ease-in-out infinite alternate;
}
.scn-quartz-lodes .pickaxe::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -6px;
  width: 14px;
  height: 6px;
  background: linear-gradient(90deg, #8B7B5A 0%, #4A3A2A 100%);
  border-radius: 2px 4px 4px 2px;
  transform: rotate(10deg);
}
@keyframes qz-vein-1 { 0% { opacity: 0.3; filter: blur(2px); } 50% { opacity: 0.8; filter: blur(1px); } 100% { opacity: 0.4; filter: blur(2px); } }
@keyframes qz-vein-2 { 0% { opacity: 0.2; filter: blur(3px); } 50% { opacity: 0.6; filter: blur(1px); } 100% { opacity: 0.3; filter: blur(2px); } }
@keyframes qz-lantern { 0% { transform: scale(1) rotate(0deg); opacity: 0.7; } 50% { transform: scale(1.2) rotate(5deg); opacity: 1; } 100% { transform: scale(0.95) rotate(-3deg); opacity: 0.8; } }
@keyframes qz-miner-1 { 0% { transform: translateX(0) rotate(1deg); } 30% { transform: translateX(3px) rotate(-2deg); } 60% { transform: translateX(-2px) rotate(3deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes qz-miner-2 { 0% { transform: translateY(0) rotate(-1deg); } 40% { transform: translateY(-3px) rotate(2deg); } 70% { transform: translateY(2px) rotate(-2deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes qz-pick { 0% { transform: rotate(-20deg) scaleY(1); } 30% { transform: rotate(-10deg) scaleY(1.05); } 60% { transform: rotate(-25deg) scaleY(0.95); } 100% { transform: rotate(-18deg) scaleY(1); } }

/* scene boer-daily-life */
.scn-boer-daily-life {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a1008 100%), radial-gradient(ellipse at 30% 40%, #5a3a2a 0%, transparent 60%);
}
.scn-boer-daily-life .room-bg { position:absolute; inset:0; background:linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 100%); }
.scn-boer-daily-life .wall  { position:absolute; bottom:40%; left:0; right:0; height:60%; background: linear-gradient(0deg, #3a2a1a 0%, #5a3a2a 100%); }
.scn-boer-daily-life .floor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(0deg, #1a1008 0%, #2a1a0a 100%); }
.scn-boer-daily-life .window { position:absolute; top:15%; left:10%; width:30%; height:20%; background: radial-gradient(ellipse at 50% 50%, #c0a070 0%, #8a6a4a 70%); border:4px solid #3a2a1a; border-radius:4px; animation: bdl-window 8s ease-in-out infinite alternate; }
.scn-boer-daily-life .table { position:absolute; bottom:20%; left:50%; width:120px; height:20px; transform:translateX(-50%); background: linear-gradient(0deg, #4a3a2a 0%, #6a4a3a 100%); border-radius:4px; box-shadow:0 4px 8px rgba(0,0,0,0.5); }
.scn-boer-daily-life .figure { position:absolute; bottom:20%; left:48%; width:24px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #2a1a0a 0%, #1a1008 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bdl-figure 6s ease-in-out infinite; }
.scn-boer-daily-life .smoke { position:absolute; bottom:48%; left:48%; width:8px; height:20px; background: radial-gradient(circle, rgba(200,180,160,0.4) 0%, transparent 100%); border-radius:50%; filter:blur(3px); animation: bdl-smoke 7s ease-in-out infinite; }
.scn-boer-daily-life .pipe-glow { position:absolute; bottom:32%; left:47%; width:10px; height:10px; background: radial-gradient(circle, #e08040 0%, #c06020 70%); border-radius:50%; box-shadow: 0 0 12px 4px #c06020, 0 0 24px 8px rgba(192,96,32,0.3); animation: bdl-glow 3s ease-in-out infinite alternate; }
@keyframes bdl-window { 0% { opacity:0.6; box-shadow: inset 0 0 30px rgba(192,160,112,0.3); } 50% { opacity:0.8; box-shadow: inset 0 0 40px rgba(192,160,112,0.5); } 100% { opacity:0.7; box-shadow: inset 0 0 30px rgba(192,160,112,0.4); } }
@keyframes bdl-figure { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-2px) rotate(1deg); } 50% { transform: translateX(-50%) translateY(0) rotate(-1deg); } 75% { transform: translateX(-50%) translateY(-1px) rotate(0.5deg); } }
@keyframes bdl-smoke { 0% { transform: translateY(0) scale(1); opacity:0.5; } 50% { transform: translateY(-20px) scale(2); opacity:0.2; } 100% { transform: translateY(0) scale(1); opacity:0.5; } }
@keyframes bdl-glow { 0% { box-shadow: 0 0 8px 2px #c06020, 0 0 16px 4px rgba(192,96,32,0.3); opacity:0.8; } 50% { box-shadow: 0 0 16px 6px #e08040, 0 0 32px 12px rgba(224,128,64,0.5); opacity:1; } 100% { box-shadow: 0 0 10px 3px #c06020, 0 0 20px 6px rgba(192,96,32,0.35); opacity:0.85; } }

/* scene reformers-detested-prison */
.scn-reformers-detested-prison {
  background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 50%, #06060a 100%), radial-gradient(ellipse at 50% 100%, #2a2a3e 0%, transparent 70%);
}
.scn-reformers-detested-prison .cell-bg { position:absolute; inset:0; background:linear-gradient(135deg, #1a1a2e 0%, #0e0e1a 100%); }
.scn-reformers-detested-prison .window-high { position:absolute; top:8%; left:35%; width:30%; height:15%; background: radial-gradient(ellipse at 50% 50%, #3a4a6e 0%, #1a1a2e 70%); border-radius:4px; animation: rdp-window 10s ease-in-out infinite alternate; }
.scn-reformers-detested-prison .bars { position:absolute; top:8%; left:35%; width:30%; height:15%; background: repeating-linear-gradient(90deg, transparent 0px, transparent 10px, #2a2a3e 10px, #2a2a3e 12px); animation: rdp-bars 12s ease-in-out infinite; }
.scn-reformers-detested-prison .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(0deg, #06060a 0%, #1a1a2e 100%); }
.scn-reformers-detested-prison .figure { position:absolute; bottom:15%; left:50%; width:30px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: rdp-figure 5s ease-in-out infinite; }
.scn-reformers-detested-prison .chain { position:absolute; bottom:30%; left:55%; width:40px; height:4px; background:#4a4a5e; border-radius:2px; transform-origin: left center; animation: rdp-chain 4s ease-in-out infinite; }
.scn-reformers-detested-prison .light-beam { position:absolute; top:8%; left:35%; width:30%; height:50%; background: linear-gradient(180deg, rgba(100,120,180,0.1) 0%, transparent 100%); filter:blur(2px); animation: rdp-beam 8s ease-in-out infinite alternate; }
@keyframes rdp-window { 0% { opacity:0.5; box-shadow: inset 0 0 20px rgba(58,74,110,0.2); } 50% { opacity:0.7; box-shadow: inset 0 0 30px rgba(58,74,110,0.4); } 100% { opacity:0.6; box-shadow: inset 0 0 25px rgba(58,74,110,0.3); } }
@keyframes rdp-bars { 0% { transform: scaleY(1); opacity:0.9; } 50% { transform: scaleY(0.98) translateY(1px); opacity:0.8; } 100% { transform: scaleY(1); opacity:0.9; } }
@keyframes rdp-figure { 0%,100% { transform: translateX(-50%) scaleY(1); } 25% { transform: translateX(-50%) scaleY(0.97) translateY(1px); } 50% { transform: translateX(-50%) scaleY(1) translateY(0); } 75% { transform: translateX(-50%) scaleY(0.98) translateY(1px); } }
@keyframes rdp-chain { 0% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 50% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }
@keyframes rdp-beam { 0% { opacity:0.2; width:30%; } 50% { opacity:0.4; width:35%; } 100% { opacity:0.3; width:30%; } }

/* scene boer-prison-guards-cruelty */
.scn-boer-prison-guards-cruelty {
  background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 50%, #06060a 100%), radial-gradient(ellipse at 50% 100%, #2a2a3e 0%, transparent 70%);
}
.scn-boer-prison-guards-cruelty .yard-bg { position:absolute; inset:0; background:linear-gradient(135deg, #1a1a2e 0%, #0e0e1a 100%); }
.scn-boer-prison-guards-cruelty .rain { position:absolute; top:0; left:0; right:0; height:100%; background: repeating-linear-gradient(0deg, transparent 0px, transparent 4px, rgba(100,120,160,0.15) 4px, rgba(100,120,160,0.15) 6px); animation: bpgc-rain 2s linear infinite; }
.scn-boer-prison-guards-cruelty .puddle { position:absolute; bottom:10%; left:20%; width:60%; height:8%; background: radial-gradient(ellipse, rgba(100,120,160,0.3) 0%, transparent 70%); border-radius:50%; animation: bpgc-puddle 4s ease-in-out infinite; }
.scn-boer-prison-guards-cruelty .figure-chief { position:absolute; bottom:20%; left:50%; width:28px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: bpgc-figure 6s ease-in-out infinite; }
.scn-boer-prison-guards-cruelty .guard-left { position:absolute; bottom:20%; left:30%; width:24px; height:55px; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%); border-radius: 20% 20% 10% 10% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bpgc-guard 8s ease-in-out infinite; }
.scn-boer-prison-guards-cruelty .guard-right { position:absolute; bottom:20%; right:30%; width:24px; height:55px; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%); border-radius: 20% 20% 10% 10% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bpgc-guard 8s ease-in-out infinite reverse; }
.scn-boer-prison-guards-cruelty .wall-drip { position:absolute; top:0; left:10%; width:4px; height:30px; background: linear-gradient(180deg, rgba(100,120,160,0.3) 0%, transparent 100%); border-radius:2px; animation: bpgc-drip 3s ease-in-out infinite; }
@keyframes bpgc-rain { 0% { transform: translateY(0); } 100% { transform: translateY(100px); } }
@keyframes bpgc-puddle { 0% { opacity:0.5; transform: scaleX(1); } 50% { opacity:0.7; transform: scaleX(1.05) translateY(2px); } 100% { opacity:0.5; transform: scaleX(1); } }
@keyframes bpgc-figure { 0%,100% { transform: translateX(-50%) scaleY(1); } 25% { transform: translateX(-50%) scaleY(0.97) translateY(2px); } 50% { transform: translateX(-50%) scaleY(1) translateY(0); } 75% { transform: translateX(-50%) scaleY(0.98) translateY(1px); } }
@keyframes bpgc-guard { 0% { transform: rotate(0deg); } 25% { transform: rotate(2deg); } 50% { transform: rotate(-1deg); } 75% { transform: rotate(1deg); } 100% { transform: rotate(0deg); } }
@keyframes bpgc-drip { 0% { transform: translateY(0); opacity:0.8; } 50% { transform: translateY(40px); opacity:0.2; } 100% { transform: translateY(0); opacity:0.8; } }

/* scene puddnhead-quote-parallel-latitude */
.scn-puddnhead-quote-parallel-latitude {
  background: linear-gradient(180deg, #e8e0d0 0%, #c8b898 50%, #b0a080 100%), radial-gradient(ellipse at 50% 50%, #f0e8d0 0%, transparent 70%);
}
.scn-puddnhead-quote-parallel-latitude .study-bg { position:absolute; inset:0; background:linear-gradient(135deg, #e8e0d0 0%, #c8b898 100%); }
.scn-puddnhead-quote-parallel-latitude .window { position:absolute; top:8%; left:8%; width:50%; height:40%; background: radial-gradient(ellipse at 50% 50%, #a0c8e8 0%, #c8d8e8 60%); border:6px solid #8a7a6a; border-radius:8px; animation: pql-window 15s ease-in-out infinite alternate; }
.scn-puddnhead-quote-parallel-latitude .bookshelf { position:absolute; right:0; bottom:0; width:25%; height:70%; background: linear-gradient(90deg, #6a5a4a 0%, #5a4a3a 100%); border-radius:4px 0 0 0; box-shadow: inset -4px 0 8px rgba(0,0,0,0.3); }
.scn-puddnhead-quote-parallel-latitude .globe { position:absolute; bottom:30%; left:50%; width:80px; height:80px; transform:translateX(-50%); background: radial-gradient(circle at 40% 40%, #7a8a9a 0%, #4a5a6a 70%); border-radius:50%; box-shadow: 0 8px 16px rgba(0,0,0,0.3); animation: pql-globe 20s linear infinite; }
.scn-puddnhead-quote-parallel-latitude .desk { position:absolute; bottom:0; left:15%; width:60%; height:20%; background: linear-gradient(0deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:4px 4px 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.2); }
.scn-puddnhead-quote-parallel-latitude .sunbeam { position:absolute; top:8%; left:8%; width:50%; height:60%; background: linear-gradient(135deg, rgba(255,240,200,0.15) 0%, transparent 80%); filter:blur(6px); animation: pql-sunbeam 12s ease-in-out infinite alternate; }
.scn-puddnhead-quote-parallel-latitude .dust { position:absolute; top:20%; left:20%; width:6px; height:6px; background: rgba(200,180,160,0.6); border-radius:50%; box-shadow: 10px 30px 0 rgba(200,180,160,0.4), -15px 50px 0 rgba(200,180,160,0.3), 25px 10px 0 rgba(200,180,160,0.5); animation: pql-dust 25s linear infinite; }
@keyframes pql-window { 0% { opacity:0.9; box-shadow: inset 0 0 30px rgba(160,200,232,0.3); } 50% { opacity:1; box-shadow: inset 0 0 40px rgba(160,200,232,0.5); } 100% { opacity:0.95; box-shadow: inset 0 0 35px rgba(160,200,232,0.4); } }
@keyframes pql-globe { 0% { transform: translateX(-50%) rotateY(0deg); } 50% { transform: translateX(-50%) rotateY(180deg); } 100% { transform: translateX(-50%) rotateY(360deg); } }
@keyframes pql-sunbeam { 0% { transform: translateX(0) scaleX(1); opacity:0.4; } 50% { transform: translateX(20px) scaleX(1.2); opacity:0.6; } 100% { transform: translateX(-10px) scaleX(0.9); opacity:0.5; } }
@keyframes pql-dust { 0% { transform: translate(0, 0) scale(1); opacity:0.5; } 25% { transform: translate(30px, -20px) scale(0.8); opacity:0.6; } 50% { transform: translate(10px, -40px) scale(1.2); opacity:0.3; } 75% { transform: translate(-20px, -10px) scale(0.9); opacity:0.7; } 100% { transform: translate(0, 0) scale(1); opacity:0.5; } }

/* one block per scene id. Append to style.css. */
.scn-dr-barry-promotion-and-escapades {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%),
              radial-gradient(ellipse at 30% 60%, #d0a050 0%, transparent 60%);
}
.scn-dr-barry-promotion-and-escapades .pr-bg {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 40% 50%, #4a3a2a 0%, #1a0a00 100%); animation: pr-breath 8s ease-in-out infinite alternate;
}
.scn-dr-barry-promotion-and-escapades .pr-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 20% 20% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,0.6);
}
.scn-dr-barry-promotion-and-escapades .pr-wall-l {
  position: absolute; bottom: 30%; left: 0; width: 45%; height: 70%; background: linear-gradient(135deg, #5a3a1a 0%, #2a1a0a 100%); clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); animation: pr-wall-shift 12s ease-in-out infinite alternate;
}
.scn-dr-barry-promotion-and-escapades .pr-figure {
  position: absolute; bottom: 30%; left: 35%; width: 14%; height: 55%; background: linear-gradient(180deg, #1a0a00 0%, #0a0500 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pr-figure-walk 5s ease-in-out infinite;
}
.scn-dr-barry-promotion-and-escapades .pr-lamp {
  position: absolute; bottom: 45%; left: 22%; width: 6%; height: 8%; background: radial-gradient(circle, #e0a050 0%, #c08030 70%, #6a4010 100%); border-radius: 50%; box-shadow: 0 0 20px 6px #d09040, 0 0 40px 12px rgba(208,144,64,0.4); animation: pr-flicker 3s ease-in-out infinite alternate;
}
.scn-dr-barry-promotion-and-escapades .pr-glow {
  position: absolute; bottom: 35%; left: 15%; width: 30%; height: 40%; background: radial-gradient(ellipse, rgba(240,180,80,0.25) 0%, transparent 80%); filter: blur(8px); animation: pr-pulse 5s ease-in-out infinite alternate;
}
.scn-dr-barry-promotion-and-escapades .pr-curtain {
  position: absolute; top: 0; right: 0; width: 20%; height: 100%; background: linear-gradient(180deg, #8a6030 0%, #5a3a1a 100%); border-radius: 0 0 0 40%; opacity: 0.8; animation: pr-sway 10s ease-in-out infinite alternate;
}
.scn-dr-barry-promotion-and-escapades .pr-sparkle {
  position: absolute; top: 40%; left: 50%; width: 2%; height: 2%; background: #ffd080; border-radius: 50%; box-shadow: 0 0 4px 2px #ffd080; animation: pr-twinkle 3s ease-in-out infinite;
}
@keyframes pr-breath {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.85; transform: scale(0.98); }
}
@keyframes pr-wall-shift {
  0% { transform: skewX(0deg); }
  50% { transform: skewX(2deg); }
  100% { transform: skewX(-1deg); }
}
@keyframes pr-figure-walk {
  0% { transform: translateX(0) translateY(0) rotate(-2deg); }
  25% { transform: translateX(5%) translateY(-2%) rotate(2deg); }
  50% { transform: translateX(10%) translateY(0) rotate(-1deg); }
  75% { transform: translateX(15%) translateY(-1%) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes pr-flicker {
  0% { opacity: 0.7; box-shadow: 0 0 10px 3px #d09040; }
  50% { opacity: 1; box-shadow: 0 0 30px 10px #f0b060; }
  100% { opacity: 0.8; box-shadow: 0 0 15px 4px #d09040; }
}
@keyframes pr-pulse {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.1); }
  100% { opacity: 0.25; transform: scale(0.95); }
}
@keyframes pr-sway {
  0% { transform: rotate(0deg) translateX(0); }
  50% { transform: rotate(3deg) translateX(-5%); }
  100% { transform: rotate(-2deg) translateX(2%); }
}
@keyframes pr-twinkle {
  0% { opacity: 0; transform: scale(0.5) translateY(0); }
  50% { opacity: 1; transform: scale(1.2) translateY(-20px); }
  100% { opacity: 0; transform: scale(0.8) translateY(10px); }
}

.scn-child-named-after-barry {
  background: linear-gradient(180deg, #2a2218 0%, #1a140e 50%, #0a0805 100%),
              radial-gradient(ellipse at 50% 40%, #8a6a40 0%, transparent 70%);
}
.scn-child-named-after-barry .ch-bg {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 60% 50%, #3a2a1a 0%, #0a0805 100%); animation: ch-glow-slow 10s ease-in-out infinite alternate;
}
.scn-child-named-after-barry .ch-wall {
  position: absolute; bottom: 30%; left: 0; right: 0; top: 0; background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%); animation: ch-wall-drift 15s ease-in-out infinite alternate;
}
.scn-child-named-after-barry .ch-portrait-frame {
  position: absolute; bottom: 50%; left: 30%; width: 20%; height: 30%; background: linear-gradient(180deg, #6a5030 0%, #3a2a10 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 4px 12px rgba(0,0,0,0.5); transform: rotate(2deg); animation: ch-frame-sway 8s ease-in-out infinite alternate;
}
.scn-child-named-after-barry .ch-portrait {
  position: absolute; bottom: 53%; left: 33%; width: 14%; height: 24%; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity: 0.9; animation: ch-portrait-breathe 6s ease-in-out infinite;
}
.scn-child-named-after-barry .ch-child {
  position: absolute; bottom: 22%; left: 45%; width: 12%; height: 35%; background: linear-gradient(180deg, #1a1410 0%, #0a0805 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ch-child-look 9s ease-in-out infinite;
}
.scn-child-named-after-barry .ch-candle {
  position: absolute; bottom: 45%; left: 58%; width: 2%; height: 5%; background: linear-gradient(180deg, #e0a060 0%, #c08030 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 0 12px 4px #d09040; animation: ch-candle-flicker 2.5s ease-in-out infinite alternate;
}
.scn-child-named-after-barry .ch-glow {
  position: absolute; bottom: 40%; left: 50%; width: 30%; height: 40%; background: radial-gradient(ellipse, rgba(240,180,80,0.2) 0%, transparent 80%); filter: blur(10px); animation: ch-glow-pulse 7s ease-in-out infinite alternate;
}
@keyframes ch-glow-slow {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes ch-wall-drift {
  0% { transform: translateY(0) skewX(0deg); }
  50% { transform: translateY(-2%) skewX(1deg); }
  100% { transform: translateY(0) skewX(-0.5deg); }
}
@keyframes ch-frame-sway {
  0% { transform: rotate(2deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-3%); }
  100% { transform: rotate(3deg) translateY(2%); }
}
@keyframes ch-portrait-breathe {
  0% { transform: scale(1); }
  50% { transform: scale(1.02) translateY(-2%); }
  100% { transform: scale(0.98); }
}
@keyframes ch-child-look {
  0% { transform: translateX(0) translateY(0) rotate(-1deg); }
  25% { transform: translateX(8%) translateY(-2%) rotate(2deg); }
  50% { transform: translateX(15%) translateY(0) rotate(-1deg); }
  75% { transform: translateX(8%) translateY(1%) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes ch-candle-flicker {
  0% { opacity: 0.8; box-shadow: 0 0 8px 2px #d09040; transform: scaleY(1); }
  50% { opacity: 1; box-shadow: 0 0 20px 6px #f0b060; transform: scaleY(1.1); }
  100% { opacity: 0.85; box-shadow: 0 0 12px 3px #d09040; transform: scaleY(0.95); }
}
@keyframes ch-glow-pulse {
  0% { opacity: 0.15; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(1.15); }
  100% { opacity: 0.2; transform: scale(0.9); }
}

.scn-barry-revealed-as-woman {
  background: linear-gradient(180deg, #2a2220 0%, #1a1412 50%, #0a0807 100%),
              radial-gradient(ellipse at 45% 40%, #8a6a5a 0%, transparent 65%);
}
.scn-barry-revealed-as-woman .re-bg {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 55% 50%, #3a2a22 0%, #0a0807 100%); animation: re-ambient 12s ease-in-out infinite alternate;
}
.scn-barry-revealed-as-woman .re-mirror-frame {
  position: absolute; bottom: 35%; left: 25%; width: 30%; height: 40%; background: linear-gradient(135deg, #6a5040 0%, #3a2a1a 100%); border-radius: 12% 12% 6% 6%; box-shadow: 0 6px 18px rgba(0,0,0,0.7); animation: re-frame-tilt 14s ease-in-out infinite alternate;
}
.scn-barry-revealed-as-woman .re-mirror {
  position: absolute; bottom: 38%; left: 28%; width: 24%; height: 34%; background: radial-gradient(ellipse, #8a7a6a 0%, #4a3a2a 100%); border-radius: 8% 8% 4% 4%; opacity: 0.6; animation: re-mirror-shine 5s ease-in-out infinite alternate;
}
.scn-barry-revealed-as-woman .re-figure {
  position: absolute; bottom: 30%; left: 38%; width: 14%; height: 45%; background: linear-gradient(180deg, #2a1a12 0%, #0a0502 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: re-figure-turn 9s ease-in-out infinite;
}
.scn-barry-revealed-as-woman .re-soft-light {
  position: absolute; bottom: 40%; left: 35%; width: 20%; height: 30%; background: radial-gradient(ellipse, rgba(240,200,160,0.2) 0%, transparent 80%); filter: blur(12px); animation: re-light-pulse 8s ease-in-out infinite alternate;
}
.scn-barry-revealed-as-woman .re-petal {
  position: absolute; top: 30%; left: 20%; width: 3%; height: 2%; background: radial-gradient(circle, #b87878 0%, #8a5050 100%); border-radius: 50% 0% 50% 0%; transform: rotate(45deg); animation: re-petal-fall 12s linear infinite;
}
@keyframes re-ambient {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes re-frame-tilt {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-2%); }
  100% { transform: rotate(0deg) translateY(1%); }
}
@keyframes re-mirror-shine {
  0% { opacity: 0.5; box-shadow: inset 0 0 10px rgba(255,255,255,0.1); }
  50% { opacity: 0.7; box-shadow: inset 0 0 20px rgba(255,255,255,0.3); }
  100% { opacity: 0.55; box-shadow: inset 0 0 15px rgba(255,255,255,0.15); }
}
@keyframes re-figure-turn {
  0% { transform: translateX(0) translateY(0) rotate(-3deg); }
  25% { transform: translateX(5%) translateY(-2%) rotate(1deg); }
  50% { transform: translateX(10%) translateY(0) rotate(2deg); }
  75% { transform: translateX(5%) translateY(1%) rotate(-1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes re-light-pulse {
  0% { opacity: 0.1; transform: scale(1); }
  50% { opacity: 0.25; transform: scale(1.2); }
  100% { opacity: 0.15; transform: scale(0.9); }
}
@keyframes re-petal-fall {
  0% { transform: rotate(45deg) translateY(0) translateX(0); opacity: 0.8; }
  50% { transform: rotate(70deg) translateY(50vh) translateX(20px); opacity: 0.4; }
  100% { transform: rotate(120deg) translateY(100vh) translateX(40px); opacity: 0; }
}

.scn-barry-alias-and-disgrace {
  background: linear-gradient(180deg, #1a1210 0%, #0e0a08 50%, #050302 100%),
              radial-gradient(ellipse at 40% 50%, #3a2218 0%, transparent 60%);
}
.scn-barry-alias-and-disgrace .al-bg {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 40%, #1a0e0a 0%, #050302 100%); animation: al-dark-pulse 14s ease-in-out infinite alternate;
}
.scn-barry-alias-and-disgrace .al-wall-shadow {
  position: absolute; bottom: 30%; left: 0; right: 0; top: 0; background: linear-gradient(135deg, #0a0604 0%, #000 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 20% 100%); animation: al-shadow-sway 20s ease-in-out infinite alternate;
}
.scn-barry-alias-and-disgrace .al-figure {
  position: absolute; bottom: 20%; left: 35%; width: 18%; height: 45%; background: linear-gradient(180deg, #0a0502 0%, #000 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; box-shadow: inset 0 10px 20px rgba(0,0,0,0.8); animation: al-figure-crouch 10s ease-in-out infinite;
}
.scn-barry-alias-and-disgrace .al-mask-piece {
  position: absolute; bottom: 45%; left: 40%; width: 6%; height: 4%; background: linear-gradient(135deg, #5a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 0 0; transform: rotate(20deg); animation: al-mask-shift 7s ease-in-out infinite alternate;
}
.scn-barry-alias-and-disgrace .al-chain {
  position: absolute; bottom: 25%; left: 48%; width: 4%; height: 12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 20% 20%; box-shadow: 0 2px 4px rgba(0,0,0,0.5); animation: al-chain-swing 4s ease-in-out infinite alternate;
}
.scn-barry-alias-and-disgrace .al-darkness {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 80%, rgba(0,0,0,0.6) 0%, transparent 70%); pointer-events: none; animation: al-vignette 18s ease-in-out infinite alternate;
}
@keyframes al-dark-pulse {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes al-shadow-sway {
  0% { transform: translateX(0) skewX(0deg); }
  50% { transform: translateX(3%) skewX(1deg); }
  100% { transform: translateX(-2%) skewX(-1deg); }
}
@keyframes al-figure-crouch {
  0% { transform: translateY(0) translateX(0) rotate(-2deg); }
  25% { transform: translateY(5%) translateX(3%) rotate(1deg); }
  50% { transform: translateY(10%) translateX(0) rotate(-1deg); }
  75% { transform: translateY(5%) translateX(-3%) rotate(0deg); }
  100% { transform: translateY(0) translateX(0) rotate(2deg); }
}
@keyframes al-mask-shift {
  0% { transform: rotate(20deg) translateY(0); }
  50% { transform: rotate(30deg) translateY(-10px); }
  100% { transform: rotate(15deg) translateY(5px); }
}
@keyframes al-chain-swing {
  0% { transform: rotate(-10deg); transform-origin: top center; }
  50% { transform: rotate(15deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes al-vignette {
  0% { opacity: 0.7; }
  50% { opacity: 0.9; }
  100% { opacity: 0.8; }
}

.scn-departure-from-cape-town {
  background: linear-gradient(180deg, #5b9bd5 0%, #87ceeb 30%, #f0d78c 60%, #f4c765 80%, #2a6f97 100%),
    radial-gradient(ellipse at 80% 20%, #fff7e0 0%, transparent 50%);
}
.scn-departure-from-cape-town .sky-dct {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0d78c 100%);
  animation: dct-sky 12s ease-in-out infinite alternate;
}
.scn-departure-from-cape-town .sea-dct {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a6f97 0%, #1a4f6f 50%, #0f3a5a 100%);
  animation: dct-sea 8s ease-in-out infinite alternate;
}
.scn-departure-from-cape-town .sun-dct {
  position: absolute; top: 12%; right: 15%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff7e0 0%, #ffd700 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(255,215,0,0.6);
  animation: dct-sun 6s ease-in-out infinite alternate;
}
.scn-departure-from-cape-town .ship-dct {
  position: absolute; bottom: 32%; left: 30%; width: 100px; height: 40px;
  background: linear-gradient(180deg, #5c3a1a 0%, #3a1f0a 100%);
  border-radius: 0 0 10% 10% / 0 0 20% 20%;
  animation: dct-ship 5s ease-in-out infinite;
}
.scn-departure-from-cape-town .sail-main-dct {
  position: absolute; bottom: 38%; left: 33%; width: 50px; height: 70px;
  background: linear-gradient(180deg, #fff8dc 0%, #f5deb3 100%);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  animation: dct-sail-fill 4s ease-in-out infinite alternate;
}
.scn-departure-from-cape-town .sail-jib-dct {
  position: absolute; bottom: 38%; left: 28%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #fff8dc 0%, #f5deb3 100%);
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  animation: dct-sail-fill 4s ease-in-out infinite alternate-reverse;
}
.scn-departure-from-cape-town .cloud-a-dct {
  position: absolute; top: 10%; left: 10%; width: 80px; height: 20px;
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  filter: blur(10px);
  animation: dct-cloud 20s linear infinite;
}
.scn-departure-from-cape-town .cloud-b-dct {
  position: absolute; top: 20%; right: 5%; width: 60px; height: 15px;
  background: rgba(255,255,255,0.4);
  border-radius: 50%;
  filter: blur(8px);
  animation: dct-cloud 25s linear infinite reverse;
}
@keyframes dct-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes dct-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes dct-sun {
  0% { transform: scale(1) rotate(0deg); opacity: 0.9; }
  50% { transform: scale(1.05) rotate(5deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 0.9; }
}
@keyframes dct-ship {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(1deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-2px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes dct-sail-fill {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(1.1); }
  100% { transform: scaleX(1); }
}
@keyframes dct-cloud {
  0% { transform: translateX(-30px); }
  100% { transform: translateX(120vw); }
}

.scn-end-of-circumnavigation {
  background: linear-gradient(180deg, #ffb347 0%, #ffd700 30%, #ffcc80 60%, #e6a14a 100%),
    radial-gradient(ellipse at 70% 30%, #fff3e0 0%, transparent 60%);
}
.scn-end-of-circumnavigation .sky-eoc {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #ffb347 0%, #ffcc80 100%);
  animation: eoc-sky 10s ease-in-out infinite alternate;
}
.scn-end-of-circumnavigation .sea-eoc {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a6f97 0%, #1a4f6f 100%);
  animation: eoc-sea 7s ease-in-out infinite alternate;
}
.scn-end-of-circumnavigation .pier-eoc {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 10%;
  background: linear-gradient(90deg, #5c3a1a 0%, #8b5a2b 50%, #5c3a1a 100%);
  border-radius: 5px 5px 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.3);
}
.scn-end-of-circumnavigation .ship-eoc {
  position: absolute; bottom: 20%; left: 25%; width: 120px; height: 50px;
  background: linear-gradient(180deg, #5c3a1a 0%, #3a1f0a 100%);
  border-radius: 0 0 10% 10% / 0 0 20% 20%;
  animation: eoc-ship 6s ease-in-out infinite;
}
.scn-end-of-circumnavigation .flag-eoc {
  position: absolute; bottom: 45%; left: 35%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #c8553d 0%, #702243 100%);
  clip-path: polygon(0% 0%, 100% 30%, 100% 70%, 0% 100%);
  animation: eoc-flag 2s ease-in-out infinite alternate;
}
.scn-end-of-circumnavigation .crowd-eoc {
  position: absolute; bottom: 22%; right: 30%; width: 120px; height: 25px;
  background: repeating-linear-gradient(90deg, #3a1f0a 0px, #3a1f0a 4px, transparent 4px, transparent 8px);
  border-radius: 50% / 20%;
  animation: eoc-crowd 4s ease-in-out infinite alternate;
}
.scn-end-of-circumnavigation .confetti-a-eoc {
  position: absolute; top: 20%; left: 10%; width: 8px; height: 8px;
  background: #ff69b4;
  border-radius: 50%;
  box-shadow: 0 0 4px #ff69b4;
  animation: eoc-confetti 3s ease-in-out infinite;
}
.scn-end-of-circumnavigation .confetti-b-eoc {
  position: absolute; top: 30%; left: 70%; width: 6px; height: 6px;
  background: #ffd700;
  border-radius: 50%;
  box-shadow: 0 0 4px #ffd700;
  animation: eoc-confetti 4s ease-in-out infinite alternate;
}
@keyframes eoc-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes eoc-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes eoc-ship {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(0.5deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-2px) rotate(-0.5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes eoc-flag {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes eoc-crowd {
  0% { transform: translateX(0); }
  50% { transform: translateX(2px); }
  100% { transform: translateX(0); }
}
@keyframes eoc-confetti {
  0% { transform: translateY(0) rotate(0deg); opacity: 1; }
  50% { transform: translateY(-10px) rotate(45deg); opacity: 0.8; }
  100% { transform: translateY(0) rotate(0deg); opacity: 1; }
}

/* Scene: thug-gordon-cumming */
.scn-thug-gordon-cumming {
  background: linear-gradient(180deg, #f0d080 0%, #b09050 40%, #705030 100%), radial-gradient(ellipse at 50% 100%, #806040 0%, transparent 70%);
}
.scn-thug-gordon-cumming .sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #f8e4b0 0%, #e8c878 50%, #c89850 100%);
  animation: tgc-sky 8s ease-in-out infinite alternate;
}
.scn-thug-gordon-cumming .sun {
  position: absolute; top: 12%; left: 35%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff8e0 0%, #ffd060 40%, #c89850 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,208,96,0.4), 0 0 120px 40px rgba(200,152,80,0.2);
  animation: tgc-sun 4s ease-in-out infinite alternate;
}
.scn-thug-gordon-cumming .elephant {
  position: absolute; bottom: 20%; left: 55%; width: 240px; height: 160px;
  background: linear-gradient(135deg, #3a3020 0%, #1a1408 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: -20px 10px 30px rgba(0,0,0,0.6);
  transform: rotate(-5deg);
  animation: tgc-elephant 10s ease-in-out infinite;
}
.scn-thug-gordon-cumming .hunter {
  position: absolute; bottom: 22%; left: 28%; width: 40px; height: 90px;
  background: linear-gradient(180deg, #1a1408 0%, #0a0804 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tgc-hunter 6s ease-in-out infinite;
}
.scn-thug-gordon-cumming .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #806040 0%, #504030 100%);
  border-radius: 30% 0 0 0 / 20% 0 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.5);
}
.scn-thug-gordon-cumming .dust-a {
  position: absolute; bottom: 25%; left: 20%; width: 14px; height: 14px;
  background: rgba(200,160,100,0.3);
  border-radius: 50%;
  filter: blur(3px);
  animation: tgc-dust 12s linear infinite;
}
.scn-thug-gordon-cumming .dust-b {
  position: absolute; bottom: 28%; left: 65%; width: 10px; height: 10px;
  background: rgba(200,160,100,0.25);
  border-radius: 50%;
  filter: blur(2px);
  animation: tgc-dust 15s linear infinite 3s;
}
@keyframes tgc-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes tgc-sun {
  0% { transform: scale(0.95); box-shadow: 0 0 40px 15px rgba(255,208,96,0.3); }
  50% { transform: scale(1.05); box-shadow: 0 0 80px 30px rgba(255,208,96,0.6); }
  100% { transform: scale(1); box-shadow: 0 0 60px 20px rgba(255,208,96,0.4); }
}
@keyframes tgc-elephant {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-3deg) translateY(-3px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes tgc-hunter {
  0% { transform: rotate(0deg) translateX(0); }
  25% { transform: rotate(2deg) translateX(1px); }
  50% { transform: rotate(0deg) translateX(0); }
  75% { transform: rotate(-2deg) translateX(-1px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes tgc-dust {
  0% { transform: translateY(0) translateX(0); opacity: 0; }
  20% { opacity: 0.4; }
  80% { opacity: 0.2; }
  100% { transform: translateY(-40px) translateX(20px); opacity: 0; }
}

/* Scene: thug-elephant-kill */
.scn-thug-elephant-kill {
  background: linear-gradient(180deg, #d0b880 0%, #a08050 50%, #705040 100%), radial-gradient(ellipse at 60% 50%, #b09060 0%, transparent 60%);
}
.scn-thug-elephant-kill .bg-blur {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #c8a868 0%, #886840 100%);
  filter: blur(8px);
  animation: tek-bg 20s ease-in-out infinite alternate;
}
.scn-thug-elephant-kill .eye-outer {
  position: absolute; top: 20%; left: 30%; width: 120px; height: 80px;
  background: linear-gradient(135deg, #2a2010 0%, #0a0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: inset 0 0 20px 5px rgba(0,0,0,0.6), 10px 10px 30px rgba(0,0,0,0.4);
}
.scn-thug-elephant-kill .eye-inner {
  position: absolute; top: 32%; left: 35%; width: 50px; height: 50px;
  background: radial-gradient(circle, #604020 0%, #1a1008 60%, #0a0804 100%);
  border-radius: 50%;
  box-shadow: inset 0 0 10px 2px #4a3020;
  animation: tek-pupil 8s ease-in-out infinite alternate;
}
.scn-thug-elephant-kill .tear {
  position: absolute; top: 55%; left: 45%; width: 16px; height: 24px;
  background: radial-gradient(ellipse at 50% 0%, #c0e8f0 0%, #508090 60%, #204060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: tek-tear 4s ease-in-out infinite;
}
.scn-thug-elephant-kill .barrel {
  position: absolute; top: 25%; left: 5%; width: 180px; height: 14px;
  background: linear-gradient(180deg, #1a1a14 0%, #080806 100%);
  border-radius: 30% 0 0 30% / 50% 0 0 50%;
  transform: rotate(15deg);
  transform-origin: right center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: tek-barrel 6s ease-in-out infinite;
}
.scn-thug-elephant-kill .shadow-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, transparent 40%, transparent 60%, rgba(0,0,0,0.4) 100%);
  animation: tek-shadow 10s ease-in-out infinite alternate;
}
@keyframes tek-bg {
  0% { filter: blur(8px); opacity: 0.6; }
  50% { filter: blur(12px); opacity: 0.8; }
  100% { filter: blur(8px); opacity: 0.6; }
}
@keyframes tek-pupil {
  0% { transform: scale(1); }
  50% { transform: scale(0.9) translateX(2px); }
  100% { transform: scale(1) translateX(0); }
}
@keyframes tek-tear {
  0% { transform: translateY(0) rotate(-5deg); opacity: 0.9; }
  50% { transform: translateY(10px) rotate(5deg); opacity: 1; }
  100% { transform: translateY(20px) rotate(-5deg); opacity: 0.6; }
}
@keyframes tek-barrel {
  0% { transform: rotate(15deg) translateX(0); }
  50% { transform: rotate(17deg) translateX(2px); }
  100% { transform: rotate(15deg) translateX(0); }
}
@keyframes tek-shadow {
  0% { opacity: 0.5; }
  50% { opacity: 0.7; }
  100% { opacity: 0.5; }
}

/* Scene: thug-unanswered-questions */
.scn-thug-unanswered-questions {
  background: linear-gradient(180deg, #2a2018 0%, #1a1410 30%, #0e0a08 100%), radial-gradient(ellipse at 50% 80%, #3a2a20 0%, transparent 70%);
}
.scn-thug-unanswered-questions .wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2a221a 0%, #1a1410 100%);
  animation: tqa-wall 20s ease-in-out infinite alternate;
}
.scn-thug-unanswered-questions .desk {
  position: absolute; bottom: 18%; left: 15%; right: 15%; height: 22%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e12 100%);
  border-radius: 4px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.6), inset 0 2px 4px rgba(80,60,40,0.3);
}
.scn-thug-unanswered-questions .book {
  position: absolute; bottom: 32%; left: 28%; width: 80px; height: 60px;
  background: linear-gradient(135deg, #e0d0b0 0%, #b09878 100%);
  border-radius: 2px;
  transform: rotate(-8deg);
  box-shadow: 2px 4px 8px rgba(0,0,0,0.5);
  animation: tqa-book 12s ease-in-out infinite;
}
.scn-thug-unanswered-questions .lamp-base {
  position: absolute; bottom: 38%; left: 55%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1e12 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%;
}
.scn-thug-unanswered-questions .lamp-glow {
  position: absolute; bottom: 50%; left: 50%; width: 80px; height: 80px;
  background: radial-gradient(circle, #e8c888 0%, #c09860 30%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: tqa-glow 5s ease-in-out infinite alternate;
}
.scn-thug-unanswered-questions .figure-seated {
  position: absolute; bottom: 20%; left: 35%; width: 50px; height: 100px;
  background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tqa-figure 9s ease-in-out infinite;
}
.scn-thug-unanswered-questions .window-dimmer {
  position: absolute; top: 10%; left: 70%; width: 80px; height: 100px;
  background: linear-gradient(135deg, rgba(80,60,40,0.3) 0%, rgba(40,30,20,0.6) 100%);
  border: 4px solid #2a1e12;
  border-radius: 4px;
  animation: tqa-window 15s ease-in-out infinite alternate;
}
@keyframes tqa-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.92; }
}
@keyframes tqa-book {
  0% { transform: rotate(-8deg) translateY(0); }
  50% { transform: rotate(-7deg) translateY(-1px); }
  100% { transform: rotate(-8deg) translateY(0); }
}
@keyframes tqa-glow {
  0% { transform: translate(-50%, -50%) scale(0.95); opacity: 0.7; }
  50% { transform: translate(-50%, -50%) scale(1.05); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}
@keyframes tqa-figure {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-1px) rotate(1deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-1px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes tqa-window {
  0% { opacity: 0.5; }
  50% { opacity: 0.7; }
  100% { opacity: 0.5; }
}

/* Scene: thug-children-fate */
.scn-thug-children-fate {
  background: linear-gradient(180deg, #1a1410 0%, #120e0a 50%, #080604 100%), radial-gradient(ellipse at 50% 80%, #2a1e16 0%, transparent 70%);
}
.scn-thug-children-fate .bg-dark {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a1410 0%, #0a0806 100%);
  animation: tcf-bg 25s ease-in-out infinite alternate;
}
.scn-thug-children-fate .candle {
  position: absolute; bottom: 30%; left: 20%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #e8c888 0%, #c09860 100%);
  border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%;
  box-shadow: 0 0 30px 10px #e8c888, 0 0 60px 20px rgba(232,200,136,0.3);
  animation: tcf-candle 3s ease-in-out infinite alternate;
}
.scn-thug-children-fate .mother {
  position: absolute; bottom: 15%; left: 30%; width: 60px; height: 120px;
  background: linear-gradient(180deg, #1a1410 0%, #0a0806 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tcf-figure 8s ease-in-out infinite;
}
.scn-thug-children-fate .child {
  position: absolute; bottom: 12%; left: 50%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #1a1410 0%, #0a0806 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tcf-figure 10s ease-in-out infinite 2s;
}
.scn-thug-children-fate .blanket {
  position: absolute; bottom: 5%; left: 40%; width: 100px; height: 30px;
  background: linear-gradient(135deg, #3a2a1e 0%, #1a140e 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: tcf-blanket 12s ease-in-out infinite;
}
.scn-thug-children-fate .warm-glow {
  position: absolute; bottom: 20%; left: 15%; width: 140px; height: 140px;
  background: radial-gradient(circle, rgba(232,200,136,0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: tcf-glow 4s ease-in-out infinite alternate;
}
@keyframes tcf-bg {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes tcf-candle {
  0% { transform: scaleY(0.95) rotate(-2deg); opacity: 0.8; }
  50% { transform: scaleY(1.05) rotate(2deg); opacity: 1; }
  100% { transform: scaleY(1) rotate(0deg); opacity: 0.9; }
}
@keyframes tcf-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes tcf-blanket {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-1px) scaleX(1.02); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes tcf-glow {
  0% { transform: scale(0.9); opacity: 0.5; }
  50% { transform: scale(1.1); opacity: 0.8; }
  100% { transform: scale(1); opacity: 0.6; }
}

/* Scene: priest-stands (Calm, Sunlit) */
.scn-priest-stands { background: linear-gradient(180deg, #6CB4EE 0%, #B4D7EE 40%, #FCE6C9 70%, #E2C290 100%), radial-gradient(ellipse at 80% 20%, #FFEBA8 0%, transparent 50%); }
.scn-priest-stands { position: relative; overflow: hidden; }
.scn-priest-stands .sky { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #4A90D9 0%, #87CEEB 40%, #E0F0FF 100%); animation: ps-sky 12s ease-in-out infinite alternate; }
.scn-priest-stands .river-bank { position: absolute; bottom: 15%; left: -10%; right: -10%; height: 35%; background: linear-gradient(180deg, #D2B48C 0%, #A0764A 30%, #6B4226 100%); border-radius: 60% 40% 0 0 / 100% 80% 0 0; box-shadow: inset 0 -20px 30px rgba(0,0,0,0.4); }
.scn-priest-stands .river { position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #4A90D9 0%, #2C6E9E 100%); box-shadow: inset 0 8px 15px rgba(255,255,255,0.3); animation: ps-river 8s ease-in-out infinite alternate; }
.scn-priest-stands .sun { position: absolute; top: 15%; right: 20%; width: 60px; height: 60px; background: radial-gradient(circle, #FFF5D6 0%, #FFD700 40%, #FFA500 100%); border-radius: 50%; box-shadow: 0 0 60px 20px #FFD700, 0 0 120px 40px rgba(255, 165, 0, 0.4); animation: ps-sun 6s ease-in-out infinite alternate; }
.scn-priest-stands .umbrella-top { position: absolute; bottom: 45%; left: 55%; width: 100px; height: 50px; background: radial-gradient(ellipse at 50% 100%, #C8553D 0%, #8B2C16 70%, #4A1506 100%); border-radius: 50% 50% 10% 10%; transform: translateX(-50%); box-shadow: 0 4px 15px rgba(0,0,0,0.5); animation: ps-umbrella 9s ease-in-out infinite; }
.scn-priest-stands .umbrella-pole { position: absolute; bottom: 20%; left: 55%; width: 4px; height: 30%; background: linear-gradient(180deg, #A0764A 0%, #6B4226 100%); transform: translateX(-50%); }
.scn-priest-stands .priest { position: absolute; bottom: 20%; left: 52%; width: 24px; height: 50px; background: linear-gradient(180deg, #FCE6C9 0%, #D2B48C 40%, #4A3A2A 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: translateX(-50%); box-shadow: inset -5px -5px 10px rgba(0,0,0,0.3); animation: ps-priest 4s ease-in-out infinite alternate; }
.scn-priest-stands .cloud-a { position: absolute; top: 12%; left: -10%; width: 120px; height: 25px; background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 100%); border-radius: 50%; filter: blur(8px); animation: ps-cloud-a 40s linear infinite; }
.scn-priest-stands .cloud-b { position: absolute; top: 25%; left: -20%; width: 90px; height: 18px; background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.05) 100%); border-radius: 50%; filter: blur(6px); animation: ps-cloud-b 55s linear infinite; }

@keyframes ps-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes ps-river { 0% { background-position: 0% 0%; } 50% { background-position: 5% 2%; } 100% { background-position: -5% 0%; } }
@keyframes ps-sun { 0% { transform: scale(0.95); box-shadow: 0 0 50px 15px #FFD700; } 50% { transform: scale(1.05); box-shadow: 0 0 80px 30px #FFA500; } 100% { transform: scale(0.98); box-shadow: 0 0 60px 20px #FFD700; } }
@keyframes ps-umbrella { 0% { transform: translateX(-50%) rotate(-2deg); } 50% { transform: translateX(-50%) rotate(2deg); } 100% { transform: translateX(-50%) rotate(-1deg); } }
@keyframes ps-priest { 0% { transform: translateX(-50%) translateY(0) rotate(0deg); } 50% { transform: translateX(-50%) translateY(-2px) rotate(1deg); } 100% { transform: translateX(-50%) translateY(0) rotate(0deg); } }
@keyframes ps-cloud-a { 0% { transform: translateX(0); } 100% { transform: translateX(150vw); } }
@keyframes ps-cloud-b { 0% { transform: translateX(0); } 100% { transform: translateX(160vw); } }

/* Scene: missionaries-640 (Calm, Dim-interior) */
.scn-missionaries-640 { background: linear-gradient(180deg, #1F1D2B 0%, #2C2838 30%, #15121C 100%), radial-gradient(ellipse at 50% 100%, #3A2F2B 0%, transparent 70%); }
.scn-missionaries-640 { position: relative; overflow: hidden; }
.scn-missionaries-640 .bg-wall { position: absolute; inset: 0 0 30% 0; background: linear-gradient(90deg, #1A1823 0%, #2C2838 30%, #1A1823 100%); box-shadow: inset 0 0 60px rgba(0,0,0,0.8); animation: ms-wall 15s ease-in-out infinite alternate; }
.scn-missionaries-640 .bg-floor { position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #2C2420 0%, #15120E 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.6); }
.scn-missionaries-640 .desk { position: absolute; bottom: 25%; left: 50%; width: 120px; height: 15px; background: linear-gradient(180deg, #4A3B32 0%, #2C1F18 100%); transform: translateX(-50%); border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.7); }
.scn-missionaries-640 .map { position: absolute; bottom: 35%; left: 50%; width: 100px; height: 60px; background: linear-gradient(135deg, #8C7A5B 0%, #A38B6A 30%, #6B5A3E 100%); transform: translateX(-50%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.5); animation: ms-map 20s ease-in-out infinite alternate; }
.scn-missionaries-640 .candle { position: absolute; bottom: 40%; left: 45%; width: 8px; height: 25px; background: linear-gradient(180deg, #FCE6C9 0%, #D2B48C 100%); border-radius: 2px 2px 1px 1px; }
.scn-missionaries-640 .candle-glow { position: absolute; bottom: 38%; left: 45%; width: 30px; height: 30px; background: radial-gradient(circle, #FFD700 0%, #FF8C00 40%, transparent 70%); border-radius: 50%; transform: translate(-50%, 50%); animation: ms-glow 3s ease-in-out infinite alternate; }
.scn-missionaries-640 .figure { position: absolute; bottom: 25%; left: 35%; width: 20px; height: 45px; background: linear-gradient(180deg, #2C2838 0%, #15121C 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: -2px 0 6px rgba(0,0,0,0.8); animation: ms-figure 5s ease-in-out infinite alternate; }

@keyframes ms-wall { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes ms-map { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.02); } 100% { transform: translateX(-50%) scale(0.98); } }
@keyframes ms-glow { 0% { transform: translate(-50%, 50%) scale(0.9); opacity: 0.7; } 50% { transform: translate(-50%, 50%) scale(1.2); opacity: 1; } 100% { transform: translate(-50%, 50%) scale(0.95); opacity: 0.8; } }
@keyframes ms-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }

/* Scene: pilgrims-increase (Calm, Dim-interior, Marks of Death) */
.scn-pilgrims-increase { background: linear-gradient(135deg, #0F0A12 0%, #241720 40%, #150D14 100%), radial-gradient(circle at 50% 80%, #3A1F1F 0%, transparent 60%); }
.scn-pilgrims-increase { position: relative; overflow: hidden; }
.scn-pilgrims-increase .bg-deep { position: absolute; inset: 0; background: linear-gradient(180deg, #0A060C 0%, #1A1118 50%, #0F0A12 100%); animation: pi-deep 20s ease-in-out infinite alternate; }
.scn-pilgrims-increase .shadow-left { position: absolute; top: 0; left: 0; bottom: 0; width: 40%; background: linear-gradient(90deg, #050305 0%, transparent 100%); animation: pi-shadow-left 15s ease-in-out infinite alternate; }
.scn-pilgrims-increase .shadow-right { position: absolute; top: 0; right: 0; bottom: 0; width: 40%; background: linear-gradient(270deg, #050305 0%, transparent 100%); animation: pi-shadow-right 15s ease-in-out infinite alternate; }
.scn-pilgrims-increase .brazier { position: absolute; bottom: 25%; left: 50%; width: 50px; height: 30px; background: linear-gradient(180deg, #5E4A3A 0%, #2C1F18 100%); transform: translateX(-50%); border-radius: 10% 10% 30% 30%; box-shadow: 0 4px 15px rgba(0,0,0,0.8); }
.scn-pilgrims-increase .flame { position: absolute; bottom: 45%; left: 50%; width: 20px; height: 40px; background: radial-gradient(ellipse at 50% 100%, #FFD700 0%, #FF8C00 30%, #8B4513 70%, transparent 100%); transform: translateX(-50%); border-radius: 50% 50% 20% 20%; animation: pi-flame 2s ease-in-out infinite alternate; }
.scn-pilgrims-increase .ember { position: absolute; bottom: 42%; left: 48%; width: 4px; height: 4px; background: #FFA500; border-radius: 50%; box-shadow: 0 0 10px 2px #FF8C00; animation: pi-ember 4s ease-in-out infinite; }
.scn-pilgrims-increase .smoke-a { position: absolute; bottom: 60%; left: 45%; width: 40px; height: 20px; background: rgba(60, 50, 50, 0.4); border-radius: 50%; filter: blur(10px); animation: pi-smoke-a 8s ease-out infinite; }
.scn-pilgrims-increase .smoke-b { position: absolute; bottom: 60%; left: 55%; width: 30px; height: 15px; background: rgba(60, 50, 50, 0.3); border-radius: 50%; filter: blur(8px); animation: pi-smoke-b 10s ease-out infinite; }

@keyframes pi-deep { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes pi-shadow-left { 0% { width: 30%; } 50% { width: 45%; } 100% { width: 35%; } }
@keyframes pi-shadow-right { 0% { width: 35%; } 50% { width: 50%; } 100% { width: 40%; } }
@keyframes pi-flame { 0% { transform: translateX(-50%) scaleY(0.9); opacity: 0.8; } 50% { transform: translateX(-50%) scaleY(1.2); opacity: 1; } 100% { transform: translateX(-50%) scaleY(0.7); opacity: 0.6; } }
@keyframes pi-ember { 0% { transform: translate(0, 0); opacity: 1; } 100% { transform: translate(10px, -30px); opacity: 0; } }
@keyframes pi-smoke-a { 0% { transform: translateY(0) scale(1); opacity: 0.4; } 100% { transform: translateY(-60px) scale(3); opacity: 0; } }
@keyframes pi-smoke-b { 0% { transform: translateY(0) scale(1); opacity: 0.3; } 100% { transform: translateY(-80px) scale(4); opacity: 0; } }

/* Scene: hindoo-theology-baffling (Calm, Dim-interior, Intricate) */
.scn-hindoo-theology-baffling { background: linear-gradient(180deg, #0D0F1A 0%, #1F1A30 40%, #2A203A 100%), radial-gradient(ellipse at 50% 30%, #4A3B5C 0%, transparent 60%); }
.scn-hindoo-theology-baffling { position: relative; overflow: hidden; }
.scn-hindoo-theology-baffling .bg-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 20%, #6A5A8A 0%, transparent 60%); animation: htb-pulse 8s ease-in-out infinite alternate; }
.scn-hindoo-theology-baffling .pillar-left { position: absolute; top: 0; left: 5%; width: 15%; height: 100%; background: linear-gradient(90deg, #2A203A 0%, #4A3B5C 30%, #2A203A 100%); box-shadow: 4px 0 20px rgba(0,0,0,0.8); animation: htb-pillar-l 15s ease-in-out infinite alternate; }
.scn-hindoo-theology-baffling .pillar-right { position: absolute; top: 0; right: 5%; width: 15%; height: 100%; background: linear-gradient(270deg, #2A203A 0%, #4A3B5C 30%, #2A203A 100%); box-shadow: -4px 0 20px rgba(0,0,0,0.8); animation: htb-pillar-r 15s ease-in-out infinite alternate; }
.scn-hindoo-theology-baffling .arch-top { position: absolute; top: 0; left: 5%; right: 5%; height: 25%; background: linear-gradient(180deg, #3A2A4A 0%, #2A203A 100%); border-radius: 50% 50% 10% 10% / 80% 80% 20% 20%; box-shadow: 0 10px 30px rgba(0,0,0,0.9); animation: htb-arch 12s ease-in-out infinite alternate; }
.scn-hindoo-theology-baffling .figure-a { position: absolute; bottom: 25%; left: 50%; width: 30px; height: 70px; background: linear-gradient(180deg, #5E4A6A 0%, #1A1124 100%); transform: translateX(-50%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 0 20px rgba(0,0,0,0.6); animation: htb-fig-a 5s ease-in-out infinite alternate; }
.scn-hindoo-theology-baffling .figure-b { position: absolute; bottom: 30%; left: 30%; width: 24px; height: 55px; background: linear-gradient(180deg, #4A3B5C 0%, #0D0F1A 100%); transform: translateX(-50%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity: 0.7; filter: blur(2px); animation: htb-fig-b 7s ease-in-out infinite alternate; }
.scn-hindoo-theology-baffling .figure-c { position: absolute; bottom: 35%; left: 70%; width: 20px; height: 45px; background: linear-gradient(180deg, #4A3B5C 0%, #0D0F1A 100%); transform: translateX(-50%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity: 0.5; filter: blur(3px); animation: htb-fig-c 9s ease-in-out infinite alternate; }

@keyframes htb-pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes htb-pillar-l { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } 100% { transform: scaleX(0.98); } }
@keyframes htb-pillar-r { 0% { transform: scaleX(1); } 50% { transform: scaleX(0.98); } 100% { transform: scaleX(1.02); } }
@keyframes htb-arch { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(0.95); } }
@keyframes htb-fig-a { 0% { transform: translateX(-50%) rotate(-1deg); } 50% { transform: translateX(-50%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(-2deg); } }
@keyframes htb-fig-b { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-5px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes htb-fig-c { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-8px); } 100% { transform: translateX(-50%) translateY(0); } }

/* scene: diamond-crater-interest */
.scn-diamond-crater-interest {
  background:
    linear-gradient(180deg, #1a1815 0%, #2b231c 40%, #3a2c22 70%, #1a1410 100%),
    radial-gradient(ellipse at 50% 30%, #4a382a 0%, transparent 70%);
}
.scn-diamond-crater-interest .rock-ceiling {
  position:absolute; top:0; left:0; right:0; height:20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1410 100%);
  border-radius: 0 0 30% 30%;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
  animation: dci-ceiling 20s ease-in-out infinite alternate;
}
.scn-diamond-crater-interest .shaft-wall {
  position:absolute; inset:10% 0 15% 0;
  background: linear-gradient(90deg, #2a1f18 0%, transparent 20%, transparent 80%, #2a1f18 100%);
  box-shadow: inset 0 0 60px #0a0806;
}
.scn-diamond-crater-interest .ladder {
  position:absolute; bottom:20%; left:20%; width:8px; height:55%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 4px;
  transform: rotate(2deg);
  box-shadow: 4px 0 8px rgba(0,0,0,0.4);
  animation: dci-ladder 8s ease-in-out infinite alternate;
}
.scn-diamond-crater-interest .ladder::before {
  content:''; position:absolute; top:0; left:-6px; width:20px; height:100%;
  background: repeating-linear-gradient(0deg, #2a1a10 0px, #2a1a10 3px, transparent 3px, transparent 8px);
}
.scn-diamond-crater-interest .lantern {
  position:absolute; bottom:45%; left:38%; width:14px; height:18px;
  background: radial-gradient(circle, #ffb040 0%, #b07030 60%, transparent 70%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 24px 8px #ffa030, 0 0 48px 16px rgba(255,160,48,0.4);
  animation: dci-lantern 3s ease-in-out infinite alternate;
}
.scn-diamond-crater-interest .figure-climber {
  position:absolute; bottom:40%; left:44%; width:16px; height:28px;
  background: linear-gradient(180deg, #2a2018 0%, #1a120e 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: dci-climb 4s ease-in-out infinite;
}
.scn-diamond-crater-interest .depth-wash {
  position:absolute; bottom:0; left:0; right:0; height:30%;
  background: linear-gradient(0deg, #0a0806 0%, transparent 100%);
  pointer-events: none;
}
.scn-diamond-crater-interest .sparkle {
  position:absolute; bottom:35%; left:50%; width:4px; height:4px;
  background: #f0c060;
  border-radius: 50%;
  box-shadow: 0 0 12px 4px rgba(240,192,96,0.6);
  animation: dci-spark 2s ease-in-out infinite alternate;
}
@keyframes dci-ceiling {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-3px) scaleY(1.02); }
  100% { transform: translateY(2px) scaleY(0.98); }
}
@keyframes dci-ladder {
  0%,100% { transform: rotate(2deg); }
  50% { transform: rotate(-1deg); }
}
@keyframes dci-lantern {
  0% { box-shadow: 0 0 18px 4px #ffa030, 0 0 40px 12px rgba(255,160,48,0.3); opacity:0.8; }
  50% { box-shadow: 0 0 30px 10px #ffc060, 0 0 60px 20px rgba(255,192,96,0.5); opacity:1; }
  100% { box-shadow: 0 0 20px 6px #ffa030, 0 0 44px 14px rgba(255,160,48,0.35); opacity:0.85; }
}
@keyframes dci-climb {
  0%,100% { transform: translateY(0) rotate(-2deg); }
  25% { transform: translateY(-4px) rotate(3deg); }
  50% { transform: translateY(-2px) rotate(-1deg); }
  75% { transform: translateY(-5px) rotate(1deg); }
}
@keyframes dci-spark {
  0% { opacity:0.3; transform: scale(0.5); }
  50% { opacity:1; transform: scale(1.2); }
  100% { opacity:0.5; transform: scale(0.8); }
}

/* scene: kimberley-discovery-1869 */
.scn-kimberley-discovery-1869 {
  background:
    linear-gradient(180deg, #7da0c0 0%, #b5d0e0 45%, #d4b880 75%, #a58a5a 100%),
    radial-gradient(ellipse at 50% 20%, #d4e0f0 0%, transparent 60%);
}
.scn-kimberley-discovery-1869 .sky-bg {
  position:absolute; inset:0 0 45% 0;
  background: linear-gradient(180deg, #b0c8d8 0%, #d8e4f0 60%, transparent 100%);
  animation: kdi-sky 12s ease-in-out infinite alternate;
}
.scn-kimberley-discovery-1869 .veldt-grass {
  position:absolute; bottom:0; left:0; right:0; height:50%;
  background: linear-gradient(0deg, #7a6a3a 0%, #8a7a4a 40%, #9a8a5a 70%, #b5a070 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.2);
}
.scn-kimberley-discovery-1869 .diamond-glow {
  position:absolute; bottom:38%; left:45%; width:30px; height:30px;
  background: radial-gradient(circle, #fffff0 0%, #f0e0a0 40%, transparent 70%);
  border-radius: 50%;
  mix-blend-mode: screen;
  animation: kdi-diamond-glow 3s ease-in-out infinite alternate;
}
.scn-kimberley-discovery-1869 .diamond-core {
  position:absolute; bottom:40%; left:47%; width:12px; height:12px;
  background: radial-gradient(circle, #ffffff 0%, #e0d8b0 60%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #ffe0a0;
  transform: rotate(15deg);
  animation: kdi-diamond-core 2s ease-in-out infinite alternate;
}
.scn-kimberley-discovery-1869 .grass-tuft {
  position:absolute; bottom:30%; left:20%; width:10px; height:20px;
  background: linear-gradient(180deg, #6a5a2a 0%, #8a7a3a 100%);
  border-radius: 50%;
  filter: blur(1px);
  animation: kdi-grass 6s ease-in-out infinite alternate;
}
.scn-kimberley-discovery-1869 .grass-tuft::after {
  content:''; position:absolute; bottom:-5px; left:8px; width:8px; height:16px;
  background: linear-gradient(180deg, #5a4a1a 0%, #7a6a2a 100%);
  border-radius: 50%;
  animation: kdi-grass 7s ease-in-out infinite alternate-reverse;
}
.scn-kimberley-discovery-1869 .sun-halo {
  position:absolute; top:8%; left:70%; width:60px; height:60px;
  background: radial-gradient(circle, #fff8e0 0%, #e0d0a0 30%, transparent 70%);
  border-radius: 50%;
  mix-blend-mode: overlay;
  opacity:0.6;
  animation: kdi-sun 20s ease-in-out infinite alternate;
}
@keyframes kdi-sky {
  0% { opacity:0.9; }
  50% { opacity:1; }
  100% { opacity:0.85; }
}
@keyframes kdi-diamond-glow {
  0% { transform: scale(0.8); opacity:0.6; }
  50% { transform: scale(1.1); opacity:1; }
  100% { transform: scale(0.9); opacity:0.7; }
}
@keyframes kdi-diamond-core {
  0%,100% { transform: rotate(15deg) scale(1); }
  50% { transform: rotate(25deg) scale(1.2); }
}
@keyframes kdi-grass {
  0% { transform: rotate(-3deg); }
  50% { transform: rotate(4deg); }
  100% { transform: rotate(-2deg); }
}
@keyframes kdi-sun {
  0% { transform: translateX(0) scale(1); opacity:0.5; }
  50% { transform: translateX(5px) scale(1.05); opacity:0.7; }
  100% { transform: translateX(-3px) scale(0.95); opacity:0.5; }
}

/* scene: diamond-found-accidentally */
.scn-diamond-found-accidentally {
  background:
    linear-gradient(180deg, #a08060 0%, #c0a070 30%, #e0c090 60%, #d0b080 100%),
    radial-gradient(ellipse at 40% 60%, #e8d0a0 0%, transparent 70%);
}
.scn-diamond-found-accidentally .hut-wall {
  position:absolute; inset:0 0 25% 0;
  background: linear-gradient(180deg, #b09070 0%, #8a7050 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: inset 0 10px 40px rgba(0,0,0,0.3);
}
.scn-diamond-found-accidentally .window-light {
  position:absolute; top:15%; left:20%; width:40px; height:30px;
  background: radial-gradient(circle at 30% 40%, #f0e0c0 0%, #d0b080 60%, #8a7050 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 20px 4px #e0c090, 0 0 30px 10px rgba(224,192,144,0.4);
  transform: rotate(-3deg);
  animation: dfa-window 5s ease-in-out infinite alternate;
}
.scn-diamond-found-accidentally .child-figure {
  position:absolute; bottom:28%; left:30%; width:18px; height:32px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: dfa-child 2s ease-in-out infinite;
}
.scn-diamond-found-accidentally .diamond-shine {
  position:absolute; bottom:35%; left:34%; width:10px; height:10px;
  background: radial-gradient(circle, #fff8e0 0%, #f0d080 60%);
  border-radius: 50%;
  box-shadow: 0 0 16px 4px #f0d080, 0 0 32px 8px rgba(240,208,128,0.5);
  animation: dfa-diamond 1.5s ease-in-out infinite alternate;
}
.scn-diamond-found-accidentally .table-edge {
  position:absolute; bottom:25%; left:25%; right:25%; height:6px;
  background: linear-gradient(90deg, #6a4a2a 0%, #8a6a3a 50%, #6a4a2a 100%);
  border-radius: 4px;
  transform: perspective(200px) rotateX(5deg);
}
.scn-diamond-found-accidentally .floor-shadow {
  position:absolute; bottom:0; left:0; right:0; height:30%;
  background: linear-gradient(0deg, #5a4a2a 0%, transparent 100%);
}
@keyframes dfa-window {
  0% { opacity:0.7; transform: rotate(-3deg) scaleY(1); }
  50% { opacity:1; transform: rotate(0deg) scaleY(1.05); }
  100% { opacity:0.8; transform: rotate(2deg) scaleY(0.95); }
}
@keyframes dfa-child {
  0%,100% { transform: translateY(0) rotate(-3deg); }
  25% { transform: translateY(-3px) rotate(4deg); }
  50% { transform: translateY(-1px) rotate(-2deg); }
  75% { transform: translateY(-5px) rotate(2deg); }
}
@keyframes dfa-diamond {
  0% { transform: scale(0.6) rotate(0deg); opacity:0.5; }
  50% { transform: scale(1.4) rotate(20deg); opacity:1; }
  100% { transform: scale(0.8) rotate(-10deg); opacity:0.6; }
}

/* scene: original-traveler-reformed */
.scn-original-traveler-reformed {
  background:
    linear-gradient(180deg, #88b0d0 0%, #b0d0e0 40%, #c8a870 70%, #8a6a40 100%),
    radial-gradient(ellipse at 60% 30%, #d0e0f0 0%, transparent 60%);
}
.scn-original-traveler-reformed .sky-clouds {
  position:absolute; inset:0 0 55% 0;
  background: linear-gradient(180deg, #a0c0d8 0%, #d0e0f0 60%, transparent 100%);
  animation: otr-sky 15s ease-in-out infinite alternate;
}
.scn-original-traveler-reformed .ground-path {
  position:absolute; bottom:0; left:0; right:0; height:50%;
  background: linear-gradient(0deg, #6a4a2a 0%, #8a6a3a 50%, #b09050 100%);
  border-radius: 30% 70% 0 0 / 20% 40% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
}
.scn-original-traveler-reformed .wagon-body {
  position:absolute; bottom:22%; left:25%; width:80px; height:40px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 8% 8% 12% 12%;
  box-shadow: 4px 8px 16px rgba(0,0,0,0.4);
  transform: perspective(300px) rotateX(5deg);
  animation: otr-wagon 10s ease-in-out infinite alternate;
}
.scn-original-traveler-reformed .wagon-wheel {
  position:absolute; bottom:10%; left:28%; width:30px; height:30px;
  border-radius: 50%;
  background: radial-gradient(circle, #4a2a0a 20%, #8a6a3a 45%, #4a2a0a 50%, transparent 55%);
  border: 3px solid #4a2a0a;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: otr-wheel 4s linear infinite;
}
.scn-original-traveler-reformed .wagon-wheel::after {
  content:''; position:absolute; top:50%; left:50%; width:10px; height:10px;
  background: #4a2a0a;
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
.scn-original-traveler-reformed .diamond-football {
  position:absolute; bottom:28%; left:48%; width:24px; height:18px;
  background: radial-gradient(circle at 40% 40%, #fff8e0 0%, #e0d0a0 40%, #c0a070 80%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-15deg);
  box-shadow: 0 0 30px 8px #f0d080;
  animation: otr-diamond 3s ease-in-out infinite alternate;
}
.scn-original-traveler-reformed .traveler-silhouette {
  position:absolute; bottom:20%; left:55%; width:14px; height:36px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: otr-traveler 5s ease-in-out infinite;
}
.scn-original-traveler-reformed .dust-puffs {
  position:absolute; bottom:18%; left:45%; width:20px; height:10px;
  background: radial-gradient(ellipse at 40% 50%, rgba(180,150,100,0.6) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
  animation: otr-dust 4s ease-in-out infinite;
}
.scn-original-traveler-reformed .sun-burst {
  position:absolute; top:5%; right:15%; width:50px; height:50px;
  background: radial-gradient(circle, #fff8e0 0%, #e0d0a0 30%, transparent 70%);
  border-radius: 50%;
  mix-blend-mode: screen;
  animation: otr-sun 8s ease-in-out infinite alternate;
}
@keyframes otr-sky {
  0% { opacity:0.9; }
  50% { opacity:1; }
  100% { opacity:0.8; }
}
@keyframes otr-wagon {
  0%,100% { transform: perspective(300px) rotateX(5deg) translateY(0); }
  50% { transform: perspective(300px) rotateX(3deg) translateY(-2px); }
}
@keyframes otr-wheel {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes otr-diamond {
  0% { transform: rotate(-15deg) scale(0.9); opacity:0.8; }
  50% { transform: rotate(-5deg) scale(1.1); opacity:1; }
  100% { transform: rotate(-20deg) scale(0.95); opacity:0.9; }
}
@keyframes otr-traveler {
  0%,100% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(4px) rotate(3deg); }
  50% { transform: translateX(2px) rotate(-1deg); }
  75% { transform: translateX(6px) rotate(2deg); }
}
@keyframes otr-dust {
  0% { opacity:0.5; transform: scale(1) translateY(0); }
  50% { opacity:0.8; transform: scale(1.3) translateY(-3px); }
  100% { opacity:0.4; transform: scale(0.9) translateY(1px); }
}
@keyframes otr-sun {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(0.95); }
}

/* Scene: naked-men */
.scn-naked-men {
  background: linear-gradient(180deg, #87ceeb 0%, #f5deb3 70%, #daa520 100%), radial-gradient(ellipse at 50% 0%, #fffacd 0%, transparent 60%);
}
.scn-naked-men .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0d4f1 0%, #fce4b3 100%);
  animation: nm-sky 12s ease-in-out infinite alternate;
}
.scn-naked-men .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #c2a77a 0%, #8b6914 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.3);
  animation: nm-ground 20s ease-in-out infinite;
}
.scn-naked-men .sun {
  position: absolute; top: 8%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff5cc 0%, #ffd700 60%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px rgba(255,215,0,0.5);
  animation: nm-sun 8s ease-in-out infinite alternate;
}
.scn-naked-men .figure {
  position: absolute; bottom: 35%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #6b4a2a 0%, #4a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-naked-men .figure-a { left: 20%; animation: nm-walk 4s ease-in-out infinite; }
.scn-naked-men .figure-b { left: 45%; animation: nm-walk 5s ease-in-out infinite 1s; }
.scn-naked-men .figure-c { left: 70%; animation: nm-walk 6s ease-in-out infinite 2s; }
.scn-naked-men .haze {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: radial-gradient(ellipse at 50% 100%, rgba(255,255,200,0.3) 0%, transparent 70%);
  filter: blur(8px);
  animation: nm-haze 15s ease-in-out infinite alternate;
}
@keyframes nm-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes nm-ground {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-2px) scaleY(1.02); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes nm-sun {
  0% { transform: scale(1); box-shadow: 0 0 40px 10px rgba(255,215,0,0.5); }
  50% { transform: scale(1.05); box-shadow: 0 0 60px 15px rgba(255,215,0,0.7); }
  100% { transform: scale(1); box-shadow: 0 0 40px 10px rgba(255,215,0,0.5); }
}
@keyframes nm-walk {
  0% { transform: translateX(0) translateY(0) rotate(-2deg); }
  25% { transform: translateX(4px) translateY(-1px) rotate(2deg); }
  50% { transform: translateX(8px) translateY(0) rotate(-2deg); }
  75% { transform: translateX(12px) translateY(-1px) rotate(2deg); }
  100% { transform: translateX(16px) translateY(0) rotate(0deg); }
}
@keyframes nm-haze {
  0% { opacity: 0.3; filter: blur(8px); }
  50% { opacity: 0.5; filter: blur(10px); }
  100% { opacity: 0.3; filter: blur(8px); }
}

/* Scene: missionary-verses */
.scn-missionary-verses {
  background: linear-gradient(135deg, #2b1b1a 0%, #4a2a20 50%, #1a0e0c 100%), radial-gradient(ellipse at 60% 30%, #a05020 0%, transparent 60%);
}
.scn-missionary-verses .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3a2018 0%, #2a1410 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.6);
}
.scn-missionary-verses .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1810 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.7);
}
.scn-missionary-verses .candle {
  position: absolute; bottom: 30%; left: 55%; width: 6px; height: 16px;
  background: linear-gradient(180deg, #ffd700 0%, #b8860b 60%, #8b6508 100%);
  border-radius: 2px;
  box-shadow: 0 0 20px 6px rgba(255,215,0,0.4);
  animation: mv-candle 3s ease-in-out infinite alternate;
}
.scn-missionary-verses .glow {
  position: absolute; bottom: 30%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(255,215,0,0.3) 0%, transparent 70%);
  border-radius: 50%;
  transform: translate(-50%, 50%);
  animation: mv-glow 3s ease-in-out infinite alternate;
}
.scn-missionary-verses .figure {
  position: absolute; bottom: 25%; left: 35%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #1a0e0c 0%, #0a0504 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: mv-figure 6s ease-in-out infinite;
}
.scn-missionary-verses .book {
  position: absolute; bottom: 20%; left: 48%; width: 18px; height: 12px;
  background: linear-gradient(135deg, #8b4513 0%, #654321 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: mv-book 4s ease-in-out infinite;
}
.scn-missionary-verses .window {
  position: absolute; top: 15%; left: 20%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #2a4a6a 0%, #1a2a4a 100%);
  border: 2px solid #4a3a2a;
  border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
  animation: mv-window 10s ease-in-out infinite alternate;
}
@keyframes mv-candle {
  0% { transform: scaleY(1); opacity: 0.9; }
  50% { transform: scaleY(1.1); opacity: 1; }
  100% { transform: scaleY(1); opacity: 0.95; }
}
@keyframes mv-glow {
  0% { transform: translate(-50%, 50%) scale(1); opacity: 0.4; }
  50% { transform: translate(-50%, 50%) scale(1.2); opacity: 0.6; }
  100% { transform: translate(-50%, 50%) scale(1); opacity: 0.4; }
}
@keyframes mv-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  25% { transform: translateY(-1px) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes mv-book {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(0deg); }
}
@keyframes mv-window {
  0% { background: linear-gradient(180deg, #2a4a6a 0%, #1a2a4a 100%); }
  50% { background: linear-gradient(180deg, #3a6a8a 0%, #2a4a6a 100%); }
  100% { background: linear-gradient(180deg, #2a4a6a 0%, #1a2a4a 100%); }
}

/* Scene: bavarian-shrines */
.scn-bavarian-shrines {
  background: linear-gradient(180deg, #4a7a5a 0%, #2a5a3a 40%, #1a3a2a 100%), radial-gradient(ellipse at 50% 0%, #fff8dc 0%, transparent 60%);
}
.scn-bavarian-shrines .field {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #6a8a5a 0%, #3a5a2a 100%);
  border-radius: 30% 70% 0 0 / 20% 40% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: bs-field 15s ease-in-out infinite alternate;
}
.scn-bavarian-shrines .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #87e0ff 0%, #fff0b0 100%);
  animation: bs-sky 10s ease-in-out infinite alternate;
}
.scn-bavarian-shrines .hill-a {
  position: absolute; bottom: 38%; left: 0; width: 100%; height: 20%;
  background: linear-gradient(180deg, #5a7a4a 0%, #2a4a2a 100%);
  border-radius: 70% 30% 0 0;
  box-shadow: inset 0 5px 10px rgba(0,0,0,0.2);
  animation: bs-hill 18s ease-in-out infinite;
}
.scn-bavarian-shrines .hill-b {
  position: absolute; bottom: 40%; right: 0; width: 60%; height: 18%;
  background: linear-gradient(180deg, #4a6a3a 0%, #1a3a1a 100%);
  border-radius: 40% 60% 0 0;
  box-shadow: inset 0 5px 10px rgba(0,0,0,0.2);
  animation: bs-hill 22s ease-in-out infinite reverse;
}
.scn-bavarian-shrines .shrine {
  position: absolute; bottom: 20%; left: 40%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #3a2010 0%, #1a0a05 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 10% 10%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.6);
  transform: perspective(200px) rotateX(10deg);
  animation: bs-shrine 8s ease-in-out infinite;
}
.scn-bavarian-shrines .cross {
  position: absolute; bottom: 58%; left: 42%; width: 14px; height: 20px;
  background: linear-gradient(90deg, #4a2a1a 0%, #2a1a0a 100%);
  clip-path: polygon(35% 0%, 65% 0%, 65% 65%, 100% 65%, 100% 85%, 65% 85%, 65% 100%, 35% 100%, 35% 85%, 0% 85%, 0% 65%, 35% 65%);
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: bs-cross 12s ease-in-out infinite alternate;
}
.scn-bavarian-shrines .shadow {
  position: absolute; bottom: 18%; left: 38%; width: 50px; height: 10px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(5px);
  animation: bs-shadow 20s ease-in-out infinite alternate;
}
.scn-bavarian-shrines .bird {
  position: absolute; top: 20%; left: 20%; width: 12px; height: 8px;
  background: radial-gradient(circle, #2a1a0a 0%, #1a0a05 100%);
  border-radius: 50% 50% 0 0;
  animation: bs-bird 6s ease-in-out infinite;
}
@keyframes bs-field {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes bs-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes bs-hill {
  0% { transform: translateX(0); }
  50% { transform: translateX(2px); }
  100% { transform: translateX(0); }
}
@keyframes bs-shrine {
  0% { transform: perspective(200px) rotateX(10deg) translateY(0); }
  50% { transform: perspective(200px) rotateX(12deg) translateY(-2px); }
  100% { transform: perspective(200px) rotateX(10deg) translateY(0); }
}
@keyframes bs-cross {
  0% { transform: scaleY(1); opacity: 0.8; }
  50% { transform: scaleY(1.05); opacity: 1; }
  100% { transform: scaleY(1); opacity: 0.8; }
}
@keyframes bs-shadow {
  0% { transform: scaleX(1); opacity: 0.3; }
  50% { transform: scaleX(1.2); opacity: 0.5; }
  100% { transform: scaleX(1); opacity: 0.3; }
}
@keyframes bs-bird {
  0% { transform: translate(0, 0) rotate(5deg); }
  25% { transform: translate(10px, -5px) rotate(-5deg); }
  50% { transform: translate(20px, 0) rotate(5deg); }
  75% { transform: translate(30px, -3px) rotate(-5deg); }
  100% { transform: translate(40px, 0) rotate(0deg); }
}

/* Scene: austrian-women */
.scn-austrian-women {
  background: linear-gradient(180deg, #f5deb3 0%, #daa520 40%, #8b6914 100%), radial-gradient(ellipse at 50% 0%, #fffacd 0%, transparent 70%);
}
.scn-austrian-women .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffe4b5 0%, #ffd700 100%);
  animation: aw-sky 10s ease-in-out infinite alternate;
}
.scn-austrian-women .field {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #a08850 0%, #705830 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.3);
  animation: aw-field 20s ease-in-out infinite alternate;
}
.scn-austrian-women .sun {
  position: absolute; top: 10%; right: 15%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fff5cc 0%, #ffd700 60%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 8px rgba(255,215,0,0.5);
  animation: aw-sun 8s ease-in-out infinite alternate;
}
.scn-austrian-women .woman {
  position: absolute; bottom: 30%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e0c 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-austrian-women .woman-a { left: 20%; animation: aw-woman 5s ease-in-out infinite; }
.scn-austrian-women .woman-b { left: 45%; animation: aw-woman 6s ease-in-out infinite 1s; }
.scn-austrian-women .woman-c { left: 70%; animation: aw-woman 7s ease-in-out infinite 2s; }
.scn-austrian-women .tree {
  position: absolute; bottom: 28%; left: 10%; width: 16px; height: 30px;
  background: linear-gradient(180deg, #2a5a2a 0%, #1a3a1a 100%);
  border-radius: 50% 50% 30% 30% / 80% 80% 30% 30%;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.3);
  animation: aw-tree 12s ease-in-out infinite alternate;
}
.scn-austrian-women .wagon {
  position: absolute; bottom: 20%; left: 55%; width: 30px; height: 16px;
  background: linear-gradient(90deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: aw-wagon 15s ease-in-out infinite;
}
@keyframes aw-sky {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes aw-field {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes aw-sun {
  0% { transform: scale(1); box-shadow: 0 0 30px 8px rgba(255,215,0,0.5); }
  50% { transform: scale(1.03); box-shadow: 0 0 40px 12px rgba(255,215,0,0.7); }
  100% { transform: scale(1); box-shadow: 0 0 30px 8px rgba(255,215,0,0.5); }
}
@keyframes aw-woman {
  0% { transform: translateY(0) rotate(-2deg); }
  25% { transform: translateY(-2px) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes aw-tree {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(2deg) scaleY(1.02); }
  100% { transform: rotate(0deg) scaleY(1); }
}
@keyframes aw-wagon {
  0% { transform: translateX(0); }
  50% { transform: translateX(3px); }
  100% { transform: translateX(0); }
}

/* one block per scene id. Append to style.css. */

/* Scene: battle-of-bronkhorst-spruit */
.scn-battle-of-bronkhorst-spruit {
  background: linear-gradient(180deg, #b8a87a 0%, #c8b080 30%, #d4c090 60%, #b8a060 100%),
              radial-gradient(ellipse at 50% 70%, #e0d090 0%, transparent 60%);
}
.scn-battle-of-bronkhorst-spruit .sky {
  position:absolute; inset:0 0 55% 0;
  background: linear-gradient(180deg, #7088b8 0%, #98b0d0 40%, #c0d0e8 100%);
  animation: bb-sky 12s ease-in-out infinite alternate;
}
.scn-battle-of-bronkhorst-spruit .sun {
  position:absolute; top:12%; left:70%; width:40px; height:40px;
  background: radial-gradient(circle, #ffe080 0%, #ffcc40 60%, transparent 80%);
  border-radius:50%; box-shadow: 0 0 30px 10px #ffcc40;
  animation: bb-sun 10s ease-in-out infinite alternate;
}
.scn-battle-of-bronkhorst-spruit .ground {
  position:absolute; bottom:0; left:0; right:0; height:55%;
  background: linear-gradient(180deg, #6b5a3a 0%, #4a3a1a 50%, #2a1a0a 100%);
}
.scn-battle-of-bronkhorst-spruit .hills {
  position:absolute; bottom:50%; left:0; right:0; height:20%;
  background: linear-gradient(180deg, #7a8a5a 0%, #5a6a3a 100%);
  border-radius: 50% 50% 0 0/ 80% 80% 0 0;
  animation: bb-hills 15s ease-in-out infinite alternate;
}
.scn-battle-of-bronkhorst-spruit .column {
  position:absolute; bottom:45%; left:10%; width:40px; height:60px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  box-shadow: 20px 0 #2a2a3a, 40px 0 #3a3a4a, 60px 0 #2a2a3a; /* multiple soldiers */
  animation: bb-march 4s ease-in-out infinite;
}
.scn-battle-of-bronkhorst-spruit .drum {
  position:absolute; bottom:42%; left:30%; width:16px; height:16px;
  background: linear-gradient(135deg, #c8553d 0%, #a0461a 100%);
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: bb-drum 2s ease-in-out infinite;
}
.scn-battle-of-bronkhorst-spruit .flag {
  position:absolute; bottom:45%; left:80%; width:4px; height:30px;
  background: #5a3a1a;
  box-shadow: 0 0 0 6px #c8553d; /* flag cloth, terracotta */
  border-radius: 0;
  animation: bb-flag 3s ease-in-out infinite alternate;
}
.scn-battle-of-bronkhorst-spruit .dust {
  position:absolute; bottom:30%; left:20%; width:80px; height:20px;
  background: radial-gradient(ellipse, rgba(200,180,140,0.3) 0%, transparent 100%);
  filter: blur(6px);
  animation: bb-dust 8s ease-in-out infinite;
}
@keyframes bb-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes bb-sun { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(-5px,-3px) scale(1.05) } 100% { transform: translate(2px,2px) scale(0.95) } }
@keyframes bb-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes bb-march { 0% { transform: translateX(0) rotate(0) } 50% { transform: translateX(6px) rotate(1deg) } 100% { transform: translateX(12px) rotate(0) } }
@keyframes bb-drum { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(1) } }
@keyframes bb-flag { 0% { transform: rotate(-5deg) } 50% { transform: rotate(5deg) } 100% { transform: rotate(-2deg) } }
@keyframes bb-dust { 0% { opacity:0.2; transform: scale(1) } 50% { opacity:0.5; transform: scale(1.2) } 100% { opacity:0.1; transform: scale(0.8) } }

/* Scene: surrender-after-bronkhorst */
.scn-surrender-after-bronkhorst {
  background: linear-gradient(180deg, #807060 0%, #a09070 40%, #c0b090 100%),
              radial-gradient(ellipse at 50% 60%, #e0d0b0 0%, transparent 70%);
}
.scn-surrender-after-bronkhorst .sky {
  position:absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #5a6a7a 0%, #889aa8 50%, #b0c0d0 100%);
  animation: sa-sky 15s ease-in-out infinite alternate;
}
.scn-surrender-after-bronkhorst .sun {
  position:absolute; top:15%; left:75%; width:35px; height:35px;
  background: radial-gradient(circle, #ffe0a0 0%, #ffcc60 60%, transparent 80%);
  border-radius:50%; box-shadow: 0 0 30px 8px #ffcc60;
  animation: sa-sun 12s ease-in-out infinite alternate;
}
.scn-surrender-after-bronkhorst .ground {
  position:absolute; bottom:0; left:0; right:0; height:50%;
  background: linear-gradient(180deg, #5a4a2a 0%, #3a2a10 100%);
}
.scn-surrender-after-bronkhorst .horseman {
  position:absolute; bottom:40%; left:20%; width:20px; height:40px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: sa-rider 6s ease-in-out infinite;
}
.scn-surrender-after-bronkhorst .horse {
  position:absolute; bottom:35%; left:15%; width:40px; height:25px;
  background: linear-gradient(180deg, #3a3a2a 0%, #2a2a1a 100%);
  border-radius: 40% 20% 30% 40% / 50% 40% 40% 50%;
  animation: sa-horse 6s ease-in-out infinite;
}
.scn-surrender-after-bronkhorst .prisoners {
  position:absolute; bottom:35%; left:60%; width:50px; height:50px;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 10%;
  box-shadow: 0 0 0 7px #3a3a4a, 0 0 0 14px #4a4a5a, 0 0 0 21px #2a2a3a; /* multiple figures */
  animation: sa-prisoners 8s ease-in-out infinite;
}
.scn-surrender-after-bronkhorst .firedrop {
  position:absolute; bottom:20%; left:80%; width:8px; height:8px;
  background: radial-gradient(circle, #ff8844 0%, #cc4400 80%);
  border-radius:50%; box-shadow: 0 0 12px 4px #cc4400;
  animation: sa-fire 4s ease-in-out infinite;
}
@keyframes sa-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes sa-sun { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(4px,-2px) scale(1.03) } 100% { transform: translate(-2px,2px) scale(0.97) } }
@keyframes sa-rider { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes sa-horse { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes sa-prisoners { 0% { transform: translateX(0) } 50% { transform: translateX(-3px) } 100% { transform: translateX(0) } }
@keyframes sa-fire { 0% { transform: scale(1); opacity:0.8 } 50% { transform: scale(1.5); opacity:1 } 100% { transform: scale(0.8); opacity:0.6 } }

/* Scene: colley-moves-to-relief */
.scn-colley-moves-to-relief {
  background: linear-gradient(180deg, #a08860 0%, #c0a878 40%, #d0b888 80%, #b0a068 100%),
              radial-gradient(ellipse at 80% 50%, #e0c880 0%, transparent 60%);
}
.scn-colley-moves-to-relief .sky {
  position:absolute; inset:0 0 55% 0;
  background: linear-gradient(180deg, #6080a0 0%, #90a8c0 50%, #c0d0e0 100%);
  animation: cmr-sky 10s ease-in-out infinite alternate;
}
.scn-colley-moves-to-relief .sun {
  position:absolute; top:15%; left:20%; width:30px; height:30px;
  background: radial-gradient(circle, #ffe090 0%, #ffcc40 60%, transparent 80%);
  border-radius:50%; box-shadow: 0 0 25px 8px #ffcc40;
  animation: cmr-sun 8s ease-in-out infinite alternate;
}
.scn-colley-moves-to-relief .ground {
  position:absolute; bottom:0; left:0; right:0; height:55%;
  background: linear-gradient(180deg, #5a4a2a 0%, #3a2a10 100%);
}
.scn-colley-moves-to-relief .cannon {
  position:absolute; bottom:40%; left:10%; width:50px; height:20px;
  background: linear-gradient(90deg, #3a3a3a 0%, #2a2a2a 100%);
  border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: cmr-cannon 6s ease-in-out infinite;
}
.scn-colley-moves-to-relief .colley {
  position:absolute; bottom:35%; left:30%; width:18px; height:35px;
  background: linear-gradient(180deg, #2a2a4a 0%, #1a1a2a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: cmr-leader 4s ease-in-out infinite;
}
.scn-colley-moves-to-relief .stdbearer {
  position:absolute; bottom:35%; left:45%; width:16px; height:34px;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  box-shadow: 0 0 0 3px #a0461a; /* flag pole with terracotta flag */
  animation: cmr-std 5s ease-in-out infinite;
}
.scn-colley-moves-to-relief .troops {
  position:absolute; bottom:35%; left:55%; width:80px; height:40px;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 10%;
  box-shadow: 10px 0 #3a3a4a, 20px 0 #4a4a5a, 30px 0 #2a2a3a, 40px 0 #3a3a4a;
  animation: cmr-troops 4s ease-in-out infinite;
}
.scn-colley-moves-to-relief .dust {
  position:absolute; bottom:30%; left:20%; width:100px; height:15px;
  background: radial-gradient(ellipse, rgba(200,180,140,0.3) 0%, transparent 100%);
  filter: blur(5px);
  animation: cmr-dust 10s ease-in-out infinite;
}
@keyframes cmr-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes cmr-sun { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(3px,-2px) scale(1.02) } 100% { transform: translate(-2px,1px) scale(0.98) } }
@keyframes cmr-cannon { 0% { transform: rotate(0) } 50% { transform: rotate(2deg) } 100% { transform: rotate(0) } }
@keyframes cmr-leader { 0% { transform: translateX(0) rotate(0) } 50% { transform: translateX(5px) rotate(1deg) } 100% { transform: translateX(10px) rotate(0) } }
@keyframes cmr-std { 0% { transform: rotate(-3deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(-1deg) } }
@keyframes cmr-troops { 0% { transform: translateX(0) } 50% { transform: translateX(4px) } 100% { transform: translateX(8px) } }
@keyframes cmr-dust { 0% { opacity:0.1; transform: scale(1) } 50% { opacity:0.4; transform: scale(1.1) } 100% { opacity:0.1; transform: scale(0.9) } }

/* Scene: battle-of-laings-nek */
.scn-battle-of-laings-nek {
  background: linear-gradient(180deg, #8a7050 0%, #a08860 30%, #b09870 60%, #8a7850 100%),
              radial-gradient(ellipse at 50% 80%, #c0a070 0%, transparent 60%);
}
.scn-battle-of-laings-nek .sky {
  position:absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #4a5a6a 0%, #6a7a8a 50%, #90a0b0 100%);
  animation: lk-sky 14s ease-in-out infinite alternate;
}
.scn-battle-of-laings-nek .sun {
  position:absolute; top:20%; left:30%; width:25px; height:25px;
  background: radial-gradient(circle, #ffd080 0%, #ffb040 60%, transparent 80%);
  border-radius:50%; box-shadow: 0 0 20px 6px #ffb040;
  animation: lk-sun 11s ease-in-out infinite alternate;
}
.scn-battle-of-laings-nek .ground {
  position:absolute; bottom:0; left:0; right:0; height:60%;
  background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%);
}
.scn-battle-of-laings-nek .dead-officer {
  position:absolute; bottom:35%; left:20%; width:20px; height:30px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  transform: rotate(-20deg);
  animation: lk-dead 8s ease-in-out infinite;
}
.scn-battle-of-laings-nek .rifle {
  position:absolute; bottom:30%; left:15%; width:30px; height:3px;
  background: #3a2a1a;
  border-radius: 10%;
  transform: rotate(30deg);
  animation: lk-rifle 6s ease-in-out infinite;
}
.scn-battle-of-laings-nek .hat {
  position:absolute; bottom:42%; left:22%; width:14px; height:6px;
  background: #2a2a1a;
  border-radius: 50% 50% 10% 10%;
  transform: rotate(-15deg);
  animation: lk-hat 7s ease-in-out infinite;
}
.scn-battle-of-laings-nek .retreating-fig {
  position:absolute; bottom:40%; left:70%; width:16px; height:32px;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: lk-retreat 5s ease-in-out infinite;
}
.scn-battle-of-laings-nek .smoke {
  position:absolute; bottom:50%; left:40%; width:40px; height:30px;
  background: radial-gradient(ellipse, rgba(180,170,160,0.3) 0%, transparent 100%);
  filter: blur(8px);
  animation: lk-smoke 12s ease-in-out infinite;
}
@keyframes lk-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes lk-sun { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(-3px,1px) scale(1.02) } 100% { transform: translate(2px,-1px) scale(0.98) } }
@keyframes lk-dead { 0% { transform: rotate(-20deg) } 50% { transform: rotate(-25deg) } 100% { transform: rotate(-20deg) } }
@keyframes lk-rifle { 0% { transform: rotate(30deg) } 50% { transform: rotate(25deg) } 100% { transform: rotate(30deg) } }
@keyframes lk-hat { 0% { transform: rotate(-15deg) translateY(0) } 50% { transform: rotate(-20deg) translateY(-2px) } 100% { transform: rotate(-15deg) translateY(0) } }
@keyframes lk-retreat { 0% { transform: translateX(0) } 50% { transform: translateX(5px) } 100% { transform: translateX(10px) } }
@keyframes lk-smoke { 0% { opacity:0.1; transform: scale(1) } 50% { opacity:0.3; transform: scale(1.2) } 100% { opacity:0.05; transform: scale(0.8) } }

/* ass-hindoo-comparison — warm dim interior, transformation hint */
.scn-ass-hindoo-comparison {
  background:
    linear-gradient(180deg, #2a1a0e 0%, #3a2a1a 40%, #1a0e0a 100%),
    radial-gradient(ellipse at 50% 30%, #6b3a1a 0%, transparent 80%);
}
.scn-ass-hindoo-comparison .bg-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #4a3020 0%, #5a4030 50%, #3a2818 100%);
  animation: ahc-wall 15s ease-in-out infinite alternate;
}
.scn-ass-hindoo-comparison .bg-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a0e05 100%);
}
.scn-ass-hindoo-comparison .diya {
  position: absolute; bottom: 35%; left: 30%; width: 30px; height: 20px;
  background: radial-gradient(circle at 50% 60%, #c8553d 0%, #7a3a20 60%, #2a1a0e 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 0 -4px 8px rgba(200,85,61,0.5);
  animation: ahc-diya 4s ease-in-out infinite alternate;
}
.scn-ass-hindoo-comparison .diya-glow {
  position: absolute; bottom: 38%; left: 28%; width: 80px; height: 60px;
  background: radial-gradient(circle, rgba(200,85,61,0.6) 0%, rgba(200,85,61,0.1) 60%, transparent 100%);
  filter: blur(10px);
  animation: ahc-glow 4s ease-in-out infinite alternate;
}
.scn-ass-hindoo-comparison .figure-hindoo {
  position: absolute; bottom: 25%; left: 45%; width: 24px; height: 60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ahc-figure 6s ease-in-out infinite;
}
.scn-ass-hindoo-comparison .ass-shadow {
  position: absolute; bottom: 20%; left: 60%; width: 50px; height: 40px;
  background: linear-gradient(180deg, rgba(26,14,5,0.9) 0%, rgba(26,14,5,0.5) 100%);
  border-radius: 60% 40% 30% 50% / 50% 60% 40% 50%;
  filter: blur(2px);
  animation: ahc-ass 8s ease-in-out infinite;
}
.scn-ass-hindoo-comparison .tiny-god,
.scn-ass-hindoo-comparison .tiny-god-2 {
  position: absolute; bottom: 30%; width: 8px; height: 12px;
  background: linear-gradient(180deg, #c8553d 0%, #8a4020 100%);
  border-radius: 40% 40% 20% 20%;
  animation: ahc-tinygod 10s ease-in-out infinite;
}
.scn-ass-hindoo-comparison .tiny-god   { left: 35%; animation-delay: 0s; }
.scn-ass-hindoo-comparison .tiny-god-2 { left: 38%; animation-delay: -3s; }
.scn-ass-hindoo-comparison .smoke {
  position: absolute; bottom: 45%; left: 30%; width: 40px; height: 30px;
  background: radial-gradient(ellipse, rgba(200,85,61,0.2) 0%, transparent 70%);
  filter: blur(8px);
  animation: ahc-smoke 12s ease-in-out infinite alternate;
}
@keyframes ahc-wall   { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes ahc-diya   { 0% { transform: scale(1) rotate(-2deg) } 50% { transform: scale(1.1) rotate(2deg) } 100% { transform: scale(1) rotate(0) } }
@keyframes ahc-glow   { 0% { opacity:0.5; transform: scale(0.9) } 50% { opacity:0.9; transform: scale(1.2) } 100% { opacity:0.6; transform: scale(1) } }
@keyframes ahc-figure { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) rotate(2deg) } 100% { transform: translateX(16px) rotate(0) } }
@keyframes ahc-ass   { 0% { transform: translateX(0) scaleX(1) } 25% { transform: translateX(-2px) scaleX(0.95) } 50% { transform: translateX(0) scaleX(1.05) } 75% { transform: translateX(2px) scaleX(1) } 100% { transform: translateX(0) scaleX(1) } }
@keyframes ahc-tinygod { 0% { opacity:0.3; transform: translateY(0) } 50% { opacity:0.8; transform: translateY(-4px) } 100% { opacity:0.4; transform: translateY(2px) } }
@keyframes ahc-smoke  { 0% { transform: translateY(0) scale(1); opacity:0.4 } 50% { transform: translateY(-10px) scale(1.5); opacity:0.1 } 100% { transform: translateY(-20px) scale(2); opacity:0 } }

/* religious-vesuvius — calm dim interior with volcano view */
.scn-religious-vesuvius {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2a4e 50%, #1e1e3a 100%),
    radial-gradient(ellipse at 30% 80%, #4a3a6e 0%, transparent 70%);
}
.scn-religious-vesuvius .bg-room {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%);
}
.scn-religious-vesuvius .window {
  position: absolute; top: 15%; left: 10%; width: 40%; height: 50%;
  background: linear-gradient(180deg, #3a4a6e 0%, #2a3a5e 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 12px rgba(0,0,0,0.5);
  animation: rv-window 20s ease-in-out infinite alternate;
}
.scn-religious-vesuvius .volcano {
  position: absolute; bottom: 10%; left: 20%; width: 120px; height: 100px;
  background: linear-gradient(180deg, #4a3a2e 0%, #2a1a1a 100%);
  clip-path: polygon(20% 100%, 40% 20%, 60% 20%, 80% 100%);
  border-radius: 0 0 30% 30%;
  animation: rv-volcano 30s ease-in-out infinite;
}
.scn-religious-vesuvius .volcano-smoke {
  position: absolute; bottom: 45%; left: 25%; width: 60px; height: 40px;
  background: radial-gradient(ellipse, rgba(200,200,200,0.3) 0%, transparent 80%);
  filter: blur(12px);
  animation: rv-smoke 25s linear infinite alternate;
}
.scn-religious-vesuvius .missionary {
  position: absolute; bottom: 15%; left: 60%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rv-mission 8s ease-in-out infinite;
}
.scn-religious-vesuvius .desk {
  position: absolute; bottom: 8%; left: 55%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #4a3a2e 0%, #2a1a0e 100%);
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
.scn-religious-vesuvius .cross {
  position: absolute; bottom: 20%; left: 62%; width: 4px; height: 24px;
  background: linear-gradient(180deg, #8a6a3a 0%, #6a4a2a 100%);
  box-shadow: 0 0 4px rgba(138,106,58,0.5);
  animation: rv-cross 6s ease-in-out infinite;
}
.scn-religious-vesuvius .cross::after {
  content: '';
  position: absolute; top: 4px; left: -8px; width: 20px; height: 4px;
  background: inherit;
}
.scn-religious-vesuvius .book {
  position: absolute; bottom: 10%; left: 58%; width: 16px; height: 12px;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a2a 100%);
  border-radius: 2px;
  transform: rotate(-10deg);
  animation: rv-book 10s ease-in-out infinite alternate;
}
@keyframes rv-window { 0% { opacity:0.7; transform: scaleX(1) } 50% { opacity:1; transform: scaleX(1.02) } 100% { opacity:0.8; transform: scaleX(0.98) } }
@keyframes rv-volcano { 0% { transform: scaleY(1); opacity:0.8 } 50% { transform: scaleY(1.05); opacity:1 } 100% { transform: scaleY(0.95); opacity:0.9 } }
@keyframes rv-smoke { 0% { transform: translateY(0) scale(1); opacity:0.2 } 50% { transform: translateY(-15px) scale(1.8); opacity:0.5 } 100% { transform: translateY(-30px) scale(2.5); opacity:0 } }
@keyframes rv-mission { 0% { transform: translateY(0) rotate(-2deg) } 30% { transform: translateY(-2px) rotate(1deg) } 60% { transform: translateY(0) rotate(-1deg) } 100% { transform: translateY(2px) rotate(0) } }
@keyframes rv-cross { 0% { transform: rotate(0) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-2deg) } 75% { transform: rotate(1deg) } 100% { transform: rotate(0) } }
@keyframes rv-book { 0% { transform: rotate(-10deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-2px) } 100% { transform: rotate(-12deg) translateY(1px) } }

/* god-maker — calm dim interior, devotee making small gods */
.scn-god-maker {
  background:
    linear-gradient(180deg, #1a1a1a 0%, #2a2a1a 40%, #1a1a0e 100%),
    radial-gradient(ellipse at 50% 60%, #4a3a1e 0%, transparent 80%);
}
.scn-god-maker .bg-workbench {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%);
}
.scn-god-maker .lamp {
  position: absolute; bottom: 40%; left: 20%; width: 24px; height: 30px;
  background: radial-gradient(circle at 50% 20%, #d0a060 0%, #8a6a3a 80%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 -6px 12px rgba(208,160,96,0.4);
  animation: gm-lamp 5s ease-in-out infinite alternate;
}
.scn-god-maker .lamp-glow {
  position: absolute; bottom: 38%; left: 15%; width: 100px; height: 80px;
  background: radial-gradient(circle, rgba(208,160,96,0.3) 0%, transparent 70%);
  filter: blur(15px);
  animation: gm-glow 5s ease-in-out infinite alternate;
}
.scn-god-maker .clay-pile {
  position: absolute; bottom: 30%; left: 45%; width: 50px; height: 30px;
  background: linear-gradient(180deg, #8a5a3a 0%, #6a3a1a 100%);
  border-radius: 60% 40% 30% 50% / 30% 40% 60% 50%;
  animation: gm-clay 12s ease-in-out infinite;
}
.scn-god-maker .hands {
  position: absolute; bottom: 20%; left: 42%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 20% 20%;
  transform: rotate(-15deg);
  animation: gm-hands 4s ease-in-out infinite;
}
.scn-god-maker .god-1,
.scn-god-maker .god-2,
.scn-god-maker .god-3 {
  position: absolute; bottom: 28%; width: 8px; height: 14px;
  background: linear-gradient(180deg, #b8786a 0%, #8a5a4a 100%);
  border-radius: 40% 40% 20% 20%;
  animation: gm-god 8s ease-in-out infinite;
}
.scn-god-maker .god-1   { left: 48%; animation-delay: 0s; }
.scn-god-maker .god-2   { left: 52%; animation-delay: -2s; }
.scn-god-maker .god-3   { left: 56%; animation-delay: -4s; }
.scn-god-maker .rice-grain {
  position: absolute; bottom: 30%; left: 50%; width: 3px; height: 4px;
  background: radial-gradient(circle, #f0e0c0 0%, #d0b890 100%);
  border-radius: 50%;
  filter: blur(1px);
  animation: gm-rice 10s ease-in-out infinite alternate;
}
@keyframes gm-lamp { 0% { transform: scale(1) rotate(-3deg) } 50% { transform: scale(1.05) rotate(3deg) } 100% { transform: scale(0.95) rotate(0) } }
@keyframes gm-glow { 0% { opacity:0.6; transform: scale(0.9) } 50% { opacity:0.9; transform: scale(1.1) } 100% { opacity:0.7; transform: scale(1) } }
@keyframes gm-clay { 0% { transform: translateY(0) scale(1) } 25% { transform: translateY(-2px) scale(1.02) } 50% { transform: translateY(0) scale(0.98) } 75% { transform: translateY(1px) scale(1.01) } 100% { transform: translateY(0) scale(1) } }
@keyframes gm-hands { 0% { transform: rotate(-15deg) translateY(0) } 50% { transform: rotate(-10deg) translateY(-2px) } 100% { transform: rotate(-20deg) translateY(1px) } }
@keyframes gm-god { 0% { opacity:0.5; transform: translateY(0) rotate(0) } 25% { opacity:0.8; transform: translateY(-3px) rotate(10deg) } 50% { opacity:1; transform: translateY(0) rotate(-10deg) } 75% { opacity:0.7; transform: translateY(2px) rotate(5deg) } 100% { opacity:0.5; transform: translateY(0) rotate(0) } }
@keyframes gm-rice { 0% { opacity:0; transform: scale(0) } 50% { opacity:1; transform: scale(1.5) } 100% { opacity:0.3; transform: scale(1) } }

/* ganges-front — warm sunlit, wide horizon with bluffs and architecture */
.scn-ganges-front {
  background:
    linear-gradient(180deg, #8ab4d6 0%, #c6d9e6 30%, #e6d5b8 60%, #c8a870 100%),
    radial-gradient(ellipse at 50% 0%, #f0e6c8 0%, transparent 70%);
}
.scn-ganges-front .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #a0c4e8 0%, #e0c8a0 100%);
  animation: gf-sky 30s ease-in-out infinite alternate;
}
.scn-ganges-front .sun {
  position: absolute; top: 20%; left: 20%; width: 60px; height: 60px;
  background: radial-gradient(circle, #f0e0a0 0%, #d0a040 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(240,224,160,0.4);
  animation: gf-sun 15s ease-in-out infinite alternate;
}
.scn-ganges-front .bluffs {
  position: absolute; bottom: 30%; left: 10%; right: 10%; height: 25%;
  background: linear-gradient(180deg, #a08060 0%, #705040 100%);
  border-radius: 30% 70% 20% 80% / 60% 40% 60% 40%;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: gf-bluffs 20s ease-in-out infinite;
}
.scn-ganges-front .river {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #5a7a8a 0%, #8a9a7a 100%);
  border-radius: 50% 50% 0 0 / 20% 20% 0 0;
  animation: gf-river 25s linear infinite alternate;
}
.scn-ganges-front .temple-group {
  position: absolute; bottom: 28%; left: 20%; width: 80px; height: 40px;
  background: linear-gradient(180deg, #c8a870 0%, #a08050 100%);
  clip-path: polygon(0% 100%, 20% 0%, 80% 0%, 100% 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: gf-temple 12s ease-in-out infinite;
}
.scn-ganges-front .stairway {
  position: absolute; bottom: 25%; left: 42%; width: 40px; height: 50px;
  background: repeating-linear-gradient(0deg, #a08060 0px, #a08060 8px, #705040 8px, #705040 16px);
  border-radius: 4px;
  transform: skewX(-10deg);
  animation: gf-stairs 18s ease-in-out infinite;
}
.scn-ganges-front .palace {
  position: absolute; bottom: 28%; right: 20%; width: 60px; height: 45px;
  background: linear-gradient(180deg, #d0b880 0%, #b09860 100%);
  border-radius: 6px 6px 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  animation: gf-palace 16s ease-in-out infinite alternate;
}
.scn-ganges-front .boat {
  position: absolute; bottom: 12%; left: 35%; width: 30px; height: 10px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%);
  border-radius: 0 0 50% 50%;
  animation: gf-boat 40s linear infinite;
}
@keyframes gf-sky   { 0% { opacity:0.8; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.02) } 100% { opacity:0.9; transform: scaleY(0.98) } }
@keyframes gf-sun   { 0% { transform: translateX(-10px) scale(0.95); opacity:0.8 } 50% { transform: translateX(10px) scale(1.05); opacity:1 } 100% { transform: translateX(-5px) scale(1); opacity:0.9 } }
@keyframes gf-bluffs { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(2px) } }
@keyframes gf-river { 0% { background-position: 0% 0%; opacity:0.8 } 50% { background-position: 5% 0%; opacity:1 } 100% { background-position: 0% 0%; opacity:0.9 } }
@keyframes gf-temple { 0% { transform: translateX(0) scaleY(1) } 25% { transform: translateX(-2px) scaleY(1.02) } 50% { transform: translateX(0) scaleY(0.98) } 75% { transform: translateX(2px) scaleY(1.01) } 100% { transform: translateX(0) scaleY(1) } }
@keyframes gf-stairs { 0% { transform: skewX(-10deg) translateY(0) } 50% { transform: skewX(-8deg) translateY(-2px) } 100% { transform: skewX(-12deg) translateY(1px) } }
@keyframes gf-palace { 0% { transform: translateY(0); opacity:0.9 } 50% { transform: translateY(-2px); opacity:1 } 100% { transform: translateY(1px); opacity:0.95 } }
@keyframes gf-boat { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(40px) rotate(-2deg) } 50% { transform: translateX(80px) rotate(0) } 75% { transform: translateX(120px) rotate(2deg) } 100% { transform: translateX(160px) rotate(0) } }

/* SCENE 1: diamonds-in-crater-well */
.scn-diamonds-in-crater-well {
  background: linear-gradient(180deg, #1a1a2e 0%, #2c1e1a 50%, #0f0f0a 100%),
              radial-gradient(ellipse at 50% 20%, #3a2a1e 0%, transparent 60%);
}
.scn-diamonds-in-crater-well .lamp-glow {
  position: absolute; top: 8%; left: 50%; width: 30px; height: 30px;
  transform: translateX(-50%); background: radial-gradient(circle, #d4a054 0%, #8a6028 30%, transparent 60%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(180, 120, 40, 0.6);
  animation: dcw-lamp 4s ease-in-out infinite alternate;
}
.scn-diamonds-in-crater-well .well-left {
  position: absolute; left: 10%; top: 30%; width: 12%; height: 70%;
  background: linear-gradient(90deg, #2b2418 0%, #1a140e 100%);
  border-radius: 8px 4px 4px 8px; box-shadow: inset -4px 0 8px rgba(0,0,0,0.7);
  transform: perspective(400px) rotateY(4deg);
}
.scn-diamonds-in-crater-well .well-right {
  position: absolute; right: 10%; top: 30%; width: 12%; height: 70%;
  background: linear-gradient(270deg, #2b2418 0%, #1a140e 100%);
  border-radius: 4px 8px 8px 4px; box-shadow: inset 4px 0 8px rgba(0,0,0,0.7);
  transform: perspective(400px) rotateY(-4deg);
}
.scn-diamonds-in-crater-well .rubbish-fill {
  position: absolute; bottom: 20%; left: 22%; right: 22%; height: 20%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e12 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.8);
  animation: dcw-rubbish 12s ease-in-out infinite alternate;
}
.scn-diamonds-in-crater-well .diamond {
  position: absolute; width: 8px; height: 8px; background: radial-gradient(circle, #e0e8ff 0%, #8090c0 50%, transparent 80%);
  border-radius: 50%; box-shadow: 0 0 12px 4px rgba(160, 180, 255, 0.5);
  animation: dcw-sparkle 2.4s ease-in-out infinite;
}
.scn-diamonds-in-crater-well .d-a { top: 55%; left: 38%; animation-delay: 0s; }
.scn-diamonds-in-crater-well .d-b { top: 65%; left: 55%; animation-delay: 0.8s; }
.scn-diamonds-in-crater-well .d-c { top: 60%; left: 48%; animation-delay: 1.6s; }
.scn-diamonds-in-crater-well .ladder {
  position: absolute; left: 34%; bottom: 30%; width: 6px; height: 50%;
  background: linear-gradient(180deg, #5a4a30 0%, #3a2a18 100%);
  border-radius: 3px; transform: rotate(2deg);
  box-shadow: 8px 0 0 #3a2a18, 8px 4px 0 #2a1a0e, 16px 0 0 #3a2a18, 16px 4px 0 #2a1a0e;
  animation: dcw-ladder 15s ease-in-out infinite alternate;
}
@keyframes dcw-lamp { 0% { opacity: 0.7; transform: translateX(-50%) scale(0.95); } 50% { opacity: 1; transform: translateX(-50%) scale(1.05); } 100% { opacity: 0.8; transform: translateX(-50%) scale(0.98); } }
@keyframes dcw-rubbish { 0% { opacity: 0.8; } 50% { opacity: 0.6; } 100% { opacity: 0.9; } }
@keyframes dcw-sparkle { 0% { opacity: 0.2; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.5) rotate(180deg); } 100% { opacity: 0.3; transform: scale(0.8) rotate(360deg); } }
@keyframes dcw-ladder { 0% { transform: rotate(-1deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(0deg); } }

/* SCENE 2: kimberley-crater-size-and-depth */
.scn-kimberley-crater-size-and-depth {
  background: linear-gradient(180deg, #1e1e3a 0%, #0a0a1a 40%, #050510 100%),
              radial-gradient(ellipse at 50% 60%, #2a2a4e 0%, transparent 70%);
}
.scn-kimberley-crater-size-and-depth .crater-rim {
  position: absolute; top: 15%; left: 10%; right: 10%; bottom: 40%;
  border-radius: 50%; background: radial-gradient(ellipse at 50% 30%, #3a3a5a 0%, #1a1a2e 60%, transparent 80%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.8); animation: kcs-rim 20s ease-in-out infinite alternate;
}
.scn-kimberley-crater-size-and-depth .inner-wall {
  position: absolute; top: 20%; left: 15%; right: 15%; bottom: 45%;
  border-radius: 50%; background: radial-gradient(ellipse at 50% 100%, #2a2a4a 0%, #1a1a30 50%, transparent 80%);
  box-shadow: inset 0 -10px 30px rgba(0,0,0,0.9);
  animation: kcs-wall 25s ease-in-out infinite alternate;
}
.scn-kimberley-crater-size-and-depth .void-depth {
  position: absolute; top: 30%; left: 30%; right: 30%; bottom: 50%;
  border-radius: 50%; background: radial-gradient(circle at 50% 100%, #0a0a1a 0%, #000010 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,1), 0 0 60px 30px rgba(0,0,20,0.5);
  animation: kcs-void 30s ease-in-out infinite alternate;
}
.scn-kimberley-crater-size-and-depth .scale-figure {
  position: absolute; top: 15%; left: 48%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #2a2a3a 0%, #10101a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: kcs-figure 6s ease-in-out infinite alternate;
}
.scn-kimberley-crater-size-and-depth .rim-light {
  position: absolute; top: 12%; left: 50%; width: 10px; height: 10px;
  background: radial-gradient(circle, #807080 0%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 20px 8px rgba(100,80,100,0.4);
  transform: translateX(-50%); animation: kcs-light 5s ease-in-out infinite alternate;
}
@keyframes kcs-rim { 0% { opacity: 0.5; transform: scale(0.98); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.7; transform: scale(0.99); } }
@keyframes kcs-wall { 0% { opacity: 0.6; transform: scale(0.95); } 50% { opacity: 0.9; transform: scale(1.03); } 100% { opacity: 0.7; transform: scale(0.98); } }
@keyframes kcs-void { 0% { opacity: 0.8; filter: blur(2px); } 50% { opacity: 1; filter: blur(0px); } 100% { opacity: 0.6; filter: blur(4px); } }
@keyframes kcs-figure { 0% { transform: translateX(-2px) translateY(0); } 50% { transform: translateX(0) translateY(-2px); } 100% { transform: translateX(2px) translateY(0); } }
@keyframes kcs-light { 0% { opacity: 0.5; transform: translateX(-50%) scale(0.9); } 50% { opacity: 1; transform: translateX(-50%) scale(1.2); } 100% { opacity: 0.7; transform: translateX(-50%) scale(0.95); } }

/* SCENE 3: de-beers-craters */
.scn-de-beers-craters {
  background: linear-gradient(180deg, #2c2c44 0%, #1a1a2a 60%, #0a0a14 100%),
              radial-gradient(ellipse at 50% 100%, #3a3a5a 0%, transparent 70%);
}
.scn-de-beers-craters .sky-back {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #1e1e36 0%, #2a2a44 100%);
  animation: dbc-sky 30s ease-in-out infinite alternate;
}
.scn-de-beers-craters .ground-back {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #2b2420 0%, #1a1410 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.8);
}
.scn-de-beers-craters .crater {
  position: absolute; bottom: 35%; width: 120px; height: 60px;
  border-radius: 50%; background: radial-gradient(ellipse at 50% 100%, #2a1e1a 0%, #1a0e0a 100%);
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.9), 0 4px 8px rgba(0,0,0,0.5);
  transform: scale(0.9);
}
.scn-de-beers-craters .crater-a { left: 12%; animation: dbc-crater-a 18s ease-in-out infinite alternate; }
.scn-de-beers-craters .crater-b { left: 40%; width: 100px; height: 50px; animation: dbc-crater-b 22s ease-in-out infinite alternate; }
.scn-de-beers-craters .crater-c { right: 15%; width: 110px; height: 55px; animation: dbc-crater-c 20s ease-in-out infinite alternate; }
.scn-de-beers-craters .mine-headgear {
  position: absolute; bottom: 40%; left: 55%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #4a4030 0%, #2a2018 100%);
  border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  transform: perspective(200px) rotateX(5deg);
  animation: dbc-headgear 14s ease-in-out infinite alternate;
}
.scn-de-beers-craters .truck {
  position: absolute; bottom: 33%; left: 25%; width: 24px; height: 12px;
  background: #3a2e22; border-radius: 4px;
  box-shadow: 0 2px 0 #1a140e, 8px 0 0 #3a2e22, 8px 2px 0 #1a140e;
  animation: dbc-truck 16s ease-in-out infinite alternate;
}
@keyframes dbc-sky { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes dbc-crater-a { 0% { transform: scale(0.9) translateY(0); } 50% { transform: scale(1) translateY(-2px); } 100% { transform: scale(0.92) translateY(1px); } }
@keyframes dbc-crater-b { 0% { transform: scale(0.85) translateY(2px); } 50% { transform: scale(0.95) translateY(0); } 100% { transform: scale(0.88) translateY(1px); } }
@keyframes dbc-crater-c { 0% { transform: scale(0.9) translateY(-1px); } 50% { transform: scale(1.02) translateY(0); } 100% { transform: scale(0.93) translateY(2px); } }
@keyframes dbc-headgear { 0% { transform: perspective(200px) rotateX(4deg) scale(0.95); } 50% { transform: perspective(200px) rotateX(6deg) scale(1); } 100% { transform: perspective(200px) rotateX(5deg) scale(0.97); } }
@keyframes dbc-truck { 0% { transform: translateX(0); } 50% { transform: translateX(4px); } 100% { transform: translateX(-2px); } }

/* SCENE 4: boundary-rectification */
.scn-boundary-rectification {
  background: linear-gradient(180deg, #1e1820 0%, #121018 50%, #0a080e 100%),
              radial-gradient(circle at 60% 40%, #3a2a34 0%, transparent 70%);
}
.scn-boundary-rectification .map-sheet {
  position: absolute; top: 10%; left: 10%; right: 10%; bottom: 10%;
  background: linear-gradient(135deg, #2a2820 0%, #36322a 50%, #201c16 100%);
  border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,0.8), inset 0 2px 4px rgba(255,240,200,0.05);
  transform: rotate(-0.5deg); animation: br-map 40s ease-in-out infinite alternate;
}
.scn-boundary-rectification .boundary-line {
  position: absolute; top: 35%; left: 20%; right: 20%; height: 2px;
  background: repeating-linear-gradient(90deg, #806040 0px, #806040 6px, transparent 6px, transparent 12px);
  box-shadow: 0 2px 0 #403020; transform: rotate(-2deg);
  animation: br-line 12s ease-in-out infinite alternate;
}
.scn-boundary-rectification .diamond-mark {
  position: absolute; width: 10px; height: 10px;
  background: radial-gradient(circle, #b0b8d0 0%, #606880 60%, transparent 80%);
  border-radius: 50%; box-shadow: 0 0 12px 6px rgba(100,120,180,0.4);
  animation: br-mark 3s ease-in-out infinite;
}
.scn-boundary-rectification .m-a { top: 30%; left: 35%; animation-delay: 0s; }
.scn-boundary-rectification .m-b { top: 40%; left: 60%; animation-delay: 1s; }
.scn-boundary-rectification .compass-needle {
  position: absolute; bottom: 25%; right: 20%; width: 4px; height: 30px;
  background: linear-gradient(180deg, #a08050 0%, #604020 100%);
  border-radius: 2px; transform-origin: bottom center; transform: rotate(30deg);
  box-shadow: 0 0 6px 2px rgba(160,120,80,0.3);
  animation: br-compass 18s ease-in-out infinite alternate;
}
.scn-boundary-rectification .map-lantern {
  position: absolute; top: 15%; left: 15%; width: 14px; height: 20px;
  background: linear-gradient(180deg, #c09050 0%, #7a5028 100%);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 0 30px 10px rgba(180,130,60,0.5);
  animation: br-lantern 5s ease-in-out infinite alternate;
}
@keyframes br-map { 0% { transform: rotate(-0.3deg) scale(0.98); } 50% { transform: rotate(0.2deg) scale(1); } 100% { transform: rotate(-0.8deg) scale(0.99); } }
@keyframes br-line { 0% { opacity: 0.6; transform: rotate(-1deg) translateX(0); } 50% { opacity: 1; transform: rotate(-2.5deg) translateX(4px); } 100% { opacity: 0.8; transform: rotate(-0.5deg) translateX(-2px); } }
@keyframes br-mark { 0% { opacity: 0.3; transform: scale(0.6) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(180deg); } 100% { opacity: 0.4; transform: scale(0.8) rotate(360deg); } }
@keyframes br-compass { 0% { transform: rotate(25deg) scale(1); } 50% { transform: rotate(35deg) scale(1.05); } 100% { transform: rotate(28deg) scale(0.95); } }
@keyframes br-lantern { 0% { opacity: 0.7; transform: scale(1); filter: blur(0px); } 50% { opacity: 1; transform: scale(1.1); filter: blur(1px); } 100% { opacity: 0.8; transform: scale(0.95); filter: blur(0px); } }

.scn-pilgrimage-roads {
  background: linear-gradient(180deg, #87CEEB 0%, #F0E68C 40%, #DEB887 100%), radial-gradient(ellipse at 50% 0%, #FFF5EE 0%, transparent 60%);
}
.scn-pilgrimage-roads .sky {
  position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 100%); animation: pr-sky 20s ease-in-out infinite alternate;
}
.scn-pilgrimage-roads .sun {
  position:absolute; top:10%; left:45%; width:60px; height:60px; background: radial-gradient(circle, #FFF8DC 0%, #FFD700 40%, transparent 70%); border-radius:50%; box-shadow:0 0 80px 20px #FFD700; animation: pr-sun 8s ease-in-out infinite alternate;
}
.scn-pilgrimage-roads .plain {
  position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #DEB887 0%, #D2B48C 50%, #C4A882 100%); border-radius:30% 70% 0 0 / 20% 40% 0 0;
}
.scn-pilgrimage-roads .road {
  position:absolute; bottom:20%; left:0; right:0; height:8%; background: linear-gradient(180deg, #B8860B 0%, #DAA520 100%); box-shadow:0 -2px 6px rgba(0,0,0,0.1); animation: pr-road 30s linear infinite;
}
.scn-pilgrimage-roads .river {
  position:absolute; bottom:42%; left:10%; width:80%; height:4%; background: linear-gradient(90deg, #4682B4 0%, #87CEEB 50%, #4682B4 100%); border-radius:0 50% 50% 0 / 0 100% 100% 0; filter:blur(1px); animation: pr-river 12s ease-in-out infinite alternate;
}
.scn-pilgrimage-roads .fort {
  position:absolute; bottom:35%; right:15%; width:80px; height:60px; background: linear-gradient(180deg, #A0522D 0%, #8B4513 100%); border-radius:10% 10% 0 0; box-shadow:inset 0 4px 8px rgba(0,0,0,0.3); animation: pr-fort 10s ease-in-out infinite;
}
.scn-pilgrimage-roads .crowd {
  position:absolute; bottom:15%; left:0; right:0; height:12%; background: repeating-linear-gradient(90deg, transparent 0px, #D2B48C 2px, #CD853F 4px, transparent 6px); background-size: 30px 100%; opacity:0.7; animation: pr-crowd 25s linear infinite;
}
.scn-pilgrimage-roads .dust {
  position:absolute; bottom:10%; left:0; right:0; height:20%; background: radial-gradient(ellipse at 50% 100%, rgba(210,180,140,0.4) 0%, transparent 60%); filter:blur(4px); animation: pr-dust 15s ease-in-out infinite alternate;
}
@keyframes pr-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes pr-sun { 0% { transform: scale(0.95); box-shadow: 0 0 60px 15px #FFD700 } 50% { transform: scale(1.05); box-shadow: 0 0 100px 25px #FFD700 } 100% { transform: scale(0.95); box-shadow: 0 0 60px 15px #FFD700 } }
@keyframes pr-road { 0% { background-position: 0 0 } 100% { background-position: -100px 0 } }
@keyframes pr-river { 0% { opacity:0.7; transform: scaleY(1) } 50% { opacity:0.9; transform: scaleY(1.1) } 100% { opacity:0.7; transform: scaleY(1) } }
@keyframes pr-fort { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes pr-crowd { 0% { background-position: 0 0 } 100% { background-position: -60px 0 } }
@keyframes pr-dust { 0% { opacity:0.3; transform: translateY(0) } 50% { opacity:0.6; transform: translateY(-5px) } 100% { opacity:0.3; transform: translateY(0) } }

.scn-power-of-faith {
  background: linear-gradient(180deg, #FFD700 0%, #FFA500 30%, #8B4513 100%), radial-gradient(ellipse at 50% 100%, #FFA500 0%, transparent 70%);
}
.scn-power-of-faith .sky-pof {
  position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #FFD700 0%, #FFA500 100%); animation: pof-sky 20s ease-in-out infinite alternate;
}
.scn-power-of-faith .sun-pof {
  position:absolute; top:8%; left:45%; width:70px; height:70px; background: radial-gradient(circle, #FFF8DC 0%, #FFD700 40%, transparent 70%); border-radius:50%; box-shadow:0 0 100px 30px #FFD700; animation: pof-sun 6s ease-in-out infinite alternate;
}
.scn-power-of-faith .horizon-pof {
  position:absolute; bottom:38%; left:0; right:0; height:2%; background: #8B4513; filter:blur(2px);
}
.scn-power-of-faith .pilgrim-body {
  position:absolute; bottom:10%; left:30%; width:30px; height:70px; background: linear-gradient(180deg, #2F1A0E 0%, #1A0D06 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pof-walk 4s ease-in-out infinite;
}
.scn-power-of-faith .pilgrim-staff {
  position:absolute; bottom:10%; left:23%; width:4px; height:80px; background: #5C4033; border-radius:2px; transform:rotate(15deg); transform-origin: bottom center; animation: pof-staff 4s ease-in-out infinite;
}
.scn-power-of-faith .dust-motes-pof {
  position:absolute; top:20%; left:20%; right:20%; height:60%; background: radial-gradient(circle at 30% 50%, rgba(255,215,0,0.3) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(255,215,0,0.2) 0%, transparent 50%); filter:blur(6px); animation: pof-dust 12s ease-in-out infinite alternate;
}
.scn-power-of-faith .ground-pof {
  position:absolute; bottom:0; left:0; right:0; height:12%; background: linear-gradient(180deg, #8B4513 0%, #654321 100%); border-radius:30% 30% 0 0;
}
@keyframes pof-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes pof-sun { 0% { transform: scale(0.95); box-shadow: 0 0 80px 20px #FFD700 } 50% { transform: scale(1.1); box-shadow: 0 0 120px 30px #FFD700 } 100% { transform: scale(0.95); box-shadow: 0 0 80px 20px #FFD700 } }
@keyframes pof-walk { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(8px) translateY(-2px) rotate(1deg) } 50% { transform: translateX(16px) translateY(0) rotate(-1deg) } 75% { transform: translateX(24px) translateY(-2px) rotate(2deg) } 100% { transform: translateX(32px) translateY(0) rotate(0) } }
@keyframes pof-staff { 0% { transform: rotate(12deg) } 25% { transform: rotate(18deg) } 50% { transform: rotate(12deg) } 75% { transform: rotate(18deg) } 100% { transform: rotate(12deg) } }
@keyframes pof-dust { 0% { opacity:0.2; transform: scale(1) } 50% { opacity:0.6; transform: scale(1.1) } 100% { opacity:0.2; transform: scale(1) } }

.scn-fair-two-million {
  background: linear-gradient(180deg, #87CEEB 0%, #F5DEB3 40%, #DEB887 100%), radial-gradient(ellipse at 50% 0%, #FFF5EE 0%, transparent 60%);
}
.scn-fair-two-million .sky-ftm {
  position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 100%); animation: ftm-sky 25s ease-in-out infinite alternate;
}
.scn-fair-two-million .sun-ftm {
  position:absolute; top:12%; left:50%; width:50px; height:50px; background: radial-gradient(circle, #FFF8DC 0%, #FFD700 40%, transparent 70%); border-radius:50%; box-shadow:0 0 70px 15px #FFD700; animation: ftm-sun 7s ease-in-out infinite alternate;
}
.scn-fair-two-million .plain-ftm {
  position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #DEB887 0%, #D2B48C 50%, #C4A882 100%); border-radius:20% 80% 0 0 / 30% 50% 0 0;
}
.scn-fair-two-million .river-ftm {
  position:absolute; bottom:30%; left:15%; width:70%; height:3%; background: linear-gradient(90deg, #4682B4 0%, #87CEEB 50%, #4682B4 100%); border-radius:50%; filter:blur(2px); animation: ftm-river 15s ease-in-out infinite alternate;
}
.scn-fair-two-million .crowd-ftm {
  position:absolute; bottom:12%; left:0; right:0; height:18%; background: repeating-linear-gradient(90deg, transparent 0px, #8B7355 2px, #A08060 4px, transparent 6px); background-size: 12px 100%; opacity:0.5; animation: ftm-crowd 35s linear infinite;
}
.scn-fair-two-million .haze-ftm {
  position:absolute; bottom:0; left:0; right:0; height:40%; background: radial-gradient(ellipse at 50% 100%, rgba(210,180,140,0.3) 0%, transparent 60%); filter:blur(8px); animation: ftm-haze 20s ease-in-out infinite alternate;
}
.scn-fair-two-million .temple-ftm {
  position:absolute; bottom:38%; left:20%; width:40px; height:50px; background: linear-gradient(180deg, #CD853F 0%, #8B4513 100%); border-radius:10% 10% 0 0; box-shadow:inset 0 2px 6px rgba(0,0,0,0.3); animation: ftm-temple 12s ease-in-out infinite;
}
@keyframes ftm-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ftm-sun { 0% { transform: scale(0.9); box-shadow: 0 0 50px 10px #FFD700 } 50% { transform: scale(1.1); box-shadow: 0 0 90px 20px #FFD700 } 100% { transform: scale(0.9); box-shadow: 0 0 50px 10px #FFD700 } }
@keyframes ftm-river { 0% { opacity:0.5; transform: scaleY(1) translateX(0) } 50% { opacity:0.8; transform: scaleY(1.2) translateX(10px) } 100% { opacity:0.5; transform: scaleY(1) translateX(0) } }
@keyframes ftm-crowd { 0% { background-position: 0 0 } 100% { background-position: -24px 0 } }
@keyframes ftm-haze { 0% { opacity:0.2; transform: translateY(0) } 50% { opacity:0.5; transform: translateY(-8px) } 100% { opacity:0.2; transform: translateY(0) } }
@keyframes ftm-temple { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }

.scn-ganges-closed {
  background: linear-gradient(180deg, #3E2723 0%, #5D4037 50%, #4E342E 100%), radial-gradient(ellipse at 50% 100%, #3E2723 0%, transparent 70%);
}
.scn-ganges-closed .wall-bg-gc {
  position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #795548 0%, #5D4037 100%); box-shadow:inset 0 -10px 20px rgba(0,0,0,0.5);
}
.scn-ganges-closed .floor-gc {
  position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #4E342E 0%, #3E2723 100%); border-radius:10% 10% 0 0;
}
.scn-ganges-closed .table-gc {
  position:absolute; bottom:18%; left:30%; width:120px; height:30px; background: linear-gradient(180deg, #6D4C41 0%, #4E342E 100%); border-radius:4px; box-shadow:0 4px 10px rgba(0,0,0,0.6); animation: gc-table 15s ease-in-out infinite;
}
.scn-ganges-closed .lamp-gc {
  position:absolute; bottom:40%; left:35%; width:20px; height:30px; background: radial-gradient(circle at 50% 100%, #FFB300 0%, #FF8F00 60%, transparent 80%); border-radius:50% 50% 20% 20%; box-shadow:0 0 50px 20px #FFB300, 0 0 100px 30px rgba(255,179,0,0.3); animation: gc-lamp 3s ease-in-out infinite alternate;
}
.scn-ganges-closed .brahmin-gc {
  position:absolute; bottom:12%; left:40%; width:30px; height:65px; background: linear-gradient(180deg, #2F1A0E 0%, #1A0D06 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gc-brahmin 6s ease-in-out infinite;
}
.scn-ganges-closed .scrolls-gc {
  position:absolute; bottom:20%; left:20%; width:50px; height:15px; background: linear-gradient(90deg, #D7CCC8 0%, #BCAAA4 100%); border-radius:2px; box-shadow:0 2px 4px rgba(0,0,0,0.3); animation: gc-scrolls 20s linear infinite;
}
.scn-ganges-closed .door-gc {
  position:absolute; bottom:25%; right:10%; width:40px; height:70px; background: linear-gradient(180deg, #4E342E 0%, #3E2723 100%); border-radius:4px 4px 0 0; box-shadow:inset 0 0 10px rgba(0,0,0,0.5); animation: gc-door 12s ease-in-out infinite alternate;
}
@keyframes gc-table { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes gc-lamp { 0% { opacity:0.8; box-shadow: 0 0 40px 15px #FFB300, 0 0 80px 20px rgba(255,179,0,0.3) } 50% { opacity:1; box-shadow: 0 0 60px 25px #FFB300, 0 0 120px 40px rgba(255,179,0,0.4) } 100% { opacity:0.9; box-shadow: 0 0 45px 18px #FFB300, 0 0 90px 25px rgba(255,179,0,0.35) } }
@keyframes gc-brahmin { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(4px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes gc-scrolls { 0% { background-position: 0 0; opacity:0.7 } 50% { background-position: -30px 0; opacity:0.9 } 100% { background-position: -60px 0; opacity:0.7 } }
@keyframes gc-door { 0% { opacity:0.3; transform: scaleX(1) } 50% { opacity:0.6; transform: scaleX(1.05) } 100% { opacity:0.3; transform: scaleX(1) } }

.scn-modesty-quote {
  background: linear-gradient(180deg, #2c2824 0%, #1a1714 50%, #0d0b0a 100%),
              radial-gradient(ellipse at 50% 100%, #4a3e32 0%, transparent 60%);
}
.scn-modesty-quote .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(135deg, #3d352e 0%, #1e1a17 100%);
  box-shadow: inset 0 0 40px #00000033;
}
.scn-modesty-quote .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #2a241f 0%, #151210 100%);
}
.scn-modesty-quote .pedestal {
  position: absolute; bottom: 25%; left: 50%; width: 40px; height: 60px; transform: translateX(-50%);
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 4px 8px #00000066;
}
.scn-modesty-quote .statue {
  position: absolute; bottom: 42%; left: 50%; width: 24px; height: 40px; transform: translateX(-50%);
  background: linear-gradient(180deg, #4a4038 0%, #1f1c18 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: mq-statue 6s ease-in-out infinite;
}
.scn-modesty-quote .leaf {
  position: absolute; bottom: 44%; left: 48%; width: 10px; height: 6px; transform: rotate(20deg);
  background: #6f5e4a;
  border-radius: 90% 10% 90% 10% / 50% 50% 50% 50%;
  opacity: 0.8;
  animation: mq-leaf 5s ease-in-out infinite;
}
.scn-modesty-quote .lamp {
  position: absolute; bottom: 10%; left: 30%; width: 8px; height: 12px;
  background: radial-gradient(circle, #d4a050 0%, #b08030 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 20px 6px #d4a05066, 0 0 40px 12px #d4a05033;
  animation: mq-lamp 4s ease-in-out infinite alternate;
}
.scn-modesty-quote .shadow {
  position: absolute; bottom: 24%; left: 42%; width: 40px; height: 8px;
  background: #00000044;
  border-radius: 50%;
  filter: blur(3px);
  animation: mq-shadow 6s ease-in-out infinite;
}
@keyframes mq-statue {
  0% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-2px); }
  100% { transform: translateX(-50%) translateY(0); }
}
@keyframes mq-leaf {
  0% { transform: rotate(20deg) translate(0,0); opacity: 0.7; }
  50% { transform: rotate(30deg) translate(2px,-4px); opacity: 1; }
  100% { transform: rotate(20deg) translate(0,0); opacity: 0.7; }
}
@keyframes mq-lamp {
  0% { box-shadow: 0 0 12px 4px #d4a05066, 0 0 24px 8px #d4a05033; opacity: 0.8; }
  50% { box-shadow: 0 0 24px 8px #eebb66aa, 0 0 48px 16px #eebb6655; opacity: 1; }
  100% { box-shadow: 0 0 14px 5px #d4a05066, 0 0 28px 10px #d4a05033; opacity: 0.85; }
}
@keyframes mq-shadow {
  0% { transform: scaleX(1); opacity: 0.3; }
  50% { transform: scaleX(1.2) translateX(4px); opacity: 0.5; }
  100% { transform: scaleX(1); opacity: 0.3; }
}

.scn-journey-benares {
  background: linear-gradient(180deg, #f6e1b0 0%, #d4c29a 30%, #b5a07d 60%, #8a7b64 100%),
              radial-gradient(ellipse at 80% 20%, #fff4d6 0%, transparent 50%);
}
.scn-journey-benares .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #fce8b8 0%, #edd29a 60%, #c9b48e 100%);
}
.scn-journey-benares .sun {
  position: absolute; top: 15%; right: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffeaa0 0%, #ffcc66 60%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px #ffcc6644;
  animation: jb-sun 8s ease-in-out infinite alternate;
}
.scn-journey-benares .road {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #b09570 0%, #88755a 100%);
}
.scn-journey-benares .dust-a {
  position: absolute; bottom: 30%; left: 10%; width: 60px; height: 20px;
  background: rgba(255, 240, 200, 0.3);
  border-radius: 50%;
  filter: blur(8px);
  animation: jb-dust-a 12s linear infinite;
}
.scn-journey-benares .dust-b {
  position: absolute; bottom: 35%; right: 15%; width: 40px; height: 12px;
  background: rgba(255, 240, 200, 0.25);
  border-radius: 50%;
  filter: blur(6px);
  animation: jb-dust-b 18s linear infinite;
}
.scn-journey-benares .figure {
  position: absolute; bottom: 15%; left: 40%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #3a352e 0%, #1f1c18 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: jb-walk 6s ease-in-out infinite;
}
.scn-journey-benares .tree {
  position: absolute; bottom: 30%; right: 10%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #5d4f3e 0%, #3d3226 100%);
  border-radius: 20% 20% 50% 50% / 40% 40% 60% 60%;
  animation: jb-tree 8s ease-in-out infinite alternate;
}
@keyframes jb-sun {
  0% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.85; }
}
@keyframes jb-dust-a {
  0% { transform: translateX(-20px) translateY(5px); opacity: 0.3; }
  50% { transform: translateX(20px) translateY(-3px); opacity: 0.6; }
  100% { transform: translateX(-30px) translateY(8px); opacity: 0.2; }
}
@keyframes jb-dust-b {
  0% { transform: translateX(10px) translateY(-2px); opacity: 0.2; }
  50% { transform: translateX(-15px) translateY(6px); opacity: 0.5; }
  100% { transform: translateX(20px) translateY(-4px); opacity: 0.15; }
}
@keyframes jb-walk {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(8px) rotate(2deg); }
  50% { transform: translateX(16px) rotate(-2deg); }
  75% { transform: translateX(24px) rotate(2deg); }
  100% { transform: translateX(32px) rotate(0deg); }
}
@keyframes jb-tree {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); }
}

.scn-station-spectacle {
  background: linear-gradient(180deg, #deba74 0%, #c29b5b 40%, #a87f4a 70%, #7a5c33 100%),
              radial-gradient(ellipse at 50% 0%, #f5e1a0 0%, transparent 60%);
}
.scn-station-spectacle .platform {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8d734a 0%, #6b5535 100%);
}
.scn-station-spectacle .canopy {
  position: absolute; top: 0; left: 5%; right: 5%; height: 15%;
  background: linear-gradient(135deg, #d4bc7a 0%, #b89a5e 100%);
  border-radius: 0 0 60% 60% / 0 0 80% 80%;
  box-shadow: 0 8px 16px #00000033;
  transform: perspective(400px) rotateX(5deg);
}
.scn-station-spectacle .crowd {
  position: absolute; bottom: 5%; left: 10%; right: 10%; height: 35%;
  background:
    radial-gradient(circle at 10% 20%, #2e2a24 10px, transparent 12px),
    radial-gradient(circle at 25% 30%, #2e2a24 8px, transparent 10px),
    radial-gradient(circle at 40% 15%, #2e2a24 9px, transparent 11px),
    radial-gradient(circle at 55% 25%, #2e2a24 7px, transparent 9px),
    radial-gradient(circle at 70% 20%, #2e2a24 10px, transparent 12px),
    radial-gradient(circle at 85% 28%, #2e2a24 8px, transparent 10px);
  filter: blur(1px);
  animation: ss-crowd 5s ease-in-out infinite;
}
.scn-station-spectacle .gems {
  position: absolute; top: 20%; left: 0; right: 0; height: 40%;
  background:
    radial-gradient(circle at 15% 30%, #f0d050 2px, transparent 4px),
    radial-gradient(circle at 35% 50%, #e8b83a 3px, transparent 5px),
    radial-gradient(circle at 50% 25%, #f8c860 2px, transparent 4px),
    radial-gradient(circle at 65% 45%, #e0a030 3px, transparent 5px),
    radial-gradient(circle at 80% 35%, #f0c040 2px, transparent 4px);
  animation: ss-gems 4s ease-in-out infinite alternate;
}
.scn-station-spectacle .steam-a {
  position: absolute; top: 12%; left: 20%; width: 50px; height: 30px;
  background: rgba(255, 255, 240, 0.25);
  border-radius: 50%;
  filter: blur(10px);
  animation: ss-steam-a 14s linear infinite;
}
.scn-station-spectacle .steam-b {
  position: absolute; top: 8%; right: 15%; width: 40px; height: 20px;
  background: rgba(255, 255, 240, 0.2);
  border-radius: 50%;
  filter: blur(8px);
  animation: ss-steam-b 18s linear infinite reverse;
}
.scn-station-spectacle .train {
  position: absolute; bottom: 20%; left: 5%; width: 90px; height: 40px;
  background: linear-gradient(90deg, #3a3229 0%, #1f1a16 100%);
  border-radius: 20% 20% 10% 10% / 80% 80% 20% 20%;
  box-shadow: 0 8px 12px #00000044;
  animation: ss-train 2s ease-in-out infinite;
}
@keyframes ss-crowd {
  0% { transform: translateX(0); }
  50% { transform: translateX(3px); }
  100% { transform: translateX(-3px); }
}
@keyframes ss-gems {
  0% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0.7; transform: scale(0.95); }
}
@keyframes ss-steam-a {
  0% { transform: translate(-10px, 5px); opacity: 0.2; }
  50% { transform: translate(30px, -15px); opacity: 0.6; }
  100% { transform: translate(-20px, 10px); opacity: 0.1; }
}
@keyframes ss-steam-b {
  0% { transform: translate(5px, -2px); opacity: 0.15; }
  50% { transform: translate(-20px, 8px); opacity: 0.5; }
  100% { transform: translate(15px, -6px); opacity: 0.1; }
}
@keyframes ss-train {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

.scn-palanquins-zenana {
  background: linear-gradient(180deg, #f7e5b8 0%, #d6c49a 40%, #b8a37e 70%, #8a7a5e 100%),
              radial-gradient(ellipse at 70% 30%, #fff6d6 0%, transparent 50%);
}
.scn-palanquins-zenana .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #bfa67a 0%, #9c8460 100%);
}
.scn-palanquins-zenana .palanquin-a {
  position: absolute; bottom: 20%; left: 15%; width: 60px; height: 50px;
  background: linear-gradient(135deg, #e8d0a8 0%, #c4a67a 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 0 6px 10px #00000033;
  animation: pz-palanquin 6s ease-in-out infinite alternate;
}
.scn-palanquins-zenana .palanquin-b {
  position: absolute; bottom: 22%; right: 20%; width: 55px; height: 45px;
  background: linear-gradient(135deg, #e0c89e 0%, #b8a07a 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 0 4px 8px #00000033;
  animation: pz-palanquin 6s ease-in-out infinite alternate-reverse;
}
.scn-palanquins-zenana .curtain {
  position: absolute; bottom: 28%; left: 25%; width: 4px; height: 18px;
  background: linear-gradient(180deg, #d8a060 0%, #b08040 100%);
  border-radius: 2px;
  box-shadow: 20px 0 0 #d8a060, 40px 0 0 #b08040;
  animation: pz-curtain 5s ease-in-out infinite;
}
.scn-palanquins-zenana .lady {
  position: absolute; bottom: 32%; left: 33%; width: 12px; height: 20px;
  background: linear-gradient(180deg, #4a4038 0%, #2a2420 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: pz-lady 7s ease-in-out infinite;
}
.scn-palanquins-zenana .sunlight {
  position: absolute; top: 15%; left: 10%; width: 30px; height: 120px;
  background: linear-gradient(180deg, rgba(255, 245, 200, 0.4) 0%, transparent 100%);
  transform: rotate(20deg);
  filter: blur(6px);
  animation: pz-sunlight 10s ease-in-out infinite alternate;
}
.scn-palanquins-zenana .shadow {
  position: absolute; bottom: 14%; left: 12%; width: 70px; height: 6px;
  background: #00000033;
  border-radius: 50%;
  filter: blur(4px);
  animation: pz-shadow 6s ease-in-out infinite alternate;
}
@keyframes pz-palanquin {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-3px); }
  100% { transform: rotate(-2deg) translateY(0); }
}
@keyframes pz-curtain {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(2px) rotate(5deg); }
  100% { transform: translateX(-2px) rotate(-5deg); }
}
@keyframes pz-lady {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes pz-sunlight {
  0% { transform: rotate(20deg) scaleY(1); opacity: 0.3; }
  50% { transform: rotate(25deg) scaleY(1.1); opacity: 0.6; }
  100% { transform: rotate(15deg) scaleY(0.9); opacity: 0.2; }
}
@keyframes pz-shadow {
  0% { transform: scaleX(1); opacity: 0.2; }
  50% { transform: scaleX(1.3); opacity: 0.4; }
  100% { transform: scaleX(0.8); opacity: 0.15; }
}

.scn-benares-spiritual-department-store{background:linear-gradient(180deg,#2a1a0a,#4a2a1a 50%,#3a1a0a),radial-gradient(ellipse at 50% 100%,#6a3a1a 0%,transparent 70%);}
.scn-benares-spiritual-department-store .bwall{position:absolute;inset:0;background:linear-gradient(180deg,#1a0a00,#2a1a0a);animation:bsd-wal 12s infinite alternate;}
.scn-benares-spiritual-department-store .shlfL{position:absolute;left:10%;bottom:30%;width:15%;height:40%;background:linear-gradient(180deg,#5a3a1a,#3a1a00);border-radius:4px;animation:bsd-sh 9s infinite alternate;}
.scn-benares-spiritual-department-store .shlfR{position:absolute;right:10%;bottom:30%;width:15%;height:40%;background:linear-gradient(180deg,#5a3a1a,#3a1a00);border-radius:4px;animation:bsd-sh 9s infinite alternate-reverse;}
.scn-benares-spiritual-department-store .lntrn{position:absolute;bottom:60%;left:50%;width:10px;height:20px;background:radial-gradient(circle,#ffd080,#a06020);border-radius:50%;box-shadow:0 0 20px 6px #a06020;animation:bsd-lp 3s infinite alternate;}
.scn-benares-spiritual-department-store .vendr{position:absolute;bottom:20%;left:35%;width:20px;height:40px;background:linear-gradient(180deg,#2a1a0a,#1a0a00);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:bsd-fg 5s infinite;}
.scn-benares-spiritual-department-store .statu{position:absolute;bottom:25%;left:60%;width:12px;height:30px;background:linear-gradient(180deg,#d0a060,#805030);border-radius:20% 20% 10% 10%;animation:bsd-st 7s infinite alternate;}
@keyframes bsd-wal{0%{opacity:.7}50%{opacity:1}100%{opacity:.8}}
@keyframes bsd-sh{0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@keyframes bsd-lp{0%{box-shadow:0 0 15px 4px #a06020}50%{box-shadow:0 0 30px 10px #ffd080}100%{box-shadow:0 0 20px 6px #a06020}}
@keyframes bsd-fg{0%{transform:translateX(0)rotate(0)}25%{transform:translateX(3px)rotate(2deg)}50%{transform:translateX(0)rotate(0)}75%{transform:translateX(-3px)rotate(-2deg)}100%{transform:translateX(0)rotate(0)}}
@keyframes bsd-st{0%{opacity:.8}50%{opacity:1}100%{opacity:.9}}

.scn-purification-bath{background:linear-gradient(180deg,#2a4a6a,#5a7a9a 50%,#8ab0c0),radial-gradient(ellipse at 70% 20%,#f0d080 0%,transparent 60%);}
.scn-purification-bath .skyd{position:absolute;inset:0 0 35% 0;background:linear-gradient(180deg,#4a6a8a,transparent);animation:pb-sky 15s infinite alternate;}
.scn-purification-bath .rivr{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(180deg,#4a7a9a,#2a4a6a);border-radius:40% 40% 0 0/20% 20% 0 0;animation:pb-riv 8s infinite alternate;}
.scn-purification-bath .ghat{position:absolute;bottom:30%;left:0;right:0;height:15%;background:linear-gradient(180deg,#6a5a4a,#4a3a2a);border-radius:10% 10% 0 0;transform:skewY(-2deg);}
.scn-purification-bath .sun{position:absolute;top:18%;left:70%;width:30px;height:30px;background:radial-gradient(circle,#ffe080 0%,#f0c040 50%,transparent 100%);border-radius:50%;box-shadow:0 0 40px 20px #f0c040;animation:pb-sun 20s infinite alternate;}
.scn-purification-bath .figb{position:absolute;bottom:32%;left:35%;width:16px;height:36px;background:linear-gradient(180deg,#1a2a3a,#0a1a2a);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:pb-fig 4s infinite;}
.scn-purification-bath .ripl{position:absolute;bottom:10%;left:20%;width:60%;height:6px;background:radial-gradient(ellipse, rgba(255,255,255,.3) 0%,transparent 70%);filter:blur(3px);animation:pb-rip 6s infinite;}
@keyframes pb-sky{0%{opacity:.8}50%{opacity:1}100%{opacity:.9}}
@keyframes pb-riv{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@keyframes pb-sun{0%{transform:translate(0,0) scale(.95);opacity:.7}50%{transform:translate(-5px,-3px) scale(1.05);opacity:1}100%{transform:translate(0,0) scale(.95);opacity:.8}}
@keyframes pb-fig{0%{transform:translateX(0)rotate(0)}25%{transform:translateX(4px)rotate(2deg)}50%{transform:translateX(0)rotate(0)}75%{transform:translateX(-4px)rotate(-2deg)}100%{transform:translateX(0)rotate(0)}}
@keyframes pb-rip{0%{transform:scaleX(1);opacity:.2}50%{transform:scaleX(1.3);opacity:.5}100%{transform:scaleX(1);opacity:.2}}

.scn-cow-temple{background:linear-gradient(180deg,#1a0a00,#2a1a0a 50%,#1a0a00),radial-gradient(ellipse at 50% 100%,#4a2a0a 0%,transparent 70%);}
.scn-cow-temple .temp{position:absolute;inset:0;background:linear-gradient(180deg,#2a1a0a 0%,transparent 100%);animation:ct-tmp 20s infinite alternate;}
.scn-cow-temple .pillL{position:absolute;left:12%;bottom:20%;width:8%;height:60%;background:linear-gradient(180deg,#4a3a2a,#2a1a0a);border-radius:4px;animation:ct-pl 10s infinite alternate;}
.scn-cow-temple .pillR{position:absolute;right:12%;bottom:20%;width:8%;height:60%;background:linear-gradient(180deg,#4a3a2a,#2a1a0a);border-radius:4px;animation:ct-pl 10s infinite alternate-reverse;}
.scn-cow-temple .cow{position:absolute;bottom:15%;left:38%;width:40px;height:24px;background:linear-gradient(135deg,#b0a090,#7a6a5a);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:ct-cow 6s infinite ease-in-out;}
.scn-cow-temple .altar{position:absolute;bottom:23%;left:50%;width:24px;height:16px;transform:translateX(-50%);background:linear-gradient(180deg,#6a5a4a,#4a3a2a);border-radius:8px 8px 0 0;box-shadow:0 0 10px 2px #a08050;animation:ct-alt 4s infinite alternate;}
.scn-cow-temple .incns{position:absolute;top:10%;left:45%;width:20px;height:20px;background:radial-gradient(circle, rgba(200,180,160,.3) 0%,transparent 70%);filter:blur(8px);animation:ct-inc 12s infinite;}
@keyframes ct-tmp{0%{opacity:.6}50%{opacity:.9}100%{opacity:.7}}
@keyframes ct-pl{0%{transform:translateY(0)}50%{transform:translateY(-1px)}100%{transform:translateY(0)}}
@keyframes ct-cow{0%{transform:scale(1)translateX(0)}50%{transform:scale(1.02)translateX(2px)}100%{transform:scale(1)translateX(0)}}
@keyframes ct-alt{0%{box-shadow:0 0 8px 1px #a08050}50%{box-shadow:0 0 16px 4px #c0a060}100%{box-shadow:0 0 8px 1px #a08050}}
@keyframes ct-inc{0%{transform:translateY(0)scale(1);opacity:.3}50%{transform:translateY(-10px)scale(1.3);opacity:.5}100%{transform:translateY(0)scale(1);opacity:.3}}

.scn-poor-mans-friend{background:linear-gradient(180deg,#f0e8d0,#d0c8a0 50%,#b0a080),radial-gradient(ellipse at 70% 30%,#fff0c0 0%,transparent 60%);}
.scn-poor-mans-friend .beam{position:absolute;top:0;left:30%;width:40%;height:60%;background:linear-gradient(135deg, rgba(255,240,200,.5) 0%,transparent 40%);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);animation:pmf-bm 10s infinite alternate;}
.scn-poor-mans-friend .cist{position:absolute;bottom:20%;left:35%;width:30%;height:20%;background:linear-gradient(180deg,#8a7a5a,#6a5a3a);border-radius:50% 50% 20% 20%/30% 30% 10% 10%;}
.scn-poor-mans-friend .ling{position:absolute;bottom:30%;left:50%;width:12px;height:20px;transform:translateX(-50%);background:linear-gradient(180deg,#6a5a4a,#4a3a2a);border-radius:50% 50% 30% 30%/60% 60% 30% 30%;animation:pmf-lg 8s infinite alternate;}
.scn-poor-mans-friend .wtr{position:absolute;bottom:18%;left:38%;width:24%;height:5%;background:linear-gradient(180deg, rgba(100,130,160,.5) 0%,transparent 100%);border-radius:50%;filter:blur(2px);animation:pmf-wt 4s infinite;}
.scn-poor-mans-friend .figp{position:absolute;bottom:28%;left:28%;width:18px;height:40px;background:linear-gradient(180deg,#3a2a1a,#1a0a00);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;transform-origin:bottom center;animation:pmf-fg 6s infinite;}
.scn-poor-mans-friend .grnd{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(180deg,#b0a080,#8a7a5a);border-radius:20% 20% 0 0/40% 40% 0 0;}
@keyframes pmf-bm{0%{opacity:.5;transform:rotate(0)}50%{opacity:.8;transform:rotate(2deg)}100%{opacity:.5;transform:rotate(0)}}
@keyframes pmf-lg{0%{box-shadow:0 0 6px 2px #a09070}50%{box-shadow:0 0 14px 5px #c0b090}100%{box-shadow:0 0 6px 2px #a09070}}
@keyframes pmf-wt{0%{transform:scaleX(1);opacity:.4}50%{transform:scaleX(1.2);opacity:.7}100%{transform:scaleX(1);opacity:.4}}
@keyframes pmf-fg{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-2px)rotate(3deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-2px)rotate(-3deg)}100%{transform:translateY(0)rotate(0)}}

/* Scene 1: strange-world */
.scn-strange-world {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 50% 80%, #6b4a2a 0%, transparent 70%);
  position: relative; overflow: hidden; min-height: 100vh;
}
.scn-strange-world .bg-wall { position:absolute; inset:0; background: radial-gradient(ellipse at 30% 40%, #5a3a2a 0%, transparent 80%); animation: sw-bg 14s ease-in-out infinite alternate; }
.scn-strange-world .bg-shadow { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, transparent 100%); }
.scn-strange-world .desk { position:absolute; bottom:8%; left:50%; width:65%; height:22%; transform:translateX(-50%); background: linear-gradient(180deg, #4a3520, #2a1a0a 80%); border-radius: 4% 4% 0 0; box-shadow: 0 -6px 20px rgba(0,0,0,0.7); }
.scn-strange-world .map { position:absolute; bottom:18%; left:30%; width:45%; height:16%; background: linear-gradient(135deg, #b89870 0%, #a07850 40%, #8a6840 100%); border-radius: 2%; transform: rotate(-2deg); box-shadow: 0 2px 8px rgba(0,0,0,0.4); animation: sw-map 12s ease-in-out infinite; }
.scn-strange-world .globe { position:absolute; bottom:30%; right:20%; width:40px; height:40px; background: radial-gradient(circle at 40% 30%, #7a9a6a, #3a5a3a 60%); border-radius: 50%; box-shadow: 0 0 12px rgba(0,0,0,0.5); animation: sw-globe 18s ease-in-out infinite alternate; }
.scn-strange-world .lamp { position:absolute; bottom:40%; left:38%; width:24px; height:36px; background: linear-gradient(180deg, #b89870, #7a5a30); border-radius: 10% 10% 30% 30%; box-shadow: 0 0 30px 10px #c08040; animation: sw-lamp 4s ease-in-out infinite; }
.scn-strange-world .figure { position:absolute; bottom:20%; left:20%; width:26px; height:60px; background: linear-gradient(180deg, #3a2a1a, #1a0a00); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sw-figure 6s ease-in-out infinite; }
.scn-strange-world .papers { position:absolute; bottom:12%; left:55%; width:30%; height:12%; background: linear-gradient(135deg, #d0b090, #b09070); border-radius: 1px; transform: rotate(4deg); box-shadow: 0 1px 4px rgba(0,0,0,0.3); animation: sw-papers 9s ease-in-out infinite alternate; }
@keyframes sw-bg { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes sw-map { 0% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(-1deg) scale(1.02); } 100% { transform: rotate(-3deg) scale(0.98); } }
@keyframes sw-globe { 0% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(15deg) translateY(-2px); } 100% { transform: rotate(-5deg) translateY(1px); } }
@keyframes sw-lamp { 0% { box-shadow: 0 0 20px 6px #c08040; transform: scale(1); } 50% { box-shadow: 0 0 40px 12px #e0a050; transform: scale(1.05); } 100% { box-shadow: 0 0 25px 8px #c08040; transform: scale(0.98); } }
@keyframes sw-figure { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sw-papers { 0% { transform: rotate(4deg) translateY(0); } 50% { transform: rotate(3.5deg) translateY(-1px); } 100% { transform: rotate(4.5deg) translateY(1px); } }

/* Scene 2: reverence-difficult */
.scn-reverence-difficult {
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 40%, #0a0a00 100%), radial-gradient(ellipse at 50% 30%, #4a4a2a 0%, transparent 80%);
  position: relative; overflow: hidden; min-height: 100vh;
}
.scn-reverence-difficult .bg-room { position:absolute; inset:0; background: linear-gradient(135deg, transparent 60%, rgba(0,0,0,0.6) 100%); animation: rd-room 20s ease-in-out infinite alternate; }
.scn-reverence-difficult .bookshelf { position:absolute; top:10%; right:10%; width:30%; height:70%; background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%); border-radius: 2% 2% 0 0; box-shadow: inset -4px 0 8px rgba(0,0,0,0.4); }
.scn-reverence-difficult .desk2 { position:absolute; bottom:8%; left:15%; width:55%; height:20%; background: linear-gradient(180deg, #5a4a2a, #2a1a0a); border-radius: 4% 4% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.6); }
.scn-reverence-difficult .book-open { position:absolute; bottom:16%; left:30%; width:30%; height:14%; background: linear-gradient(135deg, #c8b898, #a08868); border-radius: 2px; transform: rotate(-3deg); box-shadow: 0 2px 6px rgba(0,0,0,0.4); animation: rd-book 15s ease-in-out infinite; }
.scn-reverence-difficult .candle { position:absolute; bottom:30%; left:25%; width:10px; height:28px; background: linear-gradient(180deg, #e0c8a0, #b89870); border-radius: 4px; box-shadow: 0 0 8px 2px #e0a050; animation: rd-candle 5s ease-in-out infinite; }
.scn-reverence-difficult .candle-glow { position:absolute; bottom:36%; left:23%; width:40px; height:40px; background: radial-gradient(circle, rgba(224,160,80,0.5) 0%, transparent 70%); border-radius: 50%; filter: blur(6px); animation: rd-glow 4s ease-in-out infinite alternate; }
.scn-reverence-difficult .scholar { position:absolute; bottom:12%; left:20%; width:28px; height:56px; background: linear-gradient(180deg, #3a2a1a, #1a0a00); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rd-scholar 8s ease-in-out infinite; }
.scn-reverence-difficult .window-dim { position:absolute; top:12%; left:5%; width:20%; height:40%; background: linear-gradient(135deg, #2a3a3a, #1a2a2a); border-radius: 2% 2% 0 0; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); animation: rd-window 30s linear infinite; }
@keyframes rd-room { 0% { opacity:0.8 } 100% { opacity:0.95 } }
@keyframes rd-book { 0% { transform: rotate(-3deg) scale(1); } 50% { transform: rotate(-2.5deg) scale(1.01); } 100% { transform: rotate(-3.5deg) scale(0.99); } }
@keyframes rd-candle { 0%,100% { box-shadow: 0 0 6px 2px #e0a050; transform: scaleY(1); } 25% { box-shadow: 0 0 10px 3px #e0a050; transform: scaleY(1.02); } 75% { box-shadow: 0 0 4px 1px #e0a050; transform: scaleY(0.98); } }
@keyframes rd-glow { 0% { opacity:0.4; transform: scale(0.95); } 50% { opacity:0.7; transform: scale(1.1); } 100% { opacity:0.5; transform: scale(0.9); } }
@keyframes rd-scholar { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(1px) rotate(-1deg); } 50% { transform: translateX(0) rotate(2deg); } 75% { transform: translateX(-1px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes rd-window { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } }

/* Scene 3: cant-irreverence */
.scn-cant-irreverence {
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 50%, #000010 100%), radial-gradient(ellipse at 50% 60%, #2a1a3a 0%, transparent 70%);
  position: relative; overflow: hidden; min-height: 100vh;
}
.scn-cant-irreverence .stage { position:absolute; bottom:0; left:5%; right:5%; height:50%; background: linear-gradient(180deg, #2a1a1a, #1a0a0a); border-radius: 30% 30% 0 0 / 20% 20% 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,0.8); }
.scn-cant-irreverence .pulpit { position:absolute; bottom:20%; left:50%; width:30px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #4a3a2a, #2a1a0a); border-radius: 10% 10% 4% 4%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.scn-cant-irreverence .speaker { position:absolute; bottom:28%; left:50%; width:28px; height:48px; transform:translateX(-50%); background: linear-gradient(180deg, #3a2a1a, #1a0a00); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ci-speaker 7s ease-in-out infinite; transform-origin: bottom center; }
.scn-cant-irreverence .listener { position:absolute; bottom:5%; left:20%; width:22px; height:40px; background: linear-gradient(180deg, #1a1a2a, #0a0a1a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ci-listener 10s ease-in-out infinite reverse; }
.scn-cant-irreverence .shadow-cast { position:absolute; bottom:0; left:10%; right:10%; height:60%; background: linear-gradient(0deg, rgba(0,0,0,0.9), transparent); pointer-events: none; }
.scn-cant-irreverence .halo { position:absolute; top:32%; left:50%; width:60px; height:60px; transform:translateX(-50%); background: radial-gradient(circle, rgba(200,180,100,0.2), transparent 70%); border-radius: 50%; filter: blur(8px); animation: ci-halo 6s ease-in-out infinite alternate; }
.scn-cant-irreverence .scroll { position:absolute; bottom:10%; right:20%; width:30px; height:16px; background: linear-gradient(135deg, #c8b898, #a08868); border-radius: 2px; transform: rotate(20deg); box-shadow: 0 1px 4px rgba(0,0,0,0.3); animation: ci-scroll 9s ease-in-out infinite; }
@keyframes ci-speaker { 0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-48%) rotate(3deg); } 50% { transform: translateX(-50%) rotate(-2deg); } 75% { transform: translateX(-52%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes ci-listener { 0% { transform: translateY(0) rotate(0deg); } 33% { transform: translateY(-2px) rotate(-2deg); } 66% { transform: translateY(1px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ci-halo { 0% { opacity:0.3; transform: translateX(-50%) scale(0.9); } 50% { opacity:0.7; transform: translateX(-50%) scale(1.1); } 100% { opacity:0.4; transform: translateX(-50%) scale(1.0); } }
@keyframes ci-scroll { 0% { transform: rotate(20deg) translateY(0); } 50% { transform: rotate(22deg) translateY(-1px); } 100% { transform: rotate(18deg) translateY(1px); } }

/* Scene 4: hypothetical-desecration */
.scn-hypothetical-desecration {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a152a 40%, #2a203a 100%), radial-gradient(ellipse at 50% 70%, #3a2a4a 0%, transparent 60%);
  position: relative; overflow: hidden; min-height: 100vh;
}
.scn-hypothetical-desecration .tomb-wall { position:absolute; inset:0; background: linear-gradient(135deg, #1a152a, #0a0a1a); animation: hd-wall 25s ease-in-out infinite alternate; }
.scn-hypothetical-desecration .sarcophagus { position:absolute; bottom:15%; left:50%; width:70%; height:30%; transform:translateX(-50%); background: linear-gradient(180deg, #4a3a5a, #2a1a3a); border-radius: 8% 8% 4% 4%; box-shadow: 0 4px 20px rgba(0,0,0,0.7); }
.scn-hypothetical-desecration .party-1 { position:absolute; bottom:35%; left:20%; width:20px; height:44px; background: linear-gradient(180deg, #3a2a3a, #1a0a1a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: hd-party1 12s ease-in-out infinite; transform-origin: bottom center; }
.scn-hypothetical-desecration .party-2 { position:absolute; bottom:32%; right:25%; width:22px; height:46px; background: linear-gradient(180deg, #5a4a5a, #2a1a2a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: hd-party2 15s ease-in-out infinite; }
.scn-hypothetical-desecration .basket { position:absolute; bottom:42%; left:35%; width:28px; height:18px; background: linear-gradient(180deg, #8a6a4a, #5a3a2a); border-radius: 20% 20% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,0.5); animation: hd-basket 8s ease-in-out infinite; }
.scn-hypothetical-desecration .bottle { position:absolute; bottom:45%; right:40%; width:8px; height:22px; background: linear-gradient(180deg, #4a7a4a, #2a5a2a); border-radius: 4px; box-shadow: 0 0 6px rgba(100,200,100,0.3); transform: rotate(-15deg); animation: hd-bottle 11s ease-in-out infinite; }
.scn-hypothetical-desecration .light-crack { position:absolute; top:10%; left:40%; width:10px; height:80%; background: linear-gradient(180deg, rgba(200,200,255,0.06), transparent 60%); filter: blur(4px); animation: hd-light 9s ease-in-out infinite; }
.scn-hypothetical-desecration .dust { position:absolute; top:20%; left:10%; width:60px; height:60px; background: radial-gradient(circle, rgba(200,200,255,0.03) 0%, transparent 70%); border-radius: 50%; filter: blur(10px); animation: hd-dust 30s linear infinite; }
@keyframes hd-wall { 0% { opacity:0.8 } 100% { opacity:0.95 } }
@keyframes hd-party1 { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(6px) rotate(3deg); } 50% { transform: translateX(10px) rotate(-2deg); } 75% { transform: translateX(4px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes hd-party2 { 0% { transform: translateX(0) rotate(0deg); } 33% { transform: translateX(-5px) rotate(-3deg); } 66% { transform: translateX(-8px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes hd-basket { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes hd-bottle { 0% { transform: rotate(-15deg) scale(1); } 50% { transform: rotate(-10deg) scale(1.04); } 100% { transform: rotate(-20deg) scale(0.96); } }
@keyframes hd-light { 0% { opacity:0.3; } 50% { opacity:0.7; } 100% { opacity:0.2; } }
@keyframes hd-dust { 0% { transform: translate(0, 0) scale(1); opacity:0.6; } 50% { transform: translate(20px, -10px) scale(1.2); opacity:0.8; } 100% { transform: translate(40px, -20px) scale(1.4); opacity:0.5; } }

.scn-trappist-vs-protestant-missions {
  background: linear-gradient(180deg, #2c1e14 0%, #3a2618 30%, #4a3020 60%, #3a2010 100%), radial-gradient(ellipse at 50% 100%, #5a3a2a 0%, transparent 60%);
}
.scn-trappist-vs-protestant-missions .bg-room { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 40%, #4a3020 0%, #3a2010 100%); animation: trp-room 12s ease-in-out infinite alternate; }
.scn-trappist-vs-protestant-missions .desk { position:absolute; bottom:15%; left:25%; width:50%; height:20%; background: linear-gradient(180deg, #5a3a2a 0%, #3a2010 100%); border-radius: 4% 4% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.5); }
.scn-trappist-vs-protestant-missions .book { position:absolute; bottom:22%; left:40%; width:12%; height:8%; background: linear-gradient(135deg, #6a4a3a 0%, #4a3020 100%); border-radius: 10%; transform: rotate(-5deg); box-shadow: 2px 2px 6px rgba(0,0,0,0.4); }
.scn-trappist-vs-protestant-missions .candle { position:absolute; bottom:24%; left:48%; width:3%; height:20%; background: linear-gradient(180deg, #e0c090 0%, #a08060 100%); border-radius: 20%; box-shadow: 0 0 8px rgba(200,160,100,0.3); transform: translateX(-50%); }
.scn-trappist-vs-protestant-missions .flame { position:absolute; bottom:44%; left:48%; width:4%; height:6%; background: radial-gradient(circle, #ffd080 0%, #ffa040 40%, transparent 100%); border-radius: 50%; transform: translateX(-50%); animation: trp-flame 0.8s ease-in-out infinite alternate; }
.scn-trappist-vs-protestant-missions .figure { position:absolute; bottom:12%; left:30%; width:14%; height:30%; background: linear-gradient(180deg, #1a1010 0%, #0a0808 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: trp-figure 4s ease-in-out infinite; }
.scn-trappist-vs-protestant-missions .window { position:absolute; bottom:40%; right:15%; width:20%; height:30%; background: linear-gradient(180deg, #6a4a3a 0%, #4a3020 100%); border: 2px solid #2c1e14; box-shadow: inset 0 0 20px rgba(0,0,0,0.6), 0 0 10px rgba(80,50,20,0.2); animation: trp-window 8s ease-in-out infinite alternate; }
.scn-trappist-vs-protestant-missions .shadow { position:absolute; bottom:12%; left:35%; width:10%; height:20%; background: rgba(0,0,0,0.3); border-radius: 40%; filter: blur(6px); animation: trp-shadow 6s ease-in-out infinite alternate; }
@keyframes trp-room { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes trp-flame { 0% { transform: translateX(-50%) scale(1,1); opacity:0.8 } 50% { transform: translateX(-50%) scale(1.1,1.2); opacity:1 } 100% { transform: translateX(-50%) scale(0.9,0.95); opacity:0.7 } }
@keyframes trp-figure { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes trp-window { 0% { box-shadow: inset 0 0 20px rgba(0,0,0,0.6), 0 0 10px rgba(80,50,20,0.2); } 50% { box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 0 20px rgba(80,50,20,0.4); } 100% { box-shadow: inset 0 0 25px rgba(0,0,0,0.7), 0 0 15px rgba(80,50,20,0.3); } }
@keyframes trp-shadow { 0% { transform: translateX(0) scale(1); opacity:0.3 } 50% { transform: translateX(10px) scale(1.05); opacity:0.5 } 100% { transform: translateX(0) scale(1); opacity:0.3 } }

.scn-transvaal-politics-confused {
  background: linear-gradient(180deg, #1a1a2e 0%, #2c2840 40%, #3c3c5a 70%, #2a2a40 100%), radial-gradient(ellipse at 50% 100%, #4c4c6e 0%, transparent 60%);
}
.scn-transvaal-politics-confused .bg-room { position:absolute; inset:0; background: radial-gradient(ellipse at 60% 50%, #2c2840 0%, #1a1a2e 100%); animation: trv-room 10s ease-in-out infinite alternate; }
.scn-transvaal-politics-confused .desk { position:absolute; bottom:15%; left:20%; width:60%; height:18%; background: linear-gradient(180deg, #4a4a6a 0%, #2c2c4a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.6); }
.scn-transvaal-politics-confused .lamp { position:absolute; bottom:25%; left:50%; width:6%; height:25%; background: linear-gradient(180deg, #a0a0c0 0%, #606080 100%); border-radius: 10% 10% 30% 30%; transform: translateX(-50%); box-shadow: 0 0 20px rgba(160,160,192,0.3); }
.scn-transvaal-politics-confused .paper { position:absolute; bottom:20%; left:35%; width:15%; height:10%; background: linear-gradient(135deg, #d0d0e0 0%, #a0a0b0 100%); border-radius: 4%; transform: rotate(-10deg); box-shadow: 2px 2px 8px rgba(0,0,0,0.5); animation: trv-paper 5s ease-in-out infinite; }
.scn-transvaal-politics-confused .figure { position:absolute; bottom:10%; left:25%; width:12%; height:28%; background: linear-gradient(180deg, #1a1a2e 0%, #0a0a18 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: trv-figure 0.5s ease-in-out infinite; }
.scn-transvaal-politics-confused .safe { position:absolute; bottom:8%; right:10%; width:15%; height:25%; background: linear-gradient(180deg, #505070 0%, #303050 100%); border-radius: 8%; border: 3px solid #404060; box-shadow: inset 0 0 15px rgba(0,0,0,0.8); }
.scn-transvaal-politics-confused .shadow { position:absolute; bottom:0; left:20%; width:30%; height:15%; background: rgba(0,0,0,0.4); border-radius: 50%; filter: blur(10px); animation: trv-shadow 3s ease-in-out infinite alternate; }
@keyframes trv-room { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes trv-paper { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-2px); } 100% { transform: rotate(-10deg) translateY(0); } }
@keyframes trv-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes trv-shadow { 0% { transform: translateX(0) scale(1); opacity:0.4; } 50% { transform: translateX(-8px) scale(1.1); opacity:0.6; } 100% { transform: translateX(0) scale(1); opacity:0.4; } }

.scn-puddnhead-quote-everyone-moon {
  background: linear-gradient(180deg, #f5f0e8 0%, #e8ddd0 40%, #d8d0c0 70%, #c8bfb0 100%), radial-gradient(ellipse at 50% 100%, #e8ddd0 0%, transparent 60%);
}
.scn-puddnhead-quote-everyone-moon .bg-room { position:absolute; inset:0; background: radial-gradient(ellipse at 70% 30%, #fff8f0 0%, #e8e0d0 100%); animation: pud-bg 20s ease-in-out infinite alternate; }
.scn-puddnhead-quote-everyone-moon .window { position:absolute; top:10%; right:10%; width:35%; height:50%; background: linear-gradient(180deg, #fff8e0 0%, #f0e8c0 100%); border: 4px solid #c0b090; box-shadow: inset 0 0 60px rgba(255,255,200,0.3), 0 0 40px rgba(240,232,192,0.2); animation: pud-window 15s ease-in-out infinite alternate; }
.scn-puddnhead-quote-everyone-moon .curtain { position:absolute; top:10%; right:45%; width:8%; height:55%; background: linear-gradient(180deg, #6a8a9a 0%, #4a6a7a 100%); border-radius: 20% 0 0 20%; animation: pud-curtain 12s ease-in-out infinite; }
.scn-puddnhead-quote-everyone-moon .chair { position:absolute; bottom:20%; left:20%; width:25%; height:25%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 40% 40% 20% 20%; box-shadow: 0 8px 16px rgba(0,0,0,0.2); }
.scn-puddnhead-quote-everyone-moon .figure { position:absolute; bottom:25%; left:25%; width:14%; height:30%; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pud-figure 8s ease-in-out infinite; }
.scn-puddnhead-quote-everyone-moon .table { position:absolute; bottom:15%; left:35%; width:20%; height:8%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-puddnhead-quote-everyone-moon .moon { position:absolute; top:18%; left:18%; width:15%; height:15%; background: radial-gradient(circle at 30% 30%, #f0f0c0 0%, #c0c080 60%, transparent 70%); border-radius: 50%; box-shadow: 0 0 30px #d0d090; animation: pud-moon 10s ease-in-out infinite; }
@keyframes pud-bg { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.95 } }
@keyframes pud-window { 0% { box-shadow: inset 0 0 60px rgba(255,255,200,0.3), 0 0 40px rgba(240,232,192,0.2); } 50% { box-shadow: inset 0 0 80px rgba(255,255,200,0.5), 0 0 60px rgba(240,232,192,0.4); } 100% { box-shadow: inset 0 0 70px rgba(255,255,200,0.4), 0 0 50px rgba(240,232,192,0.3); } }
@keyframes pud-curtain { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes pud-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes pud-moon { 0% { transform: scale(1); opacity:0.7; } 50% { transform: scale(1.05); opacity:1; } 100% { transform: scale(1); opacity:0.8; } }

.scn-confusion-not-irrational {
  background: linear-gradient(180deg, #2c2018 0%, #3a2a20 30%, #4c3828 60%, #3c2c1c 100%), radial-gradient(ellipse at 50% 100%, #5c4030 0%, transparent 60%);
}
.scn-confusion-not-irrational .bg-study { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 30%, #4c3828 0%, #2c2018 100%); animation: con-bg 14s ease-in-out infinite alternate; }
.scn-confusion-not-irrational .desk { position:absolute; bottom:15%; left:22%; width:56%; height:20%; background: linear-gradient(180deg, #6a4a3a 0%, #4a3020 100%); border-radius: 4% 4% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.6); }
.scn-confusion-not-irrational .globe { position:absolute; bottom:24%; left:55%; width:14%; height:18%; background: radial-gradient(circle at 35% 35%, #8a7a6a 0%, #5a4a3a 50%, #3a2a1a 100%); border-radius: 50%; box-shadow: 2px 2px 10px rgba(0,0,0,0.5); animation: con-globe 25s linear infinite; }
.scn-confusion-not-irrational .lamp { position:absolute; bottom:28%; left:40%; width:4%; height:20%; background: linear-gradient(180deg, #c0a080 0%, #806040 100%); border-radius: 10% 10% 30% 30%; transform: translateX(-50%); box-shadow: 0 0 30px rgba(192,160,128,0.5); animation: con-lamp 3s ease-in-out infinite alternate; }
.scn-confusion-not-irrational .papers { position:absolute; bottom:20%; left:30%; width:18%; height:8%; background: linear-gradient(135deg, #d0c0b0 0%, #a09080 100%); border-radius: 4%; transform: rotate(-5deg); box-shadow: 2px 2px 8px rgba(0,0,0,0.4); animation: con-papers 6s ease-in-out infinite; }
.scn-confusion-not-irrational .figure { position:absolute; bottom:10%; left:25%; width:12%; height:28%; background: linear-gradient(180deg, #1a1410 0%, #0a0808 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: con-figure 7s ease-in-out infinite; }
.scn-confusion-not-irrational .bookshelf { position:absolute; top:10%; right:5%; width:15%; height:65%; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 6%; box-shadow: inset 0 0 20px rgba(0,0,0,0.6); }
@keyframes con-bg { 0% { opacity:0.75 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes con-globe { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
@keyframes con-lamp { 0% { box-shadow: 0 0 30px rgba(192,160,128,0.5); } 50% { box-shadow: 0 0 50px rgba(192,160,128,0.8); } 100% { box-shadow: 0 0 35px rgba(192,160,128,0.6); } }
@keyframes con-papers { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-1px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes con-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }

/* one block per scene id. Append to style.css. */
/* Scene 1: military-problems-interesting (calm, dim-interior) */
.scn-military-problems-interesting {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 50%, #1a1a2e 100%),
              radial-gradient(ellipse at 50% 60%, #3a3a4e 0%, transparent 70%);
}
.scn-military-problems-interesting .room {
  position: absolute; inset: 0; background: inherit; opacity: 0.6;
  animation: mpi-room 20s ease-in-out infinite alternate;
}
.scn-military-problems-interesting .table {
  position: absolute; bottom: 15%; left: 10%; right: 10%; height: 18%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 4% 4% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.5);
  transform: perspective(200px) rotateX(5deg);
  animation: mpi-table 15s ease-in-out infinite;
}
.scn-military-problems-interesting .map {
  position: absolute; bottom: 22%; left: 18%; width: 22%; height: 30%;
  background: linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 50%, #5a4a3a 100%);
  border-radius: 2%; transform: rotate(-2deg) scale(0.95);
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: mpi-map 18s ease-in-out infinite alternate;
}
.scn-military-problems-interesting .candle {
  position: absolute; bottom: 18%; left: 55%; width: 3%; height: 18%;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 100%);
  border-radius: 10% 10% 5% 5%; transform: translateX(-50%);
  box-shadow: 0 0 4px rgba(200,160,96,0.3);
  animation: mpi-candle 4s ease-in-out infinite alternate;
}
.scn-military-problems-interesting .glow {
  position: absolute; bottom: 18%; left: 55%; width: 12%; height: 18%;
  background: radial-gradient(circle, rgba(255,200,100,0.6) 0%, transparent 70%);
  transform: translateX(-50%) translateY(-20%); filter: blur(6px);
  animation: mpi-glow 3s ease-in-out infinite alternate;
}
.scn-military-problems-interesting .figure {
  position: absolute; bottom: 15%; left: 40%; width: 8%; height: 40%;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mpi-figure 6s ease-in-out infinite alternate;
}
@keyframes mpi-room {
  0% { opacity: 0.55; }
  50% { opacity: 0.65; }
  100% { opacity: 0.5; }
}
@keyframes mpi-table {
  0% { transform: perspective(200px) rotateX(5deg) translateY(0); }
  50% { transform: perspective(200px) rotateX(5.5deg) translateY(-2px); }
  100% { transform: perspective(200px) rotateX(5deg) translateY(0); }
}
@keyframes mpi-map {
  0% { transform: rotate(-2deg) scale(0.95) translateX(0); }
  50% { transform: rotate(-1.5deg) scale(0.96) translateX(2px); }
  100% { transform: rotate(-2.5deg) scale(0.95) translateX(0); }
}
@keyframes mpi-candle {
  0% { transform: translateX(-50%) scaleY(1) rotate(0deg); }
  50% { transform: translateX(-50%) scaleY(1.02) rotate(1deg); }
  100% { transform: translateX(-50%) scaleY(0.98) rotate(-1deg); }
}
@keyframes mpi-glow {
  0% { opacity: 0.4; transform: translateX(-50%) translateY(-20%) scale(1); }
  50% { opacity: 0.6; transform: translateX(-50%) translateY(-22%) scale(1.05); }
  100% { opacity: 0.35; transform: translateX(-50%) translateY(-18%) scale(0.95); }
}
@keyframes mpi-figure {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/* Scene 2: jameson-force-strength (tense, dim-interior) */
.scn-jameson-force-strength {
  background: linear-gradient(180deg, #1f1a2e 0%, #2a203a 50%, #1a1220 100%),
              radial-gradient(ellipse at 40% 50%, #3a2a4a 0%, transparent 60%);
}
.scn-jameson-force-strength .desk {
  position: absolute; bottom: 10%; left: 8%; right: 8%; height: 20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 2% 2% 0 0; box-shadow: 0 8px 16px rgba(0,0,0,0.6);
  animation: jfs-desk 3s ease-in-out infinite;
}
.scn-jameson-force-strength .document {
  position: absolute; bottom: 22%; left: 20%; width: 35%; height: 25%;
  background: linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 50%, #5a4a3a 100%);
  border-radius: 1%; transform: rotate(-1deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: jfs-document 4s ease-in-out infinite alternate;
}
.scn-jameson-force-strength .hand {
  position: absolute; bottom: 18%; left: 35%; width: 10%; height: 22%;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  border-radius: 50% 40% 30% 30% / 60% 50% 40% 40%;
  transform-origin: bottom center;
  animation: jfs-hand 1.2s ease-in-out infinite;
}
.scn-jameson-force-strength .pin-a {
  position: absolute; bottom: 26%; left: 30%; width: 4%; height: 6%;
  background: #7a3a3a; border-radius: 50%;
  box-shadow: 0 0 6px rgba(122,58,58,0.6);
  animation: jfs-pin-a 0.8s ease-in-out infinite alternate;
}
.scn-jameson-force-strength .pin-b {
  position: absolute; bottom: 24%; left: 42%; width: 4%; height: 6%;
  background: #3a4a3a; border-radius: 50%;
  box-shadow: 0 0 6px rgba(58,74,58,0.6);
  animation: jfs-pin-b 1.1s ease-in-out infinite alternate-reverse;
}
.scn-jameson-force-strength .lamp {
  position: absolute; bottom: 20%; left: 55%; width: 6%; height: 16%;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 5% 5%; transform: translateX(-50%);
  box-shadow: 0 0 8px rgba(106,90,58,0.3);
  animation: jfs-lamp 1.5s ease-in-out infinite alternate;
}
.scn-jameson-force-strength .shadow {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 8%;
  background: rgba(0,0,0,0.4); border-radius: 50%; filter: blur(8px);
  transform: skewX(-10deg);
  animation: jfs-shadow 5s ease-in-out infinite alternate;
}
@keyframes jfs-desk {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(1px); }
}
@keyframes jfs-document {
  0% { transform: rotate(-1deg) translateY(0); }
  50% { transform: rotate(-0.5deg) translateY(-3px); }
  100% { transform: rotate(-1.5deg) translateY(1px); }
}
@keyframes jfs-hand {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-4px); }
  100% { transform: rotate(-2deg) translateY(0); }
}
@keyframes jfs-pin-a {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.2) rotate(10deg); }
  100% { transform: scale(0.9) rotate(-5deg); }
}
@keyframes jfs-pin-b {
  0% { transform: scale(0.9) rotate(-5deg); }
  50% { transform: scale(1.3) rotate(5deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes jfs-lamp {
  0% { opacity: 0.7; transform: translateX(-50%) scaleY(1); }
  50% { opacity: 0.9; transform: translateX(-50%) scaleY(1.03); }
  100% { opacity: 0.6; transform: translateX(-50%) scaleY(0.98); }
}
@keyframes jfs-shadow {
  0% { opacity: 0.3; transform: skewX(-10deg) scaleX(1); }
  50% { opacity: 0.5; transform: skewX(-9deg) scaleX(1.05); }
  100% { opacity: 0.25; transform: skewX(-11deg) scaleX(0.95); }
}

/* Scene 3: pluck-vs-discretion (calm, dim-interior) */
.scn-pluck-vs-discretion {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3e 50%, #1a1a2a 100%),
              radial-gradient(ellipse at 60% 40%, #3a3a4e 0%, transparent 70%);
}
.scn-pluck-vs-discretion .bg {
  position: absolute; inset: 0; background: inherit; opacity: 0.5;
  animation: pvd-bg 25s ease-in-out infinite alternate;
}
.scn-pluck-vs-discretion .armchair {
  position: absolute; bottom: 12%; left: 25%; width: 30%; height: 40%;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a0a0a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
  animation: pvd-chair 20s ease-in-out infinite;
}
.scn-pluck-vs-discretion .figure {
  position: absolute; bottom: 18%; left: 35%; width: 10%; height: 38%;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pvd-figure 8s ease-in-out infinite alternate;
}
.scn-pluck-vs-discretion .lamp {
  position: absolute; bottom: 16%; left: 58%; width: 5%; height: 20%;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 5% 5%; transform: translateX(-50%);
  box-shadow: 0 0 6px rgba(106,90,58,0.3);
  animation: pvd-lamp 6s ease-in-out infinite alternate;
}
.scn-pluck-vs-discretion .light {
  position: absolute; bottom: 16%; left: 58%; width: 20%; height: 30%;
  background: radial-gradient(ellipse, rgba(255,200,100,0.4) 0%, transparent 70%);
  transform: translateX(-50%) translateY(-20%); filter: blur(8px);
  animation: pvd-light 7s ease-in-out infinite alternate;
}
.scn-pluck-vs-discretion .book {
  position: absolute; bottom: 14%; left: 30%; width: 12%; height: 14%;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 50%, #4a3a2a 100%);
  border-radius: 2%; transform: rotate(-5deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: pvd-book 12s ease-in-out infinite alternate;
}
@keyframes pvd-bg {
  0% { opacity: 0.45; }
  50% { opacity: 0.55; }
  100% { opacity: 0.4; }
}
@keyframes pvd-chair {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes pvd-figure {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes pvd-lamp {
  0% { opacity: 0.6; transform: translateX(-50%) scaleY(1); }
  50% { opacity: 0.8; transform: translateX(-50%) scaleY(1.02); }
  100% { opacity: 0.55; transform: translateX(-50%) scaleY(0.98); }
}
@keyframes pvd-light {
  0% { opacity: 0.3; transform: translateX(-50%) translateY(-20%) scale(1); }
  50% { opacity: 0.5; transform: translateX(-50%) translateY(-22%) scale(1.05); }
  100% { opacity: 0.25; transform: translateX(-50%) translateY(-18%) scale(0.95); }
}
@keyframes pvd-book {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-4deg) translateY(-2px); }
  100% { transform: rotate(-6deg) translateY(1px); }
}

/* Scene 4: boer-rebellion-1877 (tense, dim-interior) */
.scn-boer-rebellion-1877 {
  background: linear-gradient(180deg, #1a1222 0%, #2a2034 50%, #120a18 100%),
              radial-gradient(ellipse at 50% 55%, #3a2a44 0%, transparent 60%);
}
.scn-boer-rebellion-1877 .bg-deep {
  position: absolute; inset: 0; background: inherit; opacity: 0.7;
  animation: brr-bg 10s ease-in-out infinite alternate;
}
.scn-boer-rebellion-1877 .table {
  position: absolute; bottom: 12%; left: 5%; right: 5%; height: 22%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 2% 2% 0 0; box-shadow: 0 8px 20px rgba(0,0,0,0.6);
  animation: brr-table 4s ease-in-out infinite;
}
.scn-boer-rebellion-1877 .leaders {
  position: absolute; bottom: 18%; width: 10%; height: 40%;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-boer-rebellion-1877 .leader-left {
  left: 20%;
  animation: brr-leader-l 3s ease-in-out infinite alternate;
}
.scn-boer-rebellion-1877 .leader-right {
  left: 45%;
  animation: brr-leader-r 3.5s ease-in-out infinite alternate-reverse;
}
.scn-boer-rebellion-1877 .map {
  position: absolute; bottom: 20%; left: 15%; width: 40%; height: 28%;
  background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 50%, #4a3a2a 100%);
  border-radius: 1%; transform: rotate(2deg);
  box-shadow: 0 6px 12px rgba(0,0,0,0.5);
  animation: brr-map 2s ease-in-out infinite alternate;
}
.scn-boer-rebellion-1877 .candle {
  position: absolute; bottom: 14%; left: 55%; width: 3%; height: 16%;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 100%);
  border-radius: 10% 10% 5% 5%; transform: translateX(-50%);
  box-shadow: 0 0 4px rgba(200,160,96,0.3);
  animation: brr-candle 1.8s ease-in-out infinite alternate;
}
.scn-boer-rebellion-1877 .shadow {
  position: absolute; bottom: 10%; left: 10%; width: 80%; height: 10%;
  background: rgba(0,0,0,0.5); border-radius: 50%; filter: blur(10px);
  transform: skewX(-5deg);
  animation: brr-shadow 4s ease-in-out infinite alternate;
}
@keyframes brr-bg {
  0% { opacity: 0.65; }
  50% { opacity: 0.75; }
  100% { opacity: 0.6; }
}
@keyframes brr-table {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(2px); }
}
@keyframes brr-leader-l {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-4px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes brr-leader-r {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(-2deg) translateY(-5px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes brr-map {
  0% { transform: rotate(2deg) translateY(0); }
  50% { transform: rotate(1.5deg) translateY(-3px); }
  100% { transform: rotate(2.5deg) translateY(1px); }
}
@keyframes brr-candle {
  0% { transform: translateX(-50%) scaleY(1) rotate(0deg); }
  50% { transform: translateX(-50%) scaleY(1.05) rotate(2deg); }
  100% { transform: translateX(-50%) scaleY(0.95) rotate(-1deg); }
}
@keyframes brr-shadow {
  0% { opacity: 0.3; transform: skewX(-5deg) scaleX(1); }
  50% { opacity: 0.5; transform: skewX(-4deg) scaleX(1.08); }
  100% { opacity: 0.25; transform: skewX(-6deg) scaleX(0.92); }
}

/* bungalow-doors */
.scn-bungalow-doors { background: linear-gradient(180deg, #2a1e17 0%, #1a100c 100%), radial-gradient(ellipse at 50% 100%, #3a251a 0%, transparent 60%); }
.scn-bungalow-doors .wall-bd { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #3a2a1f 0%, #2a1a12 100%); }
.scn-bungalow-doors .floor-bd { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(0deg, #1a0e08 0%, #2a1a0e 100%); animation: bd-floor 15s ease-in-out infinite alternate; }
.scn-bungalow-doors .door-frame-bd { position:absolute; bottom:30%; left:50%; width:100px; height:150px; transform:translateX(-50%); background: linear-gradient(90deg, #4a3020 0%, #5a3a28 50%, #4a3020 100%); border:4px solid #3a2010; border-radius:4px; }
.scn-bungalow-doors .curtain-left-bd { position:absolute; bottom:30%; left:50%; width:50px; height:140px; transform:translateX(calc(-50% - 25px)); background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius:0 0 20% 20%; animation: bd-curtain 8s ease-in-out infinite alternate; }
.scn-bungalow-doors .curtain-right-bd { position:absolute; bottom:30%; left:50%; width:50px; height:140px; transform:translateX(calc(-50% + 25px)); background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius:0 0 20% 20%; animation: bd-curtain-right 8s ease-in-out infinite alternate; }
.scn-bungalow-doors .light-shaft-bd { position:absolute; top:30%; left:50%; width:60px; height:120px; transform:translateX(-50%) skewX(-2deg); background: linear-gradient(180deg, rgba(255,220,180,0.3) 0%, rgba(255,220,180,0.1) 100%); filter: blur(8px); animation: bd-light 12s ease-in-out infinite alternate; }
@keyframes bd-floor { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes bd-curtain { 0% { transform: translateX(calc(-50% - 25px)) rotate(0); } 50% { transform: translateX(calc(-50% - 30px)) rotate(-2deg); } 100% { transform: translateX(calc(-50% - 25px)) rotate(0); } }
@keyframes bd-curtain-right { 0% { transform: translateX(calc(-50% + 25px)) rotate(0); } 50% { transform: translateX(calc(-50% + 30px)) rotate(2deg); } 100% { transform: translateX(calc(-50% + 25px)) rotate(0); } }
@keyframes bd-light { 0% { opacity:0.4; transform:translateX(-50%) skewX(-2deg) scaleY(1); } 50% { opacity:0.6; transform:translateX(-50%) skewX(-1deg) scaleY(1.05); } 100% { opacity:0.3; transform:translateX(-50%) skewX(-3deg) scaleY(0.95); } }

/* peepul-tree */
.scn-peepul-tree { background: linear-gradient(180deg, #87CEEB 0%, #f0e68c 50%, #f5deb3 100%), radial-gradient(ellipse at 50% 0%, #b0e0e6 0%, transparent 80%); }
.scn-peepul-tree .sky-pt { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #b0e0e6 0%, #87CEEB 100%); animation: pt-sky 20s ease-in-out infinite alternate; }
.scn-peepul-tree .ground-pt { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8B7355 0%, #6B5B45 100%); }
.scn-peepul-tree .trunk-pt { position:absolute; bottom:40%; left:50%; width:30px; height:60%; transform:translateX(-50%); background: linear-gradient(90deg, #5a3a1a 0%, #7a4a2a 50%, #5a3a1a 100%); border-radius:4px; }
.scn-peepul-tree .canopy-pt { position:absolute; bottom:70%; left:50%; width:180px; height:120px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 100%, #2e8b57 0%, #1a5c30 100%); border-radius:50%; box-shadow: 0 0 40px rgba(46,139,87,0.3); animation: pt-canopy 15s ease-in-out infinite alternate; }
.scn-peepul-tree .branch-pt { position:absolute; bottom:60%; left:50%; width:80px; height:8px; transform:translateX(-50%) rotate(-15deg); background: #5a3a1a; border-radius:4px; transform-origin: left center; animation: pt-branch 12s ease-in-out infinite alternate; }
.scn-peepul-tree .monkey-pt { position:absolute; bottom:55%; left:50%; width:20px; height:30px; transform:translateX(20px); background: #4a3020; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: pt-monkey 8s ease-in-out infinite; }
@keyframes pt-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes pt-canopy { 0% { transform:translateX(-50%) scale(1); } 50% { transform:translateX(-50%) scale(1.02); } 100% { transform:translateX(-50%) scale(0.98); } }
@keyframes pt-branch { 0% { transform:rotate(-15deg); } 50% { transform:rotate(-12deg); } 100% { transform:rotate(-18deg); } }
@keyframes pt-monkey { 0% { transform:translateX(20px) rotate(0); } 25% { transform:translateX(22px) rotate(-5deg); } 75% { transform:translateX(18px) rotate(5deg); } 100% { transform:translateX(20px) rotate(0); } }

/* bungalow-bath */
.scn-bungalow-bath { background: linear-gradient(180deg, #1c1410 0%, #120c08 100%), radial-gradient(ellipse at 50% 100%, #2a1a10 0%, transparent 70%); }
.scn-bungalow-bath .wall-bb { position:absolute; inset:0 0 20% 0; background: linear-gradient(90deg, #2a2018 0%, #1c140e 50%, #2a2018 100%); animation: bb-wall 18s ease-in-out infinite alternate; }
.scn-bungalow-bath .floor-bb { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(0deg, #0e0a06 0%, #1a1008 100%); }
.scn-bungalow-bath .pit-bb { position:absolute; bottom:20%; left:50%; width:120px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%); border-radius: 50% 50% 10% 10% / 60% 60% 10% 10%; box-shadow: inset 0 8px 12px rgba(0,0,0,0.5); animation: bb-pit 12s ease-in-out infinite; }
.scn-bungalow-bath .water-bb { position:absolute; bottom:20%; left:50%; width:100px; height:20px; transform:translateX(-50%); background: linear-gradient(180deg, #2a4a4a 0%, #1a3a3a 100%); border-radius: 0 0 50% 50%; opacity:0.8; animation: bb-water 6s ease-in-out infinite alternate; }
.scn-bungalow-bath .window-bb { position:absolute; top:10%; left:30%; width:60px; height:50px; background: linear-gradient(180deg, rgba(200,180,160,0.3) 0%, rgba(200,180,160,0.1) 100%); border:2px solid #3a2a1a; border-radius:4px; animation: bb-window 15s ease-in-out infinite alternate; }
.scn-bungalow-bath .shadow-bb { position:absolute; bottom:20%; left:20%; width:70px; height:80px; background: rgba(0,0,0,0.3); filter: blur(10px); animation: bb-shadow 10s ease-in-out infinite alternate; }
@keyframes bb-wall { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes bb-pit { 0% { transform:translateX(-50%) rotate(0); } 50% { transform:translateX(-50%) rotate(0.5deg); } 100% { transform:translateX(-50%) rotate(0); } }
@keyframes bb-water { 0% { transform:translateX(-50%) scaleY(1); opacity:0.7; } 50% { transform:translateX(-50%) scaleY(1.1); opacity:0.9; } 100% { transform:translateX(-50%) scaleY(0.9); opacity:0.6; } }
@keyframes bb-window { 0% { opacity:0.2; } 50% { opacity:0.4; } 100% { opacity:0.1; } }
@keyframes bb-shadow { 0% { transform:translateX(0); } 50% { transform:translateX(5px); } 100% { transform:translateX(-5px); } }

/* dorian-fruit */
.scn-dorian-fruit { background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0e 100%), radial-gradient(ellipse at 50% 100%, #4a3a2a 0%, transparent 70%); }
.scn-dorian-fruit .table-df { position:absolute; bottom:20%; left:10%; right:10%; height:10%; background: linear-gradient(0deg, #4a3020 0%, #5a3a28 100%); border-radius: 4px; }
.scn-dorian-fruit .bowl-df { position:absolute; bottom:25%; left:50%; width:100px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #7a5a3a 0%, #5a3a2a 100%); border-radius: 0 0 50% 50%; }
.scn-dorian-fruit .fruit1-df { position:absolute; bottom:30%; left:45%; width:30px; height:30px; background: radial-gradient(circle at 40% 40%, #d2a86e 0%, #b08040 100%); border-radius:50%; transform:rotate(15deg); animation: df-float 8s ease-in-out infinite; }
.scn-dorian-fruit .fruit2-df { position:absolute; bottom:28%; left:52%; width:25px; height:28px; background: radial-gradient(circle at 40% 40%, #c89050 0%, #a07030 100%); border-radius:50%; transform:rotate(-10deg); animation: df-float2 8s ease-in-out infinite 2s; }
.scn-dorian-fruit .fruit3-df { position:absolute; bottom:32%; left:55%; width:20px; height:22px; background: radial-gradient(circle at 40% 40%, #e0b880 0%, #c09050 100%); border-radius:50%; transform:rotate(20deg); animation: df-float3 8s ease-in-out infinite 4s; }
.scn-dorian-fruit .shadow-df { position:absolute; bottom:22%; left:40%; right:40%; height:6px; background: rgba(0,0,0,0.3); filter: blur(4px); animation: df-shadow 8s ease-in-out infinite; }
@keyframes df-float { 0% { transform:rotate(15deg) translateY(0); } 50% { transform:rotate(15deg) translateY(-3px); } 100% { transform:rotate(15deg) translateY(0); } }
@keyframes df-float2 { 0% { transform:rotate(-10deg) translateY(0); } 50% { transform:rotate(-10deg) translateY(-2px); } 100% { transform:rotate(-10deg) translateY(0); } }
@keyframes df-float3 { 0% { transform:rotate(20deg) translateY(0); } 50% { transform:rotate(20deg) translateY(-4px); } 100% { transform:rotate(20deg) translateY(0); } }
@keyframes df-shadow { 0% { opacity:0.3; transform: scaleX(1); } 50% { opacity:0.5; transform: scaleX(0.9); } 100% { opacity:0.3; transform: scaleX(1); } }

.scn-uncut-diamonds-beauty {
  background:
    radial-gradient(ellipse at 50% 60%, #4a3520 0%, #2a1a0e 40%, #1a0e06 80%, #0d0703 100%),
    linear-gradient(180deg, #3a2515 0%, #2a1a0e 50%, #1a0e06 100%);
}
.scn-uncut-diamonds-beauty .bg-wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #4a3520 0%, #2a1a0e 100%);
  animation: udb-wall 20s ease-in-out infinite alternate;
}
.scn-uncut-diamonds-beauty .table {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 45%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2010 40%, #2a1508 100%);
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.6), 0 -4px 12px rgba(0,0,0,.3);
}
.scn-uncut-diamonds-beauty .lamp {
  position: absolute; bottom: 55%; left: 20%; width: 12px; height: 28px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 4px 4px 2px 2px;
  transform-origin: bottom center;
  animation: udb-lamp 6s ease-in-out infinite;
}
.scn-uncut-diamonds-beauty .lamp::after {
  content: ''; position: absolute; top: -6px; left: -10px; width: 32px; height: 16px;
  background: radial-gradient(ellipse, #ffc870 0%, #d09040 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 12px rgba(200,120,40,.5), 0 0 80px 24px rgba(200,120,40,.2);
  animation: udb-glow 3s ease-in-out infinite alternate;
}
.scn-uncut-diamonds-beauty .diamond {
  position: absolute; border-radius: 30% 40% 35% 45% / 40% 35% 45% 30%;
  transform-origin: center;
}
.scn-uncut-diamonds-beauty .d1 {
  bottom: 22%; left: 18%; width: 26px; height: 20px;
  background: radial-gradient(ellipse at 35% 35%, #f0e8e0 0%, #c8b8a8 40%, #8a7a6a 100%);
  box-shadow: inset -2px -2px 6px rgba(0,0,0,.3), 0 0 6px rgba(200,180,160,.4);
  animation: udb-d1 6s ease-in-out infinite alternate;
}
.scn-uncut-diamonds-beauty .d2 {
  bottom: 28%; left: 35%; width: 18px; height: 14px;
  background: radial-gradient(ellipse at 30% 30%, #f8f0e0 0%, #d8c8a0 40%, #a89870 100%);
  box-shadow: inset -1px -2px 4px rgba(0,0,0,.3), 0 0 8px rgba(220,200,160,.5);
  animation: udb-d2 8s ease-in-out infinite alternate;
}
.scn-uncut-diamonds-beauty .d3 {
  bottom: 18%; left: 55%; width: 30px; height: 24px;
  background: radial-gradient(ellipse at 40% 30%, #c8b090 0%, #8a7050 40%, #5a4830 100%);
  box-shadow: inset -2px -3px 8px rgba(0,0,0,.4), 0 0 6px rgba(140,112,80,.3);
  animation: udb-d3 7s ease-in-out infinite alternate;
}
.scn-uncut-diamonds-beauty .d4 {
  bottom: 30%; left: 68%; width: 14px; height: 18px;
  background: radial-gradient(ellipse at 25% 40%, #e8d8c0 0%, #b8a088 40%, #786858 100%);
  box-shadow: inset -1px -2px 5px rgba(0,0,0,.3), 0 0 10px rgba(200,180,160,.5);
  animation: udb-d4 9s ease-in-out infinite alternate;
}
.scn-uncut-diamonds-beauty .glow-pool {
  position: absolute; bottom: 12%; left: 30%; right: 30%; height: 20%;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,120,40,.15) 0%, rgba(200,120,40,.05) 40%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: udb-pool 5s ease-in-out infinite alternate;
}
@keyframes udb-wall { 0% { opacity: .85 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes udb-lamp { 0%,100% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } }
@keyframes udb-glow { 0% { opacity: .7; transform: scale(.95) } 50% { opacity: 1; transform: scale(1.05) } 100% { opacity: .8; transform: scale(.98) } }
@keyframes udb-d1 { 0% { transform: translate(0, 0) rotate(-2deg) scale(1) } 50% { transform: translate(-2px, 1px) rotate(1deg) scale(1.02) } 100% { transform: translate(1px, -1px) rotate(-1deg) scale(.98) } }
@keyframes udb-d2 { 0% { transform: translate(0, 0) rotate(1deg) scale(1) } 50% { transform: translate(2px, -1px) rotate(-1deg) scale(1.01) } 100% { transform: translate(-1px, 1px) rotate(2deg) scale(.99) } }
@keyframes udb-d3 { 0% { transform: translate(0, 0) rotate(0deg) scale(1) } 50% { transform: translate(1px, 2px) rotate(-2deg) scale(1.01) } 100% { transform: translate(-2px, -1px) rotate(1deg) scale(.98) } }
@keyframes udb-d4 { 0% { transform: translate(0, 0) rotate(-1deg) scale(1) } 50% { transform: translate(-1px, -1px) rotate(2deg) scale(1.02) } 100% { transform: translate(2px, 0) rotate(-2deg) scale(.99) } }
@keyframes udb-pool { 0% { opacity: .6; transform: scaleX(.95) } 50% { opacity: 1; transform: scaleX(1.05) } 100% { opacity: .7; transform: scaleX(.98) } }

.scn-cape-town-table-mountain {
  background:
    radial-gradient(ellipse at 50% 0%, #ffe8b0 0%, #f0c880 30%, #d0a060 60%, #906030 100%),
    linear-gradient(180deg, #c8e0f0 0%, #a0c8e0 40%, #e8d0a0 70%, #c8a060 100%);
}
.scn-cape-town-table-mountain .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #8ab8d8 0%, #b8d8f0 30%, #e8f0f8 60%, #ffe8c0 100%);
  animation: ctm-sky 15s ease-in-out infinite alternate;
}
.scn-cape-town-table-mountain .sun-glow {
  position: absolute; top: 8%; left: 50%; width: 120px; height: 80px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, #fff8e0 0%, #ffd880 40%, rgba(255,200,100,.2) 70%, transparent 100%);
  border-radius: 50%;
  filter: blur(12px);
  animation: ctm-sun 8s ease-in-out infinite alternate;
}
.scn-cape-town-table-mountain .mountain {
  position: absolute; bottom: 28%; left: 15%; right: 15%; height: 42%;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 30%, #4a3a2a 70%, #2a1a0e 100%);
  border-radius: 20% 20% 0 0 / 60% 60% 0 0;
  clip-path: polygon(0% 100%, 8% 60%, 15% 25%, 22% 10%, 30% 5%, 38% 8%, 50% 6%, 58% 4%, 65% 7%, 72% 5%, 80% 8%, 88% 15%, 94% 30%, 100% 60%, 100% 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,.3), 0 -10px 30px rgba(200,160,80,.2);
  animation: ctm-mtn 20s ease-in-out infinite alternate;
}
.scn-cape-town-table-mountain .foreground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #6a7a4a 0%, #4a5a2a 50%, #2a3a1a 100%);
  border-radius: 30% 40% 0 0 / 20% 30% 0 0;
  box-shadow: inset 0 12px 24px rgba(0,0,0,.4);
}
.scn-cape-town-table-mountain .cloud {
  position: absolute; height: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.3) 60%, transparent 100%);
  border-radius: 50%;
  filter: blur(6px);
}
.scn-cape-town-table-mountain .c1 {
  top: 14%; left: 10%; width: 100px;
  animation: ctm-cloud1 40s linear infinite;
}
.scn-cape-town-table-mountain .c2 {
  top: 22%; right: 8%; width: 70px; height: 18px;
  animation: ctm-cloud2 55s linear infinite reverse;
}
.scn-cape-town-table-mountain .haze {
  position: absolute; bottom: 28%; left: 10%; right: 10%; height: 18%;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,160,120,.25) 0%, rgba(200,160,120,.1) 50%, transparent 100%);
  filter: blur(16px);
  animation: ctm-haze 12s ease-in-out infinite alternate;
}
@keyframes ctm-sky { 0% { opacity: .85 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes ctm-sun { 0% { box-shadow: 0 0 40px 10px rgba(255,200,100,.3); transform: translateX(-50%) scale(.95) } 50% { box-shadow: 0 0 80px 20px rgba(255,200,100,.5); transform: translateX(-50%) scale(1.05) } 100% { box-shadow: 0 0 50px 12px rgba(255,200,100,.35); transform: translateX(-50%) scale(.98) } }
@keyframes ctm-mtn { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-3px) scaleY(1.01) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes ctm-cloud1 { 0% { transform: translateX(-80px) } 100% { transform: translateX(120vw) } }
@keyframes ctm-cloud2 { 0% { transform: translateX(0) } 100% { transform: translateX(-100vw) } }
@keyframes ctm-haze { 0% { opacity: .6 } 50% { opacity: .9 } 100% { opacity: .7 } }

.scn-rhodes-extraordinary-man {
  background:
    radial-gradient(ellipse at 40% 55%, #3a2a1a 0%, #1a0e06 50%, #0d0703 100%),
    linear-gradient(180deg, #2a1a0e 0%, #1a0e06 50%, #0d0703 100%);
}
.scn-rhodes-extraordinary-man .bg-wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e06 100%);
  animation: rem-wall 25s ease-in-out infinite alternate;
}
.scn-rhodes-extraordinary-man .desk {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 18%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2010 100%);
  border-radius: 6px 6px 0 0;
  box-shadow: inset 0 6px 16px rgba(0,0,0,.5), 0 -4px 12px rgba(0,0,0,.3);
}
.scn-rhodes-extraordinary-man .figure {
  position: absolute; bottom: 20%; left: 40%; width: 44px; height: 60px;
  background: linear-gradient(135deg, #2a1a0e 0%, #0d0703 60%, #000 100%);
  border-radius: 45% 40% 30% 35% / 55% 50% 45% 50%;
  transform-origin: bottom center;
  box-shadow: -4px 0 12px rgba(0,0,0,.6);
  animation: rem-figure 7s ease-in-out infinite;
}
.scn-rhodes-extraordinary-man .lamp {
  position: absolute; bottom: 30%; left: 25%; width: 10px; height: 24px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 3px 3px 2px 2px;
  transform-origin: bottom center;
}
.scn-rhodes-extraordinary-man .lamp::after {
  content: ''; position: absolute; top: -8px; left: -12px; width: 34px; height: 18px;
  background: radial-gradient(ellipse, #ffc060 0%, #d08030 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 50px 15px rgba(200,120,40,.4), 0 0 100px 30px rgba(200,120,40,.15);
  animation: rem-glow 4s ease-in-out infinite alternate;
}
.scn-rhodes-extraordinary-man .map {
  position: absolute; top: 12%; left: 55%; width: 60px; height: 45px;
  background: linear-gradient(135deg, #7a6a4a 0%, #5a4a2a 50%, #3a2a1a 100%);
  border: 2px solid #4a3a2a;
  border-radius: 3px;
  box-shadow: inset 0 0 8px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.4);
  animation: rem-map 12s ease-in-out infinite alternate;
}
.scn-rhodes-extraordinary-man .book {
  position: absolute; bottom: 25%; left: 55%; width: 20px; height: 14px;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.4);
  transform: rotate(-8deg);
  animation: rem-book 8s ease-in-out infinite alternate;
}
.scn-rhodes-extraordinary-man .shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,.8) 100%);
  animation: rem-shadow 6s ease-in-out infinite alternate;
}
@keyframes rem-wall { 0% { opacity: .85 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes rem-figure { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(2px) rotate(0deg) } 50% { transform: translateX(0) rotate(1deg) } 75% { transform: translateX(-2px) rotate(0deg) } 100% { transform: translateX(0) rotate(-1deg) } }
@keyframes rem-glow { 0% { opacity: .7; box-shadow: 0 0 40px 10px rgba(200,120,40,.3), 0 0 80px 24px rgba(200,120,40,.1) } 50% { opacity: 1; box-shadow: 0 0 60px 18px rgba(200,120,40,.5), 0 0 120px 36px rgba(200,120,40,.2) } 100% { opacity: .8; box-shadow: 0 0 45px 12px rgba(200,120,40,.35), 0 0 90px 28px rgba(200,120,40,.15) } }
@keyframes rem-map { 0% { transform: scale(1) } 50% { transform: scale(1.01) } 100% { transform: scale(.99) } }
@keyframes rem-book { 0% { transform: rotate(-8deg) translateY(0) } 50% { transform: rotate(-6deg) translateY(-2px) } 100% { transform: rotate(-9deg) translateY(0) } }
@keyframes rem-shadow { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .85 } }

.scn-secret-of-rhodes-supremacy {
  background:
    radial-gradient(ellipse at 50% 50%, #4a3520 0%, #2a1a0e 50%, #1a0e06 100%),
    linear-gradient(180deg, #3a2515 0%, #2a1a0e 50%, #1a0e06 100%);
}
.scn-secret-of-rhodes-supremacy .bg-wall {
  position: absolute; inset: 0 0 15% 0;
  background: linear-gradient(180deg, #4a3520 0%, #2a1a0e 100%);
  animation: srs-wall 30s ease-in-out infinite alternate;
}
.scn-secret-of-rhodes-supremacy .desk {
  position: absolute; bottom: 12%; left: 15%; right: 15%; height: 16%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2010 100%);
  border-radius: 6px 6px 0 0;
  box-shadow: inset 0 6px 16px rgba(0,0,0,.5), 0 -4px 12px rgba(0,0,0,.3);
}
.scn-secret-of-rhodes-supremacy .speaker {
  position: absolute; bottom: 22%; left: 35%; width: 38px; height: 52px;
  background: linear-gradient(135deg, #3a2515 0%, #1a0e06 60%, #0d0703 100%);
  border-radius: 40% 45% 35% 40% / 50% 55% 45% 50%;
  transform-origin: bottom center;
  box-shadow: -3px 0 10px rgba(0,0,0,.5);
  animation: srs-speaker 8s ease-in-out infinite;
}
.scn-secret-of-rhodes-supremacy .listener {
  position: absolute; bottom: 22%; right: 18%; width: 30px; height: 44px;
  background: linear-gradient(135deg, #2a1a0e 0%, #0d0703 70%, #000 100%);
  border-radius: 40% 35% 40% 35% / 50% 45% 55% 50%;
  transform-origin: bottom center;
  box-shadow: -2px 0 8px rgba(0,0,0,.4);
  animation: srs-listener 10s ease-in-out infinite alternate;
}
.scn-secret-of-rhodes-supremacy .lamp {
  position: absolute; bottom: 32%; left: 22%; width: 10px; height: 22px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 3px 3px 2px 2px;
  transform-origin: bottom center;
}
.scn-secret-of-rhodes-supremacy .lamp::after {
  content: ''; position: absolute; top: -6px; left: -10px; width: 30px; height: 16px;
  background: radial-gradient(ellipse, #ffd080 0%, #d09040 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 12px rgba(200,120,40,.4), 0 0 80px 24px rgba(200,120,40,.15);
  animation: srs-glow 4s ease-in-out infinite alternate;
}
.scn-secret-of-rhodes-supremacy .globe {
  position: absolute; bottom: 24%; left: 62%; width: 18px; height: 18px;
  background: radial-gradient(circle at 35% 35%, #6a8a4a 0%, #3a5a2a 50%, #1a2a1a 100%);
  border-radius: 50%;
  box-shadow: inset -2px -2px 6px rgba(0,0,0,.4), 2px 2px 4px rgba(0,0,0,.3);
  animation: srs-globe 20s ease-in-out infinite alternate;
}
.scn-secret-of-rhodes-supremacy .bookshelf {
  position: absolute; top: 10%; right: 10%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(0,0,0,.3), 2px 2px 6px rgba(0,0,0,.4);
  animation: srs-shelf 15s ease-in-out infinite alternate;
}
.scn-secret-of-rhodes-supremacy .bookshelf::before {
  content: ''; position: absolute; top: 12px; left: 4px; right: 4px; height: 8px;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  border-radius: 2px;
  box-shadow: 0 14px 0 #4a3a2a, 0 28px 0 #6a4a3a;
}
@keyframes srs-wall { 0% { opacity: .85 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes srs-speaker { 0% { transform: translateX(0) rotate(-1deg) } 25% { transform: translateX(2px) rotate(0deg) } 50% { transform: translateX(0) rotate(1deg) } 75% { transform: translateX(-2px) rotate(0deg) } 100% { transform: translateX(0) rotate(-1deg) } }
@keyframes srs-listener { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes srs-glow { 0% { opacity: .75; box-shadow: 0 0 35px 10px rgba(200,120,40,.35), 0 0 70px 20px rgba(200,120,40,.12) } 50% { opacity: 1; box-shadow: 0 0 55px 16px rgba(200,120,40,.5), 0 0 110px 32px rgba(200,120,40,.2) } 100% { opacity: .8; box-shadow: 0 0 40px 12px rgba(200,120,40,.38), 0 0 80px 24px rgba(200,120,40,.14) } }
@keyframes srs-globe { 0% { transform: rotate(-8deg) } 50% { transform: rotate(4deg) } 100% { transform: rotate(-5deg) } }
@keyframes srs-shelf { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.005) } 100% { transform: scaleY(1) } }

/* boomerang-liar */
.scn-boomerang-liar {
  background: linear-gradient(180deg, #fdf4e3 0%, #f5d6b3 50%, #e8c49a 100%), radial-gradient(ellipse at 60% 20%, #fff5e0 0%, transparent 60%);
}
.scn-boomerang-liar .bg-wall {
  position: absolute; inset: 0; background: linear-gradient(135deg, #f0dcc0 0%, #d4b88a 100%); animation: bl-wall 6s ease-in-out infinite alternate;
}
.scn-boomerang-liar .window {
  position: absolute; top: 8%; left: 65%; width: 80px; height: 100px; background: radial-gradient(ellipse at center, #fff8e0 0%, #ffe0a0 80%); border-radius: 8% 8% 4% 4%; box-shadow: inset 0 0 30px rgba(255,200,100,0.3), 0 0 40px 10px rgba(255,200,100,0.2); animation: bl-window 4s ease-in-out infinite;
}
.scn-boomerang-liar .figure {
  position: absolute; bottom: 20%; left: 35%; width: 40px; height: 80px; background: linear-gradient(180deg, #c8753a 0%, #a05a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bl-figure 3s ease-in-out infinite;
}
.scn-boomerang-liar .boomerang {
  position: absolute; bottom: 50%; left: 50%; width: 50px; height: 12px; background: linear-gradient(90deg, #8b5e3c 0%, #6d4224 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform: rotate(20deg); animation: bl-boomerang 3s ease-in-out infinite alternate;
}
.scn-boomerang-liar .snake {
  position: absolute; bottom: 18%; left: 55%; width: 30px; height: 18px; background: linear-gradient(180deg, #4a8c4a 0%, #2d5e2d 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: bl-snake 5s ease-in-out infinite;
}
.scn-boomerang-liar .fish {
  position: absolute; bottom: 25%; left: 20%; width: 24px; height: 10px; background: linear-gradient(90deg, #5a8a9a 0%, #3b6a7a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform: rotate(-10deg); animation: bl-fish 4s ease-in-out infinite alternate;
}
.scn-boomerang-liar .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 18%; background: linear-gradient(180deg, #b8946a 0%, #8a6a4a 100%); border-radius: 20% 20% 0 0 / 30% 30% 0 0; box-shadow: inset 0 6px 12px rgba(0,0,0,0.2);
}
@keyframes bl-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes bl-window { 0% { box-shadow: 0 0 20px 5px rgba(255,200,100,0.2), 0 0 40px 10px rgba(255,200,100,0.15); } 50% { box-shadow: 0 0 40px 10px rgba(255,200,100,0.4), 0 0 80px 20px rgba(255,200,100,0.3); } 100% { box-shadow: 0 0 25px 6px rgba(255,200,100,0.25), 0 0 50px 12px rgba(255,200,100,0.2); } }
@keyframes bl-figure { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(5px) rotate(2deg); } 50% { transform: translateX(10px) rotate(-1deg); } 75% { transform: translateX(5px) rotate(3deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes bl-boomerang { 0% { transform: rotate(20deg) translateY(0); } 50% { transform: rotate(80deg) translateY(-20px); } 100% { transform: rotate(140deg) translateY(0); } }
@keyframes bl-snake { 0% { transform: scaleX(1) rotate(0); } 25% { transform: scaleX(1.1) rotate(5deg); } 50% { transform: scaleX(0.9) rotate(-5deg); } 75% { transform: scaleX(1.05) rotate(3deg); } 100% { transform: scaleX(1) rotate(0); } }
@keyframes bl-fish { 0% { transform: rotate(-10deg) translateX(0); } 50% { transform: rotate(10deg) translateX(15px); } 100% { transform: rotate(-10deg) translateX(0); } }

/* dreams-extraordinary-memory */
.scn-dreams-extraordinary-memory {
  background: linear-gradient(180deg, #faf3e6 0%, #e8dcc4 50%, #d4c4a8 100%), radial-gradient(ellipse at 40% 20%, #fff8ee 0%, transparent 70%);
}
.scn-dreams-extraordinary-memory .bg-room {
  position: absolute; inset: 0; background: linear-gradient(135deg, #e8dcc4 0%, #d0bea0 100%); animation: dem-bgroom 8s ease-in-out infinite alternate;
}
.scn-dreams-extraordinary-memory .window {
  position: absolute; top: 10%; left: 70%; width: 70px; height: 90px; background: radial-gradient(ellipse at center, #fff0d0 0%, #ffe0a0 80%); border-radius: 6% 6% 4% 4%; box-shadow: inset 0 0 20px rgba(255,220,150,0.2), 0 0 30px 8px rgba(255,220,150,0.15); animation: dem-window 6s ease-in-out infinite;
}
.scn-dreams-extraordinary-memory .piano {
  position: absolute; bottom: 15%; left: 30%; width: 120px; height: 60px; background: linear-gradient(180deg, #2a1a10 0%, #1a0e08 100%); border-radius: 8% 8% 4% 4% / 40% 40% 20% 20%; box-shadow: 0 8px 16px rgba(0,0,0,0.4); animation: dem-piano 10s ease-in-out infinite alternate;
}
.scn-dreams-extraordinary-memory .figure {
  position: absolute; bottom: 20%; left: 34%; width: 36px; height: 60px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: dem-figure 4s ease-in-out infinite;
}
.scn-dreams-extraordinary-memory .note1 {
  position: absolute; top: 25%; left: 45%; width: 14px; height: 14px; background: radial-gradient(circle at 40% 40%, #806030 0%, #4a3018 100%); border-radius: 50%; box-shadow: 0 0 8px 2px rgba(128,96,48,0.3); animation: dem-note1 5s ease-in-out infinite;
}
.scn-dreams-extraordinary-memory .note2 {
  position: absolute; top: 30%; left: 52%; width: 12px; height: 12px; background: radial-gradient(circle at 40% 40%, #705030 0%, #3a2010 100%); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(112,80,48,0.3); animation: dem-note2 6s ease-in-out infinite 1s;
}
.scn-dreams-extraordinary-memory .bubble1 {
  position: absolute; top: 18%; left: 20%; width: 30px; height: 30px; background: radial-gradient(circle at 30% 30%, rgba(255,240,220,0.6) 0%, rgba(200,180,150,0.2) 100%); border-radius: 50%; animation: dem-bubble1 8s ease-in-out infinite;
}
.scn-dreams-extraordinary-memory .bubble2 {
  position: absolute; top: 22%; left: 65%; width: 24px; height: 24px; background: radial-gradient(circle at 30% 30%, rgba(255,240,220,0.5) 0%, rgba(200,180,150,0.15) 100%); border-radius: 50%; animation: dem-bubble2 7s ease-in-out infinite 2s;
}
@keyframes dem-bgroom { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes dem-window { 0% { box-shadow: 0 0 20px 5px rgba(255,220,150,0.15), 0 0 40px 10px rgba(255,220,150,0.1); } 50% { box-shadow: 0 0 35px 8px rgba(255,220,150,0.3), 0 0 70px 16px rgba(255,220,150,0.2); } 100% { box-shadow: 0 0 25px 6px rgba(255,220,150,0.2), 0 0 50px 12px rgba(255,220,150,0.15); } }
@keyframes dem-piano { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes dem-figure { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-3px) rotate(1deg); } 50% { transform: translateY(-1px) rotate(-1deg); } 75% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes dem-note1 { 0% { transform: translateY(0) rotate(0); opacity: 0.7; } 25% { transform: translateY(-20px) rotate(15deg); opacity: 1; } 50% { transform: translateY(-40px) rotate(30deg); opacity: 0.8; } 75% { transform: translateY(-20px) rotate(15deg); opacity: 1; } 100% { transform: translateY(0) rotate(0); opacity: 0.7; } }
@keyframes dem-note2 { 0% { transform: translateY(0) rotate(0); opacity: 0.6; } 25% { transform: translateY(-18px) rotate(-10deg); opacity: 1; } 50% { transform: translateY(-35px) rotate(-20deg); opacity: 0.8; } 75% { transform: translateY(-18px) rotate(-10deg); opacity: 1; } 100% { transform: translateY(0) rotate(0); opacity: 0.6; } }
@keyframes dem-bubble1 { 0% { transform: translateY(0) scale(1); opacity: 0.5; } 25% { transform: translateY(-15px) scale(1.1); opacity: 0.8; } 50% { transform: translateY(-30px) scale(1.2); opacity: 0.6; } 75% { transform: translateY(-15px) scale(1.1); opacity: 0.8; } 100% { transform: translateY(0) scale(1); opacity: 0.5; } }
@keyframes dem-bubble2 { 0% { transform: translateY(0) scale(1); opacity: 0.4; } 25% { transform: translateY(-12px) scale(1.15); opacity: 0.7; } 50% { transform: translateY(-25px) scale(1.3); opacity: 0.5; } 75% { transform: translateY(-12px) scale(1.15); opacity: 0.7; } 100% { transform: translateY(0) scale(1); opacity: 0.4; } }

/* viceroy-memory-test */
.scn-viceroy-memory-test {
  background: linear-gradient(180deg, #f7eedc 0%, #e6d5b8 50%, #d4bea0 100%), radial-gradient(ellipse at 50% 30%, #fff8e8 0%, transparent 60%);
}
.scn-viceroy-memory-test .bg-hall {
  position: absolute; inset: 0; background: linear-gradient(135deg, #e6d5b8 0%, #c8b090 100%); animation: vmt-bghall 10s ease-in-out infinite alternate;
}
.scn-viceroy-memory-test .col-left {
  position: absolute; top: 0; left: 15%; width: 20px; height: 100%; background: linear-gradient(90deg, #d4b88a 0%, #b8946a 50%, #9a7a5a 100%); border-radius: 10% / 10%; box-shadow: 0 0 20px rgba(0,0,0,0.1); animation: vmt-col 8s ease-in-out infinite;
}
.scn-viceroy-memory-test .col-right {
  position: absolute; top: 0; right: 15%; width: 20px; height: 100%; background: linear-gradient(90deg, #d4b88a 0%, #b8946a 50%, #9a7a5a 100%); border-radius: 10% / 10%; box-shadow: 0 0 20px rgba(0,0,0,0.1); animation: vmt-col 8s ease-in-out infinite 4s;
}
.scn-viceroy-memory-test .chandelier {
  position: absolute; top: 8%; left: 50%; width: 60px; height: 40px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 40%, #c8a070 0%, #8a6a4a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; box-shadow: 0 0 30px 10px rgba(200,160,112,0.3); animation: vmt-chandelier 6s ease-in-out infinite;
}
.scn-viceroy-memory-test .viceroy {
  position: absolute; bottom: 25%; left: 25%; width: 30px; height: 60px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: vmt-figure 5s ease-in-out infinite;
}
.scn-viceroy-memory-test .gentleman1 {
  position: absolute; bottom: 25%; left: 38%; width: 28px; height: 55px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: vmt-figure 5s ease-in-out infinite 0.5s;
}
.scn-viceroy-memory-test .gentleman2 {
  position: absolute; bottom: 25%; right: 38%; width: 28px; height: 55px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: vmt-figure 5s ease-in-out infinite 1s;
}
.scn-viceroy-memory-test .brahmin {
  position: absolute; bottom: 20%; left: 50%; width: 34px; height: 65px; transform: translateX(-50%); background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 4px 12px rgba(0,0,0,0.3); animation: vmt-brahmin 7s ease-in-out infinite;
}
@keyframes vmt-bghall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes vmt-col { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } }
@keyframes vmt-chandelier { 0% { transform: translateX(-50%) rotate(-2deg); box-shadow: 0 0 20px 5px rgba(200,160,112,0.2); } 50% { transform: translateX(-50%) rotate(2deg); box-shadow: 0 0 40px 10px rgba(200,160,112,0.3); } 100% { transform: translateX(-50%) rotate(-2deg); box-shadow: 0 0 20px 5px rgba(200,160,112,0.2); } }
@keyframes vmt-figure { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(-1px) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes vmt-brahmin { 0% { transform: translateX(-50%) translateY(0); } 25% { transform: translateX(-50%) translateY(-3px); } 50% { transform: translateX(-50%) translateY(-1px); } 75% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); } }

/* brahmin-repeats-sentences */
.scn-brahmin-repeats-sentences {
  background: linear-gradient(180deg, #f5ecdc 0%, #e0ceb0 50%, #ccb49a 100%), radial-gradient(ellipse at 50% 30%, #fff8e8 0%, transparent 70%);
}
.scn-brahmin-repeats-sentences .bg-close {
  position: absolute; inset: 0; background: linear-gradient(135deg, #e0ceb0 0%, #bea88a 100%); animation: brs-bgclose 8s ease-in-out infinite alternate;
}
.scn-brahmin-repeats-sentences .figure-body {
  position: absolute; bottom: 15%; left: 40%; width: 50px; height: 70px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: brs-body 6s ease-in-out infinite;
}
.scn-brahmin-repeats-sentences .figure-head {
  position: absolute; bottom: 65%; left: 38%; width: 32px; height: 38px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a22 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: inset 0 -6px 10px rgba(0,0,0,0.2); animation: brs-head 6s ease-in-out infinite;
}
.scn-brahmin-repeats-sentences .sentence1 {
  position: absolute; top: 20%; left: 25%; width: 40px; height: 4px; background: linear-gradient(90deg, #5a4a3a 0%, #2a1a10 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); animation: brs-sentence1 5s ease-in-out infinite;
}
.scn-brahmin-repeats-sentences .sentence2 {
  position: absolute; top: 28%; left: 30%; width: 36px; height: 4px; background: linear-gradient(90deg, #5a4a3a 0%, #2a1a10 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); animation: brs-sentence2 5s ease-in-out infinite 0.5s;
}
.scn-brahmin-repeats-sentences .answer1 {
  position: absolute; top: 22%; right: 30%; width: 12px; height: 12px; background: radial-gradient(circle at 40% 40%, #c8a070 0%, #8a6a4a 100%); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(200,160,112,0.2); animation: brs-answer1 5s ease-in-out infinite 1s;
}
.scn-brahmin-repeats-sentences .answer2 {
  position: absolute; top: 30%; right: 25%; width: 10px; height: 10px; background: radial-gradient(circle at 40% 40%, #c8a070 0%, #8a6a4a 100%); border-radius: 50%; box-shadow: 0 0 5px 2px rgba(200,160,112,0.2); animation: brs-answer2 5s ease-in-out infinite 1.5s;
}
@keyframes brs-bgclose { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes brs-body { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(-1px) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(0deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes brs-head { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-1px) rotate(2deg); } 50% { transform: translateY(-2px) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(2deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes brs-sentence1 { 0% { transform: translateX(0) scaleX(1); opacity: 0.6; } 25% { transform: translateX(10px) scaleX(1.1); opacity: 1; } 50% { transform: translateX(20px) scaleX(1.2); opacity: 0.8; } 75% { transform: translateX(10px) scaleX(1.1); opacity: 1; } 100% { transform: translateX(0) scaleX(1); opacity: 0.6; } }
@keyframes brs-sentence2 { 0% { transform: translateX(0) scaleX(1); opacity: 0.5; } 25% { transform: translateX(-8px) scaleX(1.15); opacity: 1; } 50% { transform: translateX(-16px) scaleX(1.3); opacity: 0.7; } 75% { transform: translateX(-8px) scaleX(1.15); opacity: 1; } 100% { transform: translateX(0) scaleX(1); opacity: 0.5; } }
@keyframes brs-answer1 { 0% { transform: translateY(0) scale(1); opacity: 0.4; } 25% { transform: translateY(-10px) scale(1.2); opacity: 0.9; } 50% { transform: translateY(-20px) scale(1.4); opacity: 0.6; } 75% { transform: translateY(-10px) scale(1.2); opacity: 0.9; } 100% { transform: translateY(0) scale(1); opacity: 0.4; } }
@keyframes brs-answer2 { 0% { transform: translateY(0) scale(1); opacity: 0.3; } 25% { transform: translateY(-8px) scale(1.25); opacity: 0.8; } 50% { transform: translateY(-16px) scale(1.5); opacity: 0.5; } 75% { transform: translateY(-8px) scale(1.25); opacity: 0.8; } 100% { transform: translateY(0) scale(1); opacity: 0.3; } }

.scn-thug-old-man {
  background: linear-gradient(180deg, #0a0a2e 0%, #1a1a4e 50%, #2a2a5e 100%), radial-gradient(ellipse at 50% 15%, #4a4a7e 0%, transparent 70%);
}
.scn-thug-old-man .sky {
  position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #0a0a2e 0%, transparent 100%); animation: tom-sky 14s ease-in-out infinite alternate;
}
.scn-thug-old-man .moon {
  position:absolute; top:8%; left:70%; width:40px; height:40px; background: radial-gradient(circle, #d0d0f0 0%, #b0b0e0 60%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 10px #b0b0e0, 0 0 80px 20px rgba(176,176,224,.3); animation: tom-moon 8s ease-in-out infinite alternate;
}
.scn-thug-old-man .hills {
  position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(180deg, #1a2a3a 0%, #0a1a2a 100%); border-radius: 50% 50% 0 0 / 80% 80% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.6); animation: tom-hills 20s ease-in-out infinite alternate;
}
.scn-thug-old-man .ground {
  position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #0a0a1a 0%, #050510 100%); box-shadow: inset 0 4px 12px rgba(0,0,0,.8);
}
.scn-thug-old-man .figure-old {
  position:absolute; bottom:18%; left:35%; width:28px; height:45px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tom-fig-old 6s ease-in-out infinite;
}
.scn-thug-old-man .figure-strangler {
  position:absolute; bottom:18%; left:45%; width:30px; height:50px; background: linear-gradient(180deg, #0a0a1a 0%, #00000a 100%); border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom left; animation: tom-fig-strangler 4s ease-in-out infinite;
}
.scn-thug-old-man .tree {
  position:absolute; bottom:20%; left:10%; width:14px; height:80px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 30% 30% 10% 10%; transform: rotate(-10deg); box-shadow: 0 0 8px rgba(0,0,0,.5); animation: tom-tree 12s ease-in-out infinite alternate;
}
@keyframes tom-sky {
  0% { opacity:.7 }
  50% { opacity:1 }
  100% { opacity:.8 }
}
@keyframes tom-moon {
  0% { opacity:.8; box-shadow: 0 0 30px 8px #b0b0e0, 0 0 60px 15px rgba(176,176,224,.2); }
  50% { opacity:1; box-shadow: 0 0 50px 15px #d0d0f0, 0 0 90px 25px rgba(208,208,240,.4); }
  100% { opacity:.9; box-shadow: 0 0 35px 10px #b0b0e0, 0 0 70px 18px rgba(176,176,224,.3); }
}
@keyframes tom-hills {
  0% { transform: translateY(0) }
  50% { transform: translateY(-2px) }
  100% { transform: translateY(0) }
}
@keyframes tom-fig-old {
  0% { transform: translateX(0) rotate(0) }
  25% { transform: translateX(3px) rotate(-1deg) }
  50% { transform: translateX(0) rotate(1deg) }
  75% { transform: translateX(-2px) rotate(0) }
  100% { transform: translateX(0) rotate(0) }
}
@keyframes tom-fig-strangler {
  0% { transform: translateX(0) translateY(0) rotate(-2deg) }
  50% { transform: translateX(1px) translateY(-1px) rotate(2deg) }
  100% { transform: translateX(0) translateY(0) rotate(-2deg) }
}
@keyframes tom-tree {
  0% { transform: rotate(-10deg) }
  50% { transform: rotate(-8deg) }
  100% { transform: rotate(-10deg) }
}

.scn-thug-barbers {
  background: linear-gradient(180deg, #0a1a0a 0%, #1a2a1a 40%, #0a1a0a 100%), radial-gradient(ellipse at 50% 100%, #1a2a1a 0%, transparent 70%);
}
.scn-thug-barbers .canopy {
  position:absolute; top:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #0a1a0a 0%, #1a2a1a 100%); border-radius: 0 0 30% 30% / 0 0 40% 40%; box-shadow: inset 0 12px 25px rgba(0,0,0,.5); animation: tb-canopy 20s ease-in-out infinite alternate;
}
.scn-thug-barbers .tree-l {
  position:absolute; top:0; left:8%; width:16px; height:70%; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 10px rgba(0,0,0,.4); animation: tb-tree-l 15s ease-in-out infinite alternate;
}
.scn-thug-barbers .tree-r {
  position:absolute; top:0; right:8%; width:16px; height:70%; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 10px rgba(0,0,0,.4); animation: tb-tree-r 18s ease-in-out infinite alternate;
}
.scn-thug-barbers .ground {
  position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 40% 40% 0 0 / 30% 30% 0 0; box-shadow: inset 0 6px 18px rgba(0,0,0,.6);
}
.scn-thug-barbers .victims {
  position:absolute; bottom:20%; left:25%; width:110px; height:30px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 80% 80% 20% 20%; transform: skewX(-5deg); box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: tb-victims 6s ease-in-out infinite;
}
.scn-thug-barbers .stranglers {
  position:absolute; bottom:20%; left:45%; width:90px; height:40px; background: linear-gradient(180deg, #0a0a1a 0%, #00000a 100%); border-radius: 30% 30% 20% 20% / 70% 70% 30% 30%; transform: skewX(5deg); box-shadow: 0 6px 12px rgba(0,0,0,.6); animation: tb-stranglers 4s ease-in-out infinite;
}
.scn-thug-barbers .instrument {
  position:absolute; bottom:22%; left:20%; width:25px; height:10px; background: linear-gradient(90deg, #2a3a2a 0%, #1a2a1a 100%); border-radius: 40% 40% 20% 20%; transform: rotate(-20deg); box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: tb-instrument 10s ease-in-out infinite alternate;
}
@keyframes tb-canopy {
  0% { opacity:.9 }
  50% { opacity:1 }
  100% { opacity:.85 }
}
@keyframes tb-tree-l {
  0% { transform: translateY(0) rotate(-1deg) }
  50% { transform: translateY(-3px) rotate(1deg) }
  100% { transform: translateY(0) rotate(-1deg) }
}
@keyframes tb-tree-r {
  0% { transform: translateY(0) rotate(1deg) }
  50% { transform: translateY(-2px) rotate(-1deg) }
  100% { transform: translateY(0) rotate(1deg) }
}
@keyframes tb-victims {
  0% { transform: skewX(-5deg) translateY(0) }
  25% { transform: skewX(-5deg) translateY(-1px) }
  50% { transform: skewX(-5deg) translateY(0) }
  75% { transform: skewX(-5deg) translateY(-1px) }
  100% { transform: skewX(-5deg) translateY(0) }
}
@keyframes tb-stranglers {
  0% { transform: skewX(5deg) translateX(0) }
  50% { transform: skewX(5deg) translateX(2px) }
  100% { transform: skewX(5deg) translateX(0) }
}
@keyframes tb-instrument {
  0% { transform: rotate(-20deg) }
  50% { transform: rotate(-15deg) }
  100% { transform: rotate(-20deg) }
}

.scn-thug-hunter-zeal {
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 50%, #0a0505 100%), radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 70%);
}
.scn-thug-hunter-zeal .wall {
  position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius:0 0 10% 10%; box-shadow: inset 0 10px 30px rgba(0,0,0,.5);
}
.scn-thug-hunter-zeal .floor {
  position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #1a0a0a 0%, #0a0505 100%); box-shadow: inset 0 4px 12px rgba(0,0,0,.6);
}
.scn-thug-hunter-zeal .window {
  position:absolute; top:12%; left:70%; width:30px; height:40px; background: radial-gradient(circle, #b0b0c0 0%, #808090 70%); border-radius: 6% 6% 4% 4%; box-shadow: inset 0 0 20px rgba(200,200,220,.2), 0 0 30px 8px rgba(200,200,220,.15); animation: th-window 16s ease-in-out infinite alternate;
}
.scn-thug-hunter-zeal .table {
  position:absolute; bottom:22%; left:30%; width:80px; height:16px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 4% 4% 2% 2%; box-shadow: 0 6px 12px rgba(0,0,0,.5); animation: th-table 12s ease-in-out infinite alternate;
}
.scn-thug-hunter-zeal .candle {
  position:absolute; bottom:30%; left:35%; width:8px; height:20px; background: linear-gradient(180deg, #c0a060 0%, #806030 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 20px 6px #b09040; animation: th-candle 3s ease-in-out infinite alternate;
}
.scn-thug-hunter-zeal .figure {
  position:absolute; bottom:18%; left:45%; width:25px; height:42px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: th-figure 8s ease-in-out infinite;
}
.scn-thug-hunter-zeal .trophy {
  position:absolute; top:14%; left:20%; width:20px; height:30px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: th-trophy 14s ease-in-out infinite alternate;
}
@keyframes th-window {
  0% { opacity:.6; box-shadow: 0 0 20px 5px rgba(200,200,220,.1); }
  50% { opacity:.9; box-shadow: 0 0 40px 12px rgba(200,200,220,.2); }
  100% { opacity:.7; box-shadow: 0 0 25px 8px rgba(200,200,220,.15); }
}
@keyframes th-table {
  0% { transform: translateY(0) }
  50% { transform: translateY(-1px) }
  100% { transform: translateY(0) }
}
@keyframes th-candle {
  0% { transform: scaleY(1); box-shadow: 0 0 15px 4px #b09040; }
  50% { transform: scaleY(1.1); box-shadow: 0 0 25px 8px #c0a060; }
  100% { transform: scaleY(1); box-shadow: 0 0 18px 5px #b09040; }
}
@keyframes th-figure {
  0% { transform: translateX(0) rotate(0) }
  25% { transform: translateX(1px) rotate(-1deg) }
  50% { transform: translateX(0) rotate(0) }
  75% { transform: translateX(-1px) rotate(1deg) }
  100% { transform: translateX(0) rotate(0) }
}
@keyframes th-trophy {
  0% { transform: rotate(-3deg) }
  50% { transform: rotate(3deg) }
  100% { transform: rotate(-3deg) }
}

.scn-thug-supreme-sport {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a05 100%), radial-gradient(ellipse at 50% 100%, #4a3a1a 0%, transparent 70%);
}
.scn-thug-supreme-sport .wall {
  position:absolute; inset:0 0 25% 0; background: linear-gradient(90deg, #2a1a0a 0%, #3a2a1a 50%, #2a1a0a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,.4); border-radius:0 0 5% 5%;
}
.scn-thug-supreme-sport .table {
  position:absolute; bottom:20%; left:15%; right:15%; height:14px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 3% 3% 2% 2%; box-shadow: 0 6px 12px rgba(0,0,0,.5); animation: tss-table 18s ease-in-out infinite alternate;
}
.scn-thug-supreme-sport .lantern {
  position:absolute; bottom:30%; left:50%; width:14px; height:20px; transform:translateX(-50%); background: radial-gradient(circle, #d0a060 0%, #b08040 60%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 30px 10px #c09040, 0 0 60px 20px rgba(192,144,64,.3); animation: tss-lantern 4s ease-in-out infinite alternate;
}
.scn-thug-supreme-sport .figure-1 {
  position:absolute; bottom:15%; left:10%; width:30px; height:45px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom left; animation: tss-fig1 7s ease-in-out infinite;
}
.scn-thug-supreme-sport .figure-2 {
  position:absolute; bottom:15%; left:40%; width:28px; height:42px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tss-fig2 9s ease-in-out infinite;
}
.scn-thug-supreme-sport .figure-3 {
  position:absolute; bottom:15%; right:10%; width:32px; height:48px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom right; animation: tss-fig3 5s ease-in-out infinite;
}
@keyframes tss-table {
  0% { transform: translateY(0) }
  50% { transform: translateY(-1px) }
  100% { transform: translateY(0) }
}
@keyframes tss-lantern {
  0% { transform: translateX(-50%) rotate(-4deg); box-shadow: 0 0 20px 6px #c09040, 0 0 40px 12px rgba(192,144,64,.2); }
  50% { transform: translateX(-50%) rotate(4deg); box-shadow: 0 0 35px 12px #d0a060, 0 0 60px 20px rgba(208,160,96,.3); }
  100% { transform: translateX(-50%) rotate(-4deg); box-shadow: 0 0 25px 8px #c09040, 0 0 45px 14px rgba(192,144,64,.25); }
}
@keyframes tss-fig1 {
  0% { transform: translateX(0) rotate(0) }
  25% { transform: translateX(1px) rotate(-2deg) }
  50% { transform: translateX(0) rotate(0) }
  75% { transform: translateX(-1px) rotate(2deg) }
  100% { transform: translateX(0) rotate(0) }
}
@keyframes tss-fig2 {
  0% { transform: translateY(0) rotate(0) }
  33% { transform: translateY(-2px) rotate(1deg) }
  66% { transform: translateY(0) rotate(-1deg) }
  100% { transform: translateY(0) rotate(0) }
}
@keyframes tss-fig3 {
  0% { transform: translateX(0) rotate(0) }
  50% { transform: translateX(2px) rotate(-3deg) }
  100% { transform: translateX(0) rotate(0) }
}

.scn-barnum-plan-to-buy-shakespeare-house {
  background: linear-gradient(180deg, #3b2b1a 0%, #2a1f12 40%, #1f1409 100%), radial-gradient(ellipse at 50% 60%, #4a3520 0%, transparent 70%);
}
.scn-barnum-plan-to-buy-shakespeare-house .bg-deep {
  position:absolute; inset:0; background: linear-gradient(180deg, rgba(30,20,10,0.8) 0%, transparent 100%); animation: bp1-bg 20s ease-in-out infinite alternate;
}
.scn-barnum-plan-to-buy-shakespeare-house .desk {
  position:absolute; bottom:8%; left:10%; right:10%; height:35%; background: linear-gradient(180deg, #4a3a28 0%, #2e2a1e 100%); border-radius:4% 4% 0 0; box-shadow:0 8px 30px rgba(0,0,0,0.6); animation: bp1-desk 25s ease-in-out infinite;
}
.scn-barnum-plan-to-buy-shakespeare-house .globe {
  position:absolute; bottom:28%; left:20%; width:70px; height:70px; background: radial-gradient(circle at 40% 35%, #6b5a42 0%, #4a3a2a 60%, #2a1a0a 100%); border-radius:50%; box-shadow:0 4px 20px rgba(0,0,0,0.5); animation: bp1-globe 12s linear infinite;
}
.scn-barnum-plan-to-buy-shakespeare-house .book {
  position:absolute; bottom:30%; left:45%; width:80px; height:20px; background: linear-gradient(180deg, #8a6a42 0%, #6a4a2a 100%); border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,0.3); animation: bp1-book 8s ease-in-out infinite alternate;
}
.scn-barnum-plan-to-buy-shakespeare-house .candle {
  position:absolute; bottom:44%; left:70%; width:12px; height:40px; background: linear-gradient(180deg, #c8a060 0%, #a08040 100%); border-radius:6px 6px 2px 2px; box-shadow:0 0 30px 10px #d09040, 0 0 60px 20px rgba(200,140,60,0.4); animation: bp1-candle 3s ease-in-out infinite alternate;
}
.scn-barnum-plan-to-buy-shakespeare-house .plan {
  position:absolute; bottom:18%; left:35%; width:90px; height:60px; background: linear-gradient(135deg, #d4c4a0 0%, #b8a888 100%); transform: rotate(-3deg); border-radius:1px; box-shadow:0 4px 12px rgba(0,0,0,0.4); animation: bp1-plan 10s ease-in-out infinite;
}
.scn-barnum-plan-to-buy-shakespeare-house .pen {
  position:absolute; bottom:20%; left:55%; width:40px; height:4px; background: #3a2a1a; transform: rotate(-20deg); border-radius:2px; box-shadow:0 2px 4px rgba(0,0,0,0.3); animation: bp1-pen 5s ease-in-out infinite alternate;
}
.scn-barnum-plan-to-buy-shakespeare-house .figure-sil {
  position:absolute; bottom:12%; left:30%; width:16px; height:50px; background: linear-gradient(180deg, #1a1410 0%, #0e0a06 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: bp1-figure 4s ease-in-out infinite;
}
@keyframes bp1-bg { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes bp1-desk { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-2px) } }
@keyframes bp1-globe { 0% { transform:rotate(0deg) } 100% { transform:rotate(360deg) } }
@keyframes bp1-book { 0% { transform:scaleY(1) translateY(0) } 50% { transform:scaleY(0.8) translateY(-2px) } 100% { transform:scaleY(1) translateY(0) } }
@keyframes bp1-candle { 0% { transform:scaleY(1) scaleX(1) } 50% { transform:scaleY(1.05) scaleX(0.95) } 100% { transform:scaleY(0.95) scaleX(1.05) } }
@keyframes bp1-plan { 0%,100% { transform:rotate(-3deg) translateX(0) } 50% { transform:rotate(-2deg) translateX(5px) } }
@keyframes bp1-pen { 0% { transform:rotate(-20deg) } 50% { transform:rotate(-15deg) } 100% { transform:rotate(-25deg) } }
@keyframes bp1-figure { 0% { transform:translateX(0) rotate(-1deg) } 25% { transform:translateX(5px) rotate(1deg) } 50% { transform:translateX(10px) rotate(-1deg) } 75% { transform:translateX(15px) rotate(1deg) } 100% { transform:translateX(20px) rotate(0deg) } }

.scn-barnum-purchase-and-aftermath {
  background: linear-gradient(180deg, #2a1f14 0%, #3a2a1a 30%, #1f1409 100%), radial-gradient(ellipse at 50% 70%, #4a3020 0%, transparent 60%);
}
.scn-barnum-purchase-and-aftermath .bg-deep {
  position:absolute; inset:0; background: linear-gradient(180deg, rgba(30,15,8,0.9) 0%, transparent 100%); animation: bp2-bg 18s ease-in-out infinite alternate;
}
.scn-barnum-purchase-and-aftermath .desk {
  position:absolute; bottom:5%; left:8%; right:8%; height:40%; background: linear-gradient(180deg, #4a3828 0%, #2e241e 100%); border-radius:3% 3% 0 0; box-shadow:0 10px 40px rgba(0,0,0,0.6); animation: bp2-desk 30s ease-in-out infinite;
}
.scn-barnum-purchase-and-aftermath .parchment {
  position:absolute; bottom:28%; left:25%; width:100px; height:70px; background: linear-gradient(135deg, #d8c8a0 0%, #c0b090 100%); transform: rotate(2deg); border-radius:2px; box-shadow:0 4px 15px rgba(0,0,0,0.4); animation: bp2-parchment 12s ease-in-out infinite;
}
.scn-barnum-purchase-and-aftermath .seal {
  position:absolute; bottom:30%; left:50%; width:20px; height:20px; background: radial-gradient(circle, #c8553d 0%, #a0461a 70%); border-radius:50%; box-shadow:0 0 15px 5px #a0461a, 0 0 30px 10px rgba(160,70,26,0.5); animation: bp2-seal 6s ease-in-out infinite alternate;
}
.scn-barnum-purchase-and-aftermath .quill {
  position:absolute; bottom:34%; left:65%; width:50px; height:6px; background: linear-gradient(90deg, #d0c0a0 0%, #a09070 100%); transform: rotate(-40deg); border-radius:50% 50% 0 0; box-shadow:0 2px 6px rgba(0,0,0,0.2); animation: bp2-quill 4s ease-in-out infinite alternate;
}
.scn-barnum-purchase-and-aftermath .inkwell {
  position:absolute; bottom:22%; left:70%; width:16px; height:20px; background: radial-gradient(circle at 50% 30%, #3a2a1a 0%, #1a100a 100%); border-radius:50% 50% 20% 20%; box-shadow:0 4px 8px rgba(0,0,0,0.5); animation: bp2-inkwell 15s linear infinite;
}
.scn-barnum-purchase-and-aftermath .map-wall {
  position:absolute; top:8%; left:5%; right:10%; height:30%; background: linear-gradient(180deg, #c8b898 0%, #b0a080 100%); border-radius:5px; box-shadow:0 2px 10px rgba(0,0,0,0.3); animation: bp2-map 40s ease-in-out infinite;
}
.scn-barnum-purchase-and-aftermath .hand-sign {
  position:absolute; bottom:20%; left:35%; width:14px; height:30px; background: linear-gradient(180deg, #d0b8a0 0%, #b09878 100%); border-radius:40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin:bottom center; animation: bp2-hand 3s ease-in-out infinite;
}
@keyframes bp2-bg { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes bp2-desk { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-1px) } }
@keyframes bp2-parchment { 0% { transform:rotate(2deg) translateX(0) } 50% { transform:rotate(1deg) translateX(3px) } 100% { transform:rotate(3deg) translateX(-2px) } }
@keyframes bp2-seal { 0% { transform:scale(1) } 50% { transform:scale(1.1) } 100% { transform:scale(0.95) } }
@keyframes bp2-quill { 0% { transform:rotate(-40deg) translateX(0) } 50% { transform:rotate(-35deg) translateX(2px) } 100% { transform:rotate(-45deg) translateX(-1px) } }
@keyframes bp2-inkwell { 0% { transform:rotate(0deg) } 50% { transform:rotate(2deg) } 100% { transform:rotate(-2deg) } }
@keyframes bp2-map { 0% { transform:scaleX(1) } 50% { transform:scaleX(1.02) } 100% { transform:scaleX(0.98) } }
@keyframes bp2-hand { 0% { transform:rotate(0deg) } 50% { transform:rotate(5deg) } 100% { transform:rotate(-5deg) } }

.scn-barnum-story-growth-comment {
  background: linear-gradient(180deg, #2a241e 0%, #1f1a14 40%, #14100a 100%), radial-gradient(ellipse at 50% 30%, #3a3028 0%, transparent 60%);
}
.scn-barnum-story-growth-comment .bg-deep {
  position:absolute; inset:0; background: linear-gradient(180deg, rgba(20,18,14,0.9) 0%, transparent 100%); animation: bp3-bg 30s ease-in-out infinite alternate;
}
.scn-barnum-story-growth-comment .bookshelf {
  position:absolute; top:5%; left:5%; bottom:35%; width:20%; background: linear-gradient(180deg, #4a3a28 0%, #2e241e 100%); border-radius:2px; box-shadow:inset 0 0 10px rgba(0,0,0,0.5); animation: bp3-shelf 25s ease-in-out infinite;
}
.scn-barnum-story-growth-comment .armchair {
  position:absolute; bottom:5%; left:15%; width:80px; height:80px; background: radial-gradient(ellipse at 50% 40%, #6a5a42 0%, #4a3a2a 100%); border-radius:40% 40% 30% 30% / 60% 60% 40% 40%; box-shadow:0 8px 25px rgba(0,0,0,0.6); animation: bp3-chair 18s ease-in-out infinite;
}
.scn-barnum-story-growth-comment .clock {
  position:absolute; top:10%; right:10%; width:60px; height:60px; background: radial-gradient(circle, #8a7a62 0%, #5a4a3a 100%); border-radius:50%; box-shadow:0 4px 20px rgba(0,0,0,0.4); animation: bp3-clock 8s ease-in-out infinite;
}
.scn-barnum-story-growth-comment .cat {
  position:absolute; bottom:20%; left:15%; width:30px; height:20px; background: linear-gradient(180deg, #3a2a1a 0%, #1a140e 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: bp3-cat 5s ease-in-out infinite alternate;
}
.scn-barnum-story-growth-comment .fireplace {
  position:absolute; bottom:8%; left:40%; width:80px; height:100px; background: linear-gradient(180deg, #4a2a18 0%, #2a1a0a 100%), radial-gradient(ellipse at 50% 30%, #d08030 0%, transparent 70%); border-radius:10% 10% 5% 5%; box-shadow:0 0 40px 10px rgba(200,100,30,0.5), inset 0 0 20px rgba(255,140,40,0.3); animation: bp3-fire 4s ease-in-out infinite alternate;
}
.scn-barnum-story-growth-comment .picture-frame {
  position:absolute; top:22%; left:55%; width:50px; height:40px; background: linear-gradient(180deg, #6a5a42 0%, #4a3a2a 100%); border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.3); animation: bp3-frame 20s ease-in-out infinite;
}
@keyframes bp3-bg { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.8 } }
@keyframes bp3-shelf { 0% { transform:scaleY(1) } 50% { transform:scaleY(1.02) } 100% { transform:scaleY(0.98) } }
@keyframes bp3-chair { 0% { transform:rotate(0deg) } 50% { transform:rotate(1deg) } 100% { transform:rotate(-1deg) } }
@keyframes bp3-clock { 0% { transform:rotate(0deg) } 50% { transform:rotate(2deg) } 100% { transform:rotate(-2deg) } }
@keyframes bp3-cat { 0% { transform:scaleY(1) } 50% { transform:scaleY(0.9) } 100% { transform:scaleY(1.1) } }
@keyframes bp3-fire { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes bp3-frame { 0% { transform:translateX(0) } 50% { transform:translateX(5px) } 100% { transform:translateX(-5px) } }

.scn-barnum-letter-idea {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1f12 40%, #1a1008 100%), radial-gradient(ellipse at 40% 50%, #5a4a30 0%, transparent 70%);
}
.scn-barnum-letter-idea .bg-deep {
  position:absolute; inset:0; background: linear-gradient(180deg, rgba(30,20,10,0.8) 0%, transparent 100%); animation: bp4-bg 15s ease-in-out infinite alternate;
}
.scn-barnum-letter-idea .desk-tilted {
  position:absolute; bottom:5%; left:5%; right:10%; height:35%; background: linear-gradient(180deg, #4a3a28 0%, #2e241e 100%); border-radius:4% 4% 0 0; transform:rotate(-2deg); box-shadow:0 8px 30px rgba(0,0,0,0.5); animation: bp4-desk 20s ease-in-out infinite;
}
.scn-barnum-letter-idea .paper {
  position:absolute; bottom:25%; left:25%; width:100px; height:70px; background: linear-gradient(135deg, #d8c8a0 0%, #c0b090 100%); transform:rotate(8deg); border-radius:2px; box-shadow:0 4px 15px rgba(0,0,0,0.4); animation: bp4-paper 7s ease-in-out infinite alternate;
}
.scn-barnum-letter-idea .inkblot {
  position:absolute; bottom:40%; left:35%; width:16px; height:16px; background: radial-gradient(circle, #3a2a1a 0%, #1a100a 100%); border-radius:50%; transform:rotate(20deg); box-shadow:0 0 6px rgba(0,0,0,0.5); animation: bp4-inkblot 3s ease-in-out infinite;
}
.scn-barnum-letter-idea .quill-feather {
  position:absolute; bottom:38%; left:60%; width:50px; height:8px; background: linear-gradient(90deg, #e0d0b0 0%, #b0a080 100%); transform:rotate(-50deg); border-radius:50% 50% 0 0; box-shadow:0 2px 6px rgba(0,0,0,0.2); animation: bp4-quill 5s ease-in-out infinite alternate;
}
.scn-barnum-letter-idea .lamp-crooked {
  position:absolute; top:10%; right:15%; width:30px; height:60px; background: linear-gradient(180deg, #d0b080 0%, #a08050 100%); border-radius:8px 8px 4px 4px; transform:rotate(10deg); box-shadow:0 0 40px 10px #d0a060, 0 0 80px 20px rgba(200,150,80,0.4); animation: bp4-lamp 8s ease-in-out infinite;
}
.scn-barnum-letter-idea .hat-stand {
  position:absolute; bottom:5%; left:5%; width:8px; height:60px; background: linear-gradient(180deg, #4a3a28 0%, #2e241e 100%); border-radius:2px; transform:rotate(-5deg); box-shadow:0 2px 4px rgba(0,0,0,0.3); animation: bp4-stand 15s linear infinite;
}
.scn-barnum-letter-idea .figure-bow {
  position:absolute; bottom:10%; left:12%; width:18px; height:40px; background: linear-gradient(180deg, #2a1f12 0%, #1a1008 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: bp4-bow 4s ease-in-out infinite;
}
@keyframes bp4-bg { 0% { opacity:0.6 } 50% { opacity:0.9 } 100% { opacity:0.7 } }
@keyframes bp4-desk { 0%,100% { transform:rotate(-2deg) translateY(0) } 50% { transform:rotate(-2deg) translateY(-2px) } }
@keyframes bp4-paper { 0% { transform:rotate(8deg) } 50% { transform:rotate(10deg) } 100% { transform:rotate(6deg) } }
@keyframes bp4-inkblot { 0% { transform:scale(1) rotate(20deg) } 50% { transform:scale(1.2) rotate(15deg) } 100% { transform:scale(0.9) rotate(25deg) } }
@keyframes bp4-quill { 0% { transform:rotate(-50deg) } 50% { transform:rotate(-45deg) } 100% { transform:rotate(-55deg) } }
@keyframes bp4-lamp { 0% { transform:rotate(10deg) scaleY(1) } 50% { transform:rotate(12deg) scaleY(1.02) } 100% { transform:rotate(8deg) scaleY(0.98) } }
@keyframes bp4-stand { 0% { transform:rotate(-5deg) } 50% { transform:rotate(-3deg) } 100% { transform:rotate(-7deg) } }
@keyframes bp4-bow { 0% { transform:rotate(0deg) } 25% { transform:rotate(-15deg) } 50% { transform:rotate(0deg) } 75% { transform:rotate(15deg) } 100% { transform:rotate(0deg) } }

/* Scene 1: jameson-raid-reform - tense dim interior */
.scn-jameson-raid-reform {
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 50%, #0a0000 100%), radial-gradient(ellipse at 50% 60%, #3a2a1a 0%, transparent 60%);
}
.scn-jameson-raid-reform .room {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
}
.scn-jameson-raid-reform .table {
  position: absolute; bottom: 20%; left: 20%; width: 60%; height: 20%;
  background: linear-gradient(180deg, #4a2a1a 0%, #2a1000 100%);
  border-radius: 4px; box-shadow: inset 0 4px 8px rgba(0,0,0,.5);
}
.scn-jameson-raid-reform .map {
  position: absolute; bottom: 28%; left: 30%; width: 40%; height: 10%;
  background: linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 50%, #2a1a0a 100%);
  border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: jsr-map 4s ease-in-out infinite;
}
.scn-jameson-raid-reform .figure {
  position: absolute; bottom: 35%; width: 18px; height: 50px;
  background: linear-gradient(180deg, #0a0a0a 0%, #000 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-jameson-raid-reform .figure.commander { left: 32%; animation: jsr-cmd 5s ease-in-out infinite; }
.scn-jameson-raid-reform .figure.advisor { right: 32%; animation: jsr-adv 5s ease-in-out infinite 2.5s; }
.scn-jameson-raid-reform .lantern {
  position: absolute; bottom: 42%; left: 48%; width: 8px; height: 8px;
  background: radial-gradient(circle, #ffa060 0%, #ff8040 60%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 16px 6px #ff8040, 0 0 32px 12px rgba(255,128,64,.3);
  animation: jsr-glow 3s ease-in-out infinite;
}
.scn-jameson-raid-reform .shadow {
  position: absolute; bottom: 20%; left: 28%; width: 44%; height: 8%;
  background: radial-gradient(ellipse, rgba(0,0,0,.6) 0%, transparent 100%);
  animation: jsr-shadow 4s ease-in-out infinite;
}
@keyframes jsr-map {
  0% { transform: translate(0,0) rotate(0deg); }
  50% { transform: translate(1px,0) rotate(0.5deg); }
  100% { transform: translate(0,0) rotate(0deg); }
}
@keyframes jsr-cmd {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes jsr-adv {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(1px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes jsr-glow {
  0% { opacity: 0.7; box-shadow: 0 0 10px 2px #ff8040, 0 0 20px 4px rgba(255,128,64,.3); }
  50% { opacity: 1; box-shadow: 0 0 20px 6px #ffa060, 0 0 40px 10px rgba(255,160,96,.4); }
  100% { opacity: 0.8; box-shadow: 0 0 12px 3px #ff8040, 0 0 24px 6px rgba(255,128,64,.3); }
}
@keyframes jsr-shadow {
  0% { opacity: 0.3; }
  50% { opacity: 0.5; }
  100% { opacity: 0.3; }
}

/* Scene 2: judicious-mr-rhodes - calm bright interior */
.scn-judicious-mr-rhodes {
  background: linear-gradient(180deg, #f8f0e0 0%, #e8d8c0 50%, #d0c0a0 100%), radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 70%);
}
.scn-judicious-mr-rhodes .room {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #e8d8c0 0%, #f0e0d0 100%);
}
.scn-judicious-mr-rhodes .desk {
  position: absolute; bottom: 20%; left: 25%; width: 50%; height: 25%;
  background: linear-gradient(180deg, #b8a080 0%, #907060 100%);
  border-radius: 5px; box-shadow: inset 0 4px 8px rgba(0,0,0,.2);
}
.scn-judicious-mr-rhodes .chair {
  position: absolute; bottom: 25%; left: 30%; width: 30%; height: 20%;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%;
  animation: jmr-chair 10s ease-in-out infinite;
}
.scn-judicious-mr-rhodes .figure {
  position: absolute; bottom: 35%; left: 35%; width: 20px; height: 60px;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: jmr-figure 6s ease-in-out infinite;
}
.scn-judicious-mr-rhodes .papers {
  position: absolute; bottom: 28%; left: 40%; width: 10%; height: 5%;
  background: linear-gradient(135deg, #f8f0e0 0%, #e0d0c0 100%);
  border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,.2);
  animation: jmr-papers 8s ease-in-out infinite;
}
.scn-judicious-mr-rhodes .window {
  position: absolute; top: 10%; right: 10%; width: 20%; height: 40%;
  background: linear-gradient(180deg, #fffbe0 0%, #fff4d0 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,200,.3), 0 0 30px 10px rgba(255,255,200,.2);
  animation: jmr-window 4s ease-in-out infinite;
}
@keyframes jmr-chair {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}
@keyframes jmr-figure {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.002); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes jmr-papers {
  0% { transform: rotate(0deg) translateX(0); }
  50% { transform: rotate(2deg) translateX(1px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes jmr-window {
  0% { opacity: 0.9; box-shadow: 0 0 20px 10px rgba(255,255,200,0.2); }
  50% { opacity: 1; box-shadow: 0 0 30px 15px rgba(255,255,200,0.3); }
  100% { opacity: 0.9; box-shadow: 0 0 20px 10px rgba(255,255,200,0.2); }
}

/* Scene 3: absorbing-novelty-kimberley - calm bright interior (diamond sorting) */
.scn-absorbing-novelty-kimberley {
  background: linear-gradient(180deg, #e0e8f0 0%, #c0d0d8 50%, #a0b0b8 100%), radial-gradient(ellipse at 50% 70%, #ffffff 0%, transparent 80%);
}
.scn-absorbing-novelty-kimberley .background {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #d0d8e0 0%, #a0b0b8 100%);
}
.scn-absorbing-novelty-kimberley .counter {
  position: absolute; bottom: 15%; left: 10%; width: 80%; height: 30%;
  background: linear-gradient(180deg, #8a9a9e 0%, #708080 100%);
  border-radius: 8px; box-shadow: inset 0 4px 8px rgba(0,0,0,.2);
}
.scn-absorbing-novelty-kimberley .diamond {
  position: absolute; bottom: 30%; left: 45%; width: 30px; height: 30px;
  background: radial-gradient(circle, #ffffff 0%, #b8c8d8 70%, #809098 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation: ank-diamond 2s ease-in-out infinite;
}
.scn-absorbing-novelty-kimberley .magnifier {
  position: absolute; bottom: 35%; left: 38%; width: 20px; height: 20px;
  background: radial-gradient(circle, #e0e8f0 0%, #c0d0d8 100%);
  border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.2);
  animation: ank-magnifier 4s ease-in-out infinite;
}
.scn-absorbing-novelty-kimberley .hand {
  position: absolute; bottom: 28%; right: 35%; width: 10px; height: 40px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ank-hand 6s ease-in-out infinite;
}
.scn-absorbing-novelty-kimberley .tools {
  position: absolute; bottom: 20%; left: 25%; width: 40px; height: 10px;
  background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 50%, #6a5a4a 100%);
  border-radius: 2px;
}
.scn-absorbing-novelty-kimberley .sparkle {
  position: absolute; bottom: 38%; left: 47%; width: 6px; height: 6px;
  background: #ffffff; border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(255,255,255,.8);
  animation: ank-sparkle 1.5s ease-in-out infinite;
}
@keyframes ank-diamond {
  0% { transform: rotate(0deg) scale(1); opacity: 0.9; }
  50% { transform: rotate(10deg) scale(1.05); opacity: 1; }
  100% { transform: rotate(0deg) scale(1); opacity: 0.9; }
}
@keyframes ank-magnifier {
  0% { transform: translate(0,0) rotate(0deg); }
  50% { transform: translate(2px,-1px) rotate(2deg); }
  100% { transform: translate(0,0) rotate(0deg); }
}
@keyframes ank-hand {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ank-sparkle {
  0% { opacity: 0; transform: scale(0.5); }
  50% { opacity: 1; transform: scale(1.2); }
  100% { opacity: 0; transform: scale(0.8); }
}

/* Scene 4: table-rock-cape-town - calm sunlit exterior */
.scn-table-rock-cape-town {
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 80%, #deb887 100%), radial-gradient(ellipse at 50% 0%, #87ceeb 0%, transparent 50%);
}
.scn-table-rock-cape-town .sky {
  position: absolute; top: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 100%);
}
.scn-table-rock-cape-town .mountain {
  position: absolute; bottom: 25%; left: 20%; width: 60%; height: 40%;
  background: linear-gradient(180deg, #8a7350 0%, #6b5a3a 100%);
  border-radius: 30% 30% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,.3);
  animation: trc-mountain 12s ease-in-out infinite;
}
.scn-table-rock-cape-town .bay {
  position: absolute; bottom: 5%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #4a90d9 0%, #2c5f8a 100%);
  animation: trc-bay 3s ease-in-out infinite;
}
.scn-table-rock-cape-town .ship {
  position: absolute; bottom: 10%; width: 20px; height: 10px;
  background: linear-gradient(90deg, #3a4a5a 0%, #2a3a4a 100%);
  border-radius: 40% 40% 0 0;
}
.scn-table-rock-cape-town .ship1 { left: 15%; animation: trc-ship1 6s ease-in-out infinite; }
.scn-table-rock-cape-town .ship2 { left: 65%; animation: trc-ship2 6s ease-in-out infinite 3s; }
.scn-table-rock-cape-town .buildings {
  position: absolute; bottom: 5%; right: 5%; width: 20%; height: 15%;
  background: linear-gradient(180deg, #d0c0a0 0%, #b0a080 100%);
  border-radius: 4px 4px 0 0;
}
.scn-table-rock-cape-town .cloud {
  position: absolute; background: radial-gradient(ellipse, rgba(255,255,255,.5) 0%, rgba(255,255,255,.05) 100%);
  filter: blur(8px);
}
.scn-table-rock-cape-town .cloud1 { top: 10%; left: 10%; width: 80px; height: 20px; animation: trc-cloud1 40s linear infinite; }
.scn-table-rock-cape-town .cloud2 { top: 25%; right: 20%; width: 60px; height: 15px; animation: trc-cloud2 50s linear infinite reverse; }
.scn-table-rock-cape-town .foreground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 5%;
  background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%);
}
@keyframes trc-mountain {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.001); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes trc-bay {
  0% { background-position: 0% 0%; }
  50% { background-position: 10% 0%; }
  100% { background-position: 0% 0%; }
}
@keyframes trc-ship1 {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes trc-ship2 {
  0% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-2px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(1deg); }
}
@keyframes trc-cloud1 {
  0% { transform: translateX(0); }
  100% { transform: translateX(100vw); }
}
@keyframes trc-cloud2 {
  0% { transform: translateX(0); }
  100% { transform: translateX(-70vw); }
}

.scn-brahma-neglected {
  background: linear-gradient(180deg, #0f0a1a 0%, #1a1028 60%, #2a1838 100%), radial-gradient(ellipse at 50% 70%, #1a1028 0%, transparent 80%);
}
.scn-brahma-neglected .bg-mid {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #1a1028 0%, transparent 100%);
}
.scn-brahma-neglected .pedestal {
  position: absolute; bottom: 20%; left: 50%;
  width: 80px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a3a2a, #2a1a0a);
  border-radius: 10% 10% 0 0;
}
.scn-brahma-neglected .figure {
  position: absolute; bottom: 35%; left: 50%;
  width: 40px; height: 60px;
  transform: translateX(-50%);
  background: #0a0a0a;
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  animation: bn-figure 6s ease-in-out infinite alternate;
}
.scn-brahma-neglected .lamp {
  position: absolute; bottom: 45%; left: 45%;
  width: 4px; height: 10px;
  background: #ffaa40;
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 0 20px 6px #ffaa40;
}
.scn-brahma-neglected .glow {
  position: absolute; bottom: 45%; left: 45%;
  width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(255,170,64,0.4) 0%, transparent 70%);
  animation: bn-glow 3s ease-in-out infinite alternate;
}
.scn-brahma-neglected .dust-a,
.scn-brahma-neglected .dust-b {
  position: absolute; width: 3px; height: 3px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%; filter: blur(1px);
}
.scn-brahma-neglected .dust-a {
  top: 30%; left: 20%;
  animation: bn-drift-a 12s linear infinite;
}
.scn-brahma-neglected .dust-b {
  top: 50%; right: 30%;
  animation: bn-drift-b 16s linear infinite reverse;
}
@keyframes bn-figure {
  0% { transform: translateX(-50%) rotate(0deg); }
  50% { transform: translateX(-50%) rotate(3deg) scale(1.01); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes bn-glow {
  0% { opacity: 0.6; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0.8; transform: scale(0.95); }
}
@keyframes bn-drift-a {
  0% { transform: translate(0,0); opacity:0.2; }
  25% { transform: translate(15px, -8px); opacity:0.6; }
  50% { transform: translate(5px, 12px); opacity:0.3; }
  75% { transform: translate(-10px, -5px); opacity:0.7; }
  100% { transform: translate(0,0); opacity:0.2; }
}
@keyframes bn-drift-b {
  0% { transform: translate(0,0); opacity:0.3; }
  30% { transform: translate(-20px, 10px); opacity:0.5; }
  60% { transform: translate(10px, -15px); opacity:0.2; }
  100% { transform: translate(0,0); opacity:0.3; }
}

.scn-benares-religion-business {
  background: linear-gradient(180deg, #2a1a12 0%, #3a2a1a 60%, #2a1a0a 100%), radial-gradient(ellipse at 50% 30%, #4a3a2a 0%, transparent 80%);
}
.scn-benares-religion-business .bg-mid {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, transparent 100%);
}
.scn-benares-religion-business .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a1a0a, #1a0a00);
  border-radius: 0 0 20% 20%;
}
.scn-benares-religion-business .shelf {
  position: absolute; bottom: 40%; left: 10%; width: 80%; height: 10px;
  background: linear-gradient(180deg, #5a3a2a, #3a2a1a);
  border-radius: 5px;
}
.scn-benares-religion-business .jug-1,
.scn-benares-religion-business .jug-2,
.scn-benares-religion-business .jug-3 {
  position: absolute; bottom: 45%;
  width: 20px; height: 40px;
  background: linear-gradient(180deg, #7a5a3a, #4a2a1a);
  border-radius: 50% 50% 20% 20% / 80% 80% 30% 30%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: be-float 4s ease-in-out infinite;
}
.scn-benares-religion-business .jug-1 { left: 20%; }
.scn-benares-religion-business .jug-2 { left: 45%; animation-delay: 1s; }
.scn-benares-religion-business .jug-3 { left: 70%; animation-delay: 2s; }
.scn-benares-religion-business .lamp {
  position: absolute; bottom: 50%; left: 50%;
  width: 6px; height: 12px;
  background: #ffaa40;
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 0 20px 6px #ffaa40;
  animation: be-lamp 2s ease-in-out infinite alternate;
}
.scn-benares-religion-business .glow {
  position: absolute; bottom: 50%; left: 50%;
  width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(255,170,64,0.3) 0%, transparent 70%);
  animation: be-glow 3s ease-in-out infinite alternate;
}
@keyframes be-float {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes be-lamp {
  0% { opacity: 0.8; transform: scaleY(0.9); }
  100% { opacity: 1; transform: scaleY(1.1); }
}
@keyframes be-glow {
  0% { opacity: 0.5; transform: scale(0.9); }
  100% { opacity: 0.9; transform: scale(1.1); }
}

.scn-hindoo-regiment {
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 50%, #cdaa7d 100%), radial-gradient(ellipse at 50% 0%, #f0e68c 0%, transparent 70%);
}
.scn-hindoo-regiment .bg-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #4682b4 0%, #87ceeb 100%);
  animation: hr-sky 20s ease-in-out infinite alternate;
}
.scn-hindoo-regiment .bg-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #cdaa7d, #8b7355);
  border-radius: 80% 80% 0 0 / 30% 30% 0 0;
}
.scn-hindoo-regiment .city-skyline {
  position: absolute; bottom: 40%; left: 5%; right: 5%; height: 30%;
  background: linear-gradient(180deg, #8b7355 0%, transparent 100%);
  border-radius: 0 0 10% 10%;
  filter: blur(2px);
}
.scn-hindoo-regiment .soldier-a,
.scn-hindoo-regiment .soldier-b,
.scn-hindoo-regiment .soldier-c {
  position: absolute; bottom: 38%;
  width: 14px; height: 30px;
  background: #1a1a1a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hr-march 1.5s ease-in-out infinite;
}
.scn-hindoo-regiment .soldier-a { left: 30%; }
.scn-hindoo-regiment .soldier-b { left: 45%; animation-delay: 0.3s; }
.scn-hindoo-regiment .soldier-c { left: 60%; animation-delay: 0.6s; }
.scn-hindoo-regiment .flag {
  position: absolute; bottom: 45%; left: 55%;
  width: 20px; height: 30px;
  background: linear-gradient(180deg, #c8553d, #a0461a);
  border-radius: 2px;
  transform-origin: bottom left;
  animation: hr-flag 2s ease-in-out infinite alternate;
}
.scn-hindoo-regiment .dust-a,
.scn-hindoo-regiment .dust-b {
  position: absolute; width: 4px; height: 4px;
  background: rgba(210,180,140,0.6);
  border-radius: 50%; filter: blur(1px);
}
.scn-hindoo-regiment .dust-a {
  bottom: 30%; left: 20%;
  animation: hr-dust 5s linear infinite;
}
.scn-hindoo-regiment .dust-b {
  bottom: 25%; right: 30%;
  animation: hr-dust 7s linear infinite reverse;
}
@keyframes hr-sky {
  0% { background-position: 0% 0%; }
  100% { background-position: 20% 10%; }
}
@keyframes hr-march {
  0% { transform: translateY(0) rotate(-3deg); }
  25% { transform: translateY(-5px) rotate(0deg); }
  50% { transform: translateY(0) rotate(3deg); }
  75% { transform: translateY(-5px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-3deg); }
}
@keyframes hr-flag {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}
@keyframes hr-dust {
  0% { transform: translate(0,0) scale(1); opacity: 0.4; }
  25% { transform: translate(15px, -8px) scale(1.2); opacity: 0.7; }
  50% { transform: translate(30px, 5px) scale(0.8); opacity: 0.2; }
  75% { transform: translate(10px, -15px) scale(1.1); opacity: 0.6; }
  100% { transform: translate(0,0) scale(1); opacity: 0.4; }
}

.scn-superstitions-nation {
  background: linear-gradient(180deg, #0f0a1a 0%, #1a1020 60%, #2a1830 100%), radial-gradient(ellipse at 50% 80%, #1a1020 0%, transparent 80%);
}
.scn-superstitions-nation .bg-deep {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #0f0a1a 0%, transparent 100%);
}
.scn-superstitions-nation .desk {
  position: absolute; bottom: 15%; left: 20%; width: 60%; height: 25%;
  background: linear-gradient(180deg, #3a2a1a, #1a0a00);
  border-radius: 5% 5% 0 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.8);
}
.scn-superstitions-nation .candle {
  position: absolute; bottom: 35%; left: 35%;
  width: 8px; height: 20px;
  background: linear-gradient(180deg, #ffeedd, #c08040);
  border-radius: 3px;
  animation: sn-candle 2s ease-in-out infinite alternate;
}
.scn-superstitions-nation .glow {
  position: absolute; bottom: 35%; left: 35%;
  width: 100px; height: 100px;
  background: radial-gradient(circle, rgba(255,170,64,0.3) 0%, transparent 80%);
  animation: sn-glow 4s ease-in-out infinite alternate;
}
.scn-superstitions-nation .book {
  position: absolute; bottom: 20%; left: 40%;
  width: 50px; height: 30px;
  background: linear-gradient(180deg, #5a3a2a, #3a2a1a);
  border-radius: 3px;
  transform: rotate(-10deg);
}
.scn-superstitions-nation .symbol-moon {
  position: absolute; top: 20%; right: 30%;
  width: 30px; height: 30px;
  background: radial-gradient(circle at 40% 50%, #d4a574 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(212,165,116,0.5);
  animation: sn-float 8s ease-in-out infinite;
}
.scn-superstitions-nation .symbol-star {
  position: absolute; top: 15%; left: 25%;
  width: 0; height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 18px solid #c8553d;
  filter: drop-shadow(0 0 6px #c8553d);
  animation: sn-float 10s ease-in-out infinite reverse;
}
.scn-superstitions-nation .symbol-eye {
  position: absolute; top: 30%; left: 15%;
  width: 24px; height: 14px;
  background: radial-gradient(ellipse at 50% 50%, #eeddcc 0%, #8a6a4a 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(238,221,204,0.4);
  animation: sn-float 12s ease-in-out infinite;
}
.scn-superstitions-nation .figure {
  position: absolute; bottom: 30%; right: 15%;
  width: 20px; height: 40px;
  background: #0a0a0a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sn-figure 5s ease-in-out infinite alternate;
}
@keyframes sn-candle {
  0% { opacity: 0.7; transform: scaleX(0.9); }
  100% { opacity: 1; transform: scaleX(1.1); }
}
@keyframes sn-glow {
  0% { opacity: 0.4; transform: scale(0.8); }
  50% { opacity: 0.8; transform: scale(1.2); }
  100% { opacity: 0.5; transform: scale(0.9); }
}
@keyframes sn-float {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(10px, -10px) rotate(5deg); }
  50% { transform: translate(-5px, -20px) rotate(-5deg); }
  75% { transform: translate(-15px, -5px) rotate(3deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes sn-figure {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}

.scn-first-gold-strike-ballarat {
  background: linear-gradient(180deg, #87ceeb 0%, #fceabb 70%, #f8b500 100%),
              radial-gradient(ellipse at 20% 15%, #ffd700 0%, transparent 50%);
}
.scn-first-gold-strike-ballarat .sky {
  position: absolute; inset: 0; background: linear-gradient(180deg, #87ceeb 0%, transparent 100%);
  animation: fgs-sky 10s ease-in-out infinite alternate;
}
.scn-first-gold-strike-ballarat .sun {
  position: absolute; top: 12%; left: 18%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffd700 0%, #ffa500 60%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(255,215,0,0.5);
  animation: fgs-sun 5s ease-in-out infinite;
}
.scn-first-gold-strike-ballarat .hills {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #7a9a5a 0%, #4a6a3a 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: fgs-hills 12s ease-in-out infinite alternate;
}
.scn-first-gold-strike-ballarat .creek {
  position: absolute; bottom: 25%; left: 10%; right: 10%; height: 6%;
  background: linear-gradient(90deg, #4a9ad9 0%, #7ac8f0 50%, #4a9ad9 100%);
  border-radius: 50%; box-shadow: inset 0 2px 4px rgba(255,255,255,0.3);
  animation: fgs-creek 3s ease-in-out infinite alternate;
}
.scn-first-gold-strike-ballarat .tree {
  position: absolute; bottom: 28%; left: 40%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 40% 40% / 20% 20% 60% 60%;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.4);
  animation: fgs-tree 4s ease-in-out infinite;
}
.scn-first-gold-strike-ballarat .figure {
  position: absolute; bottom: 26%; left: 55%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fgs-figure 6s ease-in-out infinite;
}
.scn-first-gold-strike-ballarat .pick {
  position: absolute; bottom: 26%; left: 53%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 20% 20% 0 0; transform: rotate(20deg);
  animation: fgs-pick 2s ease-in-out infinite alternate;
}
@keyframes fgs-sky {
  0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; }
}
@keyframes fgs-sun {
  0% { transform: scale(1); box-shadow: 0 0 30px 15px #ffd700; }
  50% { transform: scale(1.05); box-shadow: 0 0 45px 25px #ffa500; }
  100% { transform: scale(1); box-shadow: 0 0 30px 15px #ffd700; }
}
@keyframes fgs-hills {
  0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); }
}
@keyframes fgs-creek {
  0% { opacity: 0.8; transform: scaleX(1); }
  50% { opacity: 1; transform: scaleX(1.02); }
  100% { opacity: 0.8; transform: scaleX(1); }
}
@keyframes fgs-tree {
  0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(0); }
}
@keyframes fgs-figure {
  0% { transform: translateX(0) translateY(0) rotate(-1deg); }
  50% { transform: translateX(6px) translateY(-2px) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0); }
}
@keyframes fgs-pick {
  0% { transform: rotate(15deg); } 100% { transform: rotate(25deg); }
}

.scn-rush-to-ballarat {
  background: linear-gradient(180deg, #f0e68c 0%, #87ceeb 50%, #4682b4 100%),
              radial-gradient(ellipse at 30% 10%, #ffd700 0%, transparent 40%);
}
.scn-rush-to-ballarat .sky {
  position: absolute; inset: 0; background: linear-gradient(180deg, #87ceeb 0%, transparent 100%);
  animation: rtb-sky 8s ease-in-out infinite alternate;
}
.scn-rush-to-ballarat .road {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 10% 10% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.3);
}
.scn-rush-to-ballarat .dust {
  position: absolute; bottom: 25%; left: 10%; width: 200px; height: 20px;
  background: radial-gradient(ellipse, rgba(255,255,200,0.4) 0%, transparent 100%);
  border-radius: 50%; filter: blur(8px);
  animation: rtb-dust 10s linear infinite;
}
.scn-rush-to-ballarat .figure-fore {
  position: absolute; bottom: 22%; left: 20%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rtb-walk 6s ease-in-out infinite;
}
.scn-rush-to-ballarat .figure-mid {
  position: absolute; bottom: 22%; left: 35%; width: 18px; height: 36px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rtb-walk 5s ease-in-out 0.5s infinite;
}
.scn-rush-to-ballarat .figure-back {
  position: absolute; bottom: 22%; left: 50%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rtb-walk 4s ease-in-out 1s infinite;
}
.scn-rush-to-ballarat .sun {
  position: absolute; top: 8%; left: 25%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffd700 0%, #ffa500 70%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 50px 25px rgba(255,165,0,0.5);
  animation: rtb-sun 4s ease-in-out infinite;
}
@keyframes rtb-sky {
  0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; }
}
@keyframes rtb-dust {
  0% { transform: translateX(-20px); opacity: 0.4; }
  50% { transform: translateX(80px); opacity: 0.7; }
  100% { transform: translateX(-20px); opacity: 0.4; }
}
@keyframes rtb-walk {
  0% { transform: translateX(0) translateY(0) rotate(-1deg); }
  50% { transform: translateX(8px) translateY(-2px) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(-1deg); }
}
@keyframes rtb-sun {
  0% { transform: scale(1); box-shadow: 0 0 40px 20px #ffd700; }
  50% { transform: scale(1.05); box-shadow: 0 0 60px 30px #ffa500; }
  100% { transform: scale(1); box-shadow: 0 0 40px 20px #ffd700; }
}

.scn-melbourne-deserted {
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 50%, #1a1a2a 100%),
              radial-gradient(ellipse at 50% 20%, #5a5a6a 0%, transparent 60%);
}
.scn-melbourne-deserted .sky {
  position: absolute; inset: 0; background: linear-gradient(180deg, #3a3a4a 0%, transparent 100%);
  animation: mld-sky 12s ease-in-out infinite alternate;
}
.scn-melbourne-deserted .building-left {
  position: absolute; bottom: 15%; left: 5%; width: 30%; height: 60%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset -4px 0 8px rgba(0,0,0,0.5);
  animation: mld-building 6s ease-in-out infinite;
}
.scn-melbourne-deserted .building-right {
  position: absolute; bottom: 15%; right: 5%; width: 30%; height: 55%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 4px 0 8px rgba(0,0,0,0.5);
  animation: mld-building 6s ease-in-out 0.3s infinite reverse;
}
.scn-melbourne-deserted .street {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.4);
}
.scn-melbourne-deserted .shadow {
  position: absolute; bottom: 18%; left: 0; width: 30px; height: 80%;
  background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, transparent 100%);
  filter: blur(10px);
  animation: mld-shadow 15s linear infinite;
}
.scn-melbourne-deserted .lamp {
  position: absolute; bottom: 20%; left: 50%; width: 10px; height: 20px;
  background: radial-gradient(circle, #d4a040 0%, #8a6020 100%);
  border-radius: 50% 50% 20% 20%; transform: translateX(-50%);
  box-shadow: 0 0 20px 8px rgba(212,160,64,0.3);
  animation: mld-lamp 3s ease-in-out infinite alternate;
}
.scn-melbourne-deserted .cloud {
  position: absolute; top: 10%; left: -10%; width: 120px; height: 20px;
  background: linear-gradient(180deg, rgba(200,200,210,0.3) 0%, transparent 100%);
  border-radius: 50%; filter: blur(6px);
  animation: mld-cloud 30s linear infinite;
}
@keyframes mld-sky {
  0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; }
}
@keyframes mld-building {
  0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); }
}
@keyframes mld-shadow {
  0% { transform: translateX(-20px); opacity: 0.3; }
  50% { transform: translateX(80vw); opacity: 0.6; }
  100% { transform: translateX(-20px); opacity: 0.3; }
}
@keyframes mld-lamp {
  0% { box-shadow: 0 0 15px 6px rgba(212,160,64,0.2); opacity: 0.8; }
  50% { box-shadow: 0 0 30px 12px rgba(212,160,64,0.5); opacity: 1; }
  100% { box-shadow: 0 0 15px 6px rgba(212,160,64,0.2); opacity: 0.8; }
}
@keyframes mld-cloud {
  0% { transform: translateX(0); }
  50% { transform: translateX(150vw); }
  100% { transform: translateX(0); }
}

.scn-ballarat-ripped-open {
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 50%, #0a0a00 100%),
              radial-gradient(ellipse at 30% 40%, #d4a040 0%, transparent 60%);
}
.scn-ballarat-ripped-open .sky {
  position: absolute; inset: 0; background: linear-gradient(180deg, #4a3a2a 0%, transparent 100%);
  animation: bro-sky 10s ease-in-out infinite alternate;
}
.scn-ballarat-ripped-open .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 20% 30% 0 0 / 40% 50% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.6);
  animation: bro-ground 8s ease-in-out infinite alternate;
}
.scn-ballarat-ripped-open .hole {
  position: absolute; bottom: 30%; left: 40%; width: 80px; height: 60px;
  background: radial-gradient(ellipse, #0a0a00 0%, #1a1a0a 70%, transparent 100%);
  border-radius: 50%; box-shadow: inset 0 10px 20px rgba(0,0,0,0.8);
  animation: bro-hole 5s ease-in-out infinite;
}
.scn-ballarat-ripped-open .rockpile {
  position: absolute; bottom: 28%; left: 50%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 30% 50% 40% 40% / 40% 60% 60% 40%;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.4);
}
.scn-ballarat-ripped-open .wheel {
  position: absolute; bottom: 32%; left: 35%; width: 30px; height: 30px;
  background: radial-gradient(circle, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 50%; border: 4px solid #4a3a2a;
  box-shadow: inset 0 0 0 4px #3a2a1a;
  animation: bro-wheel 6s linear infinite;
}
.scn-ballarat-ripped-open .figure {
  position: absolute; bottom: 25%; left: 45%; width: 22px; height: 44px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bro-figure 4s ease-in-out infinite;
}
.scn-ballarat-ripped-open .pick {
  position: absolute; bottom: 26%; left: 43%; width: 10px; height: 22px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0; transform: rotate(30deg);
  animation: bro-pick 1.5s ease-in-out infinite alternate;
}
@keyframes bro-sky {
  0% { opacity: 0.6; } 50% { opacity: 0.9; } 100% { opacity: 0.6; }
}
@keyframes bro-ground {
  0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); }
}
@keyframes bro-hole {
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.02); opacity: 1; }
  100% { transform: scale(1); opacity: 0.8; }
}
@keyframes bro-wheel {
  0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); }
}
@keyframes bro-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-3px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes bro-pick {
  0% { transform: rotate(25deg); } 100% { transform: rotate(35deg); }
}

.scn-grant-memory-embarrassment {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b886 30%, #a67c52 70%, #7a5c3a 100%),
    radial-gradient(ellipse at 70% 80%, #fce4b3 0%, transparent 60%);
}
.scn-grant-memory-embarrassment .bg-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #c8a96e 0%, #e3cfa0 30%, #c8a96e 60%, #a67c52 100%);
  border-bottom: 4px solid #7a5c3a;
  animation: gm1-wall 20s ease-in-out infinite alternate;
}
.scn-grant-memory-embarrassment .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-grant-memory-embarrassment .fireplace {
  position: absolute; bottom: 20%; left: 10%; width: 80px; height: 100px;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a0a 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.6);
}
.scn-grant-memory-embarrassment .fireplace::after {
  content: ''; position: absolute; bottom: 10%; left: 20%; width: 60%; height: 20%;
  background: radial-gradient(ellipse, #ff8c42 0%, #cc5500 50%, transparent 70%);
  border-radius: 50%;
  animation: gm1-fire 4s ease-in-out infinite alternate;
}
.scn-grant-memory-embarrassment .window {
  position: absolute; top: 10%; right: 15%; width: 90px; height: 120px;
  background: linear-gradient(180deg, #b8d4e8 0%, #8bb0d0 100%);
  border: 6px solid #5a3a1a; border-radius: 4px;
  box-shadow: inset 0 0 30px rgba(255,255,200,0.3);
  animation: gm1-window 30s ease-in-out infinite alternate;
}
.scn-grant-memory-embarrassment .lamp {
  position: absolute; bottom: 32%; left: 35%; width: 12px; height: 18px;
  background: linear-gradient(180deg, #fce4b3 0%, #d4a86e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 20px 8px #fce4b3, 0 0 40px 12px rgba(252,228,179,0.4);
  animation: gm1-lamp 5s ease-in-out infinite alternate;
}
.scn-grant-memory-embarrassment .figure-grant {
  position: absolute; bottom: 18%; left: 50%; width: 28px; height: 60px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: gm1-grant 6s ease-in-out infinite;
}
.scn-grant-memory-embarrassment .figure-twain {
  position: absolute; bottom: 18%; left: 35%; width: 24px; height: 58px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: gm1-twain 5s ease-in-out infinite alternate;
}
@keyframes gm1-wall {
  0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; }
}
@keyframes gm1-fire {
  0% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.15); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.8; }
}
@keyframes gm1-window {
  0% { background: #b8d4e8; } 50% { background: #d0e8f8; } 100% { background: #a0bcd0; }
}
@keyframes gm1-lamp {
  0% { box-shadow: 0 0 15px 5px #fce4b3, 0 0 30px 10px rgba(252,228,179,0.3); } 50% { box-shadow: 0 0 25px 10px #fce4b3, 0 0 50px 15px rgba(252,228,179,0.5); } 100% { box-shadow: 0 0 20px 8px #fce4b3, 0 0 40px 12px rgba(252,228,179,0.4); }
}
@keyframes gm1-grant {
  0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-2px) rotate(0deg); } 100% { transform: translateX(0) rotate(0deg); }
}
@keyframes gm1-twain {
  0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(-1deg); }
}

.scn-second-meeting-grant {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b886 30%, #b89a6a 70%, #8a6a3a 100%),
    radial-gradient(ellipse at 50% 20%, #fce4b3 0%, transparent 50%);
}
.scn-second-meeting-grant .bg-hall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #ded4b8 0%, #c8b896 50%, #a8987a 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: gm2-wall 25s ease-in-out infinite alternate;
}
.scn-second-meeting-grant .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  box-shadow: inset 0 6px 15px rgba(0,0,0,0.5);
}
.scn-second-meeting-grant .table {
  position: absolute; bottom: 15%; left: 10%; right: 10%; height: 8%;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 2px;
  box-shadow: 0 -4px 10px rgba(0,0,0,0.3);
}
.scn-second-meeting-grant .chandelier {
  position: absolute; top: 5%; left: 50%; width: 60px; height: 40px;
  background: radial-gradient(ellipse, #fce4b3 0%, #d4a86e 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #fce4b3, 0 0 80px 30px rgba(252,228,179,0.4);
  animation: gm2-chandelier 4s ease-in-out infinite alternate;
}
.scn-second-meeting-grant .stage {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 15%;
  background: linear-gradient(180deg, #c8a96e 0%, #a67c52 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.4);
}
.scn-second-meeting-grant .podium {
  position: absolute; bottom: 28%; left: 50%; width: 40px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8a6a3a 0%, #4a3020 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-second-meeting-grant .figure-grant {
  position: absolute; bottom: 32%; left: 50%; width: 30px; height: 65px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: gm2-grant 6s ease-in-out infinite;
}
.scn-second-meeting-grant .audience {
  position: absolute; bottom: 10%; left: 5%; right: 5%; height: 20%;
  background: transparent;
  box-shadow:
    10px 10px 0 0 #2a1a0a, 30px 10px 0 0 #2a1a0a, 50px 10px 0 0 #2a1a0a,
    70px 10px 0 0 #2a1a0a, 90px 10px 0 0 #2a1a0a, 110px 10px 0 0 #2a1a0a,
    130px 10px 0 0 #2a1a0a, 150px 10px 0 0 #2a1a0a, 170px 10px 0 0 #2a1a0a,
    190px 10px 0 0 #2a1a0a, 210px 10px 0 0 #2a1a0a, 230px 10px 0 0 #2a1a0a,
    250px 10px 0 0 #2a1a0a, 270px 10px 0 0 #2a1a0a, 290px 10px 0 0 #2a1a0a;
  animation: gm2-audience 8s ease-in-out infinite alternate;
}
@keyframes gm2-wall {
  0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; }
}
@keyframes gm2-chandelier {
  0% { transform: translateX(-50%) scale(1); opacity: 0.8; } 50% { transform: translateX(-50%) scale(1.1); opacity: 1; } 100% { transform: translateX(-50%) scale(0.95); opacity: 0.85; }
}
@keyframes gm2-grant {
  0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-1px) rotate(1deg); } 50% { transform: translateX(-50%) rotate(-1deg); } 75% { transform: translateX(-50%) translateY(1px) rotate(0deg); } 100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes gm2-audience {
  0% { opacity: 0.7; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.05); } 100% { opacity: 0.8; transform: scaleY(0.95); }
}

.scn-grant-remembered-joke {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b886 40%, #b89a6a 100%),
    radial-gradient(ellipse at 50% 100%, #fce4b3 0%, transparent 60%);
}
.scn-grant-remembered-joke .bg-platform {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #c8a96e 0%, #a67c52 50%, #8a6a3a 100%);
  border-bottom: 4px solid #5a3a1a;
  animation: gm3-bg 20s ease-in-out infinite alternate;
}
.scn-grant-remembered-joke .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-grant-remembered-joke .bunting {
  position: absolute; top: 5%; left: 10%; right: 10%; height: 15%;
  background: repeating-linear-gradient(90deg, #a0461a 0px, #a0461a 20px, #b87878 20px, #b87878 40px, #8a6a3a 40px, #8a6a3a 60px);
  border-radius: 0 0 50% 50%;
  animation: gm3-bunting 6s ease-in-out infinite alternate;
}
.scn-grant-remembered-joke .figure-grant {
  position: absolute; bottom: 20%; left: 35%; width: 30px; height: 65px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: gm3-figures 5s ease-in-out infinite;
}
.scn-grant-remembered-joke .figure-harrison {
  position: absolute; bottom: 20%; left: 45%; width: 28px; height: 62px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: gm3-figures 5s ease-in-out infinite 0.3s;
}
.scn-grant-remembered-joke .committee {
  position: absolute; bottom: 20%; right: 10%; width: 100px; height: 50px;
  background: transparent;
  box-shadow:
    10px 10px 0 0 #2a1a0a, 30px 10px 0 0 #2a1a0a, 50px 10px 0 0 #2a1a0a,
    10px 25px 0 0 #2a1a0a, 30px 25px 0 0 #2a1a0a, 50px 25px 0 0 #2a1a0a;
  animation: gm3-committee 7s ease-in-out infinite alternate;
}
.scn-grant-remembered-joke .spotlight {
  position: absolute; top: 0; left: 30%; right: 30%; bottom: 40%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,255,230,0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: gm3-spotlight 3s ease-in-out infinite alternate;
}
@keyframes gm3-bg {
  0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; }
}
@keyframes gm3-bunting {
  0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); }
}
@keyframes gm3-figures {
  0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(2deg); } 50% { transform: translateX(-1px) rotate(-1deg); } 75% { transform: translateX(1px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); }
}
@keyframes gm3-committee {
  0% { opacity: 0.7; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.1); } 100% { opacity: 0.8; transform: scaleY(0.9); }
}
@keyframes gm3-spotlight {
  0% { opacity: 0.5; } 50% { opacity: 0.9; } 100% { opacity: 0.6; }
}

.scn-grants-funeral-thoughts {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b886 20%, #a67c52 60%, #7a5c3a 100%),
    radial-gradient(ellipse at 50% 80%, #fce4b3 0%, transparent 50%);
}
.scn-grants-funeral-thoughts .bg-church {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #ded4b8 0%, #b8a88a 50%, #a8987a 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: gmf-wall 30s ease-in-out infinite alternate;
}
.scn-grants-funeral-thoughts .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  box-shadow: inset 0 6px 15px rgba(0,0,0,0.5);
}
.scn-grants-funeral-thoughts .casket {
  position: absolute; bottom: 15%; left: 50%; width: 100px; height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.6);
  animation: gmf-casket 10s ease-in-out infinite alternate;
}
.scn-grants-funeral-thoughts .casket::after {
  content: ''; position: absolute; top: -10px; left: 10%; width: 80%; height: 10px;
  background: linear-gradient(90deg, transparent, #fce4b3 20%, #e3cfa0 80%, transparent);
  border-radius: 50%;
  animation: gmf-casket-glow 5s ease-in-out infinite alternate;
}
.scn-grants-funeral-thoughts .figure-mourner {
  position: absolute; bottom: 10%; left: 30%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: gmf-mourner 7s ease-in-out infinite;
}
.scn-grants-funeral-thoughts .window {
  position: absolute; top: 10%; right: 10%; width: 80px; height: 120px;
  background: linear-gradient(180deg, #b8d4e8 0%, #8bb0d0 100%);
  border: 6px solid #5a3a1a; border-radius: 4px;
  box-shadow: inset 0 0 30px rgba(255,255,200,0.3);
  animation: gmf-window 40s ease-in-out infinite alternate;
}
.scn-grants-funeral-thoughts .light-ray {
  position: absolute; top: 0; left: 20%; right: 20%; bottom: 30%;
  background: linear-gradient(180deg, rgba(255,255,230,0.15) 0%, transparent 80%);
  clip-path: polygon(30% 0%, 70% 0%, 60% 100%, 40% 100%);
  animation: gmf-light 8s ease-in-out infinite alternate;
}
.scn-grants-funeral-thoughts .flag {
  position: absolute; top: 5%; left: 5%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #a0461a 0%, #702243 50%, #5e1a1d 100%);
  border-radius: 2px;
  animation: gmf-flag 4s ease-in-out infinite alternate;
}
@keyframes gmf-wall {
  0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; }
}
@keyframes gmf-casket {
  0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); }
}
@keyframes gmf-casket-glow {
  0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.7; }
}
@keyframes gmf-mourner {
  0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(1px) rotate(0deg); } 100% { transform: translateY(0) rotate(0deg); }
}
@keyframes gmf-window {
  0% { background: #b8d4e8; } 50% { background: #d0e8f8; } 100% { background: #a0bcd0; }
}
@keyframes gmf-light {
  0% { opacity: 0.3; transform: scaleY(1); } 50% { opacity: 0.7; transform: scaleY(1.05); } 100% { opacity: 0.4; transform: scaleY(0.95); }
}
@keyframes gmf-flag {
  0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); }
}

.scn-thug-season-statistics {
  background: linear-gradient(180deg, #2a1f1a 0%, #1a120e 50%), radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 70%);
}
.scn-thug-season-statistics .room {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1a120e 0%, #2a1f1a 100%); animation: th1-room 12s ease-in-out infinite alternate;
}
.scn-thug-season-statistics .desk {
  position: absolute; bottom: 20%; left: 15%; right: 15%; height: 30%; background: linear-gradient(180deg, #4a3520 0%, #2a1a0e 100%); border-radius: 2% 2% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.6); animation: th1-desk 15s ease-in-out infinite alternate;
}
.scn-thug-season-statistics .ledger {
  position: absolute; bottom: 32%; left: 30%; width: 40%; height: 15%; background: linear-gradient(135deg, #8b7355 0%, #6b5335 100%); border-radius: 2px; transform: rotate(-2deg); box-shadow: 0 2px 8px rgba(0,0,0,0.5); animation: th1-ledger 20s ease-in-out infinite alternate;
}
.scn-thug-season-statistics .candle {
  position: absolute; bottom: 37%; left: 55%; width: 8px; height: 20px; background: linear-gradient(180deg, #c69c6d 0%, #8b6f4a 100%); border-radius: 4px 4px 2px 2px; box-shadow: 0 0 20px 8px #c69c6d; animation: th1-candle 3s ease-in-out infinite alternate;
}
.scn-thug-season-statistics .figure {
  position: absolute; bottom: 22%; left: 20%; width: 12%; height: 38%; background: linear-gradient(180deg, #1a120e 0%, #0d0a08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: th1-figure 8s ease-in-out infinite alternate;
}
.scn-thug-season-statistics .shadow {
  position: absolute; bottom: 18%; left: 10%; right: 20%; height: 10%; background: rgba(0,0,0,0.4); filter: blur(8px); border-radius: 50%; animation: th1-shadow 12s ease-in-out infinite alternate;
}
@keyframes th1-room { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes th1-desk { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes th1-ledger { 0% { transform: rotate(-2deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(-2deg); } }
@keyframes th1-candle { 0% { box-shadow: 0 0 15px 5px #c69c6d; opacity: 0.9; } 50% { box-shadow: 0 0 25px 10px #c69c6d; opacity: 1; } 100% { box-shadow: 0 0 18px 6px #c69c6d; opacity: 0.95; } }
@keyframes th1-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes th1-shadow { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.1); } 100% { transform: scaleX(1); } }

.scn-thug-tally-chotee {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 50%), radial-gradient(ellipse at 50% 80%, #3a2a2a 0%, transparent 60%);
}
.scn-thug-tally-chotee .table {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 50%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a1a 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.8); animation: th2-table 6s ease-in-out infinite alternate;
}
.scn-thug-tally-chotee .paper {
  position: absolute; bottom: 30%; left: 25%; width: 50%; height: 20%; background: linear-gradient(135deg, #d4c9b8 0%, #b8a68f 100%); border-radius: 2px; transform: rotate(1deg); box-shadow: 0 4px 12px rgba(0,0,0,0.5); animation: th2-paper 8s ease-in-out infinite alternate;
}
.scn-thug-tally-chotee .hand {
  position: absolute; bottom: 35%; left: 20%; width: 15%; height: 20%; background: linear-gradient(180deg, #8b6f4a 0%, #5a4030 100%); border-radius: 50% 40% 30% 30% / 60% 50% 30% 30%; transform-origin: bottom center; animation: th2-hand 2s ease-in-out infinite alternate;
}
.scn-thug-tally-chotee .knife {
  position: absolute; bottom: 38%; left: 25%; width: 2%; height: 12%; background: linear-gradient(180deg, #c0c0c0 0%, #808080 100%); border-radius: 2px; transform: rotate(-15deg); box-shadow: 0 0 4px rgba(192,192,192,0.5); animation: th2-knife 3s ease-in-out infinite alternate;
}
.scn-thug-tally-chotee .tally-marks {
  position: absolute; bottom: 32%; left: 35%; width: 30%; height: 15%; background: repeating-linear-gradient(90deg, #3a1a1a 0px, #3a1a1a 2px, transparent 2px, transparent 8px); animation: th2-tally 4s ease-in-out infinite alternate;
}
.scn-thug-tally-chotee .candle-light {
  position: absolute; bottom: 42%; right: 20%; width: 6px; height: 15px; background: linear-gradient(180deg, #c69c6d 0%, #8b6f4a 100%); border-radius: 3px; box-shadow: 0 0 30px 15px rgba(198,156,109,0.4); animation: th2-candle 2s ease-in-out infinite alternate;
}
@keyframes th2-table { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } }
@keyframes th2-paper { 0% { transform: rotate(1deg); } 50% { transform: rotate(-1deg); } 100% { transform: rotate(1deg); } }
@keyframes th2-hand { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(5deg); } 100% { transform: translateY(0) rotate(3deg); } }
@keyframes th2-knife { 0% { transform: rotate(-15deg); } 50% { transform: rotate(-10deg); } 100% { transform: rotate(-15deg); } }
@keyframes th2-tally { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes th2-candle { 0% { box-shadow: 0 0 20px 10px rgba(198,156,109,0.3); opacity: 0.9; } 50% { box-shadow: 0 0 40px 20px rgba(198,156,109,0.6); opacity: 1; } 100% { box-shadow: 0 0 25px 12px rgba(198,156,109,0.4); opacity: 0.95; } }

.scn-thug-tally-continued {
  background: linear-gradient(180deg, #1a1a2a 0%, #0d0d1a 50%), radial-gradient(ellipse at 50% 60%, #2a1a2a 0%, transparent 70%);
}
.scn-thug-tally-continued .wall {
  position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); animation: th3-wall 10s ease-in-out infinite alternate;
}
.scn-thug-tally-continued .silhouette {
  position: absolute; bottom: 25%; left: 40%; width: 20%; height: 50%; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; box-shadow: 0 0 20px 5px rgba(0,0,0,0.8); animation: th3-silhouette 4s ease-in-out infinite alternate;
}
.scn-thug-tally-continued .marks {
  position: absolute; bottom: 20%; left: 50%; width: 40%; height: 40%; background: repeating-linear-gradient(90deg, #4a2a2a 0px, #4a2a2a 3px, transparent 3px, transparent 12px); opacity: 0.5; transform: rotate(5deg); animation: th3-marks 6s ease-in-out infinite alternate;
}
.scn-thug-tally-continued .lamp {
  position: absolute; bottom: 45%; left: 15%; width: 10px; height: 18px; background: radial-gradient(circle at 50% 50%, #e0b07a 0%, #8b6f4a 100%); border-radius: 5px; box-shadow: 0 0 40px 20px rgba(224,176,122,0.5); animation: th3-lamp 3s ease-in-out infinite alternate;
}
.scn-thug-tally-continued .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%); animation: th3-floor 8s ease-in-out infinite alternate;
}
.scn-thug-tally-continued .shadow-line {
  position: absolute; bottom: 28%; left: 20%; right: 20%; height: 2px; background: rgba(0,0,0,0.6); filter: blur(2px); animation: th3-shadow 5s ease-in-out infinite alternate;
}
@keyframes th3-wall { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes th3-silhouette { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(2deg); } 100% { transform: translateY(-2px) rotate(0deg); } }
@keyframes th3-marks { 0% { opacity: 0.4; transform: rotate(5deg); } 50% { opacity: 0.8; transform: rotate(2deg); } 100% { opacity: 0.6; transform: rotate(5deg); } }
@keyframes th3-lamp { 0% { box-shadow: 0 0 30px 15px rgba(224,176,122,0.3); opacity: 0.9; } 50% { box-shadow: 0 0 50px 25px rgba(224,176,122,0.6); opacity: 1; } 100% { box-shadow: 0 0 35px 18px rgba(224,176,122,0.4); opacity: 0.95; } }
@keyframes th3-floor { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes th3-shadow { 0% { opacity: 0.3; transform: scaleX(1); } 50% { opacity: 0.6; transform: scaleX(1.2); } 100% { opacity: 0.4; transform: scaleX(0.9); } }

.scn-thug-tally-more {
  background: linear-gradient(180deg, #1a1a0a 0%, #2a2a1a 50%), radial-gradient(ellipse at 50% 50%, #3a2a1a 0%, transparent 60%);
}
.scn-thug-tally-more .ledger {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 60%; background: linear-gradient(135deg, #8b7355 0%, #6b5335 100%); border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,0.7); transform: perspective(800px) rotateX(20deg); animation: th4-ledger 10s ease-in-out infinite alternate;
}
.scn-thug-tally-more .page {
  position: absolute; top: 15%; left: 15%; right: 15%; height: 70%; background: linear-gradient(135deg, #d4c9b8 0%, #b8a68f 100%); border-radius: 2px; transform: rotate(1deg); box-shadow: inset 0 0 10px rgba(0,0,0,0.2); animation: th4-page 8s ease-in-out infinite alternate;
}
.scn-thug-tally-more .hand {
  position: absolute; bottom: 10%; left: 35%; width: 25%; height: 30%; background: linear-gradient(180deg, #8b6f4a 0%, #5a4030 100%); border-radius: 50% 40% 30% 30% / 60% 50% 30% 30%; transform-origin: bottom center; animation: th4-hand 3s ease-in-out infinite alternate;
}
.scn-thug-tally-more .inkwell {
  position: absolute; top: 10%; right: 20%; width: 8%; height: 12%; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40%; box-shadow: 0 0 10px rgba(0,0,0,0.5); animation: th4-inkwell 12s ease-in-out infinite alternate;
}
.scn-thug-tally-more .quill {
  position: absolute; top: 15%; right: 15%; width: 3%; height: 20%; background: linear-gradient(180deg, #e0d0c0 0%, #a09080 100%); border-radius: 2px; transform: rotate(30deg); transform-origin: top center; animation: th4-quill 4s ease-in-out infinite alternate;
}
.scn-thug-tally-more .tally {
  position: absolute; top: 30%; left: 40%; width: 20%; height: 10%; background: repeating-linear-gradient(90deg, #3a1a1a 0px, #3a1a1a 2px, transparent 2px, transparent 8px); animation: th4-tally 5s ease-in-out infinite alternate;
}
@keyframes th4-ledger { 0% { transform: perspective(800px) rotateX(20deg); } 50% { transform: perspective(800px) rotateX(15deg); } 100% { transform: perspective(800px) rotateX(20deg); } }
@keyframes th4-page { 0% { transform: rotate(1deg); } 50% { transform: rotate(-1deg); } 100% { transform: rotate(1deg); } }
@keyframes th4-hand { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(3deg); } 100% { transform: translateY(-2px) rotate(0deg); } }
@keyframes th4-inkwell { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes th4-quill { 0% { transform: rotate(30deg); } 50% { transform: rotate(25deg); } 100% { transform: rotate(30deg); } }
@keyframes th4-tally { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.7; } }

/* Scene 1: jameson-disabled-stragglers — moonlit camp */
.scn-jameson-disabled-stragglers {
  background: linear-gradient(180deg, #0a0a2e 0%, #12123e 40%, #1a1a4e 100%), radial-gradient(ellipse at 50% 0%, #2a2a5e 0%, transparent 60%);
}
.scn-jameson-disabled-stragglers .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #1e1e4a 0%, transparent 100%); animation: si-js1-sky 15s ease-in-out infinite alternate; }
.scn-jameson-disabled-stragglers .moon { position:absolute; top:10%; right:20%; width:40px; height:40px; background: radial-gradient(circle, #c0d0ff 0%, #8090c0 70%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 15px rgba(128,144,192,.4); animation: si-js1-moon 12s ease-in-out infinite alternate; }
.scn-jameson-disabled-stragglers .ground { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%); border-radius: 30% 70% 0 0 / 60% 80% 0 0; animation: si-js1-ground 20s ease-in-out infinite; }
.scn-jameson-disabled-stragglers .tent { position:absolute; bottom:30%; left:25%; width:50px; height:35px; background: linear-gradient(180deg, #2a2a3e 0%, #3a3a4e 100%); clip-path: polygon(0% 100%, 50% 0%, 100% 100%); transform: skewX(-5deg); animation: si-js1-tent 8s ease-in-out infinite; }
.scn-jameson-disabled-stragglers .tent-injured { position:absolute; bottom:28%; left:55%; width:45px; height:30px; background: linear-gradient(180deg, #2e2e42 0%, #1e1e32 100%); clip-path: polygon(0% 100%, 50% 0%, 100% 100%); transform: skewX(8deg); animation: si-js1-tent 10s ease-in-out infinite reverse; }
.scn-jameson-disabled-stragglers .wounded-a { position:absolute; bottom:18%; left:35%; width:16px; height:23px; background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform-origin: bottom center; animation: si-js1-wounded 4s ease-in-out infinite; animation-delay: 0s; }
.scn-jameson-disabled-stragglers .wounded-b { position:absolute; bottom:20%; left:48%; width:14px; height:20px; background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform-origin: bottom center; animation: si-js1-wounded 5s ease-in-out infinite; animation-delay: 2s; }
.scn-jameson-disabled-stragglers .lantern { position:absolute; bottom:25%; left:40%; width:8px; height:10px; background: radial-gradient(circle, #ffd580 0%, #b08040 80%); border-radius: 20%; box-shadow: 0 0 20px 6px rgba(192,128,64,.5); animation: si-js1-lantern 3s ease-in-out infinite alternate; }

@keyframes si-js1-sky { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.7 } }
@keyframes si-js1-moon { 0% { transform: scale(0.95); box-shadow: 0 0 30px 10px rgba(128,144,192,.3); } 50% { transform: scale(1.05); box-shadow: 0 0 50px 20px rgba(128,144,192,.5); } 100% { transform: scale(1); box-shadow: 0 0 40px 15px rgba(128,144,192,.4); } }
@keyframes si-js1-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes si-js1-tent { 0% { transform: skewX(-5deg) translateY(0); } 50% { transform: skewX(-5deg) translateY(-3px); } 100% { transform: skewX(-5deg) translateY(0); } }
@keyframes si-js1-wounded { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes si-js1-lantern { 0% { transform: scale(0.9) rotate(-3deg); opacity:0.7; } 50% { transform: scale(1.1) rotate(3deg); opacity:1; } 100% { transform: scale(0.95) rotate(0deg); opacity:0.8; } }

/* Scene 2: jameson-resumes-march — tense dawn march */
.scn-jameson-resumes-march {
  background: linear-gradient(180deg, #4567b0 0%, #6a87c0 20%, #b0a060 60%, #e0c070 100%), radial-gradient(ellipse at 50% 100%, #e0c070 0%, transparent 60%);
}
.scn-jameson-resumes-march .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #5870a0 0%, #90a0c0 100%); animation: si-js2-sky 15s ease-in-out infinite; }
.scn-jameson-resumes-march .sun { position:absolute; top:8%; left:60%; width:50px; height:50px; background: radial-gradient(circle, #ffedc0 0%, #e0b050 80%, transparent 100%); border-radius:50%; box-shadow: 0 0 60px 25px rgba(224,176,80,.5); animation: si-js2-sun 20s ease-in-out infinite alternate; }
.scn-jameson-resumes-march .hills { position:absolute; bottom:40%; left:0; right:0; height:30%; background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%); border-radius: 40% 60% 0 0 / 70% 80% 0 0; animation: si-js2-hills 18s ease-in-out infinite; }
.scn-jameson-resumes-march .path { position:absolute; bottom:25%; left:10%; right:10%; height:20%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%); animation: si-js2-path 12s ease-in-out infinite alternate; }
.scn-jameson-resumes-march .soldier-fore { position:absolute; bottom:25%; left:30%; width:14px; height:30px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: si-js2-march 2s ease-in-out infinite; }
.scn-jameson-resumes-march .soldier-back { position:absolute; bottom:27%; left:42%; width:12px; height:26px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: si-js2-march 2.3s ease-in-out infinite; animation-delay: 0.15s; opacity:0.7; }
.scn-jameson-resumes-march .flag { position:absolute; bottom:45%; left:52%; width:4px; height:20px; background: #3a2a1a; transform: rotate(10deg); animation: si-js2-flag 4s ease-in-out infinite; }
.scn-jameson-resumes-march .flag::after { content:''; position:absolute; top:0; left:2px; width:18px; height:12px; background: #c0a060; border-radius: 0 4px 4px 0; animation: si-js2-flag-wave 0.8s ease-in-out infinite; }
.scn-jameson-resumes-march .dust { position:absolute; bottom:22%; left:15%; width:60px; height:15px; background: rgba(180,160,100,0.4); border-radius: 50%; filter: blur(8px); animation: si-js2-dust 20s linear infinite; }

@keyframes si-js2-sky { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.8 } }
@keyframes si-js2-sun { 0% { transform: translateX(-10px) scale(0.95); opacity:0.8; } 50% { transform: translateX(10px) scale(1.05); opacity:1; } 100% { transform: translateX(0px) scale(1); opacity:0.9; } }
@keyframes si-js2-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes si-js2-path { 0% { transform: skewX(-2deg) } 50% { transform: skewX(2deg) } 100% { transform: skewX(0deg) } }
@keyframes si-js2-march { 0% { transform: translateX(0) rotate(-3deg); } 25% { transform: translateX(4px) rotate(2deg); } 50% { transform: translateX(8px) rotate(-2deg); } 75% { transform: translateX(12px) rotate(3deg); } 100% { transform: translateX(16px) rotate(0deg); } }
@keyframes si-js2-flag { 0% { transform: rotate(8deg); } 50% { transform: rotate(12deg); } 100% { transform: rotate(8deg); } }
@keyframes si-js2-flag-wave { 0% { transform: scaleX(0.8); } 50% { transform: scaleX(1.2); } 100% { transform: scaleX(0.8); } }
@keyframes si-js2-dust { 0% { transform: translateX(0) scale(0.8); opacity:0.4; } 50% { transform: translateX(30px) scale(1.2); opacity:0.6; } 100% { transform: translateX(60px) scale(1); opacity:0.3; } }

/* Scene 3: jameson-surrenders — sunlit but dark mood */
.scn-jameson-surrenders {
  background: linear-gradient(180deg, #5a7a9a 0%, #7a9aba 30%, #b0a070 70%, #d0b080 100%), radial-gradient(ellipse at 50% 0%, #7a9aba 0%, transparent 70%);
}
.scn-jameson-surrenders .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #8aaac0 0%, #b0c0d0 100%); animation: si-js3-sky 30s ease-in-out infinite alternate; }
.scn-jameson-surrenders .sun { position:absolute; top:15%; left:70%; width:40px; height:40px; background: radial-gradient(circle, #ffe0a0 0%, #e0b060 80%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 15px rgba(224,176,96,.3); animation: si-js3-sun 25s linear infinite; }
.scn-jameson-surrenders .field { position:absolute; bottom:30%; left:0; right:0; height:30%; background: linear-gradient(180deg, #8a7a4a 0%, #6a5a3a 100%); border-radius: 20% 80% 0 0 / 50% 60% 0 0; animation: si-js3-field 20s ease-in-out infinite; }
.scn-jameson-surrenders .white-flag { position:absolute; bottom:48%; left:50%; width:6px; height:28px; background: #4a3a2a; transform-origin: bottom center; animation: si-js3-flag 6s ease-in-out infinite; }
.scn-jameson-surrenders .white-flag::after { content:''; position:absolute; top:0; left:2px; width:24px; height:16px; background: #e8e0d0; border-radius: 0 4px 4px 0; animation: si-js3-flag-wave 1.5s ease-in-out infinite; }
.scn-jameson-surrenders .jameson { position:absolute; bottom:35%; left:30%; width:14px; height:32px; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: si-js3-figure 8s ease-in-out infinite; }
.scn-jameson-surrenders .boer { position:absolute; bottom:38%; left:55%; width:16px; height:30px; background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3e 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: si-js3-figure 9s ease-in-out infinite; animation-delay: 2s; opacity:0.8; }
.scn-jameson-surrenders .tree { position:absolute; bottom:30%; left:10%; width:30px; height:60px; background: radial-gradient(ellipse at 50% 100%, #3a5a3a 0%, #2a4a2a 80%, transparent 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; animation: si-js3-tree 25s ease-in-out infinite; }

@keyframes si-js3-sky { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.7 } }
@keyframes si-js3-sun { 0% { transform: translateX(-20px); } 50% { transform: translateX(20px); } 100% { transform: translateX(-20px); } }
@keyframes si-js3-field { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes si-js3-flag { 0% { transform: rotate(-5deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(-3deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(-5deg); } }
@keyframes si-js3-flag-wave { 0% { transform: scaleX(0.85); } 50% { transform: scaleX(1.15); } 100% { transform: scaleX(0.85); } }
@keyframes si-js3-figure { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes si-js3-tree { 0% { transform: scale(0.95); } 50% { transform: scale(1.02); } 100% { transform: scale(0.95); } }

/* Scene 4: jameson-total-loss-estimate — dim interior */
.scn-jameson-total-loss-estimate {
  background: linear-gradient(180deg, #1e1e2e 0%, #2a2a3a 40%, #3a3a4a 100%), radial-gradient(ellipse at 50% 50%, #2a2a3a 0%, transparent 70%);
}
.scn-jameson-total-loss-estimate .wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3e 100%); animation: si-js4-wall 20s ease-in-out infinite; }
.scn-jameson-total-loss-estimate .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2e 100%); border-radius: 0 0 10% 10%; animation: si-js4-floor 15s ease-in-out infinite; }
.scn-jameson-total-loss-estimate .window { position:absolute; top:15%; left:10%; width:30px; height:40px; background: radial-gradient(circle, #3a4a6e 0%, #2a3a5e 100%); border: 2px solid #4a4a5a; border-radius: 4px; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); animation: si-js4-window 9s ease-in-out infinite alternate; }
.scn-jameson-total-loss-estimate .ledger { position:absolute; bottom:25%; left:40%; width:40px; height:25px; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.6); transform: rotate(-5deg); animation: si-js4-ledger 12s ease-in-out infinite; }
.scn-jameson-total-loss-estimate .lantern { position:absolute; top:30%; right:25%; width:12px; height:16px; background: radial-gradient(circle, #d0a050 0%, #805020 80%); border-radius: 20%; box-shadow: 0 0 25px 8px rgba(192,128,64,.4); animation: si-js4-lantern 3s ease-in-out infinite alternate; }
.scn-jameson-total-loss-estimate .wounded-1 { position:absolute; bottom:18%; left:20%; width:18px; height:26px; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform-origin: bottom center; animation: si-js4-wounded 6s ease-in-out infinite; }
.scn-jameson-total-loss-estimate .wounded-2 { position:absolute; bottom:22%; left:35%; width:16px; height:24px; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform-origin: bottom center; animation: si-js4-wounded 7s ease-in-out infinite; animation-delay: 3s; }
.scn-jameson-total-loss-estimate .shadow { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.3) 100%); animation: si-js4-shadow 25s ease-in-out infinite; }

@keyframes si-js4-wall { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.8 } }
@keyframes si-js4-floor { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes si-js4-window { 0% { opacity:0.5; box-shadow: inset 0 0 8px rgba(0,0,0,0.4); } 50% { opacity:0.8; box-shadow: inset 0 0 20px rgba(0,0,0,0.6); } 100% { opacity:0.6; box-shadow: inset 0 0 12px rgba(0,0,0,0.5); } }
@keyframes si-js4-ledger { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-2px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes si-js4-lantern { 0% { transform: scale(0.9) rotate(-5deg); box-shadow: 0 0 15px 4px rgba(192,128,64,.3); } 50% { transform: scale(1.1) rotate(5deg); box-shadow: 0 0 35px 12px rgba(192,128,64,.6); } 100% { transform: scale(0.95) rotate(0deg); box-shadow: 0 0 20px 6px rgba(192,128,64,.4); } }
@keyframes si-js4-wounded { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes si-js4-shadow { 0% { opacity:0.3; } 50% { opacity:0.5; } 100% { opacity:0.3; } }

/* One block per scene id – each uses a unique .scn-<id> prefix for its animations */
/* committee-adheres-to-manifesto (tense, dim-interior) */
.scn-committee-adheres-to-manifesto {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a44 50%, #1a1a2e 100%),
              radial-gradient(ellipse at 50% 80%, #3a3a5a 0%, transparent 70%);
}
.scn-committee-adheres-to-manifesto .bg-wall {
  position:absolute; inset:0; background:linear-gradient(180deg,#2a2a3e 0%,#1a1a2a 100%); opacity:0.5;
}
.scn-committee-adheres-to-manifesto .table {
  position:absolute; bottom:20%; left:10%; right:10%; height:30%;
  background:linear-gradient(180deg,#4a3a2a 0%,#3a2a1a 100%); border-radius:4px;
  box-shadow:0 4px 12px rgba(0,0,0,0.6); transform:perspective(400px) rotateX(10deg);
}
.scn-committee-adheres-to-manifesto .document {
  position:absolute; bottom:32%; left:35%; width:40%; height:15%;
  background:linear-gradient(180deg,#c8b088 0%,#a08060 100%); border-radius:2px;
  box-shadow:0 2px 6px rgba(0,0,0,0.4); animation:cm-doc 6s ease-in-out infinite;
}
.scn-committee-adheres-to-manifesto .lamp {
  position:absolute; bottom:60%; left:45%; width:20px; height:30px;
  background:radial-gradient(circle,#ffd080 0%,#b87840 70%);
  border-radius:50% 50% 30% 30%;
  box-shadow:0 0 30px 10px #b87840, 0 0 60px 20px rgba(184,120,64,0.3);
  animation:cm-lamp 4s ease-in-out infinite alternate;
}
.scn-committee-adheres-to-manifesto .committee-figure {
  position:absolute; bottom:20%; left:30%; width:25px; height:60px;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin:bottom center; animation:cm-figure 8s ease-in-out infinite;
}
.scn-committee-adheres-to-manifesto .shadow {
  position:absolute; bottom:20%; left:28%; width:40px; height:10px;
  background:rgba(0,0,0,0.4); border-radius:50%; filter:blur(4px);
  animation:cm-shadow 8s ease-in-out infinite;
}
@keyframes cm-doc {
  0% { transform:translateY(0) rotate(0deg); opacity:0.9; }
  50% { transform:translateY(-2px) rotate(1deg); opacity:1; }
  100% { transform:translateY(0) rotate(0deg); opacity:0.9; }
}
@keyframes cm-lamp {
  0% { box-shadow:0 0 20px 5px #b87840,0 0 40px 10px rgba(184,120,64,0.2); opacity:0.8; }
  50% { box-shadow:0 0 40px 15px #ffd080,0 0 80px 25px rgba(255,208,128,0.4); opacity:1; }
  100% { box-shadow:0 0 25px 8px #b87840,0 0 50px 15px rgba(184,120,64,0.3); opacity:0.85; }
}
@keyframes cm-figure {
  0% { transform:translateX(0) rotate(0deg); }
  25% { transform:translateX(3px) rotate(2deg); }
  50% { transform:translateX(0) rotate(-1deg); }
  75% { transform:translateX(-3px) rotate(1deg); }
  100% { transform:translateX(0) rotate(0deg); }
}
@keyframes cm-shadow {
  0% { transform:translateX(0); opacity:0.4; }
  50% { transform:translateX(3px); opacity:0.6; }
  100% { transform:translateX(0); opacity:0.4; }
}

/* lee-metford-rifles-given-out (tense, dim-interior) */
.scn-lee-metford-rifles-given-out {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a44 50%, #1a1a2e 100%),
              radial-gradient(ellipse at 30% 50%, #3a3a5a 0%, transparent 70%);
}
.scn-lee-metford-rifles-given-out .bg-room {
  position:absolute; inset:0; background:linear-gradient(180deg,#0a0a1a 0%,#1a1a2e 100%); opacity:0.7;
}
.scn-lee-metford-rifles-given-out .counter {
  position:absolute; bottom:15%; left:10%; right:10%; height:35%;
  background:linear-gradient(180deg,#5a4a3a 0%,#3a2a1a 100%); border-radius:4px;
  box-shadow:0 4px 12px rgba(0,0,0,0.6); transform:perspective(400px) rotateX(15deg);
}
.scn-lee-metford-rifles-given-out .crate {
  position:absolute; bottom:25%; left:15%; width:30%; height:20%;
  background:linear-gradient(180deg,#6a5a4a 0%,#4a3a2a 100%); border-radius:4px;
  box-shadow:0 2px 6px rgba(0,0,0,0.5); transform:perspective(200px) rotateY(-10deg);
  animation:lm-crate 10s ease-in-out infinite;
}
.scn-lee-metford-rifles-given-out .rifle-stack {
  position:absolute; bottom:30%; left:20%; width:10%; height:40%;
  background:repeating-linear-gradient(90deg,#4a3a2a 0px,#4a3a2a 4px,#6a5a4a 4px,#6a5a4a 8px);
  border-radius:2px; box-shadow:2px 2px 4px rgba(0,0,0,0.5); transform:rotate(-5deg);
  animation:lm-rifles 5s ease-in-out infinite alternate;
}
.scn-lee-metford-rifles-given-out .figure-giver {
  position:absolute; bottom:15%; left:40%; width:22px; height:55px;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin:bottom center; animation:lm-giver 6s ease-in-out infinite;
}
.scn-lee-metford-rifles-given-out .figure-receiver {
  position:absolute; bottom:15%; right:30%; width:20px; height:50px;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin:bottom center; animation:lm-receiver 6s ease-in-out infinite reverse;
}
@keyframes lm-crate {
  0% { transform:perspective(200px) rotateY(-10deg) translateY(0); }
  50% { transform:perspective(200px) rotateY(-8deg) translateY(-2px); }
  100% { transform:perspective(200px) rotateY(-10deg) translateY(0); }
}
@keyframes lm-rifles {
  0% { transform:rotate(-5deg) scaleY(1); }
  50% { transform:rotate(-3deg) scaleY(0.95); }
  100% { transform:rotate(-5deg) scaleY(1); }
}
@keyframes lm-giver {
  0% { transform:translateX(0) rotate(0deg); }
  25% { transform:translateX(2px) rotate(3deg); }
  50% { transform:translateX(0) rotate(-2deg); }
  75% { transform:translateX(-2px) rotate(1deg); }
  100% { transform:translateX(0) rotate(0deg); }
}
@keyframes lm-receiver {
  0% { transform:translateX(0) rotate(0deg); }
  25% { transform:translateX(-3px) rotate(-2deg); }
  50% { transform:translateX(0) rotate(0deg); }
  75% { transform:translateX(3px) rotate(2deg); }
  100% { transform:translateX(0) rotate(0deg); }
}

/* populace-wild-enthusiasm (tense, dim-interior) */
.scn-populace-wild-enthusiasm {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a44 50%, #1a1a2e 100%),
              radial-gradient(ellipse at 50% 70%, #3a3a5a 0%, transparent 70%);
}
.scn-populace-wild-enthusiasm .bg-crowd {
  position:absolute; inset:0; background:linear-gradient(180deg,#0a0a1a 0%,#1a1a2e 100%); opacity:0.6;
}
.scn-populace-wild-enthusiasm .platform {
  position:absolute; bottom:20%; left:35%; right:35%; height:15%;
  background:linear-gradient(180deg,#4a3a2a 0%,#2a1a0a 100%); border-radius:4px;
  box-shadow:0 -2px 8px rgba(0,0,0,0.5);
}
.scn-populace-wild-enthusiasm .figure-speaker {
  position:absolute; bottom:30%; left:45%; width:24px; height:70px;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin:bottom center; animation:pw-speaker 4s ease-in-out infinite;
}
.scn-populace-wild-enthusiasm .crowd-left {
  position:absolute; bottom:15%; left:5%; right:55%; height:30%;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:60% 40% 0 0; clip-path:polygon(0% 100%,100% 100%,80% 0%,50% 20%,20% 0%);
  animation:pw-crowd-l 6s ease-in-out infinite alternate;
}
.scn-populace-wild-enthusiasm .crowd-right {
  position:absolute; bottom:15%; left:55%; right:5%; height:30%;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:40% 60% 0 0; clip-path:polygon(100% 100%,0% 100%,20% 0%,50% 20%,80% 0%);
  animation:pw-crowd-r 6s ease-in-out infinite alternate reverse;
}
.scn-populace-wild-enthusiasm .crowd-back {
  position:absolute; bottom:30%; left:15%; right:15%; height:20%;
  background:linear-gradient(180deg,#2a2a3e 0%,#1a1a2a 100%);
  border-radius:50% 50% 0 0; opacity:0.4;
  animation:pw-crowd-b 10s ease-in-out infinite;
}
.scn-populace-wild-enthusiasm .torch {
  position:absolute; bottom:60%; left:45%; width:12px; height:20px;
  background:radial-gradient(circle,#ffd080 0%,#b87840 70%);
  border-radius:50%;
  box-shadow:0 0 30px 15px #b87840, 0 0 60px 30px rgba(184,120,64,0.3);
  animation:pw-torch 3s ease-in-out infinite alternate;
}
@keyframes pw-speaker {
  0%,100% { transform:translateY(0) rotate(0deg); }
  25% { transform:translateY(-5px) rotate(5deg); }
  50% { transform:translateY(0) rotate(-3deg); }
  75% { transform:translateY(-3px) rotate(2deg); }
}
@keyframes pw-crowd-l {
  0% { transform:translateY(0) scaleY(1); }
  50% { transform:translateY(-3px) scaleY(1.02); }
  100% { transform:translateY(0) scaleY(1); }
}
@keyframes pw-crowd-r {
  0% { transform:translateY(0) scaleY(1); }
  50% { transform:translateY(-4px) scaleY(1.03); }
  100% { transform:translateY(0) scaleY(1); }
}
@keyframes pw-crowd-b {
  0% { opacity:0.3; transform:scale(0.95); }
  50% { opacity:0.5; transform:scale(1); }
  100% { opacity:0.3; transform:scale(0.95); }
}
@keyframes pw-torch {
  0% { box-shadow:0 0 20px 10px #b87840,0 0 40px 20px rgba(184,120,64,0.2); opacity:0.7; }
  33% { box-shadow:0 0 40px 20px #ffd080,0 0 80px 40px rgba(255,208,128,0.4); opacity:1; }
  66% { box-shadow:0 0 30px 15px #c89050,0 0 60px 30px rgba(200,144,80,0.3); opacity:0.9; }
  100% { box-shadow:0 0 20px 10px #b87840,0 0 40px 20px rgba(184,120,64,0.2); opacity:0.7; }
}

/* summary-of-contradictions (dark, dim-interior) */
.scn-summary-of-contradictions {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 50%, #0a0a1a 100%),
              radial-gradient(ellipse at 50% 50%, #2a2a44 0%, transparent 70%);
}
.scn-summary-of-contradictions .bg-void {
  position:absolute; inset:0; background:linear-gradient(180deg,#050510 0%,#0a0a1a 100%); opacity:0.8;
}
.scn-summary-of-contradictions .scale-base {
  position:absolute; bottom:25%; left:40%; right:40%; height:10%;
  background:linear-gradient(90deg,#3a3a5a 0%,#4a4a6a 50%,#3a3a5a 100%);
  border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,0.6);
  animation:sc-base 8s ease-in-out infinite;
}
.scn-summary-of-contradictions .scale-left {
  position:absolute; bottom:45%; left:25%; width:5%; height:20%;
  background:linear-gradient(180deg,#4a4a6a 0%,#2a2a4a 100%);
  border-radius:2px; transform-origin:bottom center;
  animation:sc-arm 6s ease-in-out infinite alternate;
}
.scn-summary-of-contradictions .scale-right {
  position:absolute; bottom:45%; right:25%; width:5%; height:20%;
  background:linear-gradient(180deg,#4a4a6a 0%,#2a2a4a 100%);
  border-radius:2px; transform-origin:bottom center;
  animation:sc-arm 6s ease-in-out infinite alternate-reverse;
}
.scn-summary-of-contradictions .figure-left {
  position:absolute; bottom:15%; left:15%; width:22px; height:55px;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin:bottom center; animation:sc-figure 10s ease-in-out infinite;
}
.scn-summary-of-contradictions .figure-right {
  position:absolute; bottom:15%; right:15%; width:22px; height:55px;
  background:linear-gradient(180deg,#1a1a2a 0%,#0a0a1a 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin:bottom center; animation:sc-figure 10s ease-in-out infinite reverse;
}
@keyframes sc-base {
  0%,100% { transform:scaleX(1); }
  50% { transform:scaleX(1.05); }
}
@keyframes sc-arm {
  0% { transform:rotate(-15deg); }
  50% { transform:rotate(15deg); }
  100% { transform:rotate(-15deg); }
}
@keyframes sc-figure {
  0% { transform:translateX(0) rotate(0deg); }
  25% { transform:translateX(5px) rotate(5deg); }
  50% { transform:translateX(0) rotate(-5deg); }
  75% { transform:translateX(-5px) rotate(5deg); }
  100% { transform:translateX(0) rotate(0deg); }
}

/* youth-pledges-smoking */
.scn-youth-pledges-smoking { background: linear-gradient(180deg, #fff4d4 0%, #e8cfa6 50%, #d4b896 100%), radial-gradient(ellipse at 50% 100%, #c9a87c 0%, transparent 60%); }
.scn-youth-pledges-smoking .wall { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #fffbea 0%, #f5e6ca 100%); }
.scn-youth-pledges-smoking .floor { position:absolute; inset:60% 0 0 0; background: linear-gradient(180deg, #b87333 0%, #8b5a2b 100%); border-radius: 20% 0 0 0; }
.scn-youth-pledges-smoking .window { position:absolute; top:10%; left:10%; width:30%; height:35%; background: radial-gradient(circle at 50% 50%, #fffbea 0%, #e0d0b0 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,200,0.6), 0 0 30px rgba(255,200,100,0.4); animation: yps-flicker 5s ease-in-out infinite alternate; }
.scn-youth-pledges-smoking .desk { position:absolute; bottom:25%; left:25%; width:50%; height:10%; background: linear-gradient(180deg, #6b4a2d 0%, #4a3018 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-youth-pledges-smoking .figure { position:absolute; bottom:25%; left:45%; width:20%; height:35%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: yps-bob 3s ease-in-out infinite; }
.scn-youth-pledges-smoking .cigarette { position:absolute; bottom:40%; left:52%; width:8px; height:4px; background: #ffd700; border-radius: 2px; box-shadow: 0 0 8px 2px rgba(255,215,0,0.8); animation: yps-bob 3s ease-in-out infinite; }
.scn-youth-pledges-smoking .smoke { position:absolute; bottom:45%; left:54%; width:20px; height:20px; background: radial-gradient(circle, rgba(200,180,160,0.6) 0%, rgba(200,180,160,0) 100%); filter: blur(6px); border-radius: 50%; animation: yps-smoke 8s ease-out infinite; }
.scn-youth-pledges-smoking .pledge-scroll { position:absolute; top:20%; right:10%; width:40%; height:15%; background: linear-gradient(90deg, #f5e6ca, #fff4d4, #f5e6ca); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: yps-scroll 6s ease-in-out infinite; transform-origin: center center; }
@keyframes yps-flicker { 0% { opacity:0.7; box-shadow: inset 0 0 10px rgba(255,255,200,0.4), 0 0 20px rgba(255,200,100,0.2); } 50% { opacity:1; box-shadow: inset 0 0 30px rgba(255,255,200,0.8), 0 0 40px rgba(255,200,100,0.6); } 100% { opacity:0.8; box-shadow: inset 0 0 15px rgba(255,255,200,0.5), 0 0 25px rgba(255,200,100,0.3); } }
@keyframes yps-bob { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-4px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes yps-smoke { 0% { transform: translateY(0) scale(0.5); opacity:0.6; } 50% { transform: translateY(-30px) scale(1.5); opacity:0.3; } 100% { transform: translateY(-60px) scale(2); opacity:0; } }
@keyframes yps-scroll { 0% { transform: translateX(-20px) rotate(-5deg); opacity:0.5; } 50% { transform: translateX(0px) rotate(5deg); opacity:1; } 100% { transform: translateX(20px) rotate(-5deg); opacity:0.5; } }

/* young-canadian-remittance */
.scn-young-canadian-remittance { background: linear-gradient(180deg, #3e2723 0%, #4e342e 50%, #2c1a12 100%), radial-gradient(circle at 30% 40%, #5d4037 0%, transparent 70%); }
.scn-young-canadian-remittance .cabin-wall { position:absolute; inset:0; background: linear-gradient(180deg, #5d4037 0%, #3e2723 100%); }
.scn-young-canadian-remittance .porthole { position:absolute; top:15%; right:15%; width:80px; height:80px; border-radius:50%; background: radial-gradient(circle at 50% 50%, #87ceeb 0%, #4682b4 100%); border: 8px solid #4a2e1b; box-shadow: inset 0 0 20px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.3); overflow:hidden; animation: ycr-sway 6s ease-in-out infinite; }
.scn-young-canadian-remittance .sea-sky { position:absolute; top:50%; left:0; right:0; height:50%; background: linear-gradient(180deg, #4682b4 0%, #2c5a7a 100%); transform-origin: center top; animation: ycr-sea 12s ease-in-out infinite alternate; border-radius: 0 0 50% 50%; }
.scn-young-canadian-remittance .berth { position:absolute; bottom:10%; left:10%; width:60%; height:30%; background: linear-gradient(180deg, #6d4c3d 0%, #3e2723 100%); border-radius: 8px; box-shadow: 0 -4px 8px rgba(0,0,0,0.4); }
.scn-young-canadian-remittance .figure { position:absolute; bottom:15%; left:25%; width:25%; height:45%; background: linear-gradient(180deg, #2c1a12 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ycr-read 5s ease-in-out infinite; }
.scn-young-canadian-remittance .book { position:absolute; bottom:30%; left:35%; width:12%; height:15%; background: linear-gradient(135deg, #8b4513 0%, #5d2e0f 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.5); animation: ycr-read 5s ease-in-out infinite; }
.scn-young-canadian-remittance .lamp-glow { position:absolute; top:10%; left:10%; width:40px; height:60px; background: radial-gradient(circle at 50% 30%, #ffd700 0%, #ff8c00 40%, transparent 70%); border-radius:50%; filter: blur(8px); opacity:0.8; animation: ycr-shine 4s ease-in-out infinite alternate; }
@keyframes ycr-sway { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes ycr-sea { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-3px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes ycr-shine { 0% { opacity:0.6; transform: scale(0.8); } 50% { opacity:1; transform: scale(1.1); } 100% { opacity:0.7; transform: scale(0.9); } }
@keyframes ycr-read { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }

/* other-remittance-men */
.scn-other-remittance-men { background: linear-gradient(180deg, #cfd8dc 0%, #b0bec5 50%, #90a4ae 100%), radial-gradient(ellipse at 50% 100%, #b0bec5 0%, transparent 60%); }
.scn-other-remittance-men .sky-bg { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #a5b8c4 0%, #cfd8dc 100%); animation: orm-sway 10s ease-in-out infinite; }
.scn-other-remittance-men .deck-floor { position:absolute; inset:50% 0 0 0; background: repeating-linear-gradient(90deg, #8b7355 0px, #8b7355 4px, #a08a6c 4px, #a08a6c 8px); box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); }
.scn-other-remittance-men .railing { position:absolute; top:48%; left:0; right:0; height:4%; background: linear-gradient(90deg, #6b5a42 0%, #8b7355 50%, #6b5a42 100%); box-shadow: 0 4px 6px rgba(0,0,0,0.3); }
.scn-other-remittance-men .figure-a { position:absolute; bottom:20%; left:20%; width:25%; height:40%; background: linear-gradient(180deg, #4a3b32 0%, #2a1f18 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: orm-sway 8s ease-in-out infinite reverse; }
.scn-other-remittance-men .figure-b { position:absolute; bottom:15%; right:20%; width:30%; height:35%; background: linear-gradient(180deg, #5c4a3a 0%, #2a1f18 100%); border-radius: 60% 60% 40% 40% / 50% 50% 40% 40%; transform-origin: center bottom; animation: orm-snore 4s ease-in-out infinite; }
.scn-other-remittance-men .bottle { position:absolute; bottom:30%; left:15%; width:6px; height:15px; background: linear-gradient(180deg, #4a5d23 0%, #2e3d14 100%); border-radius: 2px 2px 4px 4px; transform: rotate(15deg); animation: orm-sway 8s ease-in-out infinite; }
.scn-other-remittance-men .cards { position:absolute; bottom:25%; right:25%; width:20px; height:14px; background: linear-gradient(135deg, #fff8dc 0%, #f0e68c 100%); border-radius: 2px; box-shadow: 2px 2px 0 #d4c468; animation: orm-scatter 12s ease-in-out infinite; }
@keyframes orm-sway { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(3px) rotate(1deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes orm-snore { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.03) translateY(-3px); } 100% { transform: scale(1) translateY(0); } }
@keyframes orm-scatter { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-5px) rotate(10deg); } 100% { transform: translateX(0) rotate(0deg); } }

/* tell-truth-when-in-doubt */
.scn-tell-truth-when-in-doubt { background: linear-gradient(180deg, #fff9e6 0%, #f2f5f8 50%, #e0e6ed 100%), radial-gradient(ellipse at 50% 0%, #ffffff 0%, transparent 70%); }
.scn-tell-truth-when-in-doubt .sky-hot { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #ffffff 0%, #e0e6ed 100%); animation: ttw-heat 8s ease-in-out infinite alternate; }
.scn-tell-truth-when-in-doubt .sun { position:absolute; top:10%; left:50%; width:60px; height:60px; transform: translateX(-50%); background: radial-gradient(circle at 50% 50%, #ffffff 0%, #fff9e6 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px rgba(255,255,200,0.5); animation: ttw-glint 5s ease-in-out infinite; }
.scn-tell-truth-when-in-doubt .deck { position:absolute; inset:45% 0 0 0; background: repeating-linear-gradient(90deg, #fdfdfd 0px, #fdfdfd 6px, #f2f5f8 6px, #f2f5f8 12px); box-shadow: inset 0 10px 20px rgba(0,0,0,0.05); }
.scn-tell-truth-when-in-doubt .railing { position:absolute; top:42%; left:0; right:0; height:3%; background: linear-gradient(90deg, #ffffff 0%, #e0e6ed 50%, #ffffff 100%); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.scn-tell-truth-when-in-doubt .chair-a { position:absolute; bottom:25%; left:15%; width:25%; height:20%; background: linear-gradient(135deg, #fdfdfd 0%, #d0d8e0 100%); border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%; box-shadow: 2px 4px 8px rgba(0,0,0,0.1); animation: ttw-shade 6s ease-in-out infinite; }
.scn-tell-truth-when-in-doubt .figure-a { position:absolute; bottom:30%; left:22%; width:15%; height:30%; background: linear-gradient(180deg, #e8eef2 0%, #c8d0d8 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ttw-fan 10s ease-in-out infinite; }
.scn-tell-truth-when-in-doubt .chair-b { position:absolute; bottom:25%; right:15%; width:25%; height:20%; background: linear-gradient(135deg, #fdfdfd 0%, #d0d8e0 100%); border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%; box-shadow: 2px 4px 8px rgba(0,0,0,0.1); animation: ttw-shade 8s ease-in-out infinite reverse; }
.scn-tell-truth-when-in-doubt .figure-b { position:absolute; bottom:30%; right:22%; width:15%; height:30%; background: linear-gradient(180deg, #e8eef2 0%, #c8d0d8 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ttw-fan 12s ease-in-out infinite reverse; }
.scn-tell-truth-when-in-doubt .umbrella { position:absolute; bottom:45%; left:30%; width:40%; height:15%; background: repeating-linear-gradient(90deg, #fdfdfd 0px, #fdfdfd 10px, #e0e6ed 10px, #e0e6ed 20px); border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform-origin: bottom center; animation: ttw-shade 6s ease-in-out infinite; }
@keyframes ttw-heat { 0% { opacity:0.8; transform: scale(1); } 50% { opacity:1; transform: scale(1.01); } 100% { opacity:0.9; transform: scale(0.99); } }
@keyframes ttw-glint { 0% { opacity:0.6; box-shadow: 0 0 40px 10px rgba(255,255,200,0.3); } 50% { opacity:1; box-shadow: 0 0 80px 30px rgba(255,255,200,0.6); } 100% { opacity:0.7; box-shadow: 0 0 50px 15px rgba(255,255,200,0.4); } }
@keyframes ttw-fan { 0% { transform: rotate(0deg); } 25% { transform: rotate(8deg); } 75% { transform: rotate(-8deg); } 100% { transform: rotate(0deg); } }
@keyframes ttw-shade { 0% { transform: translateX(0); } 50% { transform: translateX(4px); } 100% { transform: translateX(0); } }

/* holwell-sleeve — close-up intimate */
.scn-holwell-sleeve { background: linear-gradient(180deg, #0d0805 0%, #1a0f0a 40%, #2a1a10 100%), radial-gradient(ellipse at 50% 60%, #2a1a10 0%, #0d0805 80%); }
.scn-holwell-sleeve .bg-deep   { position:absolute; inset:0; background: linear-gradient(135deg, #0d0805 0%, #1a0f0a 50%, #0d0805 100%); animation: hs-bg 24s ease-in-out infinite alternate; }
.scn-holwell-sleeve .figure    { position:absolute; bottom:15%; left:35%; width:30%; height:50%; background: linear-gradient(180deg, #0a0505 0%, #140a05 60%, #0a0505 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: hs-figure 6s ease-in-out infinite; }
.scn-holwell-sleeve .arm       { position:absolute; bottom:30%; left:55%; width:25%; height:12%; background: linear-gradient(180deg, #0a0505 0%, #140a05 100%); border-radius: 40% 10% 10% 40% / 50% 20% 20% 50%; transform-origin: 0% 50%; animation: hs-arm 8s ease-in-out infinite; }
.scn-holwell-sleeve .sleeve    { position:absolute; bottom:32%; left:68%; width:14%; height:8%; background: linear-gradient(180deg, #1a0f0a 0%, #2a1a10 50%, #1a0f0a 100%); border-radius: 20% 40% 40% 20% / 30% 60% 60% 30%; filter: blur(1px); animation: hs-sleeve 9s ease-in-out infinite; }
.scn-holwell-sleeve .highlight { position:absolute; bottom:34%; left:74%; width:3%; height:3%; background: radial-gradient(circle, #8a5a3a 0%, #4a2a1a 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 12px 4px rgba(138,90,58,.4); animation: hs-highlight 2.5s ease-in-out infinite alternate; }
.scn-holwell-sleeve .droplet-a { position:absolute; bottom:36%; left:72%; width:1.2%; height:1.8%; background: radial-gradient(circle, #3a2a1a 0%, transparent 100%); border-radius:50% 50% 50% 50% / 60% 60% 40% 40%; filter: blur(0.5px); animation: hs-droplet-a 7s ease-in-out infinite; }
.scn-holwell-sleeve .droplet-b { position:absolute; bottom:30%; left:76%; width:1%; height:1.5%; background: radial-gradient(circle, #3a2a1a 0%, transparent 100%); border-radius:50% 50% 50% 50% / 60% 60% 40% 40%; filter: blur(0.5px); animation: hs-droplet-b 9s ease-in-out infinite; animation-delay: 2s; }
@keyframes hs-bg        { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes hs-figure    { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-1px) rotate(0.5deg) } 50% { transform: translateY(0) rotate(0) } 75% { transform: translateY(0.5px) rotate(-0.3deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes hs-arm       { 0% { transform: rotate(0) translateX(0) } 25% { transform: rotate(2deg) translateX(1px) } 50% { transform: rotate(0) translateX(0) } 75% { transform: rotate(-1deg) translateX(-0.5px) } 100% { transform: rotate(0) translateX(0) } }
@keyframes hs-sleeve    { 0% { transform: translateX(0) scaleY(1) } 50% { transform: translateX(2px) scaleY(0.95) } 100% { transform: translateX(0) scaleY(1) } }
@keyframes hs-highlight { 0% { opacity:0.5; box-shadow: 0 0 8px 2px rgba(138,90,58,.3); transform: scale(0.9); } 50% { opacity:1; box-shadow: 0 0 18px 6px rgba(138,90,58,.5); transform: scale(1.1); } 100% { opacity:0.6; box-shadow: 0 0 10px 3px rgba(138,90,58,.35); transform: scale(0.95); } }
@keyframes hs-droplet-a { 0% { transform: translateY(0) scale(1); opacity:0.4; } 33% { transform: translateY(-3px) scale(1.1); opacity:0.7; } 66% { transform: translateY(2px) scale(0.9); opacity:0.5; } 100% { transform: translateY(0) scale(1); opacity:0.4; } }
@keyframes hs-droplet-b { 0% { transform: translateY(0) scale(1); opacity:0.3; } 33% { transform: translateY(4px) scale(0.8); opacity:0.6; } 66% { transform: translateY(-2px) scale(1.1); opacity:0.4; } 100% { transform: translateY(0) scale(1); opacity:0.3; } }

/* holwell-narrative — wide confined space */
.scn-holwell-narrative { background: linear-gradient(180deg, #0d0805 0%, #1a0f0a 30%, #2a1a10 70%, #1a0f0a 100%), radial-gradient(ellipse at 50% 80%, #2a1a10 0%, #0d0805 90%); }
.scn-holwell-narrative .bg-deep   { position:absolute; inset:0; background: linear-gradient(0deg, #0d0805 0%, #1a0f0a 40%, #0d0805 100%); animation: hn-bg 30s ease-in-out infinite alternate; }
.scn-holwell-narrative .wall-left { position:absolute; left:0; top:0; bottom:0; width:20%; background: linear-gradient(90deg, #0d0805 0%, #1a0f0a 80%, transparent 100%); animation: hn-wall-l 20s ease-in-out infinite alternate; }
.scn-holwell-narrative .wall-right{ position:absolute; right:0; top:0; bottom:0; width:20%; background: linear-gradient(270deg, #0d0805 0%, #1a0f0a 80%, transparent 100%); animation: hn-wall-r 20s ease-in-out infinite alternate; animation-delay: 3s; }
.scn-holwell-narrative .figures   { position:absolute; bottom:18%; left:20%; right:20%; height:35%; background: linear-gradient(180deg, transparent 0%, #0a0505 30%, #0d0805 100%); border-radius: 30% 30% 0 0 / 40% 40% 0 0; mask-image: radial-gradient(ellipse at 50% 100%, black 30%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 50% 100%, black 30%, transparent 70%); animation: hn-figures 12s ease-in-out infinite; }
.scn-holwell-narrative .flame-left{ position:absolute; left:8%; bottom:20%; width:12%; height:30%; background: radial-gradient(ellipse at 50% 100%, #5a3a1a 0%, #2a1a0a 50%, transparent 100%); border-radius:50%; filter: blur(8px); animation: hn-flame-l 4s ease-in-out infinite alternate; }
.scn-holwell-narrative .flame-right{position:absolute; right:8%; bottom:20%; width:12%; height:30%; background: radial-gradient(ellipse at 50% 100%, #5a3a1a 0%, #2a1a0a 50%, transparent 100%); border-radius:50%; filter: blur(8px); animation: hn-flame-r 5s ease-in-out infinite alternate; animation-delay: 1.5s; }
.scn-holwell-narrative .haze      { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 60%, rgba(42,26,16,0.3) 0%, transparent 70%); filter: blur(12px); animation: hn-haze 18s ease-in-out infinite alternate; }
@keyframes hn-bg     { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes hn-wall-l { 0% { transform: translateX(0); opacity:0.9; } 50% { transform: translateX(-2px); opacity:1; } 100% { transform: translateX(0); opacity:0.9; } }
@keyframes hn-wall-r { 0% { transform: translateX(0); opacity:0.9; } 50% { transform: translateX(2px); opacity:1; } 100% { transform: translateX(0); opacity:0.9; } }
@keyframes hn-figures{ 0% { transform: translateY(0) scaleY(1); opacity:0.7; } 25% { transform: translateY(-1px) scaleY(1.02); opacity:0.8; } 50% { transform: translateY(0) scaleY(1); opacity:0.7; } 75% { transform: translateY(0.5px) scaleY(0.98); opacity:0.6; } 100% { transform: translateY(0) scaleY(1); opacity:0.7; } }
@keyframes hn-flame-l{ 0% { transform: scaleX(1) scaleY(1); opacity:0.5; } 25% { transform: scaleX(1.1) scaleY(1.2); opacity:0.8; } 50% { transform: scaleX(0.9) scaleY(0.8); opacity:0.6; } 75% { transform: scaleX(1.05) scaleY(1.1); opacity:0.7; } 100% { transform: scaleX(1) scaleY(1); opacity:0.5; } }
@keyframes hn-flame-r{ 0% { transform: scaleX(1) scaleY(1); opacity:0.5; } 25% { transform: scaleX(0.9) scaleY(0.8); opacity:0.7; } 50% { transform: scaleX(1.1) scaleY(1.2); opacity:0.8; } 75% { transform: scaleX(0.95) scaleY(1.05); opacity:0.6; } 100% { transform: scaleX(1) scaleY(1); opacity:0.5; } }
@keyframes hn-haze   { 0% { opacity:0.4; transform: scale(1); } 50% { opacity:0.6; transform: scale(1.05); } 100% { opacity:0.4; transform: scale(0.95); } }

/* holwell-weight — vertical cramped */
.scn-holwell-weight { background: linear-gradient(180deg, #0a0505 0%, #0d0805 30%, #1a0f0a 70%, #0d0805 100%), radial-gradient(ellipse at 50% 40%, #1a0f0a 0%, #0a0505 90%); }
.scn-holwell-weight .bg-deep      { position:absolute; inset:0; background: linear-gradient(90deg, #0a0505 0%, #0d0805 50%, #0a0505 100%); animation: hw-bg 28s ease-in-out infinite alternate; }
.scn-holwell-weight .figure-below { position:absolute; bottom:8%; left:25%; width:50%; height:35%; background: linear-gradient(180deg, #0a0505 0%, #0d0805 40%, #0a0505 100%); border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%; transform-origin: bottom center; animation: hw-below 7s ease-in-out infinite; }
.scn-holwell-weight .figure-above { position:absolute; bottom:30%; left:28%; width:44%; height:40%; background: linear-gradient(180deg, #0a0505 0%, #0d0805 30%, #0a0505 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: hw-above 6s ease-in-out infinite; }
.scn-holwell-weight .knee         { position:absolute; bottom:38%; left:44%; width:12%; height:10%; background: radial-gradient(ellipse at 50% 60%, #1a0f0a 0%, #0d0805 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: center; animation: hw-knee 5s ease-in-out infinite; }
.scn-holwell-weight .head         { position:absolute; bottom:12%; left:40%; width:20%; height:14%; background: radial-gradient(ellipse at 50% 40%, #0d0805 0%, #0a0505 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hw-head 8s ease-in-out infinite; }
.scn-holwell-weight .strain       { position:absolute; bottom:25%; left:30%; width:40%; height:6%; background: linear-gradient(90deg, transparent 0%, #1a0f0a 30%, #2a1a10 50%, #1a0f0a 70%, transparent 100%); filter: blur(2px); animation: hw-strain 4s ease-in-out infinite alternate; }
.scn-holwell-weight .shadow       { position:absolute; bottom:0; left:10%; right:10%; height:20%; background: linear-gradient(180deg, transparent 0%, #0a0505 100%); animation: hw-shadow 12s ease-in-out infinite alternate; }
@keyframes hw-bg     { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes hw-below  { 0% { transform: translateY(0) scaleY(1); } 20% { transform: translateY(-1px) scaleY(0.98); } 40% { transform: translateY(0) scaleY(1); } 60% { transform: translateY(0.5px) scaleY(1.01); } 80% { transform: translateY(-0.5px) scaleY(0.99); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes hw-above  { 0% { transform: translateY(0) rotate(0) scaleY(1); } 25% { transform: translateY(-1px) rotate(0.5deg) scaleY(0.97); } 50% { transform: translateY(0) rotate(0) scaleY(1); } 75% { transform: translateY(0.5px) rotate(-0.3deg) scaleY(1.02); } 100% { transform: translateY(0) rotate(0) scaleY(1); } }
@keyframes hw-knee   { 0% { transform: translateY(0) rotate(0) scale(1); } 25% { transform: translateY(-1px) rotate(2deg) scale(1.05); } 50% { transform: translateY(0) rotate(0) scale(1); } 75% { transform: translateY(0.5px) rotate(-1deg) scale(0.95); } 100% { transform: translateY(0) rotate(0) scale(1); } }
@keyframes hw-head   { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(1px) rotate(-1deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-0.5px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes hw-strain { 0% { opacity:0.3; transform: scaleX(1); } 50% { opacity:0.7; transform: scaleX(1.1); } 100% { opacity:0.3; transform: scaleX(0.9); } }
@keyframes hw-shadow { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }

/* holwell-quits — interior cutaway */
.scn-holwell-quits { background: linear-gradient(180deg, #0d0805 0%, #1a0f0a 50%, #0d0805 100%), radial-gradient(ellipse at 50% 30%, #1a0f0a 0%, #0d0805 80%); }
.scn-holwell-quits .bg-deep      { position:absolute; inset:0; background: linear-gradient(135deg, #0d0805 0%, #1a0f0a 50%, #0d0805 100%); animation: hq-bg 30s ease-in-out infinite alternate; }
.scn-holwell-quits .window-frame { position:absolute; top:10%; right:12%; width:28%; height:45%; border: 2px solid #1a0f0a; background: transparent; border-radius: 4% 4% 2% 2% / 6% 6% 3% 3%; box-shadow: inset 0 0 20px rgba(10,5,5,0.6), 0 0 8px rgba(10,5,5,0.4); animation: hq-frame 20s ease-in-out infinite alternate; }
.scn-holwell-quits .window-glow  { position:absolute; top:12%; right:14%; width:24%; height:41%; background: radial-gradient(ellipse at 50% 60%, #2a3a3a 0%, #1a2a2a 40%, transparent 80%); border-radius: 4%; filter: blur(4px); animation: hq-glow 8s ease-in-out infinite alternate; }
.scn-holwell-quits .figure       { position:absolute; bottom:8%; left:30%; width:35%; height:45%; background: linear-gradient(180deg, #0a0505 0%, #0d0805 50%, #0a0505 100%); border-radius: 30% 30% 20% 20% / 50% 50% 20% 20%; transform-origin: bottom center; animation: hq-figure 10s ease-in-out infinite; }
.scn-holwell-quits .arm          { position:absolute; bottom:25%; left:58%; width:18%; height:8%; background: linear-gradient(0deg, #0a0505 0%, #0d0805 100%); border-radius: 40% 10% 10% 40% / 50% 20% 20% 50%; transform-origin: 0% 50%; animation: hq-arm 9s ease-in-out infinite; }
.scn-holwell-quits .shadow       { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, transparent 0%, #0a0505 100%); animation: hq-shadow 14s ease-in-out infinite alternate; }
@keyframes hq-bg     { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes hq-frame  { 0% { transform: scale(1); opacity:0.8; } 50% { transform: scale(1.02); opacity:1; } 100% { transform: scale(0.98); opacity:0.7; } }
@keyframes hq-glow   { 0% { opacity:0.4; transform: scale(1); } 25% { opacity:0.6; transform: scale(1.05); } 50% { opacity:0.5; transform: scale(0.95); } 75% { opacity:0.7; transform: scale(1.03); } 100% { opacity:0.4; transform: scale(1); } }
@keyframes hq-figure { 0% { transform: translateY(0) rotate(0) scaleY(1); } 20% { transform: translateY(-1px) rotate(0.5deg) scaleY(0.98); } 40% { transform: translateY(0) rotate(0) scaleY(1); } 60% { transform: translateY(2px) rotate(-0.5deg) scaleY(0.95); } 80% { transform: translateY(1px) rotate(0.3deg) scaleY(0.97); } 100% { transform: translateY(0) rotate(0) scaleY(1); } }
@keyframes hq-arm    { 0% { transform: rotate(0) translateX(0); opacity:0.8; } 30% { transform: rotate(8deg) translateX(5px); opacity:1; } 50% { transform: rotate(4deg) translateX(2px); opacity:0.9; } 70% { transform: rotate(10deg) translateX(6px); opacity:0.7; } 100% { transform: rotate(0) translateX(0); opacity:0.8; } }
@keyframes hq-shadow { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }

/* scene 1 - trappist-denials-more */
.scn-trappist-denials-more {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, #0b0a1a 0%, #1d1530 40%, #2c2050 100%),
    radial-gradient(ellipse at 60% 80%, #3a2a50 0%, transparent 70%);
}
.scn-trappist-denials-more .tm-cell-wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a1425 0%, #2a2035 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,.6);
}
.scn-trappist-denials-more .tm-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 28%;
  background: linear-gradient(180deg, #2a1e1a 0%, #1a0e0a 100%);
  border-radius: 60% 40% 0 0 / 40% 30% 0 0;
}
.scn-trappist-denials-more .tm-bed {
  position: absolute; bottom: 15%; left: 12%; width: 30%; height: 14%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,.5);
  transform: skewY(-2deg);
}
.scn-trappist-denials-more .tm-figure-rest {
  position: absolute; bottom: 18%; left: 18%; width: 20%; height: 10%;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tm-breathe 4s ease-in-out infinite;
}
.scn-trappist-denials-more .tm-figure-work {
  position: absolute; bottom: 20%; right: 15%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #4a3a2a 0%, #1a0a0a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: tm-hammer 1.5s ease-in-out infinite;
}
.scn-trappist-denials-more .tm-anvil {
  position: absolute; bottom: 16%; right: 22%; width: 12%; height: 8%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%);
  box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.scn-trappist-denials-more .tm-candle {
  position: absolute; bottom: 24%; left: 48%; width: 2%; height: 10%;
  background: linear-gradient(180deg, #ffd080 0%, #c08040 60%, #8a5020 100%);
  border-radius: 2px;
  animation: tm-flicker 2s ease-in-out infinite alternate;
}
.scn-trappist-denials-more .tm-candle-glow {
  position: absolute; bottom: 22%; left: 46%; width: 8%; height: 12%;
  background: radial-gradient(circle, #ffd080 0%, rgba(255,208,128,0.3) 50%, transparent 100%);
  border-radius: 50%;
  animation: tm-glow 3s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes tm-breathe {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.05) translateY(-2px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes tm-hammer {
  0% { transform: rotate(-5deg) translateY(0); }
  25% { transform: rotate(5deg) translateY(-4px); }
  50% { transform: rotate(-5deg) translateY(0); }
  75% { transform: rotate(5deg) translateY(-4px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes tm-flicker {
  0% { opacity: .8; transform: scaleY(1) scaleX(1); }
  50% { opacity: 1; transform: scaleY(1.1) scaleX(1.02); }
  100% { opacity: .85; transform: scaleY(.95) scaleX(.98); }
}
@keyframes tm-glow {
  0% { opacity: .4; box-shadow: 0 0 20px 8px rgba(255,208,128,.2); }
  50% { opacity: .7; box-shadow: 0 0 40px 16px rgba(255,208,128,.4); }
  100% { opacity: .5; box-shadow: 0 0 30px 12px rgba(255,208,128,.3); }
}

/* scene 2 - trappist-denials-continued */
.scn-trappist-denials-continued {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, #0f0a1a 0%, #1a1428 50%, #2a2040 100%),
    radial-gradient(ellipse at 50% 90%, #2a2040 0%, transparent 80%);
}
.scn-trappist-denials-continued .tc-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #15102a 0%, #2a2045 100%);
  box-shadow: inset 0 0 100px rgba(0,0,0,.7);
}
.scn-trappist-denials-continued .tc-desk {
  position: absolute; bottom: 15%; left: 20%; right: 20%; height: 6%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.5);
}
.scn-trappist-denials-continued .tc-figure {
  position: absolute; bottom: 18%; left: 35%; width: 12%; height: 24%;
  background: linear-gradient(180deg, #3a2a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: tc-rock 4s ease-in-out infinite;
}
.scn-trappist-denials-continued .tc-die {
  position: absolute; bottom: 22%; left: 30%; width: 4%; height: 4%;
  background: linear-gradient(135deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 2px;
  animation: tc-die-roll 6s ease-in-out infinite;
}
.scn-trappist-denials-continued .tc-pipe {
  position: absolute; bottom: 21%; left: 38%; width: 6%; height: 2%;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 4px; transform: rotate(20deg);
  animation: tc-pipe-bob 3.5s ease-in-out infinite alternate;
}
.scn-trappist-denials-continued .tc-pet {
  position: absolute; bottom: 20%; left: 46%; width: 4%; height: 3%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  animation: tc-pet-twitch 5s ease-in-out infinite;
}
.scn-trappist-denials-continued .tc-ban-line {
  position: absolute; bottom: 18%; left: 25%; right: 20%; height: 2%;
  background: linear-gradient(90deg, transparent 0%, #a04040 30%, #a04040 70%, transparent 100%);
  box-shadow: 0 0 10px rgba(160,64,64,.4);
  animation: tc-slide 8s ease-in-out infinite alternate;
}
@keyframes tc-rock {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(-3deg) translateY(-2px); }
  50% { transform: rotate(0deg) translateY(0); }
  75% { transform: rotate(3deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes tc-die-roll {
  0% { transform: rotate(0deg) translateX(0); }
  25% { transform: rotate(90deg) translateX(5px); }
  50% { transform: rotate(180deg) translateX(0); }
  75% { transform: rotate(270deg) translateX(-5px); }
  100% { transform: rotate(360deg) translateX(0); }
}
@keyframes tc-pipe-bob {
  0% { transform: rotate(20deg) translateY(0); opacity: .7; }
  50% { transform: rotate(25deg) translateY(-3px); opacity: 1; }
  100% { transform: rotate(20deg) translateY(0); opacity: .7; }
}
@keyframes tc-pet-twitch {
  0% { transform: scale(1) translateX(0); }
  20% { transform: scale(1.05) translateX(2px); }
  40% { transform: scale(1) translateX(0); }
  60% { transform: scale(1.03) translateX(-1px); }
  80% { transform: scale(1) translateX(0); }
  100% { transform: scale(1) translateX(0); }
}
@keyframes tc-slide {
  0% { transform: translateX(-5%); opacity: .6; }
  50% { transform: translateX(5%); opacity: 1; }
  100% { transform: translateX(-5%); opacity: .6; }
}

/* scene 3 - la-trappe-psychology */
.scn-la-trappe-psychology {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, #2a1a0a 0%, #4a3020 40%, #6a4a30 100%),
    radial-gradient(ellipse at 50% 70%, #8a6040 0%, transparent 80%);
}
.scn-la-trappe-psychology .lp-bg-wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #3a2a1a 0%, #5a4030 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,.4);
}
.scn-la-trappe-psychology .lp-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #4a3320 0%, #2a1a0a 100%);
  border-radius: 30% 70% 0 0 / 50% 50% 0 0;
}
.scn-la-trappe-psychology .lp-mirror {
  position: absolute; bottom: 22%; left: 50%; width: 20%; height: 40%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%);
  border-radius: 8px; box-shadow: 0 0 30px rgba(138,106,74,.3);
  overflow: hidden;
}
.scn-la-trappe-psychology .lp-figure {
  position: absolute; bottom: 18%; left: 25%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #4a3525 0%, #1a0a0a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: lp-lean 5s ease-in-out infinite alternate;
}
.scn-la-trappe-psychology .lp-reflection {
  position: absolute; bottom: 18%; left: 52%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #6a4a30 0%, #2a1a0a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: lp-refl 5s ease-in-out infinite alternate;
  opacity: .8;
}
.scn-la-trappe-psychology .lp-candle {
  position: absolute; bottom: 24%; left: 40%; width: 1.5%; height: 8%;
  background: linear-gradient(180deg, #ffd080 0%, #c08040 60%, #8a5020 100%);
  border-radius: 2px;
  animation: lp-candle 2.5s ease-in-out infinite alternate;
}
.scn-la-trappe-psychology .lp-candle-glow {
  position: absolute; bottom: 22%; left: 38%; width: 6%; height: 10%;
  background: radial-gradient(circle, #ffd080 0%, rgba(255,208,128,0.3) 50%, transparent 100%);
  border-radius: 50%;
  animation: lp-glare 4s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes lp-lean {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(-8deg) translateY(-3px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes lp-refl {
  0% { transform: rotate(0deg) translateY(0) scaleX(-1); }
  50% { transform: rotate(8deg) translateY(-3px) scaleX(-1); }
  100% { transform: rotate(0deg) translateY(0) scaleX(-1); }
}
@keyframes lp-candle {
  0% { opacity: .8; transform: scaleY(1) scaleX(1); }
  50% { opacity: 1; transform: scaleY(1.1) scaleX(1.02); }
  100% { opacity: .85; transform: scaleY(.95) scaleX(.98); }
}
@keyframes lp-glare {
  0% { opacity: .4; box-shadow: 0 0 20px 8px rgba(255,208,128,.2); }
  50% { opacity: .7; box-shadow: 0 0 40px 16px rgba(255,208,128,.5); }
  100% { opacity: .5; box-shadow: 0 0 30px 12px rgba(255,208,128,.3); }
}

/* scene 4 - trappist-achievements */
.scn-trappist-achievements {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, #87ceeb 0%, #b0d4f0 30%, #f0e68c 70%, #daa520 100%),
    radial-gradient(ellipse at 50% 20%, #fff7b0 0%, transparent 70%);
}
.scn-trappist-achievements .ta-sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #6da9d2 0%, #b0d4f0 60%, transparent 100%);
  animation: ta-skyglide 20s ease-in-out infinite alternate;
}
.scn-trappist-achievements .ta-hills {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 100%);
  border-radius: 50% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.2);
}
.scn-trappist-achievements .ta-fields {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #8ab040 0%, #c0d060 100%);
  border-radius: 40% 30% 0 0 / 60% 50% 0 0;
  animation: ta-sway 8s ease-in-out infinite alternate;
  transform-origin: bottom center;
}
.scn-trappist-achievements .ta-building {
  position: absolute; bottom: 30%; left: 40%; width: 18%; height: 25%;
  background: linear-gradient(180deg, #c8a060 0%, #8a6030 100%);
  border-radius: 6% 6% 4% 4%;
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
}
.scn-trappist-achievements .ta-windmill {
  position: absolute; bottom: 32%; right: 20%; width: 8%; height: 18%;
  background: linear-gradient(180deg, #a08050 0%, #604020 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
}
.scn-trappist-achievements .ta-blades {
  position: absolute; bottom: 38%; right: 20%; width: 8%; height: 8%;
  background: linear-gradient(135deg, #c8b080 0%, #a08860 100%);
  border-radius: 50%;
  animation: ta-rotate 4s linear infinite;
  transform-origin: center;
}
.scn-trappist-achievements .ta-barrels {
  position: absolute; bottom: 22%; left: 28%; width: 6%; height: 6%;
  background: radial-gradient(circle, #8a6030 0%, #5a3a1a 100%);
  border-radius: 30%;
  box-shadow: 0 4px 6px rgba(0,0,0,.2);
  animation: ta-roll 6s ease-in-out infinite alternate;
}
.scn-trappist-achievements .ta-worker {
  position: absolute; bottom: 24%; left: 35%; width: 5%; height: 12%;
  background: linear-gradient(180deg, #4a3a2a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  animation: ta-walk 5s ease-in-out infinite;
}
.scn-trappist-achievements .ta-sun {
  position: absolute; top: 8%; right: 15%; width: 10%; height: 10%;
  background: radial-gradient(circle, #fff7b0 0%, #ffd060 40%, transparent 70%);
  border-radius: 50%;
  animation: ta-sunpulse 3s ease-in-out infinite alternate;
}
@keyframes ta-skyglide {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .85; }
}
@keyframes ta-sway {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-2px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes ta-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes ta-roll {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(10px) rotate(20deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ta-walk {
  0% { transform: translateX(0) translateY(0) rotate(-2deg); }
  25% { transform: translateX(6px) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(12px) translateY(0) rotate(-2deg); }
  75% { transform: translateX(18px) translateY(-2px) rotate(2deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes ta-sunpulse {
  0% { transform: scale(1); opacity: .9; box-shadow: 0 0 30px 10px rgba(255,215,0,.3); }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 50px 20px rgba(255,215,0,.5); }
  100% { transform: scale(1); opacity: .9; box-shadow: 0 0 30px 10px rgba(255,215,0,.3); }
}

/* Scene: suttee-sleeman-visits (tense, sunlit) */
.scn-suttee-sleeman-visits {
  background: linear-gradient(180deg, #6fa8dc 0%, #f4d03f 50%, #f39c12 100%),
              radial-gradient(ellipse at 70% 20%, #f1c40f 0%, transparent 70%);
}
.scn-suttee-sleeman-visits .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #5b9bd5 0%, transparent 100%);
  animation: ssv-sky 10s ease-in-out infinite alternate;
}
.scn-suttee-sleeman-visits .sun {
  position: absolute; top: 10%; right: 20%;
  width: 80px; height: 80px;
  background: radial-gradient(circle, #fff8b0 0%, #f1c40f 30%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(241, 196, 15, 0.5), 0 0 120px 60px rgba(241, 196, 15, 0.2);
  animation: ssv-sun 4s ease-in-out infinite alternate;
}
.scn-suttee-sleeman-visits .hills {
  position: absolute; bottom: 30%; left: 0; right: 0;
  height: 20%;
  background: linear-gradient(180deg, #8e6b4a 0%, #5c4033 100%);
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: ssv-hills 20s ease-in-out infinite alternate;
}
.scn-suttee-sleeman-visits .rock {
  position: absolute; bottom: 0; left: 30%; right: 30%;
  height: 35%;
  background: linear-gradient(180deg, #7a6b5d 0%, #4a3b2f 100%);
  border-radius: 20% 20% 0 0 / 50% 50% 0 0;
  box-shadow: inset 0 5px 15px rgba(0,0,0,0.5);
}
.scn-suttee-sleeman-visits .figure {
  position: absolute; bottom: 22%; left: 48%;
  width: 18px; height: 50px;
  background: linear-gradient(180deg, #2c2c2c 0%, #111111 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ssv-figure 4s ease-in-out infinite;
}
.scn-suttee-sleeman-visits .sheet {
  position: absolute; bottom: 20%; left: 44%;
  width: 35px; height: 55px;
  background: rgba(255, 248, 220, 0.4);
  border-radius: 40% 40% 30% 30% / 80% 80% 20% 20%;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
  animation: ssv-sheet 3s ease-in-out infinite alternate;
}
.scn-suttee-sleeman-visits .house {
  position: absolute; bottom: 32%; left: 8%;
  width: 20px; height: 15px;
  background: linear-gradient(180deg, #a0522d 0%, #5c3a21 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
@keyframes ssv-sky {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes ssv-sun {
  0% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 60px 30px rgba(241,196,15,0.5), 0 0 120px 60px rgba(241,196,15,0.2); }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 80px 40px rgba(241,196,15,0.6), 0 0 160px 80px rgba(241,196,15,0.3); }
  100% { transform: scale(0.95); opacity: 0.85; box-shadow: 0 0 40px 20px rgba(241,196,15,0.4), 0 0 80px 40px rgba(241,196,15,0.15); }
}
@keyframes ssv-hills {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes ssv-figure {
  0%, 100% { transform: translateX(0) rotate(-2deg); }
  50% { transform: translateX(3px) rotate(2deg); }
}
@keyframes ssv-sheet {
  0% { transform: translateY(0) rotate(0deg); opacity: 0.6; }
  100% { transform: translateY(-2px) rotate(3deg); opacity: 0.9; }
}

/* Scene: suttee-dead-in-law (tense, sunlit) */
.scn-suttee-dead-in-law {
  background: linear-gradient(180deg, #7fb3d0 0%, #f5cba7 50%, #e67e22 100%),
              radial-gradient(ellipse at 30% 80%, #f1c40f 0%, transparent 70%);
}
.scn-suttee-dead-in-law .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #6da4c8 0%, transparent 100%);
  animation: sdl-sky 8s ease-in-out infinite alternate;
}
.scn-suttee-dead-in-law .sun {
  position: absolute; top: 5%; left: 20%;
  width: 70px; height: 70px;
  background: radial-gradient(circle, #fff3b0 0%, #f39c12 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 50px 25px rgba(243, 156, 18, 0.5);
  animation: sdl-sun 3s ease-in-out infinite alternate;
}
.scn-suttee-dead-in-law .ground {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 35%;
  background: linear-gradient(180deg, #b8846b 0%, #8b5a3a 100%);
  border-radius: 30% 70% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-suttee-dead-in-law .tree {
  position: absolute; bottom: 28%; left: 10%;
  width: 12px; height: 70px;
  background: linear-gradient(180deg, #5c3a21 0%, #3a2312 100%);
  border-radius: 30%;
  transform-origin: bottom center;
  animation: sdl-tree 6s ease-in-out infinite alternate;
}
.scn-suttee-dead-in-law .tree::before {
  /* not allowed; use child divs instead. So tree is trunk only; canopy separate? Actually we have many divs; we'll add a canopy later. But for simplicity, use a single div with box-shadow for branches? Too complex. Let's keep tree as trunk + canopy later? Already have 8 divs. Remove tree, use a "tree-canopy" as separate. But we already have 8 div family members. We'll replace tree with "tree-trunk" and "tree-canopy" – that would be 9 divs, okay. But to keep within 5-9, we can use one div for tree with pseudo-elements? Not allowed. Better to drop tree and use only family figures and widow. But tree adds tension. Let's adjust: keep tree as one div that represents both trunk and foliage using radial gradients? Yes: background: radial-gradient(ellipse at 50% 20%, #3a2312 0%, transparent 40%), radial-gradient(ellipse at 50% 0%, #2d5a27 0%, #1e3e1a 100%)? Actually we can do a gradient that starts with a thin trunk and then widens to canopy. But for simplicity, we keep the tree as a simple shape with animation. We'll add a canopy div later. We have enough. Let's just use a single div for the tree and style it with multiple background layers to simulate trunk and canopy. This is complex. For the sake of clarity, I'll omit the tree and use a "cactus" shape? Not necessary. I'll keep the tree as a single div with a simple shape and animation, and include a separate shadow on ground. We'll have 8 divs: sky, sun, ground, widow, family1, family2, family3, shadow. That's 8. We'll add shadow as a div. So tree is not included. The scene still works with figures on sunlit ground. We'll add a div "shadow" that casts a long shadow from the figures. Good. So final divs for scene 2: sky, sun, ground, widow, family-1, family-2, family-3, shadow. That's 8. Update the HTML accordingly. CSS: add rules for each. */
/* But we already detailed tree. Let's proceed with shadow. I'll revise the HTML to remove tree and add shadow. */
/* New HTML for scene 2: */
/* "suttee-dead-in-law": `
  <div class="sky"></div>
  <div class="sun"></div>
  <div class="ground"></div>
  <div class="widow"></div>
  <div class="family-1"></div>
  <div class="family-2"></div>
  <div class="family-3"></div>
  <div class="shadow"></div>
`, */
}
.scn-suttee-dead-in-law .sky,
.scn-suttee-dead-in-law .sun,
.scn-suttee-dead-in-law .ground,
.scn-suttee-dead-in-law .widow,
.scn-suttee-dead-in-law .family-1,
.scn-suttee-dead-in-law .family-2,
.scn-suttee-dead-in-law .family-3,
.scn-suttee-dead-in-law .shadow {
  /* position, background, animation as defined below */
}
.scn-suttee-dead-in-law .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #6da4c8 0%, transparent 100%);
  animation: sdl-sky 8s ease-in-out infinite alternate;
}
.scn-suttee-dead-in-law .sun {
  position: absolute; top: 5%; left: 20%;
  width: 70px; height: 70px;
  background: radial-gradient(circle, #fff3b0 0%, #f39c12 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 50px 25px rgba(243, 156, 18, 0.5);
  animation: sdl-sun 3s ease-in-out infinite alternate;
}
.scn-suttee-dead-in-law .ground {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 35%;
  background: linear-gradient(180deg, #b8846b 0%, #8b5a3a 100%);
  border-radius: 30% 70% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-suttee-dead-in-law .widow {
  position: absolute; bottom: 28%; left: 45%;
  width: 16px; height: 45px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sdl-widow 4s ease-in-out infinite;
}
.scn-suttee-dead-in-law .family-1 {
  position: absolute; bottom: 28%; left: 38%;
  width: 14px; height: 40px;
  background: linear-gradient(180deg, #2b2b2b 0%, #151515 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sdl-family 5s ease-in-out infinite;
  animation-delay: 0s;
}
.scn-suttee-dead-in-law .family-2 {
  position: absolute; bottom: 28%; left: 52%;
  width: 14px; height: 42px;
  background: linear-gradient(180deg, #2b2b2b 0%, #151515 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sdl-family 5s ease-in-out infinite;
  animation-delay: 0.5s;
}
.scn-suttee-dead-in-law .family-3 {
  position: absolute; bottom: 28%; left: 58%;
  width: 14px; height: 38px;
  background: linear-gradient(180deg, #2b2b2b 0%, #151515 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sdl-family 5s ease-in-out infinite;
  animation-delay: 1s;
}
.scn-suttee-dead-in-law .shadow {
  position: absolute; bottom: 28%; left: 35%; right: 35%;
  height: 4px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  filter: blur(2px);
  transform-origin: center;
  animation: sdl-shadow 6s ease-in-out infinite alternate;
}
@keyframes sdl-sky {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}
@keyframes sdl-sun {
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.7; }
}
@keyframes sdl-widow {
  0%, 100% { transform: translateX(0) rotate(-1deg); }
  50% { transform: translateX(2px) rotate(2deg); }
}
@keyframes sdl-family {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes sdl-shadow {
  0%, 100% { transform: scaleX(1); opacity: 0.3; }
  50% { transform: scaleX(1.2); opacity: 0.5; }
}

/* Scene: suttee-widow-speech (warm, sunlit) */
.scn-suttee-widow-speech {
  background: linear-gradient(180deg, #ffe0a0 0%, #ffb347 50%, #ff8c00 100%),
              radial-gradient(ellipse at 50% 30%, #fff3b0 0%, transparent 70%);
}
.scn-suttee-widow-speech .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #ffcc88 0%, transparent 100%);
  animation: sws-sky 12s ease-in-out infinite alternate;
}
.scn-suttee-widow-speech .sun {
  position: absolute; top: 5%; left: 55%;
  width: 90px; height: 90px;
  background: radial-gradient(circle, #fff9d0 0%, #ffb347 30%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 40px rgba(255, 179, 71, 0.4);
  animation: sws-sun 6s ease-in-out infinite alternate;
}
.scn-suttee-widow-speech .river {
  position: absolute; bottom: 20%; left: 0; right: 0;
  height: 40%;
  background: linear-gradient(180deg, #6da3c8 0%, #4a7c9e 50%, #2d5a7a 100%);
  border-radius: 0 0 50% 50% / 0 0 20% 20%;
  animation: sws-river 10s ease-in-out infinite alternate;
}
.scn-suttee-widow-speech .far-bank {
  position: absolute; bottom: 45%; left: 0; right: 0;
  height: 8%;
  background: linear-gradient(180deg, #6a8a5a 0%, #4a6a3a 100%);
  border-radius: 0 0 40% 60% / 0 0 100% 100%;
  animation: sws-bank 15s ease-in-out infinite alternate;
}
.scn-suttee-widow-speech .near-bank {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 25%;
  background: linear-gradient(180deg, #8b6b4a 0%, #5a3a1a 100%);
  border-radius: 20% 80% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 5px 10px rgba(0,0,0,0.3);
}
.scn-suttee-widow-speech .figure {
  position: absolute; bottom: 15%; left: 45%;
  width: 20px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #080810 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sws-figure 5s ease-in-out infinite;
}
.scn-suttee-widow-speech .bird {
  position: absolute; top: 15%; left: 70%;
  width: 20px; height: 10px;
  background: transparent;
  border: 2px solid #333;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  transform: rotate(-20deg);
  animation: sws-bird 8s linear infinite;
}
@keyframes sws-sky {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes sws-sun {
  0% { transform: scale(1) translateY(0); opacity: 0.9; }
  50% { transform: scale(1.03) translateY(-5px); opacity: 1; }
  100% { transform: scale(0.97) translateY(2px); opacity: 0.85; }
}
@keyframes sws-river {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.02); }
  100% { transform: scaleY(0.98); }
}
@keyframes sws-bank {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes sws-figure {
  0%, 100% { transform: translateX(0) rotate(-1deg); }
  50% { transform: translateX(3px) rotate(2deg); }
}
@keyframes sws-bird {
  0% { left: 70%; top: 15%; transform: rotate(-20deg); }
  50% { left: 75%; top: 12%; transform: rotate(-15deg); }
  100% { left: 80%; top: 10%; transform: rotate(-10deg); }
}

/* Scene: suttee-widow-commitment (warm, sunlit) */
.scn-suttee-widow-commitment {
  background: linear-gradient(180deg, #ffd080 0%, #ffa040 50%, #cc7a30 100%),
              radial-gradient(ellipse at 30% 50%, #fff3b0 0%, transparent 70%);
}
.scn-suttee-widow-commitment .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffc878 0%, transparent 100%);
  animation: swc-sky 10s ease-in-out infinite alternate;
}
.scn-suttee-widow-commitment .sun {
  position: absolute; top: 8%; left: 65%;
  width: 80px; height: 80px;
  background: radial-gradient(circle, #fff9c0 0%, #ffa040 30%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(255,160,64,0.4);
  animation: swc-sun 5s ease-in-out infinite alternate;
}
.scn-suttee-widow-commitment .pyre {
  position: absolute; bottom: 18%; left: 40%; right: 40%;
  height: 20%;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 -5px 10px rgba(0,0,0,0.4), 0 4px 8px rgba(0,0,0,0.3);
}
.scn-suttee-widow-commitment .smoke {
  position: absolute; bottom: 40%; left: 45%; right: 45%;
  height: 30%;
  background: radial-gradient(ellipse at 50% 100%, rgba(200,180,160,0.3) 0%, transparent 70%);
  filter: blur(10px);
  animation: swc-smoke 15s ease-out infinite;
}
.scn-suttee-widow-commitment .figure {
  position: absolute; bottom: 15%; left: 35%;
  width: 18px; height: 48px;
  background: linear-gradient(180deg, #1c1c1c 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: swc-figure 4s ease-in-out infinite;
}
.scn-suttee-widow-commitment .ashes {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 100%;
  pointer-events: none;
  background: transparent;
  box-shadow:
    10px 20px 0 0 rgba(200,180,160,0.4),
    30px 50px 0 0 rgba(180,160,140,0.3),
    50px 80px 0 0 rgba(200,180,160,0.2),
    70px 110px 0 0 rgba(180,160,140,0.3),
    90px 140px 0 0 rgba(200,180,160,0.4),
    110px 170px 0 0 rgba(180,160,140,0.25),
    130px 200px 0 0 rgba(200,180,160,0.3),
    150px 230px 0 0 rgba(180,160,140,0.2);
  animation: swc-ashes 12s linear infinite;
}
@keyframes swc-sky {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes swc-sun {
  0% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 60px 30px rgba(255,160,64,0.4); }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 80px 40px rgba(255,160,64,0.5); }
  100% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 40px 20px rgba(255,160,64,0.3); }
}
@keyframes swc-smoke {
  0% { transform: translateY(0) scale(1); opacity: 0.5; }
  50% { transform: translateY(-30px) scale(1.3); opacity: 0.3; }
  100% { transform: translateY(-60px) scale(1.6); opacity: 0; }
}
@keyframes swc-figure {
  0%, 100% { transform: translateX(0) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(2deg); }
}
@keyframes swc-ashes {
  0% { transform: translateY(0) scale(1); opacity: 0.3; }
  50% { transform: translateY(-20px) scale(1.1); opacity: 0.5; }
  100% { transform: translateY(-40px) scale(0.9); opacity: 0; }
}

/* india-land-of-contradictions – dim interior warm */
.scn-india-land-of-contradictions { background: linear-gradient(180deg, #1a100c 0%, #3a2a1a 40%, #2a1f14 100%), radial-gradient(ellipse at 50% 70%, #6a4a2a 0%, transparent 70%); }
.scn-india-land-of-contradictions .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: #2a1f14; }
.scn-india-land-of-contradictions .wall-left { position:absolute; left:0; top:0; bottom:20%; width:40%; background: linear-gradient(90deg, #3a2a1a 0%, #2a1f14 100%); }
.scn-india-land-of-contradictions .wall-right { position:absolute; right:0; top:0; bottom:20%; width:40%; background: linear-gradient(90deg, #2a1f14 0%, #3a2a1a 100%); }
.scn-india-land-of-contradictions .shelf { position:absolute; top:35%; left:25%; right:25%; height:8px; background: #4a3528; box-shadow: 0 4px 8px rgba(0,0,0,.5); }
.scn-india-land-of-contradictions .jewel { position:absolute; top:32%; left:45%; width:12px; height:12px; background: radial-gradient(circle, #ffd700 0%, #b8860b 60%); border-radius:50%; box-shadow: 0 0 16px 6px rgba(255,215,0,.6); animation: ic-jewel 2s ease-in-out infinite alternate; }
.scn-india-land-of-contradictions .rat { position:absolute; bottom:18%; left:10%; width:20px; height:10px; background: #4a3a2a; border-radius: 50% 50% 40% 40%; animation: ic-rat 6s ease-in-out infinite; }
.scn-india-land-of-contradictions .lantern { position:absolute; top:20%; left:50%; width:14px; height:20px; margin-left:-7px; background: radial-gradient(circle, #ffc040 0%, #b08030 70%); border-radius:20%; box-shadow: 0 0 20px 8px #b08030; animation: ic-lantern 3s ease-in-out infinite alternate; }
.scn-india-land-of-contradictions .shadow { position:absolute; bottom:20%; left:30%; right:30%; height:10%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.4) 100%); animation: ic-shadow 8s ease-in-out infinite alternate; }
@keyframes ic-jewel { 0% { opacity:.7; transform:scale(1) } 50% { opacity:1; transform:scale(1.2) } 100% { opacity:.8; transform:scale(0.95) } }
@keyframes ic-rat { 0% { transform: translateX(0) } 25% { transform: translateX(30px) scaleX(-1) } 50% { transform: translateX(60px) } 75% { transform: translateX(30px) scaleX(1) } 100% { transform: translateX(0) } }
@keyframes ic-lantern { 0% { opacity:.8; box-shadow: 0 0 12px 4px #b08030 } 50% { opacity:1; box-shadow: 0 0 28px 12px #ffc040 } 100% { opacity:.9; box-shadow: 0 0 16px 6px #b08030 } }
@keyframes ic-shadow { 0% { opacity:.3; transform:scaleY(1) } 50% { opacity:.5; transform:scaleY(1.2) } 100% { opacity:.3; transform:scaleY(0.8) } }

/* milliner-carriage – sunlit warm */
.scn-milliner-carriage { background: linear-gradient(180deg, #87ceeb 0%, #c0e0e8 40%, #f0e68c 70%, #d2b48c 100%), radial-gradient(ellipse at 70% 20%, #fff5d0 0%, transparent 50%); }
.scn-milliner-carriage .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%); }
.scn-milliner-carriage .sun { position:absolute; top:10%; right:15%; width:40px; height:40px; background: radial-gradient(circle, #fff8e0 0%, #ffd700 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(255,215,0,.5); animation: mc-sun 4s ease-in-out infinite alternate; }
.scn-milliner-carriage .cloud-a { position:absolute; top:20%; left:15%; width:100px; height:20px; background: rgba(255,255,255,.7); border-radius:50%; filter: blur(5px); animation: mc-cloud 40s linear infinite; }
.scn-milliner-carriage .cloud-b { position:absolute; top:25%; right:20%; width:70px; height:14px; background: rgba(255,255,255,.6); border-radius:50%; filter: blur(4px); animation: mc-cloud 50s linear infinite reverse; }
.scn-milliner-carriage .hotel { position:absolute; bottom:30%; left:20%; right:20%; height:25%; background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius:5% 5% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,.2); }
.scn-milliner-carriage .carriage { position:absolute; bottom:18%; left:30%; width:120px; height:60px; background: linear-gradient(180deg, #8b4513 0%, #5c2e0a 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 6px 12px rgba(0,0,0,.4); animation: mc-carriage 6s ease-in-out infinite; }
.scn-milliner-carriage .wheel { position:absolute; bottom:14%; left:32%; width:40px; height:40px; border-radius:50%; background: radial-gradient(circle, #3a2a1a 0%, #1a100c 100%); box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: mc-wheel 2s linear infinite; }
.scn-milliner-carriage .forewoman { position:absolute; bottom:24%; left:33%; width:16px; height:40px; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: mc-figure 3s ease-in-out infinite; }
@keyframes mc-sun { 0% { transform: scale(1); opacity:.9 } 50% { transform: scale(1.05); opacity:1 } 100% { transform: scale(0.95); opacity:.85 } }
@keyframes mc-cloud { 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }
@keyframes mc-carriage { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes mc-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes mc-figure { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }

/* milliner-india-comfort – dim interior warm */
.scn-milliner-india-comfort { background: linear-gradient(180deg, #1a100c 0%, #3a2a1a 40%, #2a1f14 100%), radial-gradient(ellipse at 50% 40%, #6a4a2a 0%, transparent 60%); }
.scn-milliner-india-comfort .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: #2a1f14; }
.scn-milliner-india-comfort .wall { position:absolute; left:0; right:0; top:0; bottom:15%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1f14 100%); }
.scn-milliner-india-comfort .window { position:absolute; top:20%; left:30%; width:30%; height:40%; background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 100%); border: 4px solid #5c3a1a; box-shadow: inset 0 0 20px rgba(255,255,200,.3); }
.scn-milliner-india-comfort .curtain { position:absolute; top:18%; left:28%; width:34%; height:44%; background: linear-gradient(90deg, #8b6a4a 0%, transparent 20%, transparent 80%, #8b6a4a 100%); animation: mi-curtain 8s ease-in-out infinite alternate; }
.scn-milliner-india-comfort .chair { position:absolute; bottom:20%; left:20%; width:40px; height:30px; background: #5c3a1a; border-radius: 30% 30% 10% 10%; }
.scn-milliner-india-comfort .lady { position:absolute; bottom:22%; left:22%; width:16px; height:40px; background: linear-gradient(180deg, #d2b48c 0%, #a08060 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: mi-lady 4s ease-in-out infinite; }
.scn-milliner-india-comfort .servant { position:absolute; bottom:15%; left:55%; width:14px; height:44px; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mi-servant 5s ease-in-out infinite; }
.scn-milliner-india-comfort .teapot { position:absolute; bottom:30%; left:45%; width:18px; height:18px; background: radial-gradient(circle, #c08040 0%, #8b5e3c 100%); border-radius: 50%; box-shadow: 0 0 10px 3px rgba(192,128,64,.4); animation: mi-teapot 3s ease-in-out infinite; }
@keyframes mi-curtain { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.9) } 100% { transform: scaleX(1) } }
@keyframes mi-lady { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes mi-servant { 0% { transform: translateY(0) rotate(0) } 30% { transform: translateY(0) rotate(-15deg) } 60% { transform: translateY(0) rotate(0) } 100% { transform: translateY(0) rotate(0) } }
@keyframes mi-teapot { 0% { transform: translateY(0); opacity:.8 } 50% { transform: translateY(-3px); opacity:1 } 100% { transform: translateY(0); opacity:.8 } }

/* dawn-veranda-servants – calm dawn */
.scn-dawn-veranda-servants { background: linear-gradient(180deg, #2a1f3a 0%, #5a405a 30%, #8a6070 50%, #d4a07a 80%, #e8c4a0 100%), radial-gradient(ellipse at 50% 80%, #f0c8a0 0%, transparent 50%); }
.scn-dawn-veranda-servants .veranda-floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #5c3a1a 0%, #3a2210 100%); }
.scn-dawn-veranda-servants .door { position:absolute; bottom:20%; left:40%; width:20%; height:60%; background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 100%); border: 2px solid #1a100c; }
.scn-dawn-veranda-servants .blanket-figure { position:absolute; bottom:15%; left:42%; width:15%; height:8%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 30% 30% 50% 50%; transform-origin: bottom center; animation: dv-blanket 4s ease-in-out infinite alternate; }
.scn-dawn-veranda-servants .morning-sun { position:absolute; bottom:35%; left:50%; width:40px; height:40px; margin-left:-20px; background: radial-gradient(circle, #fff5e0 0%, #ffcc80 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px rgba(255,204,128,.6); animation: dv-sun 6s ease-in-out infinite alternate; }
.scn-dawn-veranda-servants .plant { position:absolute; bottom:20%; left:10%; width:30px; height:50px; background: linear-gradient(180deg, #3a6a2a 0%, #2a5a1a 100%); border-radius: 40% 40% 20% 20%; animation: dv-plant 5s ease-in-out infinite; }
.scn-dawn-veranda-servants .railing { position:absolute; bottom:20%; left:0; right:0; height:12px; background: linear-gradient(90deg, transparent 0%, #5c3a1a 10%, #5c3a1a 90%, transparent 100%); }
@keyframes dv-blanket { 0% { transform: scaleY(1) translateY(0) } 50% { transform: scaleY(1.05) translateY(-2px) } 100% { transform: scaleY(1) translateY(0) } }
@keyframes dv-sun { 0% { opacity:.6; transform: scale(0.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(0.95) } }
@keyframes dv-plant { 0% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-2deg) } }

.scn-french-man-supervising {
  background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 50%, #0a1a2a 100%),
              radial-gradient(ellipse at 60% 40%, #3a4a5a 0%, transparent 70%);
}
.scn-french-man-supervising .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 60%, transparent);
  animation: fms-sky 15s ease-in-out infinite alternate;
}
.scn-french-man-supervising .rain-back {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,0.08) 0px, rgba(255,255,255,0.08) 2px, transparent 2px, transparent 12px);
  animation: fms-rainback 8s linear infinite;
}
.scn-french-man-supervising .rain-mid {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(5deg, rgba(255,255,255,0.15) 0px, rgba(255,255,255,0.15) 1px, transparent 1px, transparent 8px);
  animation: fms-rainmid 4s linear infinite;
}
.scn-french-man-supervising .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 50%, #1a2a1a 100%);
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.5);
  border-radius: 0 0 20% 20%;
  animation: fms-ground 12s ease-in-out infinite;
}
.scn-french-man-supervising .cart {
  position: absolute; bottom: 30%; left: 55%; width: 90px; height: 40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 8% 8% 4% 4%;
  transform: translateX(-50%);
  box-shadow: 0 6px 10px rgba(0,0,0,0.6);
  animation: fms-cart 8s ease-in-out infinite;
}
.scn-french-man-supervising .wheel {
  position: absolute; bottom: 31%; left: 58%; width: 24px; height: 24px;
  background: radial-gradient(circle, #3a2a1a 30%, #1a1a0a 100%);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.5);
  animation: fms-wheel 4s linear infinite;
}
.scn-french-man-supervising .figure {
  position: absolute; bottom: 22%; left: 52%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fms-figure 6s ease-in-out infinite;
}
.scn-french-man-supervising .umbrella {
  position: absolute; bottom: 52%; left: 52%; width: 60px; height: 40px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 10% 10% / 80% 80% 10% 10%;
  transform-origin: bottom center;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.4);
  animation: fms-umbrella 8s ease-in-out infinite;
}
.scn-french-man-supervising .puddle {
  position: absolute; bottom: 18%; left: 45%; width: 80px; height: 12px;
  background: radial-gradient(ellipse at 50% 50%, rgba(100,120,140,0.3) 0%, transparent 80%);
  border-radius: 50%;
  animation: fms-puddle 10s ease-in-out infinite;
}
@keyframes fms-sky     { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes fms-rainback{ 0% { background-position: 0 0; } 100% { background-position: 0 40px; } }
@keyframes fms-rainmid { 0% { background-position: 0 0; } 100% { background-position: 0 80px; } }
@keyframes fms-ground  { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes fms-cart    { 0%,100% { transform: translateX(-50%); } 50% { transform: translateX(-50%) translateY(-1px); } }
@keyframes fms-wheel   { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fms-figure  { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(-1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes fms-umbrella{ 0%,100% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } }
@keyframes fms-puddle  { 0%,100% { transform: scaleX(1); opacity: 0.8; } 50% { transform: scaleX(1.05); opacity: 1; } }

.scn-frenchman-eating {
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0f0f 50%, #0a0505 100%),
              radial-gradient(ellipse at 70% 20%, #3a2a1a 0%, transparent 60%);
}
.scn-frenchman-eating .room-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2a1a1a 0%, #1a0f0f 100%);
  animation: fme-bg 12s ease-in-out infinite alternate;
}
.scn-frenchman-eating .table {
  position: absolute; bottom: 10%; left: 50%; width: 140px; height: 14px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  animation: fme-table 10s ease-in-out infinite;
}
.scn-frenchman-eating .plate {
  position: absolute; bottom: 24%; left: 42%; width: 28px; height: 6px;
  background: radial-gradient(ellipse at 50% 50%, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: fme-plate 8s ease-in-out infinite;
}
.scn-frenchman-eating .bottle {
  position: absolute; bottom: 26%; left: 56%; width: 10px; height: 30px;
  background: linear-gradient(180deg, #3a5a3a 0%, #2a4a2a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: fme-bottle 6s ease-in-out infinite;
}
.scn-frenchman-eating .figure {
  position: absolute; bottom: 14%; left: 48%; width: 28px; height: 60px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fme-figure 4s ease-in-out infinite;
}
.scn-frenchman-eating .paper {
  position: absolute; bottom: 28%; left: 36%; width: 18px; height: 24px;
  background: linear-gradient(180deg, #c8b098 0%, #a08060 100%);
  border-radius: 2px;
  transform: rotate(-10deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: fme-paper 7s ease-in-out infinite;
}
.scn-frenchman-eating .candle-glow {
  position: absolute; top: 18%; right: 20%; width: 16px; height: 16px;
  background: radial-gradient(circle, #ffd080 0%, #b08040 40%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px #b08040, 0 0 60px 20px rgba(176,128,64,0.3);
  animation: fme-candle 3s ease-in-out infinite alternate;
}
@keyframes fme-bg     { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes fme-table  { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-1px); } }
@keyframes fme-plate  { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(3deg); } }
@keyframes fme-bottle { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(2deg); } }
@keyframes fme-figure { 0% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-2deg) translateY(-1px); } 50% { transform: rotate(0deg) translateY(0); } 75% { transform: rotate(2deg) translateY(-1px); } 100% { transform: rotate(0deg) translateY(0); } }
@keyframes fme-paper  { 0%,100% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-8deg) translateY(-1px); } }
@keyframes fme-candle { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.1); opacity: 1; } }

.scn-india-vile {
  background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 50%, #05050a 100%),
              radial-gradient(ellipse at 80% 30%, #1a1a3e 0%, transparent 60%);
}
.scn-india-vile .wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #0a0a1a 100%);
  animation: iv-wall 20s ease-in-out infinite alternate;
}
.scn-india-vile .window-frame {
  position: absolute; top: 20%; left: 60%; width: 80px; height: 90px;
  border: 4px solid #3a3a4a;
  border-radius: 8% 8% 4% 4%;
  background: transparent;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
  animation: iv-frame 12s ease-in-out infinite;
}
.scn-india-vile .window-pane {
  position: absolute; top: 22%; left: 62%; width: 72px; height: 82px;
  background: linear-gradient(180deg, #2a2a4e 0%, #1a1a3e 100%);
  border-radius: 6% 6% 3% 3%;
  overflow: hidden;
  animation: iv-pane 18s ease-in-out infinite alternate;
}
.scn-india-vile .curtain-left {
  position: absolute; top: 18%; left: 58%; width: 18px; height: 100px;
  background: linear-gradient(180deg, #4a3a4a 0%, #2a1a2a 100%);
  border-radius: 30% 0 0 40%;
  filter: blur(1px);
  transform-origin: top left;
  animation: iv-curtain 15s ease-in-out infinite;
}
.scn-india-vile .curtain-right {
  position: absolute; top: 18%; right: 38%; width: 18px; height: 100px;
  background: linear-gradient(180deg, #4a3a4a 0%, #2a1a2a 100%);
  border-radius: 0 30% 40% 0;
  filter: blur(1px);
  transform-origin: top right;
  animation: iv-curtain 15s ease-in-out infinite reverse;
}
.scn-india-vile .figure {
  position: absolute; bottom: 15%; left: 50%; width: 24px; height: 60px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: iv-figure 8s ease-in-out infinite;
}
.scn-india-vile .table {
  position: absolute; bottom: 10%; left: 40%; width: 80px; height: 8px;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a0a1a 100%);
  border-radius: 4px;
  transform: translateX(-50%);
  box-shadow: 0 3px 6px rgba(0,0,0,0.5);
  animation: iv-table 10s ease-in-out infinite;
}
.scn-india-vile .book {
  position: absolute; bottom: 18%; left: 44%; width: 20px; height: 26px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 2px;
  transform: rotate(-5deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: iv-book 14s ease-in-out infinite;
}
.scn-india-vile .candle {
  position: absolute; bottom: 22%; left: 48%; width: 6px; height: 20px;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a3a 100%);
  border-radius: 20% 20% 10% 10%;
  animation: iv-candle 4s ease-in-out infinite;
}
@keyframes iv-wall     { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes iv-frame    { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes iv-pane     { 0% { opacity: 0.6; } 50% { opacity: 0.8; } 100% { opacity: 0.7; } }
@keyframes iv-curtain  { 0% { transform: scaleX(1) translateX(0); } 50% { transform: scaleX(0.95) translateX(5px); } 100% { transform: scaleX(1) translateX(0); } }
@keyframes iv-figure   { 0%,100% { transform: translateX(-50%) translateY(0) scaleY(1); } 50% { transform: translateX(-50%) translateY(-2px) scaleY(1.02); } }
@keyframes iv-table    { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-1px); } }
@keyframes iv-book     { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-1px); } }
@keyframes iv-candle   { 0%,100% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.05) translateY(-1px); } }

.scn-mountain-train {
  background: linear-gradient(180deg, #8ab8d0 0%, #d0e0e8 30%, #e8e0b8 70%, #c8a070 100%),
              radial-gradient(ellipse at 50% 30%, #f0f8ff 0%, transparent 70%);
}
.scn-mountain-train .sky {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #70a0c0 0%, #b0d0e0 50%, #e0e8d0 100%);
  animation: mt-sky 20s ease-in-out infinite alternate;
}
.scn-mountain-train .mountains-back {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #6090a0 0%, #4080a0 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.1);
  animation: mt-mtb 35s linear infinite alternate;
}
.scn-mountain-train .mountains-front {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #4a7a5a 0%, #3a6a4a 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.2);
  animation: mt-mtf 25s linear infinite alternate;
}
.scn-mountain-train .tracks {
  position: absolute; bottom: 12%; left: 0; right: 0; height: 4px;
  background: repeating-linear-gradient(90deg, #6a5a4a 0px, #6a5a4a 8px, #8a7a6a 8px, #8a7a6a 16px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: mt-tracks 6s linear infinite;
}
.scn-mountain-train .train-engine {
  position: absolute; bottom: 14%; left: 30%; width: 60px; height: 30px;
  background: linear-gradient(180deg, #b07050 0%, #805030 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  transform: translateX(-50%);
  animation: mt-train 8s linear infinite;
}
.scn-mountain-train .train-coach {
  position: absolute; bottom: 14%; left: 42%; width: 50px; height: 24px;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transform: translateX(-50%);
  animation: mt-train 8s linear infinite -1s;
}
.scn-mountain-train .train-wheel {
  position: absolute; bottom: 16%; left: 36%; width: 10px; height: 10px;
  background: radial-gradient(circle, #3a2a1a 40%, #1a0a0a 100%);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: mt-wheel 4s linear infinite;
}
.scn-mountain-train .clouds {
  position: absolute; top: 10%; left: 0; right: 0; height: 20%;
  background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,0.6) 0%, transparent 50%),
              radial-gradient(ellipse at 60% 30%, rgba(255,255,255,0.5) 0%, transparent 40%),
              radial-gradient(ellipse at 80% 70%, rgba(255,255,255,0.4) 0%, transparent 30%);
  filter: blur(8px);
  animation: mt-clouds 50s linear infinite;
}
.scn-mountain-train .sun {
  position: absolute; top: 8%; right: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #fff4b0 0%, #f0d060 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #f0d060, 0 0 80px 40px rgba(240,208,96,0.3);
  animation: mt-sun 6s ease-in-out infinite alternate;
}
@keyframes mt-sky     { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes mt-mtb     { 0% { transform: translateX(0); } 50% { transform: translateX(-10px); } 100% { transform: translateX(0); } }
@keyframes mt-mtf     { 0% { transform: translateX(0); } 50% { transform: translateX(8px); } 100% { transform: translateX(0); } }
@keyframes mt-tracks  { 0% { background-position: 0 0; } 100% { background-position: 80px 0; } }
@keyframes mt-train   { 0% { transform: translateX(-50%) translateX(0); } 100% { transform: translateX(-50%) translateX(100px); } }
@keyframes mt-wheel   { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes mt-clouds  { 0% { transform: translateX(0); } 100% { transform: translateX(100vw); } }
@keyframes mt-sun     { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(1.08); opacity: 1; } }

.scn-drive-horsham-plain { background: linear-gradient(180deg, #87CEEB 0%, #FFE4B5 50%, #F5DEB3 100%), radial-gradient(ellipse at 50% 100%, #F5DEB3 0%, transparent 70%); }
.scn-drive-horsham-plain .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #B0E0E6 0%, transparent 100%); animation: dhs-sky 10s ease-in-out infinite alternate; }
.scn-drive-horsham-plain .sun { position:absolute; top:15%; left:60%; width:60px; height:60px; background: radial-gradient(circle, #FFD700 0%, #FFA500 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 80px 20px #FFD700; animation: dhs-sun 20s ease-in-out infinite alternate; }
.scn-drive-horsham-plain .hills { position:absolute; bottom:30%; left:0; right:0; height:30%; background: linear-gradient(180deg, #8FBC8F 0%, #6B8E23 50%, #556B2F 100%); border-radius: 60% 40% 0 0 / 80% 70% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); animation: dhs-hills 15s ease-in-out infinite alternate; }
.scn-drive-horsham-plain .plain { position:absolute; bottom:10%; left:0; right:0; height:25%; background: linear-gradient(180deg, #D2B48C 0%, #A0522D 100%); animation: dhs-plain 12s ease-in-out infinite alternate; }
.scn-drive-horsham-plain .road { position:absolute; bottom:0; left:20%; right:20%; height:15%; background: linear-gradient(180deg, #8B7355 0%, #6B4423 100%); clip-path: polygon(40% 0%, 60% 0%, 80% 100%, 20% 100%); animation: dhs-road 5s ease-in-out infinite; }
.scn-drive-horsham-plain .cart { position:absolute; bottom:5%; left:-10%; width:40px; height:20px; background: #c8553d; border-radius: 20% 20% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: dhs-cart 8s linear infinite; }
.scn-drive-horsham-plain .dust { position:absolute; bottom:5%; left:0; width:100%; height:20px; background: radial-gradient(ellipse, rgba(255,255,255,.4) 0%, transparent 70%); filter: blur(4px); animation: dhs-dust 4s ease-in-out infinite; }
@keyframes dhs-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes dhs-sun { 0% { transform: translateY(0) scale(1); box-shadow: 0 0 60px 15px #FFD700; } 50% { transform: translateY(-5px) scale(1.05); box-shadow: 0 0 100px 30px #FFD700; } 100% { transform: translateY(5px) scale(.95); box-shadow: 0 0 80px 20px #FFD700; } }
@keyframes dhs-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(2px) } }
@keyframes dhs-plain { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes dhs-road { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes dhs-cart { 0% { transform: translateX(-100px) rotate(-2deg) } 50% { transform: translateX(50vw) rotate(2deg) } 100% { transform: translateX(110vw) rotate(-1deg) } }
@keyframes dhs-dust { 0% { opacity:.3; transform: scale(1) } 50% { opacity:.8; transform: scale(1.2) } 100% { opacity:.2; transform: scale(.8) } }

.scn-wide-space-stock-history { background: linear-gradient(180deg, #E0F7FA 0%, #FFF8DC 50%, #FDF5E6 100%), radial-gradient(circle at 50% 0%, #FFF8DC 0%, transparent 60%); }
.scn-wide-space-stock-history .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #B0E0E6 0%, #E0F7FA 100%); animation: wss-sky 15s linear infinite alternate; }
.scn-wide-space-stock-history .sun { position:absolute; top:10%; left:70%; width:50px; height:50px; background: radial-gradient(circle, #FFD700 0%, #FFA500 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 60px 20px #FFD700; animation: wss-sun 25s ease-in-out infinite alternate; }
.scn-wide-space-stock-history .hills { position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(180deg, #9ACD32 0%, #6B8E23 100%); border-radius: 50% 50% 0 0 / 60% 60% 0 0; animation: wss-hills 18s ease-in-out infinite alternate; }
.scn-wide-space-stock-history .grassland { position:absolute; bottom:10%; left:0; right:0; height:25%; background: linear-gradient(180deg, #ADCF9F 0%, #708090 100%); animation: wss-grass 12s ease-in-out infinite; }
.scn-wide-space-stock-history .fence { position:absolute; bottom:12%; left:0; right:0; height:5%; background: repeating-linear-gradient(90deg, #8B4513 0px, #8B4513 4px, transparent 4px, transparent 30px); animation: wss-fence 20s linear infinite; }
.scn-wide-space-stock-history .sheep-1 { position:absolute; bottom:15%; left:10%; width:20px; height:12px; background: #F5F5DC; border-radius:50%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: wss-sheep 6s ease-in-out infinite; }
.scn-wide-space-stock-history .sheep-2 { position:absolute; bottom:18%; left:40%; width:22px; height:14px; background: #FFF8DC; border-radius:50%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: wss-sheep 8s ease-in-out infinite -2s; }
.scn-wide-space-stock-history .sheep-3 { position:absolute; bottom:14%; left:70%; width:18px; height:10px; background: #FAEBD7; border-radius:50%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: wss-sheep 7s ease-in-out infinite -4s; }
@keyframes wss-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes wss-sun { 0% { transform: translateX(0) translateY(0) scale(1) } 50% { transform: translateX(-10px) translateY(-5px) scale(1.03) } 100% { transform: translateX(10px) translateY(5px) scale(.97) } }
@keyframes wss-hills { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-2px) scale(1.01) } 100% { transform: translateY(2px) scale(.99) } }
@keyframes wss-grass { 0% { background-position: 0 0 } 50% { background-position: 10px 0 } 100% { background-position: 20px 0 } }
@keyframes wss-fence { 0% { background-position: 0 0 } 100% { background-position: 60px 0 } }
@keyframes wss-sheep { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 50% { transform: translateX(3px) translateY(-2px) rotate(2deg) } 100% { transform: translateX(-3px) translateY(0) rotate(-2deg) } }

.scn-birds-on-route { background: linear-gradient(135deg, #FFD700 0%, #FFB347 30%, #87CEEB 100%), radial-gradient(ellipse at 50% 100%, #87CEEB 0%, transparent 70%); }
.scn-birds-on-route .sky { position:absolute; inset:0; background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.2) 100%); animation: bor-sky 8s ease-in-out infinite alternate; }
.scn-birds-on-route .sunburst { position:absolute; top:5%; left:50%; width:100px; height:100px; background: radial-gradient(circle, rgba(255,255,255,.8) 0%, rgba(255,215,0,.4) 40%, transparent 70%); transform: translateX(-50%); animation: bor-sun 6s ease-in-out infinite alternate; }
.scn-birds-on-route .branch { position:absolute; bottom:20%; left:5%; right:5%; height:8px; background: linear-gradient(90deg, #5C4033 0%, #8B4513 50%, #5C4033 100%); border-radius: 50% 50% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: bor-branch 10s ease-in-out infinite; }
.scn-birds-on-route .leaf-1 { position:absolute; bottom:24%; left:15%; width:12px; height:6px; background: #2E8B57; border-radius: 50% 0; transform: rotate(-20deg); animation: bor-leaf 5s ease-in-out infinite; }
.scn-birds-on-route .leaf-2 { position:absolute; bottom:22%; left:75%; width:14px; height:7px; background: #3CB371; border-radius: 0 50%; transform: rotate(15deg); animation: bor-leaf 6s ease-in-out infinite -2s; }
.scn-birds-on-route .parrot { position:absolute; bottom:28%; left:25%; width:18px; height:14px; background: #2E8B57; border-radius: 50% 50% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: bor-bird 4s ease-in-out infinite; }
.scn-birds-on-route .magpie { position:absolute; bottom:30%; left:55%; width:20px; height:16px; background: linear-gradient(180deg, #F5F5DC 50%, #1a1a1a 50%); border-radius: 50% 50% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: bor-bird 5s ease-in-out infinite -1s; }
.scn-birds-on-route .native-bird { position:absolute; bottom:26%; left:80%; width:14px; height:10px; background: #6B4423; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: bor-bird 6s ease-in-out infinite -3s; }
@keyframes bor-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes bor-sun { 0% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.1) } 100% { transform: translateX(-50%) scale(.95) } }
@keyframes bor-branch { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes bor-leaf { 0% { transform: rotate(-20deg) translateY(0) } 50% { transform: rotate(-15deg) translateY(-2px) } 100% { transform: rotate(-20deg) translateY(0) } }
@keyframes bor-bird { 0% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-8px) rotate(-5deg) } 60% { transform: translateY(-12px) rotate(5deg) } 100% { transform: translateY(0) rotate(0deg) } }

.scn-item-magpie-portrait { background: radial-gradient(ellipse at 50% 50%, #FFF8DC 0%, #F5DEB3 40%, #D2B48C 100%), linear-gradient(180deg, #FFF8DC 0%, #D2B48C 100%); }
.scn-item-magpie-portrait .bg-warm { position:absolute; inset:0; background: radial-gradient(circle at 50% 60%, rgba(255,255,255,.2) 0%, transparent 60%); animation: imp-bg 10s ease-in-out infinite alternate; }
.scn-item-magpie-portrait .fence-post { position:absolute; bottom:15%; left:50%; width:12px; height:40%; transform: translateX(-50%); background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 4px 4px 0 0; box-shadow: 0 8px 16px rgba(0,0,0,.3); }
.scn-item-magpie-portrait .magpie-body { position:absolute; bottom:38%; left:50%; width:40px; height:30px; transform: translateX(-50%); background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: imp-bob 4s ease-in-out infinite; }
.scn-item-magpie-portrait .magpie-wing { position:absolute; bottom:42%; left:48%; width:20px; height:15px; background: #1a1a1a; border-radius: 50% 0 50% 0; transform-origin: bottom right; animation: imp-wing 3s ease-in-out infinite alternate; }
.scn-item-magpie-portrait .magpie-head { position:absolute; bottom:52%; left:50%; width:22px; height:18px; transform: translateX(-50%); background: linear-gradient(180deg, #F5F5DC 40% 40%, #1a1a1a 40%); border-radius: 50% 50% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: imp-bob 4s ease-in-out infinite -0.5s; }
.scn-item-magpie-portrait .song-note { position:absolute; bottom:55%; width:8px; height:8px; background: #FFD700; border-radius: 50%; box-shadow: 0 0 12px 4px rgba(255,215,0,.6); animation: imp-note 3s ease-out infinite; }
.scn-item-magpie-portrait .note-1 { left:55%; animation-delay: 0s; }
.scn-item-magpie-portrait .note-2 { left:65%; animation-delay: 1.5s; }
.scn-item-magpie-portrait .note-3 { left:45%; animation-delay: 3s; }
@keyframes imp-bg { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.95 } }
@keyframes imp-bob { 0% { transform: translateX(-50%) translateY(0) rotate(0deg) } 50% { transform: translateX(-50%) translateY(-3px) rotate(2deg) } 100% { transform: translateX(-50%) translateY(0) rotate(0deg) } }
@keyframes imp-wing { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(-15deg) scaleX(1.1) } 100% { transform: rotate(0deg) scaleX(1) } }
@keyframes imp-note { 0% { transform: translateY(0) scale(0); opacity:0 } 30% { opacity:1 } 50% { transform: translateY(-30px) scale(1.2); opacity:.8 } 100% { transform: translateY(-60px) scale(0); opacity:0 } }

.scn-reformer-reasons-clear { background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 50% 100%, #4a3a2a 0%, transparent 80%); }
.scn-reformer-reasons-clear .wall { position:absolute; inset:0; background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 100%); opacity:0.7; }
.scn-reformer-reasons-clear .desk { position:absolute; bottom:10%; left:10%; right:10%; height:20%; background: linear-gradient(0deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:4px; box-shadow: inset 0 4px 8px rgba(0,0,0,0.6); }
.scn-reformer-reasons-clear .paper-stack { position:absolute; bottom:25%; left:35%; width:30%; height:8%; background: linear-gradient(180deg, #e8d8b8 0%, #c8b898 100%); border-radius:2px; transform:rotate(2deg); box-shadow: 0 2px 6px rgba(0,0,0,0.4); animation: rc-paper 6s ease-in-out infinite; }
.scn-reformer-reasons-clear .inkwell { position:absolute; bottom:28%; left:60%; width:8px; height:12px; background: #1a1a0a; border-radius:50%; box-shadow: 0 0 4px #2a2a1a; animation: rc-ink 6s ease-in-out infinite alternate; }
.scn-reformer-reasons-clear .lamp { position:absolute; bottom:30%; left:55%; width:16px; height:24px; background: linear-gradient(180deg, #b08040 0%, #806030 100%); border-radius:40% 40% 20% 20%; box-shadow: 0 0 20px 6px #d0a050; animation: rc-lamp 3s ease-in-out infinite alternate; }
.scn-reformer-reasons-clear .figure { position:absolute; bottom:15%; left:20%; width:20px; height:40px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rc-figure 4s ease-in-out infinite; }
.scn-reformer-reasons-clear .shadow { position:absolute; bottom:10%; left:15%; width:30px; height:8px; background: rgba(0,0,0,0.3); border-radius:50%; filter:blur(2px); animation: rc-shadow 4s ease-in-out infinite; }
.scn-reformer-reasons-clear .glow { position:absolute; bottom:30%; left:50%; width:100px; height:100px; background: radial-gradient(circle, rgba(200,160,80,0.2) 0%, transparent 70%); pointer-events:none; animation: rc-glow 3s ease-in-out infinite alternate; }
@keyframes rc-paper { 0% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-2px); } 100% { transform: rotate(2deg) translateY(0); } }
@keyframes rc-ink { 0% { opacity:0.6; transform: translateY(0); } 50% { opacity:1; transform: translateY(-1px); } 100% { opacity:0.6; transform: translateY(0); } }
@keyframes rc-lamp { 0% { box-shadow: 0 0 15px 4px #d0a050; opacity:0.8; } 50% { box-shadow: 0 0 30px 8px #f0c070; opacity:1; } 100% { box-shadow: 0 0 18px 5px #d0a050; opacity:0.85; } }
@keyframes rc-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(2px) translateY(-1px) rotate(0.5deg); } 50% { transform: translateX(0) translateY(0) rotate(0deg); } 75% { transform: translateX(-2px) translateY(-1px) rotate(-0.5deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes rc-shadow { 0% { transform: scale(1); opacity:0.3; } 50% { transform: scale(0.9); opacity:0.2; } 100% { transform: scale(1); opacity:0.3; } }
@keyframes rc-glow { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:0.8; transform: scale(1.1); } 100% { opacity:0.6; transform: scale(1); } }

.scn-grievances-and-attitude-clear { background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 50%, #0a0a00 100%), radial-gradient(ellipse at 50% 0%, #3a3a2a 0%, transparent 80%); }
.scn-grievances-and-attitude-clear .bg { position:absolute; inset:0; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); opacity:0.6; }
.scn-grievances-and-attitude-clear .table { position:absolute; bottom:8%; left:5%; right:5%; height:18%; background: linear-gradient(0deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:6px; box-shadow: inset 0 4px 8px rgba(0,0,0,0.5); }
.scn-grievances-and-attitude-clear .manifesto { position:absolute; bottom:22%; left:30%; width:40%; height:6%; background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%); border-radius:2px; transform:rotate(-1deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: ga-manifesto 8s ease-in-out infinite; }
.scn-grievances-and-attitude-clear .candle { position:absolute; bottom:24%; left:45%; width:10px; height:20px; background: linear-gradient(180deg, #e8c878 0%, #c8a858 100%); border-radius:30% 30% 20% 20%; box-shadow: 0 0 16px 4px #f0d878; animation: ga-candle 3s ease-in-out infinite alternate; }
.scn-grievances-and-attitude-clear .figure1 { position:absolute; bottom:10%; left:15%; width:22px; height:44px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ga-figure1 5s ease-in-out infinite; }
.scn-grievances-and-attitude-clear .figure2 { position:absolute; bottom:10%; right:15%; width:22px; height:44px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ga-figure2 5s ease-in-out infinite; }
.scn-grievances-and-attitude-clear .shadow1 { position:absolute; bottom:8%; left:10%; width:30px; height:10px; background: rgba(0,0,0,0.3); border-radius:50%; filter:blur(3px); animation: ga-shadow1 5s ease-in-out infinite; }
.scn-grievances-and-attitude-clear .shadow2 { position:absolute; bottom:8%; right:10%; width:30px; height:10px; background: rgba(0,0,0,0.3); border-radius:50%; filter:blur(3px); animation: ga-shadow2 5s ease-in-out infinite alternate; }
@keyframes ga-manifesto { 0% { transform: rotate(-1deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-2px); } 100% { transform: rotate(-1deg) translateY(0); } }
@keyframes ga-candle { 0% { box-shadow: 0 0 12px 3px #f0d878; opacity:0.7; } 50% { box-shadow: 0 0 24px 6px #fae098; opacity:1; } 100% { box-shadow: 0 0 14px 4px #f0d878; opacity:0.75; } }
@keyframes ga-figure1 { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 33% { transform: translateX(3px) translateY(-1px) rotate(1deg); } 66% { transform: translateX(-2px) translateY(0) rotate(-0.5deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes ga-figure2 { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 33% { transform: translateX(-3px) translateY(-1px) rotate(-1deg); } 66% { transform: translateX(2px) translateY(0) rotate(0.5deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes ga-shadow1 { 0% { transform: scale(1); opacity:0.3; } 50% { transform: scale(0.85); opacity:0.2; } 100% { transform: scale(1); opacity:0.3; } }
@keyframes ga-shadow2 { 0% { transform: scale(0.9); opacity:0.2; } 50% { transform: scale(1.1); opacity:0.35; } 100% { transform: scale(0.9); opacity:0.2; } }

.scn-smuggled-arms-and-drills { background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 30%, #0a0a0a 100%), radial-gradient(ellipse at 50% 100%, #2a2a2a 0%, transparent 80%); }
.scn-smuggled-arms-and-drills .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(0deg, #1a1a0a 0%, #2a2a1a 100%); }
.scn-smuggled-arms-and-drills .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%); opacity:0.8; }
.scn-smuggled-arms-and-drills .crate1 { position:absolute; bottom:20%; left:10%; width:20%; height:15%; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius:4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.4); animation: sa-crate1 2s ease-in-out infinite alternate; }
.scn-smuggled-arms-and-drills .crate2 { position:absolute; bottom:18%; left:35%; width:15%; height:12%; background: linear-gradient(180deg, #3a3a2a 0%, #2a2a1a 100%); border-radius:4px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.4); animation: sa-crate2 2.5s ease-in-out infinite alternate; }
.scn-smuggled-arms-and-drills .gun-barrel { position:absolute; bottom:35%; left:50%; width:30%; height:4%; background: linear-gradient(90deg, #555 0%, #333 100%); border-radius:2px; transform:rotate(-5deg); box-shadow: 0 2px 4px rgba(0,0,0,0.5); animation: sa-gun 1.5s ease-in-out infinite; }
.scn-smuggled-arms-and-drills .gun-wheel { position:absolute; bottom:28%; left:60%; width:10px; height:10px; background: #444; border-radius:50%; box-shadow: 0 0 4px #222; animation: sa-wheel 1.5s ease-in-out infinite; }
.scn-smuggled-arms-and-drills .figure { position:absolute; bottom:15%; right:20%; width:18px; height:36px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sa-figure 1s steps(2) infinite; }
.scn-smuggled-arms-and-drills .lantern { position:absolute; bottom:40%; left:15%; width:8px; height:12px; background: #e8c878; border-radius:20%; box-shadow: 0 0 10px 4px #f0d878; animation: sa-lantern 0.5s ease-in-out infinite alternate; }
@keyframes sa-crate1 { 0% { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(0,0,0,0.4); } 50% { transform: translateY(-2px); box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); } 100% { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(0,0,0,0.4); } }
@keyframes sa-crate2 { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes sa-gun { 0% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(-4deg) translateX(2px); } 100% { transform: rotate(-5deg) translateX(0); } }
@keyframes sa-wheel { 0% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } }
@keyframes sa-figure { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(3px) translateY(-1px); } 100% { transform: translateX(0) translateY(0); } }
@keyframes sa-lantern { 0% { box-shadow: 0 0 8px 3px #f0d878; opacity:0.6; } 50% { box-shadow: 0 0 16px 6px #fae098; opacity:1; } 100% { box-shadow: 0 0 8px 3px #f0d878; opacity:0.6; } }

.scn-what-was-the-idea { background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 50%, #0a0000 100%), radial-gradient(ellipse at 50% 50%, #3a2a2a 0%, transparent 80%); }
.scn-what-was-the-idea .bg { position:absolute; inset:0; background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0a 100%); opacity:0.7; }
.scn-what-was-the-idea .table { position:absolute; bottom:5%; left:10%; right:10%; height:20%; background: linear-gradient(0deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:8px; box-shadow: inset 0 6px 12px rgba(0,0,0,0.5); }
.scn-what-was-the-idea .candle { position:absolute; bottom:22%; left:48%; width:8px; height:18px; background: linear-gradient(180deg, #e8c878 0%, #c8a858 100%); border-radius:30% 30% 20% 20%; box-shadow: 0 0 20px 6px #f0d878; animation: wti-candle 2s ease-in-out infinite alternate; }
.scn-what-was-the-idea .figure-left { position:absolute; bottom:10%; left:20%; width:24px; height:48px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wti-left-figure 1.5s ease-in-out infinite; }
.scn-what-was-the-idea .figure-right { position:absolute; bottom:10%; right:20%; width:24px; height:48px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wti-right-figure 1.8s ease-in-out infinite; }
.scn-what-was-the-idea .shadow-left { position:absolute; bottom:5%; left:15%; width:40px; height:12px; background: rgba(0,0,0,0.4); border-radius:50%; filter:blur(4px); animation: wti-shadow-left 1.5s ease-in-out infinite; }
.scn-what-was-the-idea .shadow-right { position:absolute; bottom:5%; right:15%; width:40px; height:12px; background: rgba(0,0,0,0.4); border-radius:50%; filter:blur(4px); animation: wti-shadow-right 1.8s ease-in-out infinite; }
.scn-what-was-the-idea .light-spot { position:absolute; bottom:20%; left:44%; width:60px; height:60px; background: radial-gradient(circle, rgba(240,200,100,0.15) 0%, transparent 70%); pointer-events:none; animation: wti-spot 2s ease-in-out infinite alternate; }
@keyframes wti-candle { 0% { box-shadow: 0 0 15px 4px #f0d878; opacity:0.7; } 50% { box-shadow: 0 0 25px 8px #fae098; opacity:1; } 100% { box-shadow: 0 0 18px 5px #f0d878; opacity:0.75; } }
@keyframes wti-left-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(3px) translateY(-2px) rotate(2deg); } 50% { transform: translateX(0) translateY(0) rotate(0deg); } 75% { transform: translateX(-3px) translateY(-2px) rotate(-2deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes wti-right-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(-3px) translateY(-2px) rotate(-2deg); } 50% { transform: translateX(0) translateY(0) rotate(0deg); } 75% { transform: translateX(3px) translateY(-2px) rotate(2deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes wti-shadow-left { 0% { transform: scale(1); opacity:0.4; } 50% { transform: scale(0.8); opacity:0.25; } 100% { transform: scale(1); opacity:0.4; } }
@keyframes wti-shadow-right { 0% { transform: scale(1); opacity:0.4; } 50% { transform: scale(1.2); opacity:0.5; } 100% { transform: scale(1); opacity:0.4; } }
@keyframes wti-spot { 0% { opacity:0.3; transform: scale(1); } 50% { opacity:0.6; transform: scale(1.2); } 100% { opacity:0.4; transform: scale(1); } }

/* protection-tariff — tense dim interior */
.scn-pt {
  background: linear-gradient(180deg, #2c1a1a 0%, #1a100a 100%), radial-gradient(ellipse at 50% 70%, #4a2a1a 0%, transparent 70%);
}
.scn-pt .bg-wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a100a 100%);
  animation: pt-wall 12s ease-in-out infinite alternate;
}
.scn-pt .bg-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.6);
}
.scn-pt .desk {
  position: absolute; bottom: 15%; left: 30%; width: 40%; height: 10%;
  background: linear-gradient(90deg, #5a3a2a 0%, #4a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.5);
  animation: pt-desk 8s ease-in-out infinite;
}
.scn-pt .bottle {
  position: absolute; bottom: 25%; left: 45%; width: 8%; height: 15%;
  background: linear-gradient(180deg, #4a6a3a 0%, #2a4a1a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: pt-bottle 5s ease-in-out infinite;
}
.scn-pt .figure-profile {
  position: absolute; bottom: 15%; left: 20%; width: 12%; height: 25%;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pt-figure 6s ease-in-out infinite alternate;
}
.scn-pt .shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.4) 100%);
  filter: blur(10px);
  animation: pt-shadow 4s ease-in-out infinite alternate;
}
.scn-pt .glow {
  position: absolute; bottom: 20%; left: 35%; width: 4%; height: 6%;
  background: radial-gradient(circle, #d0a060 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 20px 8px rgba(208,160,96,.3), 0 0 40px 12px rgba(208,160,96,.15);
  animation: pt-glow 2s ease-in-out infinite alternate;
}
@keyframes pt-wall { 0% { opacity:.8 } 50% { opacity:.6 } 100% { opacity:.9 } }
@keyframes pt-desk { 0% { transform: rotate(0deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-1deg) } }
@keyframes pt-bottle { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-2deg) } 75% { transform: rotate(1deg) } 100% { transform: rotate(0deg) } }
@keyframes pt-figure { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-2px) scaleY(1.01) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes pt-shadow { 0% { opacity:.3 } 50% { opacity:.5 } 100% { opacity:.4 } }
@keyframes pt-glow { 0% { box-shadow: 0 0 15px 4px rgba(208,160,96,.3), 0 0 30px 8px rgba(208,160,96,.15); opacity:.8 } 50% { box-shadow: 0 0 25px 8px rgba(208,160,96,.5), 0 0 50px 15px rgba(208,160,96,.25); opacity:1 } 100% { box-shadow: 0 0 20px 6px rgba(208,160,96,.4), 0 0 40px 10px rgba(208,160,96,.2); opacity:.9 } }

/* three-sisters-boulders — calm sunlit */
.scn-ts {
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 100%), radial-gradient(ellipse at 50% 20%, #fff 0%, transparent 70%);
}
.scn-ts .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #c8e6c9 100%);
  animation: ts-sky 20s ease-in-out infinite alternate;
}
.scn-ts .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #8fbc8f 0%, #6b8e23 100%);
  border-radius: 30% 70% 0 0 / 60% 40% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.1);
}
.scn-ts .boulder1 {
  position: absolute; bottom: 30%; left: 20%; width: 15%; height: 20%;
  background: linear-gradient(135deg, #a0522d 0%, #8b4513 100%);
  border-radius: 40% 60% 30% 50% / 50% 50% 40% 60%;
  box-shadow: 10px 5px 15px rgba(0,0,0,.2);
  animation: ts-bould1 30s ease-in-out infinite alternate;
}
.scn-ts .boulder2 {
  position: absolute; bottom: 25%; left: 45%; width: 20%; height: 25%;
  background: linear-gradient(135deg, #b8860b 0%, #8b4513 100%);
  border-radius: 50% 30% 40% 60% / 40% 60% 30% 50%;
  box-shadow: -5px 8px 12px rgba(0,0,0,.2);
  animation: ts-bould2 35s ease-in-out infinite alternate-reverse;
}
.scn-ts .boulder3 {
  position: absolute; bottom: 35%; left: 70%; width: 12%; height: 18%;
  background: linear-gradient(135deg, #cd853f 0%, #a0522d 100%);
  border-radius: 30% 70% 50% 30% / 60% 40% 50% 50%;
  box-shadow: 8px 4px 10px rgba(0,0,0,.15);
  animation: ts-bould3 40s ease-in-out infinite alternate;
}
.scn-ts .grass {
  position: absolute; bottom: 0; left: 0; right: 0; height: 10%;
  background: linear-gradient(180deg, #556b2f 0%, #2e4a1a 100%);
  clip-path: polygon(0% 0%, 5% 40%, 10% 0%, 15% 50%, 20% 0%, 25% 30%, 30% 0%, 35% 60%, 40% 0%, 45% 20%, 50% 0%, 55% 40%, 60% 0%, 65% 50%, 70% 0%, 75% 30%, 80% 0%, 85% 60%, 90% 0%, 95% 20%, 100% 0%, 100% 100%, 0% 100%);
  animation: ts-grass 8s ease-in-out infinite alternate;
}
@keyframes ts-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes ts-bould1 { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(1px) rotate(-1deg) } }
@keyframes ts-bould2 { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-4px) rotate(-1deg) } 100% { transform: translateY(2px) rotate(1deg) } }
@keyframes ts-bould3 { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(0.5deg) } 100% { transform: translateY(1px) rotate(-0.5deg) } }
@keyframes ts-grass { 0% { transform: skewX(0deg) } 50% { transform: skewX(3deg) } 100% { transform: skewX(-3deg) } }

/* gum-tree-forest — dark overcast */
.scn-gf {
  background: linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%), radial-gradient(ellipse at 50% 30%, #5a5a5a 0%, transparent 70%);
}
.scn-gf .sky-overcast {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #5a5a5a 0%, #3a3a3a 100%);
  animation: gf-sky 15s ease-in-out infinite alternate;
}
.scn-gf .road {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 15%;
  background: linear-gradient(90deg, #d2b48c, #c4a882, #d2b48c);
  border-radius: 20% 20% 0 0 / 40% 40% 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,.3);
  animation: gf-road 10s ease-in-out infinite alternate;
}
.scn-gf .tree1 {
  position: absolute; bottom: 15%; left: 15%; width: 8%; height: 60%;
  background: linear-gradient(90deg, #4a3a2a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 2px 0 5px rgba(0,0,0,.5);
  animation: gf-tree1 12s ease-in-out infinite alternate;
}
.scn-gf .tree2 {
  position: absolute; bottom: 10%; left: 35%; width: 6%; height: 70%;
  background: linear-gradient(90deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 5% 5%;
  box-shadow: -3px 0 4px rgba(0,0,0,.4);
  animation: gf-tree2 14s ease-in-out infinite alternate-reverse;
}
.scn-gf .tree3 {
  position: absolute; bottom: 20%; left: 60%; width: 7%; height: 55%;
  background: linear-gradient(90deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 15% 15% 8% 8%;
  box-shadow: 4px 0 6px rgba(0,0,0,.5);
  animation: gf-tree3 16s ease-in-out infinite alternate;
}
.scn-gf .wagon {
  position: absolute; bottom: 15%; left: 45%; width: 15%; height: 10%;
  background: linear-gradient(90deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: gf-wagon 20s linear infinite;
}
.scn-gf .ox {
  position: absolute; bottom: 18%; left: 42%; width: 20%; height: 8%;
  background: linear-gradient(90deg, #8b7355 0%, #6b5a3a 100%);
  border-radius: 50% / 60% 40%;
  animation: gf-ox 8s ease-in-out infinite alternate;
}
@keyframes gf-sky { 0% { opacity:.7 } 50% { opacity:.9 } 100% { opacity:.8 } }
@keyframes gf-road { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(0.98) } }
@keyframes gf-tree1 { 0% { transform: rotate(0deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-1deg) } }
@keyframes gf-tree2 { 0% { transform: rotate(0deg) } 50% { transform: rotate(-2deg) } 100% { transform: rotate(2deg) } }
@keyframes gf-tree3 { 0% { transform: rotate(0deg) } 50% { transform: rotate(1.5deg) } 100% { transform: rotate(-1.5deg) } }
@keyframes gf-wagon { 0% { transform: translateX(0) } 25% { transform: translateX(10px) } 50% { transform: translateX(20px) } 75% { transform: translateX(10px) } 100% { transform: translateX(0) } }
@keyframes gf-ox { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-2deg) } 75% { transform: rotate(1deg) } 100% { transform: rotate(0deg) } }

/* gum-tree-water-pipe — funny sunlit */
.scn-wp {
  background: linear-gradient(180deg, #87ceeb 0%, #fdf5e6 100%), radial-gradient(ellipse at 50% 80%, #fff 0%, transparent 70%);
}
.scn-wp .sky-bright {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #b0e0e6 0%, #fff8dc 100%);
  animation: wp-sky 15s ease-in-out infinite alternate;
}
.scn-wp .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #90ee90 0%, #7cfc00 100%);
  border-radius: 20% 80% 0 0 / 50% 50% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.1);
}
.scn-wp .gumtree-trunk {
  position: absolute; bottom: 10%; left: 20%; width: 10%; height: 50%;
  background: linear-gradient(90deg, #8b4513 0%, #a0522d 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 2px 0 4px rgba(0,0,0,.2);
  animation: wp-trunk 10s ease-in-out infinite alternate;
}
.scn-wp .gumtree-canopy {
  position: absolute; bottom: 50%; left: 10%; right: 10%; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, #9acd32 0%, #6b8e23 100%);
  border-radius: 50% 50% 0 0;
  filter: blur(2px);
  animation: wp-canopy 8s ease-in-out infinite alternate;
}
.scn-wp .pipe {
  position: absolute; bottom: 25%; left: 50%; width: 20%; height: 6%;
  background: linear-gradient(90deg, #4682b4 0%, #5b9bd5 100%);
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  animation: wp-pipe 5s ease-in-out infinite alternate;
}
.scn-wp .water-drop1 {
  position: absolute; bottom: 30%; left: 55%; width: 2%; height: 4%;
  background: radial-gradient(circle, #00bfff, #1e90ff);
  border-radius: 50%;
  animation: wp-drop1 2s ease-in infinite;
}
.scn-wp .water-drop2 {
  position: absolute; bottom: 30%; left: 60%; width: 2%; height: 4%;
  background: radial-gradient(circle, #00bfff, #1e90ff);
  border-radius: 50%;
  animation: wp-drop2 2.5s ease-in infinite;
  animation-delay: 0.5s;
}
.scn-wp .water-splash {
  position: absolute; bottom: 27%; left: 55%; width: 6%; height: 2%;
  background: radial-gradient(circle, #e0ffff, transparent);
  border-radius: 50%;
  filter: blur(2px);
  animation: wp-splash 1s ease-out infinite;
}
@keyframes wp-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.95 } }
@keyframes wp-trunk { 0% { transform: rotate(0deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-2deg) } }
@keyframes wp-canopy { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } 100% { transform: scaleY(0.95) } }
@keyframes wp-pipe { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes wp-drop1 { 0% { transform: translateY(0) scale(1); opacity:1 } 60% { transform: translateY(30px) scale(0.8); opacity:.7 } 100% { transform: translateY(60px) scale(0.5); opacity:0 } }
@keyframes wp-drop2 { 0% { transform: translateY(0) scale(1); opacity:1 } 60% { transform: translateY(30px) scale(0.8); opacity:.7 } 100% { transform: translateY(60px) scale(0.5); opacity:0 } }
@keyframes wp-splash { 0% { transform: scale(0); opacity:1 } 50% { transform: scale(1.5); opacity:.5 } 100% { transform: scale(0); opacity:0 } }

/* Scene: train-to-allahabad — calm, moonlit, wide horizon */
.scn-train-to-allahabad { background: linear-gradient(180deg, #0e1424 0%, #1b223c 50%, #2a3250 100%), radial-gradient(ellipse at 50% 100%, #2a3250 0%, transparent 70%); }
.scn-train-to-allahabad .night-sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #0e1424 0%, #1b223c 100%); animation: ta-sky 12s ease-in-out infinite alternate; }
.scn-train-to-allahabad .moon { position:absolute; top:12%; right:25%; width:40px; height:40px; border-radius:50%; background: radial-gradient(circle at 40% 40%, #e8eef0, #9aacbc); box-shadow: 0 0 30px 10px rgba(200, 215, 230, 0.4); animation: ta-moon 8s ease-in-out infinite alternate; }
.scn-train-to-allahabad .hills { position:absolute; bottom:30%; left:0; right:0; height:22%; background: linear-gradient(180deg, #2a3a4a 0%, #151e2a 100%); border-radius: 60% 40% 0 0 / 100% 80% 0 0; animation: ta-hills 15s ease-in-out infinite alternate; }
.scn-train-to-allahabad .rail-tracks { position:absolute; bottom:15%; width:100%; height:8px; background: repeating-linear-gradient(90deg, #4a4a5a 0px, #4a4a5a 20px, #1a1a2a 20px, #1a1a2a 40px); animation: ta-tracks 4s linear infinite; }
.scn-train-to-allahabad .train-silhouette { position:absolute; bottom:14%; left:10%; width:60%; height:20%; background: linear-gradient(180deg, #0a0a10 0%, #161620 100%); border-radius: 20% 10% 0 0 / 80% 40% 0 0; animation: ta-sway 3s ease-in-out infinite; }
.scn-train-to-allahabad .train-window { position:absolute; bottom:20%; left:15%; width:8px; height:14px; background: radial-gradient(circle, #f0e8c0 0%, #b08040 80%); border-radius: 10%; box-shadow: 0 0 15px 5px rgba(240, 232, 192, 0.6); animation: ta-glow 4s ease-in-out infinite alternate; }
.scn-train-to-allahabad .drift-cloud { position:absolute; top:25%; left:-10%; width:120px; height:25px; background: linear-gradient(90deg, transparent, rgba(200, 215, 230, 0.15), transparent); border-radius: 50%; filter: blur(8px); animation: ta-cloud 30s linear infinite; }
.scn-train-to-allahabad .starfield { position:absolute; inset:0; background-image: radial-gradient(1px 1px at 10% 10%, #fff, transparent), radial-gradient(1px 1px at 20% 40%, #fff, transparent), radial-gradient(1.5px 1.5px at 60% 15%, #fff, transparent), radial-gradient(1px 1px at 80% 10%, #fff, transparent), radial-gradient(1px 1px at 40% 60%, #fff, transparent); background-size: 200% 200%; animation: ta-stars 6s ease-in-out infinite alternate; }
@keyframes ta-sky   { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes ta-moon  { 0% { transform: scale(0.95); box-shadow: 0 0 20px 5px rgba(200,215,230,0.3) } 50% { transform: scale(1.05); box-shadow: 0 0 40px 15px rgba(200,215,230,0.5) } 100% { transform: scale(0.98); box-shadow: 0 0 25px 8px rgba(200,215,230,0.4) } }
@keyframes ta-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(2px) } }
@keyframes ta-tracks { 0% { background-position: 0 0 } 100% { background-position: -40px 0 } }
@keyframes ta-sway  { 0% { transform: translateY(0) rotate(-0.5deg) } 50% { transform: translateY(-2px) rotate(0.5deg) } 100% { transform: translateY(0) rotate(-0.5deg) } }
@keyframes ta-glow  { 0% { opacity:0.8; box-shadow: 0 0 10px 3px rgba(240,232,192,0.4) } 50% { opacity:1; box-shadow: 0 0 25px 10px rgba(240,232,192,0.8) } 100% { opacity:0.85; box-shadow: 0 0 15px 5px rgba(240,232,192,0.5) } }
@keyframes ta-cloud { 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }
@keyframes ta-stars { 0% { opacity:0.5 } 50% { opacity:1 } 100% { opacity:0.6 } }

/* Scene: train-berth-challenge — tense, dim-interior, sharp contrast */
.scn-train-berth-challenge { background: linear-gradient(135deg, #1a1412 0%, #2c221e 50%, #0d0908 100%), radial-gradient(circle at 50% 0%, #3a2e28 0%, transparent 70%); }
.scn-train-berth-challenge .compartment-wall { position:absolute; inset:0 30% 0 0; background: linear-gradient(180deg, #2c221e 0%, #1a1412 100%); box-shadow: inset -10px 0 20px rgba(0,0,0,0.8); animation: bc-ambient 10s ease-in-out infinite alternate; }
.scn-train-berth-challenge .lower-berth { position:absolute; bottom:20%; left:5%; width:40%; height:15%; background: linear-gradient(180deg, #4a3a32, #2a1e18); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.6); animation: bc-sway 5s ease-in-out infinite; }
.scn-train-berth-challenge .upper-berth { position:absolute; top:30%; left:5%; width:40%; height:15%; background: linear-gradient(180deg, #3a2a22, #1a0e08); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.6); animation: bc-sway 5s ease-in-out infinite reverse; }
.scn-train-berth-challenge .intruder-figure { position:absolute; bottom:15%; left:42%; width:18%; height:40%; background: linear-gradient(180deg, #0a0605 0%, #1a100c 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bc-tense 2s ease-in-out infinite; }
.scn-train-berth-challenge .guardian-figure { position:absolute; bottom:20%; left:65%; width:16%; height:35%; background: linear-gradient(180deg, #0a0605 0%, #1a100c 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bc-braced 3s ease-in-out infinite; }
.scn-train-berth-challenge .harsh-lamp { position:absolute; top:15%; left:50%; width:10px; height:10px; background: radial-gradient(circle, #ffd080 0%, #b05020 80%); border-radius: 50%; box-shadow: 0 0 40px 20px rgba(255, 208, 128, 0.4), 0 0 80px 40px rgba(200, 80, 30, 0.2); animation: bc-flicker 0.8s ease-in-out infinite alternate; }
.scn-train-berth-challenge .shadow-stripe { position:absolute; inset:0; background: linear-gradient(135deg, transparent 40%, rgba(0,0,0,0.5) 45%, transparent 50%); animation: bc-stripe 4s ease-in-out infinite alternate; }
@keyframes bc-ambient { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes bc-sway { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes bc-tense { 0% { transform: translateX(0) rotate(-2deg) scale(1.02) } 25% { transform: translateX(3%) rotate(2deg) scale(1) } 50% { transform: translateX(1%) rotate(-1deg) scale(1.03) } 100% { transform: translateX(0) rotate(0deg) scale(1) } }
@keyframes bc-braced { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-4px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes bc-flicker { 0% { opacity:0.6; box-shadow: 0 0 20px 10px rgba(255,208,128,0.2), 0 0 40px 20px rgba(200,80,30,0.1) } 30% { opacity:1; box-shadow: 0 0 50px 25px rgba(255,208,128,0.5), 0 0 100px 50px rgba(200,80,30,0.3) } 60% { opacity:0.7; box-shadow: 0 0 30px 15px rgba(255,208,128,0.3), 0 0 60px 30px rgba(200,80,30,0.15) } 100% { opacity:0.9; box-shadow: 0 0 40px 20px rgba(255,208,128,0.4), 0 0 80px 40px rgba(200,80,30,0.2) } }
@keyframes bc-stripe { 0% { transform: translateX(-5%) } 50% { transform: translateX(5%) } 100% { transform: translateX(-5%) } }

/* Scene: train-system-irrational — calm, dim-interior, abstract still life */
.scn-train-system-irrational { background: linear-gradient(180deg, #1e2228 0%, #2a2e36 50%, #14161a 100%), radial-gradient(circle at 50% 100%, #2a2e36 0%, transparent 80%); }
.scn-train-system-irrational .empty-berth { position:absolute; bottom:25%; left:15%; width:60%; height:20%; background: linear-gradient(180deg, #3a3e48 0%, #22262e 100%); border-radius: 8px; box-shadow: inset 0 4px 10px rgba(0,0,0,0.5); animation: si-berth 12s ease-in-out infinite alternate; }
.scn-train-system-irrational .berth-shadow { position:absolute; bottom:20%; left:15%; width:60%; height:10%; background: linear-gradient(180deg, rgba(0,0,0,0.6), transparent); border-radius: 50%; filter: blur(6px); animation: si-shadow 12s ease-in-out infinite alternate; }
.scn-train-system-irrational .ticket-stub { position:absolute; bottom:28%; left:40%; width:12%; height:8%; background: linear-gradient(135deg, #e8dcc8, #c8bca8); border-radius: 2px; transform: rotate(-5deg); box-shadow: 0 2px 8px rgba(0,0,0,0.5); animation: si-ticket 20s ease-in-out infinite alternate; }
.scn-train-system-irrational .train-window { position:absolute; top:10%; left:10%; width:30%; height:25%; background: #0a0a0a; border-radius: 4px; border: 4px solid #3a3e48; box-shadow: inset 0 0 15px rgba(0,0,0,0.8); animation: si-window 15s ease-in-out infinite alternate; }
.scn-train-system-irrational .outside-night { position:absolute; top:12%; left:12%; width:26%; height:21%; background: linear-gradient(180deg, #0a0e14, #1a1e24); border-radius: 2px; overflow: hidden; animation: si-night 10s linear infinite; }
.scn-train-system-irrational .armrest { position:absolute; bottom:35%; left:20%; width:4%; height:15%; background: linear-gradient(180deg, #2a2e36, #1a1e24); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: si-sway 7s ease-in-out infinite; }
.scn-train-system-irrational .floor-line { position:absolute; bottom:15%; left:5%; width:90%; height:2px; background: linear-gradient(90deg, transparent, #4a4e58, transparent); animation: si-floor 11s ease-in-out infinite alternate; }
@keyframes si-berth { 0% { background-position: 0 0 } 50% { background-position: 0 100% } 100% { background-position: 0 0 } }
@keyframes si-shadow { 0% { opacity:0.4; transform: scaleX(0.95) } 50% { opacity:0.6; transform: scaleX(1.05) } 100% { opacity:0.4; transform: scaleX(0.95) } }
@keyframes si-ticket { 0% { opacity:0.6; transform: rotate(-5deg) translateY(0) } 50% { opacity:1; transform: rotate(-3deg) translateY(-2px) } 100% { opacity:0.7; transform: rotate(-6deg) translateY(1px) } }
@keyframes si-window { 0% { border-color: #3a3e48; box-shadow: inset 0 0 10px rgba(0,0,0,0.6) } 50% { border-color: #4a4e58; box-shadow: inset 0 0 20px rgba(0,0,0,0.9) } 100% { border-color: #3a3e48; box-shadow: inset 0 0 10px rgba(0,0,0,0.6) } }
@keyframes si-night { 0% { background-position: 0 0 } 100% { background-position: -50px 0 } }
@keyframes si-sway { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes si-floor { 0% { opacity:0.3 } 50% { opacity:0.6 } 100% { opacity:0.3 } }

/* Scene: train-manners — calm, dim-interior, warm silhouettes */
.scn-train-manners { background: linear-gradient(180deg, #1a1410 0%, #2a1e18 50%, #0d0a08 100%), radial-gradient(ellipse at 30% 50%, #3a2a20 0%, transparent 70%); }
.scn-train-manners .compartment-bg { position:absolute; inset:0 20% 0 0; background: linear-gradient(180deg, #1a1410 0%, #2a1e18 100%); animation: tm-bg 12s ease-in-out infinite alternate; }
.scn-train-manners .lower-berth { position:absolute; bottom:15%; left:40%; width:40%; height:18%; background: linear-gradient(180deg, #3a2a1e, #1a1008); border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.7); }
.scn-train-manners .young-girl { position:absolute; bottom:15%; left:25%; width:14%; height:45%; background: linear-gradient(180deg, #1a1410 0%, #0a0806 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tm-bow 6s ease-in-out infinite; }
.scn-train-manners .elder-lady { position:absolute; bottom:15%; left:52%; width:18%; height:35%; background: linear-gradient(180deg, #1a1410 0%, #0a0806 100%); border-radius: 50% 50% 45% 45% / 70% 60% 30% 40%; transform-origin: bottom center; animation: tm-sit 8s ease-in-out infinite; }
.scn-train-manners .warm-lamp { position:absolute; top:20%; left:35%; width:14px; height:14px; background: radial-gradient(circle, #ffe0a0 0%, #c08040 80%); border-radius: 50%; box-shadow: 0 0 30px 15px rgba(255, 200, 100, 0.4), 0 0 60px 30px rgba(200, 120, 60, 0.2); animation: tm-glow 4s ease-in-out infinite alternate; }
.scn-train-manners .shawl { position:absolute; bottom:20%; left:55%; width:12%; height:10%; background: linear-gradient(180deg, #4a3a2e, #2a1e14); border-radius: 50%; filter: blur(3px); animation: tm-shawl 8s ease-in-out infinite; }
.scn-train-manners .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, transparent, #0a0806); }
@keyframes tm-bg { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes tm-bow { 0% { transform: translateY(0) rotate(0deg) scale(1) } 25% { transform: translateY(-8%) rotate(-8deg) scale(0.95) } 50% { transform: translateY(-10%) rotate(-5deg) scale(0.95) } 75% { transform: translateY(-2%) rotate(-2deg) scale(1) } 100% { transform: translateY(0) rotate(0deg) scale(1) } }
@keyframes tm-sit { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes tm-glow { 0% { opacity:0.7; box-shadow: 0 0 20px 10px rgba(255,200,100,0.3), 0 0 40px 20px rgba(200,120,60,0.1) } 50% { opacity:1; box-shadow: 0 0 40px 20px rgba(255,200,100,0.5), 0 0 80px 40px rgba(200,120,60,0.25) } 100% { opacity:0.8; box-shadow: 0 0 25px 12px rgba(255,200,100,0.35), 0 0 50px 25px rgba(200,120,60,0.15) } }
@keyframes tm-shawl { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(5%) scale(1.05) } 100% { transform: translateX(0) scale(1) } }

/* rail-to-stawell: calm, sunlit, wide horizon framed by train window */
.scn-rail-to-stawell {
  background: linear-gradient(180deg, #6a9ec7 0%, #b8d4e8 40%, #e8d8a0 70%, #c8a860 100%),
              radial-gradient(ellipse at 50% 100%, #d4b870 0%, transparent 70%);
}
.scn-rail-to-stawell .frame { position: absolute; inset: 0; border: 24px solid #3a2a1a; box-shadow: inset 0 0 40px rgba(0,0,0,.6), 0 0 30px rgba(0,0,0,.5); background: transparent; animation: rt-vignette 8s ease-in-out infinite alternate; z-index: 10; pointer-events: none; }
.scn-rail-to-stawell .sky   { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #87ceeb, #f0e6a0); animation: rt-sky 12s ease-in-out infinite alternate; }
.scn-rail-to-stawell .sun   { position: absolute; top: 15%; right: 25%; width: 60px; height: 60px; background: radial-gradient(circle, #fff8e0 0%, #ffd700 40%, transparent 70%); animation: rt-sun 20s linear infinite; }
.scn-rail-to-stawell .hills { position: absolute; bottom: 30%; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, #7a9a6a 0%, #5a7a4a 100%); border-radius: 50% 30% 0 0; animation: rt-hills 15s ease-in-out infinite alternate; }
.scn-rail-to-stawell .plain { position: absolute; bottom: 0; left: 0; right: 0; height: 35%; background: linear-gradient(180deg, #c8a860, #a08040); animation: rt-plain 25s ease-in-out infinite alternate; }
.scn-rail-to-stawell .track { position: absolute; bottom: 15%; left: 0; right: 0; height: 4px; background: repeating-linear-gradient(90deg, #4a3a2a 0px, #4a3a2a 15px, transparent 15px, transparent 25px); background-size: 25px 100%; animation: rt-track 4s linear infinite; }
.scn-rail-to-stawell .dust  { position: absolute; bottom: 18%; left: 5%; width: 120px; height: 30px; background: radial-gradient(ellipse, rgba(200, 168, 96, 0.4), transparent 70%); border-radius: 50%; filter: blur(6px); animation: rt-dust 6s ease-in-out infinite; }

@keyframes rt-sky     { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes rt-sun     { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(20px) scale(1.05); } 100% { transform: translateX(-10px) scale(0.95); } }
@keyframes rt-hills   { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-4px) scaleX(1.01); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes rt-plain   { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes rt-track   { 0% { background-position: 0 0; } 100% { background-position: -25px 0; } }
@keyframes rt-dust    { 0% { transform: translateX(0) scale(1); opacity: 0.3; } 50% { transform: translateX(40px) scale(1.8); opacity: 0.7; } 100% { transform: translateX(80px) scale(1); opacity: 0.3; } }

/* stawell-gold-mine-owner: calm, dim-interior, office safe with gold and lamp */
.scn-stawell-gold-mine-owner {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 50%, #1a1a2e 100%),
              radial-gradient(ellipse at 50% 30%, #3a3a4e 0%, transparent 70%);
}
.scn-stawell-gold-mine-owner .wall { position: absolute; inset: 0; background: linear-gradient(180deg, #2a2a3e, #1a1a2e); animation: gm-shadow 10s ease-in-out infinite alternate; }
.scn-stawell-gold-mine-owner .safe { position: absolute; left: 12%; right: 12%; top: 25%; bottom: 35%; background: linear-gradient(180deg, #4a4a5a, #2a2a3a); border: 8px solid #3a3a4a; border-radius: 4%; box-shadow: inset 0 0 40px rgba(0,0,0,.8), 0 0 20px rgba(0,0,0,.6); animation: gm-safe 15s ease-in-out infinite alternate; }
.scn-stawell-gold-mine-owner .desk { position: absolute; bottom: 15%; left: 15%; right: 15%; height: 22%; background: linear-gradient(180deg, #5a3a2a, #3a2a1a); border-radius: 2%; box-shadow: 0 -4px 12px rgba(0,0,0,.5); animation: gm-desk 12s ease-in-out infinite alternate; }
.scn-stawell-gold-mine-owner .lamp { position: absolute; bottom: 38%; left: 32%; width: 12px; height: 22px; background: linear-gradient(180deg, #c0a060, #a08040); border-radius: 20% 20% 50% 50%; box-shadow: 0 0 25px 12px rgba(160, 128, 64, 0.7); animation: gm-lamp 3s ease-in-out infinite alternate; }
.scn-stawell-gold-mine-owner .glow { position: absolute; bottom: 15%; left: 20%; right: 20%; top: 30%; background: radial-gradient(ellipse at 30% 100%, rgba(200, 160, 80, 0.15), transparent 70%); animation: gm-glow-pool 5s ease-in-out infinite alternate; }
.scn-stawell-gold-mine-owner .gold { position: absolute; bottom: 20%; left: 38%; width: 80px; height: 24px; background: linear-gradient(180deg, #e0b050, #b08030); border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.6), inset 0 2px 4px rgba(255, 200, 100, 0.4); animation: gm-gold 4s ease-in-out infinite; }
.scn-stawell-gold-mine-owner .hand { position: absolute; bottom: 24%; left: 42%; width: 34px; height: 44px; background: linear-gradient(180deg, #3a2a1a, #2a1a0a); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: gm-hand 5s ease-in-out infinite; }

@keyframes gm-shadow   { 0% { opacity: 0.9; } 100% { opacity: 1; } }
@keyframes gm-safe     { 0% { transform: scale(1); } 100% { transform: scale(1.01); } }
@keyframes gm-desk     { 0% { transform: perspective(400px) rotateX(0deg); } 100% { transform: perspective(400px) rotateX(4deg); } }
@keyframes gm-lamp     { 0% { box-shadow: 0 0 15px 5px rgba(160, 128, 64, 0.4); } 50% { box-shadow: 0 0 35px 18px rgba(160, 128, 64, 0.8); } 100% { box-shadow: 0 0 20px 8px rgba(160, 128, 64, 0.5); } }
@keyframes gm-gold     { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(4deg); } 100% { transform: scale(1) rotate(-4deg); } }
@keyframes gm-hand     { 0% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(-15deg) translateY(-6px); } 100% { transform: rotate(5deg) translateY(0); } }

/* great-western-vineyard: calm, sunlit, rolling hills with vineyard rows */
.scn-great-western-vineyard {
  background: linear-gradient(180deg, #87c8e8 0%, #c8e8f0 40%, #e8d8a0 70%, #c8a040 100%),
              radial-gradient(ellipse at 50% 100%, #d4b870 0%, transparent 60%);
}
.scn-great-western-vineyard .sky   { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #87c8e8, #c8e8f0); animation: vw-sky 15s ease-in-out infinite alternate; }
.scn-great-western-vineyard .sun   { position: absolute; top: 15%; left: 20%; width: 60px; height: 60px; background: radial-gradient(circle, #fff8e0 0%, #ffd700 40%, transparent 70%); animation: vw-sun 25s linear infinite; }
.scn-great-western-vineyard .hill  { position: absolute; bottom: 25%; left: 0; right: 0; height: 45%; background: linear-gradient(180deg, #7a9a5a, #5a7a3a); border-radius: 40% 60% 0 0; animation: vw-hill 20s ease-in-out infinite alternate; }
.scn-great-western-vineyard .row-1 { position: absolute; bottom: 10%; left: 5%; width: 90%; height: 7%; background: linear-gradient(180deg, #6a3a2a 0%, #8a4a3a 100%); border-radius: 20%; transform: perspective(300px) rotateX(60deg); transform-origin: bottom center; animation: vw-vine-1 8s ease-in-out infinite; }
.scn-great-western-vineyard .row-2 { position: absolute; bottom: 22%; left: 2%; width: 96%; height: 6%; background: linear-gradient(180deg, #5a2a1a, #7a3a2a); border-radius: 20%; transform: perspective(300px) rotateX(60deg); transform-origin: bottom center; animation: vw-vine-2 10s ease-in-out infinite reverse; }
.scn-great-western-vineyard .row-3 { position: absolute; bottom: 34%; left: 8%; width: 84%; height: 5%; background: linear-gradient(180deg, #7a4a3a, #9a5a4a); border-radius: 20%; transform: perspective(300px) rotateX(60deg); transform-origin: bottom center; animation: vw-vine-3 12s ease-in-out infinite; }
.scn-great-western-vineyard .figure{ position: absolute; bottom: 15%; left: 45%; width: 14px; height: 28px; background: linear-gradient(180deg, #2a2a1a, #1a1a0a); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: vw-figure 15s ease-in-out infinite; }
.scn-great-western-vineyard .haze  { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 80%, rgba(200, 160, 100, 0.25), transparent 60%); animation: vw-haze 18s ease-in-out infinite alternate; }

@keyframes vw-sky     { 0% { opacity: 0.7; } 100% { opacity: 1; } }
@keyframes vw-sun     { 0% { transform: translateX(-30px) scale(1); } 50% { transform: translateX(20px) scale(1.05); } 100% { transform: translateX(0px) scale(0.95); } }
@keyframes vw-hill    { 0% { transform: translateY(0); } 100% { transform: translateY(-6px); } }
@keyframes vw-vine-1  { 0% { transform: perspective(300px) rotateX(60deg) translateX(0); } 50% { transform: perspective(300px) rotateX(60deg) translateX(12px); } 100% { transform: perspective(300px) rotateX(60deg) translateX(0); } }
@keyframes vw-vine-2  { 0% { transform: perspective(300px) rotateX(60deg) translateX(0); } 50% { transform: perspective(300px) rotateX(60deg) translateX(-10px); } 100% { transform: perspective(300px) rotateX(60deg) translateX(0); } }
@keyframes vw-vine-3  { 0% { transform: perspective(300px) rotateX(60deg) translateX(0); } 50% { transform: perspective(300px) rotateX(60deg) translateX(8px); } 100% { transform: perspective(300px) rotateX(60deg) translateX(0); } }
@keyframes vw-figure  { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(40px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes vw-haze    { 0% { opacity: 0.3; } 100% { opacity: 0.7; } }

/* champagne-vaults: calm, dim-interior, underground rock tunnels with bottle racks */
.scn-champagne-vaults {
  background: linear-gradient(180deg, #141420 0%, #222230 50%, #141420 100%),
              radial-gradient(ellipse at 50% 50%, #2a2a3a 0%, transparent 70%);
}
.scn-champagne-vaults .wall     { position: absolute; inset: 8% 15% 8% 15%; background: linear-gradient(180deg, #3a3a4a, #2a2a3a); border-radius: 8%; box-shadow: inset 0 0 60px rgba(0,0,0,.9); animation: cv-wall 15s ease-in-out infinite alternate; }
.scn-champagne-vaults .arch-l   { position: absolute; inset: 5% 75% 5% 5%; background: linear-gradient(180deg, #2a2a3a, #1a1a2a); border-radius: 20%; box-shadow: inset 0 0 20px rgba(0,0,0,.8); animation: cv-arch 20s ease-in-out infinite alternate; }
.scn-champagne-vaults .arch-r   { position: absolute; inset: 5% 5% 5% 75%; background: linear-gradient(180deg, #2a2a3a, #1a1a2a); border-radius: 20%; box-shadow: inset 0 0 20px rgba(0,0,0,.8); animation: cv-arch 20s ease-in-out infinite alternate-reverse; }
.scn-champagne-vaults .bottles-1{ position: absolute; bottom: 12%; left: 20%; width: 60%; height: 25%; background: repeating-linear-gradient(90deg, #6a9a7a 0px, #6a9a7a 10px, #4a7a5a 10px, #4a7a5a 12px, transparent 12px, transparent 18px); border-radius: 4%; box-shadow: 0 4px 12px rgba(0,0,0,.6); animation: cv-bottles 30s linear infinite; }
.scn-champagne-vaults .bottles-2{ position: absolute; bottom: 38%; left: 20%; width: 60%; height: 25%; background: repeating-linear-gradient(90deg, #5a8a6a 0px, #5a8a6a 10px, #3a6a4a 10px, #3a6a4a 12px, transparent 12px, transparent 18px); border-radius: 4%; box-shadow: 0 4px 12px rgba(0,0,0,.6); animation: cv-bottles 35s linear infinite reverse; }
.scn-champagne-vaults .bottles-3{ position: absolute; bottom: 64%; left: 20%; width: 60%; height: 20%; background: repeating-linear-gradient(90deg, #7aaa8a 0px, #7aaa8a 8px, #5a8a6a 8px, #5a8a6a 10px, transparent 10px, transparent 15px); border-radius: 4%; box-shadow: 0 4px 12px rgba(0,0,0,.6); animation: cv-bottles 40s linear infinite; }
.scn-champagne-vaults .lantern  { position: absolute; top: 12%; left: 46%; width: 20px; height: 28px; background: linear-gradient(180deg, #c0a060, #a08040); border-radius: 20% 20% 30% 30%; box-shadow: 0 0 40px 15px rgba(160, 128, 64, 0.7); animation: cv-lantern 4s ease-in-out infinite alternate; }
.scn-champagne-vaults .figure   { position: absolute; bottom: 5%; left: 35%; width: 22px; height: 45px; background: linear-gradient(180deg, #1a1a2a, #0a0a1a); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; animation: cv-figure 12s ease-in-out infinite; }

@keyframes cv-wall    { 0% { opacity: 0.9; box-shadow: inset 0 0 60px rgba(0,0,0,.8); } 100% { opacity: 1; box-shadow: inset 0 0 80px rgba(0,0,0,.95); } }
@keyframes cv-arch    { 0% { transform: scale(1); } 100% { transform: scale(1.03); } }
@keyframes cv-bottles { 0% { background-position: 0 0; } 100% { background-position: -36px 0; } }
@keyframes cv-lantern { 0% { box-shadow: 0 0 25px 8px rgba(160, 128, 64, 0.4); } 50% { box-shadow: 0 0 60px 25px rgba(160, 128, 64, 0.8); } 100% { box-shadow: 0 0 30px 10px rgba(160, 128, 64, 0.5); } }
@keyframes cv-figure  { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(50px) rotate(-3deg); } 100% { transform: translateX(0) rotate(0deg); } }

/* Scene: berea-birds-and-flowers */
.scn-berea-birds-and-flowers {
  background: linear-gradient(180deg, #87CEEB 0%, #E0F6FF 40%, #FFF8DC 100%), radial-gradient(ellipse at 50% 0%, #FFF 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.scn-berea-birds-and-flowers .sky-base {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #B0E0E6 0%, transparent 100%);
  animation: skyPulse-bf 8s ease-in-out infinite alternate;
}
.scn-berea-birds-and-flowers .sun-glow {
  position: absolute;
  top: 8%;
  left: 75%;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, #FFF 0%, #FFD700 40%, transparent 70%);
  animation: sunGlow-bf 12s ease-in-out infinite alternate;
}
.scn-berea-birds-and-flowers .hill-distant {
  position: absolute;
  bottom: 40%;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, #6B8E23 0%, #556B2F 100%);
  border-radius: 60% 50% 0 0 / 100% 100% 0 0;
  animation: haze-bf 15s ease-in-out infinite;
}
.scn-berea-birds-and-flowers .tree-trunk {
  position: absolute;
  bottom: 30%;
  left: 25%;
  width: 24px;
  height: 120px;
  background: linear-gradient(90deg, #5C4033 0%, #8B5A2B 50%, #5C4033 100%);
  border-radius: 6px;
  animation: swayTree-bf 10s ease-in-out infinite;
}
.scn-berea-birds-and-flowers .tree-canopy {
  position: absolute;
  bottom: 65%;
  left: 15%;
  width: 150px;
  height: 120px;
  background: radial-gradient(circle at 50% 50%, #9ACD32 0%, #6B8E23 60%, transparent 100%);
  border-radius: 50%;
  animation: swayTree-bf 10s ease-in-out infinite reverse;
}
.scn-berea-birds-and-flowers .garden-bed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  background: linear-gradient(180deg, #8FBC8F 0%, #2E8B57 100%);
  border-radius: 30% 30% 0 0 / 50% 50% 0 0;
}
.scn-berea-birds-and-flowers .flower-cluster-a {
  position: absolute;
  bottom: 22%;
  left: 40%;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, #FFB6C1 0%, #FF69B4 40%, transparent 80%);
  animation: bobFlower-bf 5s ease-in-out infinite;
}
.scn-berea-birds-and-flowers .flower-cluster-b {
  position: absolute;
  bottom: 28%;
  left: 60%;
  width: 40px;
  height: 40px;
  background: radial-gradient(circle, #DDA0DD 0%, #BA55D3 40%, transparent 80%);
  animation: bobFlower-bf 5s ease-in-out infinite;
  animation-delay: -2.5s;
}
.scn-berea-birds-and-flowers .bird {
  position: absolute;
  top: 25%;
  left: 20%;
  width: 18px;
  height: 12px;
  background: #4B0082;
  border-radius: 50% 50% 0 0;
  animation: flyBird-bf 20s linear infinite;
}
@keyframes skyPulse-bf {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes sunGlow-bf {
  0% { transform: scale(1); opacity: 0.8; box-shadow: 0 0 30px 10px #FFD700; }
  50% { transform: scale(1.15); opacity: 1; box-shadow: 0 0 60px 20px #FFD700; }
  100% { transform: scale(0.95); opacity: 0.9; box-shadow: 0 0 40px 15px #FFD700; }
}
@keyframes haze-bf {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.85; transform: scale(0.98); }
}
@keyframes swayTree-bf {
  0% { transform: rotate(-3deg) translateX(0); }
  50% { transform: rotate(3deg) translateX(5px); }
  100% { transform: rotate(-3deg) translateX(0); }
}
@keyframes bobFlower-bf {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.1); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes flyBird-bf {
  0% { transform: translateX(0) translateY(0) scale(1); }
  25% { transform: translateX(20vw) translateY(-30px) scale(0.9); }
  50% { transform: translateX(40vw) translateY(10px) scale(1); }
  75% { transform: translateX(60vw) translateY(-20px) scale(0.9); }
  100% { transform: translateX(80vw) translateY(0) scale(1); }
}

/* Scene: colenso-religious-storm */
.scn-colenso-religious-storm {
  background: linear-gradient(135deg, #2F1F1F 0%, #1A1A1A 50%, #0D0D0D 100%), radial-gradient(circle at 80% 20%, #4A3B32 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.scn-colenso-religious-storm .room-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, #000000 100%);
  opacity: 0.7;
}
.scn-colenso-religious-storm .storm-window {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 25%;
  height: 35%;
  background: linear-gradient(180deg, #2C3E50 0%, #1A252F 100%);
  border: 6px solid #2C1A14;
  border-radius: 4px;
  animation: stormFlash-cs 8s infinite;
}
.scn-colenso-religious-storm .desk {
  position: absolute;
  bottom: 18%;
  left: 20%;
  right: 20%;
  height: 8%;
  background: linear-gradient(180deg, #5C3A21 0%, #3E2723 100%);
  border-radius: 4px;
  transform: perspective(200px) rotateX(10deg);
}
.scn-colenso-religious-storm .candle {
  position: absolute;
  bottom: 28%;
  left: 35%;
  width: 6px;
  height: 25px;
  background: linear-gradient(180deg, #FFF8DC 0%, #F5DEB3 100%);
  border-radius: 2px;
}
.scn-colenso-religious-storm .candle-glow {
  position: absolute;
  bottom: 35%;
  left: 33%;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, #FFD700 0%, #FF8C00 30%, transparent 70%);
  animation: flicker-cs 3s ease-in-out infinite alternate;
}
.scn-colenso-religious-storm .book {
  position: absolute;
  bottom: 18%;
  left: 42%;
  width: 70px;
  height: 45px;
  background: linear-gradient(180deg, #8B4513 0%, #5C3A21 100%);
  border-radius: 2px;
  transform: skewX(-10deg);
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.scn-colenso-religious-storm .bishop-figure {
  position: absolute;
  bottom: 26%;
  left: 50%;
  width: 35px;
  height: 70px;
  background: #1A1A1A;
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  transform: translateX(-50%);
  animation: write-cs 6s ease-in-out infinite;
}
.scn-colenso-religious-storm .eye-motif {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 80px;
  height: 40px;
  background: radial-gradient(ellipse at 50% 50%, #F5DEB3 0%, transparent 50%);
  border-radius: 50%;
  opacity: 0.1;
  animation: watchEye-cs 10s ease-in-out infinite;
}
@keyframes stormFlash-cs {
  0% { background: #2C3E50; box-shadow: none; }
  45% { background: #1A252F; }
  50% { background: #4A5D70; box-shadow: inset 0 0 40px #FFF, 0 0 20px #FFF; }
  55% { background: #1A252F; }
  100% { background: #2C3E50; box-shadow: none; }
}
@keyframes flicker-cs {
  0% { transform: scale(1) rotate(-3deg); opacity: 0.8; box-shadow: 0 0 50px 10px #FF8C00; }
  25% { transform: scale(1.1) rotate(2deg); opacity: 1; box-shadow: 0 0 80px 20px #FFD700; }
  50% { transform: scale(0.9) rotate(-1deg); opacity: 0.9; box-shadow: 0 0 40px 5px #FF8C00; }
  75% { transform: scale(1.05) rotate(4deg); opacity: 1; box-shadow: 0 0 70px 15px #FFD700; }
  100% { transform: scale(1) rotate(-2deg); opacity: 0.8; box-shadow: 0 0 50px 10px #FF8C00; }
}
@keyframes write-cs {
  0% { transform: translateX(-50%) rotate(0deg) translateY(0); }
  25% { transform: translateX(-45%) rotate(6deg) translateY(-2px); }
  50% { transform: translateX(-50%) rotate(0deg) translateY(0); }
  75% { transform: translateX(-55%) rotate(-6deg) translateY(-2px); }
  100% { transform: translateX(-50%) rotate(0deg) translateY(0); }
}
@keyframes watchEye-cs {
  0% { opacity: 0.05; transform: scale(1) rotate(0deg); }
  30% { opacity: 0.15; transform: scale(1.1) rotate(5deg); }
  60% { opacity: 0.1; transform: scale(0.95) rotate(-5deg); }
  100% { opacity: 0.05; transform: scale(1) rotate(0deg); }
}

/* Scene: king-zulus-banished */
.scn-king-zulus-banished {
  background: linear-gradient(180deg, #1A1A2E 0%, #16213E 50%, #0F0F1F 100%), radial-gradient(circle at 30% 50%, #2A2A4A 0%, transparent 70%);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.scn-king-zulus-banished .cell-bg {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, transparent 0px, transparent 30px, rgba(255,255,255,0.03) 30px, rgba(255,255,255,0.06) 32px);
}
.scn-king-zulus-banished .light-source {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, #F5DEB3 0%, #D2B48C 20%, transparent 60%);
  animation: swingLight-zb 7s ease-in-out infinite;
}
.scn-king-zulus-banished .shadow-bars {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 15%, #000 15%, #000 18%, transparent 18%, transparent 35%, #000 35%, #000 38%, transparent 38%, transparent 65%, #000 65%, #000 68%, transparent 68%, transparent 85%, #000 85%, #000 88%, transparent 88%);
  opacity: 0.5;
  animation: shiftBars-zb 12s linear infinite;
}
.scn-king-zulus-banished .king-silhouette {
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 90px;
  height: 160px;
  background: #0A0A0A;
  border-radius: 50% 50% 30% 30% / 80% 80% 30% 30%;
  transform: translateX(-50%);
  animation: breathe-zb 5s ease-in-out infinite;
}
.scn-king-zulus-banished .regal-crown {
  position: absolute;
  bottom: 80%;
  left: 50%;
  width: 70px;
  height: 35px;
  background: #2A1A0A;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  transform: translateX(-50%);
  clip-path: polygon(0% 100%, 20% 0%, 35% 50%, 50% 0%, 65% 50%, 80% 0%, 100% 100%);
  animation: breathe-zb 5s ease-in-out infinite reverse;
}
.scn-king-zulus-banished .lantern-glow {
  position: absolute;
  bottom: 55%;
  left: 15%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, #FFD700 0%, rgba(255, 215, 0, 0.2) 40%, transparent 80%);
  animation: pulseGlow-zb 4s ease-in-out infinite alternate;
}
.scn-king-zulus-banished .guard-outside {
  position: absolute;
  bottom: 5%;
  right: 15%;
  width: 50px;
  height: 110px;
  background: #1A1A1A;
  border-radius: 20% 20% 10% 10%;
  animation: paceGuard-zb 14s linear infinite;
}
.scn-king-zulus-banished .eagle-symbol {
  position: absolute;
  top: 10%;
  right: 20%;
  width: 60px;
  height: 50px;
  background: #2C2C2C;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: hoverEagle-zb 9s ease-in-out infinite;
}
@keyframes swingLight-zb {
  0% { transform: rotate(-20deg) translateX(-15px); }
  50% { transform: rotate(20deg) translateX(15px); }
  100% { transform: rotate(-20deg) translateX(-15px); }
}
@keyframes shiftBars-zb {
  0% { transform: translateX(0); opacity: 0.5; }
  25% { transform: translateX(15px); opacity: 0.6; }
  50% { transform: translateX(-5px); opacity: 0.4; }
  75% { transform: translateX(10px); opacity: 0.6; }
  100% { transform: translateX(0); opacity: 0.5; }
}
@keyframes breathe-zb {
  0% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.03); }
  100% { transform: translateX(-50%) scale(1); }
}
@keyframes pulseGlow-zb {
  0% { box-shadow: 0 0 50px 10px #FFD700; opacity: 0.5; }
  50% { box-shadow: 0 0 100px 30px #FF8C00; opacity: 1; }
  100% { box-shadow: 0 0 50px 10px #FFD700; opacity: 0.5; }
}
@keyframes paceGuard-zb {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-30px) rotate(5deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(30px) rotate(-5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hoverEagle-zb {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  50% { transform: translateY(-8px) rotate(8deg) scale(1.05); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}

/* Scene: trip-to-trappist-monastery */
.scn-trip-to-trappist-monastery {
  background: linear-gradient(180deg, #A8D8EA 0%, #F0F8FF 40%, #E6E6FA 100%), radial-gradient(ellipse at 50% 100%, #F0E68C 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.scn-trip-to-trappist-monastery .sky {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #87CEEB 0%, transparent 60%);
  animation: skyShift-tm 18s ease-in-out infinite alternate;
}
.scn-trip-to-trappist-monastery .sun {
  position: absolute;
  top: 5%;
  right: 25%;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, #FFF 0%, #FFD700 50%, transparent 100%);
  animation: sunPath-tm 25s linear infinite;
}
.scn-trip-to-trappist-monastery .hills-bg {
  position: absolute;
  bottom: 35%;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(180deg, #8BC34A 0%, #558B2F 100%);
  border-radius: 70% 30% 0 0 / 100% 100% 0 0;
  animation: hazeHills-tm 12s ease-in-out infinite;
}
.scn-trip-to-trappist-monastery .monastery {
  position: absolute;
  bottom: 35%;
  left: 25%;
  width: 120px;
  height: 90px;
  background: linear-gradient(180deg, #D7CCC8 0%, #8D6E63 100%);
  border-radius: 10px 10px 2px 2px;
  box-shadow: inset 10px 20px 0 #EFEBE9, inset -10px 20px 0 #EFEBE9, inset 40px 20px 0 #5D4037, inset -40px 20px 0 #5D4037;
}
.scn-trip-to-trappist-monastery .chapel-tower {
  position: absolute;
  bottom: 60%;
  left: 30%;
  width: 40px;
  height: 70px;
  background: linear-gradient(180deg, #BCAAA4 0%, #795548 100%);
  border-radius: 6px 6px 2px 2px;
  animation: towerShadow-tm 14s ease-in-out infinite alternate;
}
.scn-trip-to-trappist-monastery .road {
  position: absolute;
  bottom: 8%;
  left: 10%;
  right: 10%;
  height: 18%;
  background: linear-gradient(180deg, #D7CCC8 0%, #8D6E63 100%);
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  transform: perspective(400px) rotateX(20deg);
}
.scn-trip-to-trappist-monastery .figures {
  position: absolute;
  bottom: 22%;
  left: 35%;
  width: 70px;
  height: 50px;
  background: transparent;
  box-shadow: 10px 0 0 #3E2723, 25px -5px 0 #2C1A14, 40px 0 0 #3E2723;
  border-radius: 50% 50% 0 0;
  animation: walkFigures-tm 15s ease-in-out infinite;
}
.scn-trip-to-trappist-monastery .wayside-flora {
  position: absolute;
  bottom: 8%;
  left: 8%;
  width: 100px;
  height: 50px;
  background: radial-gradient(circle at 20% 100%, #4CAF50 0%, transparent 70%);
  animation: swayFlora-tm 7s ease-in-out infinite;
}
.scn-trip-to-trappist-monastery .clouds {
  position: absolute;
  top: 12%;
  left: 0;
  width: 180px;
  height: 50px;
  background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0.9) 0%, transparent 70%);
  animation: driftClouds-tm 40s linear infinite;
}
@keyframes skyShift-tm {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes sunPath-tm {
  0% { transform: translateX(0) translateY(0) scale(1); }
  25% { transform: translateX(-30px) translateY(15px) scale(1.05); }
  50% { transform: translateX(0) translateY(5px) scale(0.95); }
  75% { transform: translateX(20px) translateY(-10px) scale(1.02); }
  100% { transform: translateX(0) translateY(0) scale(1); }
}
@keyframes hazeHills-tm {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 0.95; transform: scale(1.03); }
  100% { opacity: 0.85; transform: scale(0.98); }
}
@keyframes towerShadow-tm {
  0% { filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.3)); }
  50% { filter: drop-shadow(-3px -3px 12px rgba(0,0,0,0.5)); }
  100% { filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.3)); }
}
@keyframes walkFigures-tm {
  0% { transform: translateX(0) scale(1); }
  25% { transform: translateX(15px) scale(1.03); }
  50% { transform: translateX(30px) scale(1); }
  75% { transform: translateX(45px) scale(0.97); }
  100% { transform: translateX(60px) scale(1); }
}
@keyframes swayFlora-tm {
  0% { transform: rotate(-6deg); }
  50% { transform: rotate(6deg); }
  100% { transform: rotate(-6deg); }
}
@keyframes driftClouds-tm {
  0% { transform: translateX(-200px) scale(1); }
  50% { transform: translateX(calc(50vw)) scale(1.2); }
  100% { transform: translateX(calc(100vw + 200px)) scale(1); }
}

.scn-thug-ramzam-authority {
  background: linear-gradient(180deg, #2a1a0e 0%, #3a2a1a 50%, #2a1a0e 100%), radial-gradient(ellipse 40% 30% at 50% 60%, #7a3a1a 0%, transparent 70%);
}
.scn-thug-ramzam-authority .wall {
  position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #1a0e06 0%, #3a2a1a 100%); animation: au-wall 20s ease-in-out infinite alternate;
}
.scn-thug-ramzam-authority .floor {
  position: absolute; inset: 60% 0 0 0; background: linear-gradient(0deg, #1a0e06 0%, #3a2a1a 100%); animation: au-floor 25s ease-in-out infinite alternate;
}
.scn-thug-ramzam-authority .lamp {
  position: absolute; bottom: 50%; left: 50%; width: 12px; height: 16px; transform: translate(-50%,50%); background: radial-gradient(circle, #d08040 0%, #a06020 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 20px 6px #a06020, 0 0 40px 12px rgba(160,96,32,.5); animation: au-lamp 3s ease-in-out infinite alternate;
}
.scn-thug-ramzam-authority .figure.chief {
  position: absolute; bottom: 42%; left: 35%; width: 24px; height: 40px; background: radial-gradient(ellipse 50% 100% at bottom, #2a1a0e 0%, #0e0a06 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: au-breathe 4s ease-in-out infinite;
}
.scn-thug-ramzam-authority .figure.visitor {
  position: absolute; bottom: 42%; left: 60%; width: 26px; height: 44px; background: radial-gradient(ellipse 50% 100% at bottom, #1e120a 0%, #0a0604 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: au-breathe2 4.5s ease-in-out infinite;
}
.scn-thug-ramzam-authority .shadow {
  position: absolute; bottom: 40%; left: 25%; width: 80px; height: 20px; background: rgba(0,0,0,.6); border-radius: 50%; filter: blur(4px); animation: au-shadow 6s ease-in-out infinite alternate;
}
@keyframes au-wall { 0% { opacity: .7; } 50% { opacity: .85; } 100% { opacity: .7; } }
@keyframes au-floor { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } }
@keyframes au-lamp { 0% { transform: translate(-50%,50%) scale(1); box-shadow: 0 0 15px 4px #a06020; } 50% { transform: translate(-50%,50%) scale(1.05); box-shadow: 0 0 25px 8px #c08040; } 100% { transform: translate(-50%,50%) scale(1); box-shadow: 0 0 15px 4px #a06020; } }
@keyframes au-breathe { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-1px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes au-breathe2 { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.03) translateY(-1.5px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes au-shadow { 0% { transform: scaleX(1); opacity: .5; } 50% { transform: scaleX(1.1); opacity: .7; } 100% { transform: scaleX(1); opacity: .5; } }

.scn-thug-ramzam-office {
  background: linear-gradient(180deg, #1e120a 0%, #2a1a0e 50%, #1e120a 100%), radial-gradient(ellipse 30% 40% at 50% 50%, #3a2a1a 0%, transparent 80%);
}
.scn-thug-ramzam-office .wall {
  position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #2a1a0e 0%, #3a2a1a 50%, #2a1a0e 100%); animation: of-wall 30s ease-in-out infinite alternate;
}
.scn-thug-ramzam-office .floor {
  position: absolute; inset: 50% 0 0 0; background: linear-gradient(0deg, #1a0e06 0%, #2a1a0e 100%); animation: of-floor 20s ease-in-out infinite alternate;
}
.scn-thug-ramzam-office .desk {
  position: absolute; bottom: 30%; left: 30%; width: 40%; height: 12%; background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: of-desk 6s ease-in-out infinite;
}
.scn-thug-ramzam-office .map {
  position: absolute; top: 20%; left: 20%; width: 30%; height: 25%; background: linear-gradient(45deg, #4a3a2a 25%, #5a4a3a 25%, #5a4a3a 50%, #4a3a2a 50%, #4a3a2a 75%, #5a4a3a 75%); background-size: 20px 20px; border: 2px solid #2a1a0e; border-radius: 2px; animation: of-map 15s ease-in-out infinite alternate;
}
.scn-thug-ramzam-office .figure.seated {
  position: absolute; bottom: 25%; left: 35%; width: 30px; height: 40px; background: radial-gradient(ellipse 50% 100% at bottom, #2a1a0e 0%, #0e0a06 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: of-seated 5s ease-in-out infinite;
}
.scn-thug-ramzam-office .guard {
  position: absolute; bottom: 25%; right: 15%; width: 24px; height: 48px; background: radial-gradient(ellipse 50% 100% at bottom, #1e120a 0%, #0a0604 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform-origin: bottom center; animation: of-guard 6s ease-in-out infinite;
}
.scn-thug-ramzam-office .window {
  position: absolute; top: 10%; right: 10%; width: 30px; height: 40px; background: linear-gradient(180deg, #4a6a8a 0%, #3a5a7a 100%); border: 2px solid #2a1a0e; border-radius: 2px; box-shadow: inset 0 0 10px #6a8aaa, 0 0 20px 4px rgba(74,106,138,.5); animation: of-window 8s ease-in-out infinite alternate;
}
@keyframes of-wall { 0% { opacity: .8; } 50% { opacity: .9; } 100% { opacity: .8; } }
@keyframes of-floor { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.005); } 100% { transform: scaleY(1); } }
@keyframes of-desk { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes of-map { 0% { background-position: 0 0; } 50% { background-position: 10px 10px; } 100% { background-position: 0 0; } }
@keyframes of-seated { 0% { transform: scaleY(1) translateY(0) rotate(0deg); } 50% { transform: scaleY(1.01) translateY(-1px) rotate(0.5deg); } 100% { transform: scaleY(1) translateY(0) rotate(0deg); } }
@keyframes of-guard { 0% { transform: scaleY(1) translateX(0); } 50% { transform: scaleY(1.01) translateX(1px); } 100% { transform: scaleY(1) translateX(0); } }
@keyframes of-window { 0% { opacity: .7; box-shadow: inset 0 0 10px #4a6a8a, 0 0 15px 2px rgba(74,106,138,.3); } 50% { opacity: .9; box-shadow: inset 0 0 15px #6a8aaa, 0 0 25px 5px rgba(74,106,138,.5); } 100% { opacity: .7; box-shadow: inset 0 0 10px #4a6a8a, 0 0 15px 2px rgba(74,106,138,.3); } }

.scn-thug-ramzam-betray {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a3a 50%, #0a0a1a 100%), radial-gradient(ellipse 60% 40% at 70% 20%, #c0d0e0 0%, transparent 70%);
}
.scn-thug-ramzam-betray .sky {
  position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,10,30,.5) 0%, transparent 50%, rgba(10,10,30,.5) 100%); animation: be-sky 25s ease-in-out infinite alternate;
}
.scn-thug-ramzam-betray .moon {
  position: absolute; top: 15%; left: 80%; width: 20px; height: 20px; background: radial-gradient(circle, #e0e8f0 0%, #b0c0d0 100%); border-radius: 50%; box-shadow: 0 0 30px 10px rgba(192,208,224,.6); animation: be-moon 12s ease-in-out infinite alternate;
}
.scn-thug-ramzam-betray .cloud-a {
  position: absolute; top: 10%; left: -20%; width: 80px; height: 12px; background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, transparent 100%); border-radius: 50%; filter: blur(4px); animation: be-cloud-a 40s linear infinite;
}
.scn-thug-ramzam-betray .cloud-b {
  position: absolute; top: 25%; left: 100%; width: 60px; height: 10px; background: linear-gradient(180deg, rgba(255,255,255,.2) 0%, transparent 100%); border-radius: 50%; filter: blur(3px); animation: be-cloud-b 50s linear infinite reverse;
}
.scn-thug-ramzam-betray .house {
  position: absolute; bottom: 15%; left: 30%; width: 60px; height: 40px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.7); animation: be-house 8s ease-in-out infinite;
}
.scn-thug-ramzam-betray .tree {
  position: absolute; bottom: 15%; left: 50%; width: 8px; height: 50px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0e06 100%); border-radius: 4px 4px 0 0; transform-origin: bottom center; animation: be-tree 7s ease-in-out infinite;
}
.scn-thug-ramzam-betray .tree::before {
  content: ''; position: absolute; bottom: 70%; left: -15px; width: 30px; height: 20px; background: radial-gradient(ellipse 50% 100% at bottom, #1a2a1a 0%, transparent 100%); border-radius: 50%; filter: blur(3px);
}
.scn-thug-ramzam-betray .figure.ramzam {
  position: absolute; bottom: 20%; left: 10%; width: 22px; height: 40px; background: radial-gradient(ellipse 50% 100% at bottom, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: be-walk 5s ease-in-out infinite;
}
.scn-thug-ramzam-betray .figure.sleeping {
  position: absolute; bottom: 25%; left: 35%; width: 20px; height: 30px; background: radial-gradient(ellipse 50% 100% at bottom, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: be-sleep 12s ease-in-out infinite;
}
@keyframes be-sky { 0% { opacity: .5; } 50% { opacity: .7; } 100% { opacity: .5; } }
@keyframes be-moon { 0% { transform: translateY(0); opacity: .8; } 50% { transform: translateY(-2px); opacity: 1; } 100% { transform: translateY(0); opacity: .8; } }
@keyframes be-cloud-a { 0% { left: -20%; } 50% { left: 40%; } 100% { left: 120%; } }
@keyframes be-cloud-b { 0% { left: 120%; } 50% { left: 40%; } 100% { left: -20%; } }
@keyframes be-house { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes be-tree { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }
@keyframes be-walk { 0% { transform: translateX(0) translateY(0) rotate(-1deg); } 50% { transform: translateX(20px) translateY(-1px) rotate(1deg); } 100% { transform: translateX(40px) translateY(0) rotate(0deg); } }
@keyframes be-sleep { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }

.scn-thug-buhram-seized {
  background: linear-gradient(180deg, #1a0a06 0%, #2a1a0e 50%, #1a0a06 100%), radial-gradient(ellipse 40% 30% at 50% 60%, #d06020 0%, transparent 70%);
}
.scn-thug-buhram-seized .ground {
  position: absolute; inset: 70% 0 0 0; background: linear-gradient(0deg, #0a0604 0%, #1a0e06 100%); animation: se-ground 20s ease-in-out infinite alternate;
}
.scn-thug-buhram-seized .fire {
  position: absolute; bottom: 60%; left: 50%; width: 30px; height: 40px; transform: translateX(-50%); background: radial-gradient(ellipse 50% 100% at bottom, #e08030 0%, #c06020 50%, #a04010 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 0 30px 10px #d06020, 0 0 60px 20px rgba(208,96,32,.5); animation: se-fire 2s ease-in-out infinite alternate;
}
.scn-thug-buhram-seized .figure.buhram {
  position: absolute; bottom: 45%; left: 45%; width: 28px; height: 50px; transform: translateX(-50%); background: radial-gradient(ellipse 50% 100% at bottom, #2a1a0e 0%, #0e0a06 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: se-struggle 3s ease-in-out infinite;
}
.scn-thug-buhram-seized .figure.guard-left {
  position: absolute; bottom: 48%; left: 30%; width: 24px; height: 44px; background: radial-gradient(ellipse 50% 100% at bottom, #1e120a 0%, #0a0604 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: se-grab 3.5s ease-in-out infinite alternate;
}
.scn-thug-buhram-seized .figure.guard-right {
  position: absolute; bottom: 48%; left: 60%; width: 24px; height: 44px; background: radial-gradient(ellipse 50% 100% at bottom, #1e120a 0%, #0a0604 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: se-grab 3.8s ease-in-out infinite alternate reverse;
}
.scn-thug-buhram-seized .shadow {
  position: absolute; bottom: 40%; left: 25%; width: 50%; height: 20px; background: rgba(0,0,0,.6); border-radius: 50%; filter: blur(8px); animation: se-shadow 4s ease-in-out infinite alternate;
}
.scn-thug-buhram-seized .smoke {
  position: absolute; bottom: 80%; left: 48%; width: 40px; height: 40px; background: radial-gradient(ellipse at center, rgba(200,140,80,.3) 0%, transparent 100%); border-radius: 50%; filter: blur(6px); animation: se-smoke 5s ease-in-out infinite;
}
@keyframes se-ground { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.005); } 100% { transform: scaleY(1); } }
@keyframes se-fire { 0% { transform: translateX(-50%) scale(1); opacity: .8; } 50% { transform: translateX(-50%) scale(1.1); opacity: 1; } 100% { transform: translateX(-50%) scale(1); opacity: .8; } }
@keyframes se-struggle { 0% { transform: translateX(-50%) translateY(0) rotate(0deg); } 50% { transform: translateX(-50%) translateY(-2px) rotate(3deg); } 100% { transform: translateX(-50%) translateY(0) rotate(0deg); } }
@keyframes se-grab { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 50% { transform: translateX(-5px) translateY(-1px) rotate(2deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes se-shadow { 0% { transform: scaleX(1); opacity: .4; } 50% { transform: scaleX(1.2); opacity: .6; } 100% { transform: scaleX(1); opacity: .4; } }
@keyframes se-smoke { 0% { transform: translateY(0) scale(1); opacity: .3; } 50% { transform: translateY(-10px) scale(1.2); opacity: .5; } 100% { transform: translateY(0) scale(1); opacity: .3; } }

/* protection-tariff */
.scn-protection-tariff {
  background: linear-gradient(180deg, #1a0e0a 0%, #2b1810 40%, #1f0f0a 100%),
              radial-gradient(ellipse at 50% 80%, #3a2015 0%, transparent 60%);
}
.scn-protection-tariff .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #2e1e15 0%, #1f110c 100%);
}
.scn-protection-tariff .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1e130e 0%, #0f0a07 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.6);
}
.scn-protection-tariff .desk {
  position: absolute; bottom: 20%; left: 20%; width: 60%; height: 12%;
  background: linear-gradient(180deg, #3a2218 0%, #2a1610 100%);
  border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.7);
  transform: perspective(300px) rotateX(10deg);
}
.scn-protection-tariff .lamp {
  position: absolute; bottom: 38%; left: 45%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #8a6a3a 0%, #4a3020 100%);
  border-radius: 4px 4px 0 0;
}
.scn-protection-tariff .lamp::after {
  content: ''; position: absolute; bottom: -12px; left: -12px;
  width: 32px; height: 16px; background: radial-gradient(ellipse, #d4903a 0%, #a06020 40%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 30px 10px #d4903a, 0 0 60px 20px rgba(180,100,40,0.5);
  animation: pt-lamp-glow 0.6s ease-in-out infinite alternate;
}
.scn-protection-tariff .figure {
  position: absolute; bottom: 28%; left: 40%; width: 22px; height: 50px;
  background: linear-gradient(180deg, #1a0e0a 0%, #0d0705 100%);
  border-radius: 45% 45% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pt-figure-breath 3s ease-in-out infinite;
}
.scn-protection-tariff .paper {
  position: absolute; bottom: 26%; left: 38%; width: 30px; height: 18px;
  background: linear-gradient(135deg, #f5e6c8 0%, #d4c0a0 100%);
  border-radius: 2px; transform: rotate(-5deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: pt-paper-shake 5s ease-in-out infinite;
}
.scn-protection-tariff .shadow {
  position: absolute; bottom: 24%; left: 30%; width: 40%; height: 10%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.5) 100%);
  filter: blur(4px);
  animation: pt-shadow-flicker 2.5s ease-in-out infinite alternate;
}
@keyframes pt-lamp-glow {
  0% { opacity: 0.8; box-shadow: 0 0 20px 6px #d4903a, 0 0 40px 12px rgba(180,100,40,0.4); }
  50% { opacity: 1; box-shadow: 0 0 35px 12px #ffb060, 0 0 70px 25px rgba(200,100,40,0.6); }
  100% { opacity: 0.7; box-shadow: 0 0 15px 4px #b07030, 0 0 30px 8px rgba(150,80,30,0.3); }
}
@keyframes pt-figure-breath {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes pt-paper-shake {
  0%, 100% { transform: rotate(-5deg) translateX(0); }
  25% { transform: rotate(-7deg) translateX(1px); }
  50% { transform: rotate(-3deg) translateX(-1px); }
  75% { transform: rotate(-6deg) translateX(1px); }
}
@keyframes pt-shadow-flicker {
  0% { opacity: 0.4; filter: blur(5px); }
  100% { opacity: 0.7; filter: blur(8px); }
}

/* three-sisters-boulders */
.scn-three-sisters-boulders {
  background: linear-gradient(180deg, #7eb8d0 0%, #b0d8e8 30%, #e0f0f8 60%, #f8fcf8 100%),
              radial-gradient(ellipse at 50% 0%, #ffdfa0 0%, transparent 50%);
}
.scn-three-sisters-boulders .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #5a9ec0 0%, #a0d0e8 100%);
  animation: tsb-sky 20s ease-in-out infinite alternate;
}
.scn-three-sisters-boulders .sun {
  position: absolute; top: 15%; left: 70%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe080 0%, #ffcc50 30%, #ffb020 60%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 60px 20px rgba(255,200,60,0.4);
  animation: tsb-sun 30s ease-in-out infinite;
}
.scn-three-sisters-boulders .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #7a9a6a 0%, #5a7a4a 40%, #3a5a2a 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,30,0,0.3);
  animation: tsb-ground 12s ease-in-out infinite alternate;
}
.scn-three-sisters-boulders .boulder {
  position: absolute; bottom: 30%; border-radius: 50%;
  background: radial-gradient(ellipse at 40% 30%, #c0b0a0 0%, #8a7a6a 70%, #6a5a4a 100%);
  box-shadow: inset -4px -6px 10px rgba(0,0,0,0.3), 0 8px 16px rgba(0,0,0,0.2);
}
.scn-three-sisters-boulders .boulder-a {
  left: 15%; width: 80px; height: 70px;
  animation: tsb-boulder-a 8s ease-in-out infinite;
}
.scn-three-sisters-boulders .boulder-b {
  left: 42%; width: 100px; height: 90px;
  animation: tsb-boulder-b 10s ease-in-out infinite 1s;
}
.scn-three-sisters-boulders .boulder-c {
  left: 68%; width: 70px; height: 60px;
  animation: tsb-boulder-c 9s ease-in-out infinite 2s;
}
.scn-three-sisters-boulders .grass {
  position: absolute; bottom: 28%; left: 0; right: 0; height: 8%;
  background: linear-gradient(0deg, #4a6a3a 0%, transparent 100%);
  filter: blur(3px);
  animation: tsb-grass 6s ease-in-out infinite;
}
.scn-three-sisters-boulders .cloud {
  position: absolute; background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%);
  border-radius: 50%; filter: blur(8px);
}
.scn-three-sisters-boulders .cloud-a {
  top: 12%; left: -10%; width: 120px; height: 30px;
  animation: tsb-cloud-a 40s linear infinite;
}
.scn-three-sisters-boulders .cloud-b {
  top: 25%; left: -20%; width: 80px; height: 20px;
  animation: tsb-cloud-b 55s linear infinite 10s;
}
@keyframes tsb-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes tsb-sun {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(5px, -3px) scale(1.02); }
}
@keyframes tsb-ground {
  0% { transform: translateY(0); }
  100% { transform: translateY(-3px); }
}
@keyframes tsb-boulder-a {
  0%, 100% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(2deg) scale(1.01); }
}
@keyframes tsb-boulder-b {
  0%, 100% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(-1.5deg) scale(1.015); }
}
@keyframes tsb-boulder-c {
  0%, 100% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(1.8deg) scale(1.01); }
}
@keyframes tsb-grass {
  0%, 100% { transform: skewX(0deg); }
  25% { transform: skewX(2deg); }
  75% { transform: skewX(-2deg); }
}
@keyframes tsb-cloud-a {
  0% { transform: translateX(-150px); }
  100% { transform: translateX(120vw); }
}
@keyframes tsb-cloud-b {
  0% { transform: translateX(-100px); }
  100% { transform: translateX(120vw); }
}

.scn-gum-tree-forest {
  background: linear-gradient(180deg, #2b2e33 0%, #3a3f45 40%, #4d535b 100%),
              radial-gradient(ellipse at 50% 100%, #4d535b 0%, transparent 80%);
}
.scn-gum-tree-forest .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #1f2226 0%, transparent 100%);
  animation: gtf-sky 14s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #6b6a65 0%, #4a4945 100%);
  border-radius: 50% 50% 0 0 / 20% 20% 0 0;
}
.scn-gum-tree-forest .road {
  position: absolute; bottom: 18%; left: 50%; width: 30%; height: 6%;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent 0%, #c4b9a0 20%, #d6ccb8 50%, #c4b9a0 80%, transparent 100%);
  border-radius: 50%;
  filter: blur(2px);
}
.scn-gum-tree-forest .tree-a {
  position: absolute; bottom: 38%; left: 12%; width: 20px; height: 120px;
  background: linear-gradient(180deg, #2a2a20 0%, #1a1a14 100%);
  border-radius: 40% 60% 30% 50% / 60% 40% 50% 30%;
  transform-origin: bottom center;
  animation: gtf-sway 6s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .tree-b {
  position: absolute; bottom: 40%; right: 8%; width: 16px; height: 100px;
  background: linear-gradient(180deg, #2a2a20 0%, #1a1a14 100%);
  border-radius: 50% 60% 40% 40% / 60% 50% 40% 30%;
  transform-origin: bottom center;
  animation: gtf-sway 8s ease-in-out infinite alternate-reverse;
}
.scn-gum-tree-forest .tree-c {
  position: absolute; bottom: 42%; left: 38%; width: 12px; height: 70px;
  background: linear-gradient(180deg, #3a3a2e 0%, #2a2a1e 100%);
  border-radius: 40% 50% 30% 40% / 50% 40% 30% 20%;
  transform-origin: bottom center;
  animation: gtf-sway 10s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .wagon {
  position: absolute; bottom: 19%; left: 30%; width: 40px; height: 25px;
  background: linear-gradient(90deg, #4a3a2a 0%, #3a2a1a 50%, #4a3a2a 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,.6);
  animation: gtf-wagon 3s ease-in-out infinite;
}
.scn-gum-tree-forest .cloud {
  position: absolute; top: 12%; left: -15%; width: 100px; height: 25px;
  background: linear-gradient(180deg, rgba(180,190,200,.6) 0%, rgba(180,190,200,.2) 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: gtf-cloud 80s linear infinite;
}
@keyframes gtf-sky { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes gtf-sway { 0% { transform: rotate(-2deg) translateX(0) } 50% { transform: rotate(3deg) translateX(2px) } 100% { transform: rotate(-1deg) translateX(-1px) } }
@keyframes gtf-wagon { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes gtf-cloud { 0% { transform: translateX(0) } 100% { transform: translateX(120vw) } }

.scn-gum-tree-water-pipe {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0f0 40%, #e0f0ff 100%),
              radial-gradient(ellipse at 30% 100%, #fffde6 0%, transparent 70%);
}
.scn-gum-tree-water-pipe .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #a0d4e8 0%, transparent 100%);
  animation: gtw-sky 12s ease-in-out infinite alternate;
}
.scn-gum-tree-water-pipe .sun {
  position: absolute; top: 6%; right: 14%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe680 0%, #ffcc33 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 50px 20px rgba(255,204,51,.5);
  animation: gtw-sun 4s ease-in-out infinite alternate;
}
.scn-gum-tree-water-pipe .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #d4c9b5 0%, #bfb09a 100%);
  border-radius: 30% 70% 0 0 / 40% 50% 0 0;
}
.scn-gum-tree-water-pipe .tree {
  position: absolute; bottom: 36%; left: 28%; width: 22px; height: 130px;
  background: linear-gradient(180deg, #7a8a5a 0%, #5a6a3a 100%);
  border-radius: 40% 60% 30% 40% / 60% 50% 30% 20%;
  transform-origin: bottom center;
  animation: gtw-tree 6s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .roots {
  position: absolute; bottom: 28%; left: 24%; width: 60px; height: 20px;
  background: linear-gradient(90deg, #5a4a3a 0%, #4a3a2a 30%, #5a4a3a 60%, transparent 100%);
  border-radius: 10% 40% 30% 60% / 20% 40% 30% 50%;
  transform: rotate(-10deg);
  animation: gtw-roots 5s ease-in-out infinite alternate;
}
.scn-gum-tree-water-pipe .pipe {
  position: absolute; bottom: 16%; right: 20%; width: 50px; height: 10px;
  background: linear-gradient(180deg, #8b6b4a 0%, #6b4b2a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.3);
  animation: gtw-pipe 3s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .water {
  position: absolute; bottom: 18%; right: 24%; width: 12px; height: 12px;
  background: radial-gradient(circle, #80d0ff 0%, #40a0d0 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px 4px rgba(64,160,208,.5);
  animation: gtw-water 2s ease-in-out infinite;
}
@keyframes gtw-sky { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes gtw-sun { 0% { transform: scale(1); opacity:.9 } 50% { transform: scale(1.1); opacity:1 } 100% { transform: scale(.95); opacity:.8 } }
@keyframes gtw-tree { 0%,100% { transform: rotate(1deg) scaleY(1) } 50% { transform: rotate(-3deg) scaleY(1.05) } }
@keyframes gtw-roots { 0% { transform: rotate(-10deg) translateX(0) } 50% { transform: rotate(5deg) translateX(6px) } 100% { transform: rotate(-12deg) translateX(-4px) } }
@keyframes gtw-pipe { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@keyframes gtw-water { 0%,100% { transform: scale(1) translateY(0) } 50% { transform: scale(1.3) translateY(-6px) } }

.scn-gum-tree-forest {
  background:
    linear-gradient(180deg, #6b7b7b 0%, #8b9e9e 40%, #4a5a5a 100%),
    radial-gradient(ellipse at 50% 80%, #4a5a5a 0%, #2a3a3a 70%);
}
.scn-gum-tree-forest .sky {
  position: absolute;
  inset: 0 0 50% 0;
  background: linear-gradient(180deg, #7a8a8a 0%, #9aabab 40%, #6a7a7a 100%);
  opacity: 0.8;
  animation: gtf-sky 20s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .road {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 50%;
  background: linear-gradient(180deg, #c8b8a0 0%, #a89882 30%, #887868 100%);
  border-radius: 30% 30% 0 0 / 40% 40% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: gtf-road 12s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .tree-left {
  position: absolute;
  bottom: 20%;
  left: 12%;
  width: 16px;
  height: 60%;
  background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 80%, #1a2a1a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: gtf-tree-l 6s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .tree-right {
  position: absolute;
  bottom: 22%;
  right: 8%;
  width: 14px;
  height: 55%;
  background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 80%, #1a2a1a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: gtf-tree-r 7s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .wagon {
  position: absolute;
  bottom: 5%;
  left: 30%;
  width: 40px;
  height: 20px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.5);
  animation: gtf-wagon 15s linear infinite;
}
.scn-gum-tree-forest .mist-mid {
  position: absolute;
  inset: 20% 0 30% 0;
  background: radial-gradient(ellipse at 50% 60%, rgba(180,190,190,0.3) 0%, rgba(180,190,190,0) 70%);
  filter: blur(12px);
  animation: gtf-mist-m 40s ease-in-out infinite alternate;
}
.scn-gum-tree-forest .mist-fore {
  position: absolute;
  inset: 60% 0 0 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(200,200,200,0.2) 0%, rgba(200,200,200,0) 60%);
  filter: blur(10px);
  animation: gtf-mist-f 35s ease-in-out infinite alternate;
}

@keyframes gtf-sky {
  0% { opacity: 0.7; }
  50% { opacity: 0.85; }
  100% { opacity: 0.75; }
}
@keyframes gtf-road {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(-2px) scaleY(1.005); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes gtf-tree-l {
  0% { transform: rotate(0deg) scaleX(1); }
  50% { transform: rotate(1deg) scaleX(0.98); }
  100% { transform: rotate(-1deg) scaleX(1); }
}
@keyframes gtf-tree-r {
  0% { transform: rotate(0deg) scaleX(1); }
  50% { transform: rotate(-1.5deg) scaleX(0.97); }
  100% { transform: rotate(1deg) scaleX(1); }
}
@keyframes gtf-wagon {
  0% { transform: translateX(-10px); }
  50% { transform: translateX(0); }
  100% { transform: translateX(10px); }
}
@keyframes gtf-mist-m {
  0% { opacity: 0.4; transform: translateY(0); }
  50% { opacity: 0.6; transform: translateY(-3px); }
  100% { opacity: 0.45; transform: translateY(2px); }
}
@keyframes gtf-mist-f {
  0% { opacity: 0.3; transform: translateX(0); }
  50% { opacity: 0.5; transform: translateX(5px); }
  100% { opacity: 0.35; transform: translateX(-3px); }
}

.scn-protection-tariff {
  background:
    radial-gradient(ellipse at 30% 40%, #2a1e1a 0%, #1a1210 60%, #0f0a08 100%),
    linear-gradient(180deg, #1a1412 0%, #0e0a08 50%, #080605 100%);
}
.scn-protection-tariff .bg-wall {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(135deg, #2a201c 0%, #1a1410 50%, #120e0c 100%);
  box-shadow: inset 0 0 40px 10px rgba(0,0,0,0.6);
}
.scn-protection-tariff .bg-floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #1a120e 0%, #0f0c09 100%);
  box-shadow: inset 0 8px 12px rgba(0,0,0,0.8);
}
.scn-protection-tariff .desk {
  position: absolute;
  bottom: 18%;
  left: 50%;
  width: 120px;
  height: 50px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #3a2a22 0%, #2a1e18 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: 0 6px 10px rgba(0,0,0,0.7);
  animation: pt-desk 5s ease-in-out infinite alternate;
}
.scn-protection-tariff .figure {
  position: absolute;
  bottom: 28%;
  left: 50%;
  width: 40px;
  height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #1a1210 0%, #0e0a08 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 35% 35%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.5);
  animation: pt-figure 3s ease-in-out infinite;
}
.scn-protection-tariff .lamp {
  position: absolute;
  bottom: 40%;
  left: 58%;
  width: 10px;
  height: 14px;
  background: radial-gradient(circle at 50% 40%, #c8773a 0%, #a05a2a 70%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 20px 6px #c8773a, 0 0 40px 12px rgba(200,119,58,0.4);
  animation: pt-lamp 2s ease-in-out infinite alternate;
}
.scn-protection-tariff .document {
  position: absolute;
  bottom: 20%;
  left: 46%;
  width: 28px;
  height: 18px;
  background: linear-gradient(135deg, #c8bca8 0%, #a89880 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transform: rotate(-8deg);
  animation: pt-document 6s ease-in-out infinite;
}
.scn-protection-tariff .shadow {
  position: absolute;
  bottom: 18%;
  left: 40%;
  width: 80px;
  height: 100px;
  background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, transparent 100%);
  border-radius: 50% 50% 30% 30%;
  filter: blur(6px);
  animation: pt-shadow 4s ease-in-out infinite alternate;
}
@keyframes pt-desk {
  0% { transform: translateX(-50%) rotate(0deg); }
  50% { transform: translateX(-50%) rotate(-0.5deg) scale(1.005); }
  100% { transform: translateX(-50%) rotate(0.3deg); }
}
@keyframes pt-figure {
  0% { transform: translateX(-50%) rotate(0deg) scaleY(1); }
  30% { transform: translateX(-50%) rotate(0.5deg) scaleY(0.98); }
  60% { transform: translateX(-50%) rotate(-0.3deg) scaleY(1.01); }
  100% { transform: translateX(-50%) rotate(0.2deg) scaleY(1); }
}
@keyframes pt-lamp {
  0% { box-shadow: 0 0 16px 4px #c8773a, 0 0 32px 8px rgba(200,119,58,0.4); opacity: 0.8; }
  50% { box-shadow: 0 0 28px 8px #d88a4a, 0 0 48px 16px rgba(216,138,74,0.5); opacity: 1; }
  100% { box-shadow: 0 0 18px 5px #c8773a, 0 0 36px 10px rgba(200,119,58,0.35); opacity: 0.85; }
}
@keyframes pt-document {
  0% { transform: rotate(-8deg) translateY(0); }
  50% { transform: rotate(-9deg) translateY(-2px); }
  100% { transform: rotate(-7deg) translateY(0); }
}
@keyframes pt-shadow {
  0% { transform: scaleX(1) scaleY(1) translateX(0); opacity: 0.6; }
  50% { transform: scaleX(1.05) scaleY(1.02) translateX(5px); opacity: 0.8; }
  100% { transform: scaleX(0.98) scaleY(1) translateX(-3px); opacity: 0.5; }
}

.scn-gum-tree-water-pipe {
  background: linear-gradient(180deg, #f9e4a0 0%, #f0d88c 30%, #c8e0f0 70%, #9ac0d0 100%),
              radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%);
}
.scn-gum-tree-water-pipe .sun {
  position: absolute; top: 6%; left: 10%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff8c0 0%, #f0d060 50%, transparent 80%);
  border-radius: 50%; box-shadow: 0 0 60px 20px rgba(240,208,96,0.3);
  animation: gt-sunrise 20s ease-in-out infinite alternate;
}
.scn-gum-tree-water-pipe .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,230,0.4) 100%);
  animation: gt-sky 15s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #f8f0e0 0%, #e8dcc8 50%, #d0c4b0 100%);
  border-radius: 0 0 0 0;
  box-shadow: inset 0 8px 20px rgba(180,150,120,0.4);
  animation: gt-ground-settle 12s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .tree {
  position: absolute; bottom: 30%; left: 50%; width: 40px; height: 160px;
  transform: translateX(-50%) rotate(3deg);
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 40%, #4a3a2a 100%);
  border-radius: 20% 20% 30% 30% / 40% 40% 30% 30%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: gt-tree-sway 6s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .tree::after {
  content: '';
  position: absolute; top: -30px; left: -10px; width: 60px; height: 40px;
  background: radial-gradient(ellipse at 50% 0%, #a0b080 0%, #7a9060 50%, transparent 80%);
  border-radius: 60% 60% 0 0 / 100% 100% 0 0;
  animation: gt-leaves 8s ease-in-out infinite alternate;
}
.scn-gum-tree-water-pipe .root {
  position: absolute; bottom: 25%; left: 40%; width: 80px; height: 10px;
  background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 50%, #5a4a3a 100%);
  border-radius: 50% / 100% 100% 0 0;
  transform-origin: left center;
  animation: gt-root-wiggle 4s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .pipe {
  position: absolute; bottom: 20%; left: 20%; width: 120px; height: 12px;
  background: linear-gradient(180deg, #a09080 0%, #c0b0a0 50%, #908070 100%);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: gt-pipe-pulse 3s ease-in-out infinite;
}
.scn-gum-tree-water-pipe .water {
  position: absolute; bottom: 20%; left: 28%; width: 10px; height: 0;
  background: linear-gradient(180deg, #b0d8f0 0%, #80c0e0 100%);
  border-radius: 50%;
  animation: gt-water-spout 2s ease-in-out infinite;
}
@keyframes gt-sunrise {
  0%,100% { transform: translateY(0) scale(1); opacity: 0.9; }
  50% { transform: translateY(-8px) scale(1.05); opacity: 1; }
}
@keyframes gt-sky {
  0%,100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes gt-ground-settle {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes gt-tree-sway {
  0%,100% { transform: translateX(-50%) rotate(2deg); }
  50% { transform: translateX(-50%) rotate(5deg); }
}
@keyframes gt-leaves {
  0%,100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.1) rotate(5deg); }
}
@keyframes gt-root-wiggle {
  0%,100% { transform: rotate(0deg) scaleX(1); }
  25% { transform: rotate(8deg) scaleX(1.1); }
  75% { transform: rotate(-5deg) scaleX(0.95); }
}
@keyframes gt-pipe-pulse {
  0%,100% { box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
  50% { box-shadow: 0 2px 8px rgba(100,180,220,0.5); }
}
@keyframes gt-water-spout {
  0%,100% { height: 0; opacity: 0.3; }
  50% { height: 40px; opacity: 0.9; }
}

.scn-three-sisters-boulders{background:linear-gradient(180deg,#87CEEB 0%,#FFD700 80%),radial-gradient(ellipse at 50% 100%,#FFD700 0%,transparent 60%)}
.sky{position:absolute;inset:0;background:linear-gradient(180deg,#B0E0E6 0%,transparent 100%);animation:tsb-sky20s ease-in-out infinite alternate}
.ground{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#8FBC8F 0%,#6B8E23 100%);border-radius:50% 50% 0 0;box-shadow:inset 0 -10px 20px rgba(0,0,0,.2);animation:tsb-ground15s ease-in-out infinite alternate}
.sun{position:absolute;top:10%;right:20%;width:60px;height:60px;background:radial-gradient(circle,#FFD700 0%,#FFA500 50%,transparent 70%);border-radius:50%;box-shadow:0 0 40px 20px rgba(255,215,0,.4);animation:tsb-sun8s ease-in-out infinite alternate}
.boulder{position:absolute;bottom:30%;background:linear-gradient(135deg,#C0C0C0 0%,#808080 50%,#555555 100%);border-radius:50% 40% 60% 50%/60% 50% 50% 60%;box-shadow:10px 10px 20px rgba(0,0,0,.4),inset -5px -5px 10px rgba(0,0,0,.2);animation:tsb-boulder12s ease-in-out infinite}
.boulder-1{left:15%;width:100px;height:90px;animation-delay:0s}
.boulder-2{left:40%;width:80px;height:70px;animation-delay:-4s}
.boulder-3{left:65%;width:90px;height:85px;animation-delay:-8s}
@keyframes tsb-sky{0%{opacity:.9}50%{opacity:1}100%{opacity:.8}}
@keyframes tsb-ground{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}100%{transform:translateY(0) scale(1)}}
@keyframes tsb-sun{0%{box-shadow:0 0 30px 15px rgba(255,215,0,.3);transform:scale(1)}50%{box-shadow:0 0 50px 25px rgba(255,215,0,.5);transform:scale(1.1)}100%{box-shadow:0 0 35px 18px rgba(255,215,0,.4);transform:scale(1)}}
@keyframes tsb-boulder{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(1deg)}100%{transform:translateY(0) rotate(0deg)}}
/* end per-scene blocks */

/* ============ tier A ============ */
/* per-scene blocks (EXP step_scenes) */
/* living-god scene */
.scn-living-god { background: linear-gradient(135deg, #f5e6c8 0%, #d4a76a 50%, #b88a5a 100%), radial-gradient(ellipse at 50% 30%, #ffe8b0 0%, transparent 60%); }
.scn-living-god .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #e8d5b0 0%, #c9a87a 100%); animation: lg1-ambient 20s ease-in-out infinite; }
.scn-living-god .throne { position:absolute; bottom:20%; left:50%; width:120px; height:150px; transform:translateX(-50%); background: linear-gradient(135deg, #8b6f47 0%, #6b4f2f 100%); border-radius: 20% 20% 10% 10% / 40% 40% 10% 10%; box-shadow: 0 10px 20px rgba(0,0,0,0.4); animation: lg1-pulse 6s ease-in-out infinite alternate; }
.scn-living-god .divine-figure { position:absolute; bottom:28%; left:50%; width:50px; height:80px; transform:translateX(-50%); background: linear-gradient(180deg, #f0d8a0 0%, #c8a870 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; animation: lg1-glow 4s ease-in-out infinite alternate; }
.scn-living-god .halo { position:absolute; bottom:68%; left:50%; width:70px; height:70px; transform:translateX(-50%); background: radial-gradient(circle, #ffe680 0%, transparent 70%); border-radius:50%; animation: lg1-rotate 12s linear infinite; }
.scn-living-god .card { position:absolute; bottom:45%; left:20%; width:40px; height:60px; background: linear-gradient(135deg, #f5e6c8, #dcc9a0); border-radius: 4px; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); transform: rotate(-15deg); animation: lg1-card 8s ease-in-out infinite alternate; }
.scn-living-god .shadow-demon { position:absolute; bottom:10%; left:70%; width:30px; height:60px; background: linear-gradient(180deg, #1a1a2e, #0d0d1a); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; opacity:0.6; animation: lg1-demon 10s ease-in-out infinite alternate; }
@keyframes lg1-ambient { 0%,100% { opacity:0.8 } 50% { opacity:1 } }
@keyframes lg1-pulse { 0%,100% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.03) } }
@keyframes lg1-glow { 0%,100% { opacity:0.7; transform: translateX(-50%) scale(1) } 50% { opacity:1; transform: translateX(-50%) scale(1.05) translateY(-5px) } }
@keyframes lg1-rotate { 0% { transform: translateX(-50%) rotate(0deg) } 100% { transform: translateX(-50%) rotate(360deg) } }
@keyframes lg1-card { 0% { transform: rotate(-15deg) translateX(0) } 50% { transform: rotate(-5deg) translateX(10px) } 100% { transform: rotate(-20deg) translateX(-5px) } }
@keyframes lg1-demon { 0%,100% { transform: translateY(0) scale(0.9) } 50% { transform: translateY(-10px) scale(1.1) } }

/* huck-finn-god scene */
.scn-huck-finn-god { background: linear-gradient(180deg, #f0e4d0 0%, #d8c4a8 50%, #bfa88a 100%), radial-gradient(ellipse at 50% 50%, #fff4e0 0%, transparent 50%); }
.scn-huck-finn-god .library-bg { position:absolute; inset:0; background: linear-gradient(135deg, #e8dcc8 0%, #c8b8a0 100%); animation: hfg1-shift 15s ease-in-out infinite alternate; }
.scn-huck-finn-god .armchair { position:absolute; bottom:20%; left:30%; width:100px; height:80px; background: linear-gradient(180deg, #6b4f2f 0%, #4a3520 100%); border-radius: 20% 20% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 8px 15px rgba(0,0,0,0.3); animation: hfg1-rock 6s ease-in-out infinite alternate; }
.scn-huck-finn-god .god-figure { position:absolute; bottom:25%; left:35%; width:40px; height:70px; background: linear-gradient(180deg, #d4b88a 0%, #b09870 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; animation: hfg1-speak 5s ease-in-out infinite; }
.scn-huck-finn-god .book-stack { position:absolute; bottom:15%; left:55%; width:50px; height:40px; background: linear-gradient(90deg, #a08060 0%, #c0a080 50%, #907050 100%); border-radius: 4px; transform: rotate(-5deg); animation: hfg1-bounce 8s ease-in-out infinite alternate; }
.scn-huck-finn-god .speech-bubble { position:absolute; top:20%; left:40%; width:60px; height:30px; background: #f5f0e0; border-radius: 30% 30% 30% 30% / 50% 50% 50% 50%; box-shadow: 2px 2px 8px rgba(0,0,0,0.2); animation: hfg1-bubble 7s ease-in-out infinite alternate; }
.scn-huck-finn-god .pen { position:absolute; bottom:45%; left:50%; width:30px; height:8px; background: #6b4f2f; border-radius: 40% 40% 40% 40% / 60% 60% 60% 60%; transform: rotate(30deg); animation: hfg1-write 4s ease-in-out infinite alternate; }
@keyframes hfg1-shift { 0%,100% { opacity:0.9 } 50% { opacity:1 } }
@keyframes hfg1-rock { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(2deg) } 75% { transform: rotate(-2deg) } }
@keyframes hfg1-speak { 0%,100% { transform: translateY(0) } 30% { transform: translateY(-3px) rotate(1deg) } 70% { transform: translateY(-1px) rotate(-1deg) } }
@keyframes hfg1-bounce { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-3deg) translateY(-5px) } }
@keyframes hfg1-bubble { 0%,100% { transform: scale(1) } 50% { transform: scale(1.1) translateX(5px) } }
@keyframes hfg1-write { 0%,100% { transform: rotate(30deg) translateX(0) } 50% { transform: rotate(20deg) translateX(8px) } }

/* god-departs scene */
.scn-god-departs { background: linear-gradient(135deg, #f5e6c8 0%, #d4a76a 50%, #b88a5a 100%), radial-gradient(ellipse at 50% 70%, #fff0d0 0%, transparent 40%); }
.scn-god-departs .doorway { position:absolute; inset:10% 30% 10% 30%; background: linear-gradient(180deg, #8b6f47 0%, #5a3f2f 100%); border-radius: 10% 10% 0 0 / 20% 20% 0 0; box-shadow: inset 0 0 30px rgba(0,0,0,0.5); animation: gd1-open 14s ease-in-out infinite alternate; }
.scn-god-departs .god-figure { position:absolute; bottom:25%; left:50%; width:40px; height:70px; transform:translateX(-50%); background: linear-gradient(180deg, #d4b88a 0%, #b09870 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; animation: gd1-walk 6s ease-in-out infinite; }
.scn-god-departs .hat { position:absolute; bottom:72%; left:50%; width:30px; height:20px; transform:translateX(-50%); background: #6b4f2f; border-radius: 50% 50% 10% 10% / 80% 80% 10% 10%; box-shadow: 0 4px 6px rgba(0,0,0,0.2); animation: gd1-tilt 8s ease-in-out infinite alternate; }
.scn-god-departs .cloak-sweep { position:absolute; bottom:20%; left:45%; width:60px; height:40px; background: linear-gradient(180deg, #a08870 0%, #7a5a40 100%); border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%; transform: translateX(-50%) rotate(5deg); animation: gd1-sweep 7s ease-in-out infinite alternate; }
.scn-god-departs .footstep { position:absolute; bottom:15%; left:40%; width:15px; height:6px; background: #8b6f47; border-radius: 50%; opacity:0.5; animation: gd1-step 5s ease-in-out infinite; }
.scn-god-departs .curtain { position:absolute; top:0; bottom:0; left:25%; width:10%; background: linear-gradient(90deg, #c9a87a 0%, #e8d5b0 50%, #c9a87a 100%); border-radius: 0 20% 20% 0 / 0 30% 30% 0; animation: gd1-curtain 18s linear infinite alternate; }
@keyframes gd1-open { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } }
@keyframes gd1-walk { 0%,100% { transform: translateX(-50%) translateY(0) } 30% { transform: translateX(-40%) translateY(-5px) } 70% { transform: translateX(-60%) translateY(-3px) } }
@keyframes gd1-tilt { 0%,100% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) rotate(10deg) } }
@keyframes gd1-sweep { 0%,100% { transform: translateX(-50%) rotate(5deg) } 50% { transform: translateX(-50%) rotate(15deg) } }
@keyframes gd1-step { 0%,100% { opacity:0.3; transform: scale(1) } 50% { opacity:0.7; transform: scale(1.2) } }
@keyframes gd1-curtain { 0% { transform: translateX(0) } 100% { transform: translateX(10px) } }

/* malabar-point scene */
.scn-malabar-point { background: linear-gradient(180deg, #7fb5d0 0%, #4a8ca0 40%, #2a5a6a 100%), radial-gradient(ellipse at 70% 20%, #c8e0f0 0%, transparent 50%); }
.scn-malabar-point .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #a0d0e0 0%, #6a9cb0 100%); animation: mp1-sky 20s ease-in-out infinite alternate; }
.scn-malabar-point .sea { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #3a6a8a 0%, #1a3a5a 100%); border-radius: 60% 40% 0 0 / 30% 20% 0 0; animation: mp1-sea 15s ease-in-out infinite alternate; }
.scn-malabar-point .veranda-floor { position:absolute; bottom:30%; left:10%; right:10%; height:15%; background: linear-gradient(180deg, #c8b8a0 0%, #a08870 100%); border-radius: 10% 10% 0 0 / 20% 20% 0 0; box-shadow: 0 -8px 15px rgba(0,0,0,0.3); }
.scn-malabar-point .columns { position:absolute; bottom:30%; left:15%; width:10px; height:100px; background: linear-gradient(180deg, #e8dcc8 0%, #c8b8a0 100%); box-shadow: 0 0 8px rgba(0,0,0,0.2); animation: mp1-column 8s ease-in-out infinite alternate; }
.scn-malabar-point .native-guard { position:absolute; bottom:32%; left:35%; width:25px; height:45px; background: linear-gradient(180deg, #8b4f2a 0%, #5a3020 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; animation: mp1-guard 6s ease-in-out infinite alternate; }
.scn-malabar-point .chair { position:absolute; bottom:33%; right:20%; width:40px; height:30px; background: linear-gradient(180deg, #4a3520 0%, #2a1a10 100%); border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%; animation: mp1-chair 10s ease infinite; }
.scn-malabar-point .table { position:absolute; bottom:35%; right:25%; width:30px; height:15px; background: linear-gradient(90deg, #6b4f2f 0%, #8b6f47 100%); border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%; animation: mp1-table 12s ease-in-out infinite alternate; }
@keyframes mp1-sky { 0%,100% { opacity:0.8 } 50% { opacity:1 } }
@keyframes mp1-sea { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes mp1-column { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } }
@keyframes mp1-guard { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes mp1-chair { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(2deg) } 75% { transform: rotate(-2deg) } }
@keyframes mp1-table { 0%,100% { transform: scale(1) } 50% { transform: scale(1.02) } }

/* Scene 1: new-zealand-ignorance */
.scn-new-zealand-ignorance {
  background: linear-gradient(180deg, #f9e8c0 0%, #e8d4a0 50%, #d4bf88 100%),
              radial-gradient(ellipse at 30% 70%, #f0d090 0%, transparent 60%);
}
.scn-new-zealand-ignorance .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(90deg, #eedbba 0%, #f5e0c0 50%, #e0c8a0 100%);
}
.scn-new-zealand-ignorance .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #c4a67a 0%, #b09068 100%);
  border-top-left-radius: 20% 40%;
  border-top-right-radius: 20% 40%;
}
.scn-new-zealand-ignorance .window {
  position: absolute; top: 15%; left: 50%; width: 40%; height: 35%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #b8d4f0 0%, #a0c4e8 100%);
  border: 6px solid #b09878;
  border-radius: 4% 4% 10% 10%;
  box-shadow: inset 0 0 20px rgba(255,255,200,.4);
}
.scn-new-zealand-ignorance .map {
  position: absolute; bottom: 30%; left: 28%; width: 25%; height: 20%;
  background: linear-gradient(135deg, #f5eac8 0%, #e8d8a8 100%);
  border-radius: 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  transform: rotate(-3deg);
  animation: nzi-map 6s ease-in-out infinite alternate;
}
.scn-new-zealand-ignorance .figure-a {
  position: absolute; bottom: 30%; left: 15%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: nzi-figA 4s ease-in-out infinite;
}
.scn-new-zealand-ignorance .figure-b {
  position: absolute; bottom: 30%; right: 18%; width: 22px; height: 52px;
  background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: scaleX(-1);
  animation: nzi-figB 5s ease-in-out infinite;
}
@keyframes nzi-map { 0% { transform: rotate(-3deg) scale(1); } 50% { transform: rotate(2deg) scale(1.02); } 100% { transform: rotate(-3deg) scale(1); } }
@keyframes nzi-figA { 0% { transform: translateY(0) rotate(-2deg); } 30% { transform: translateY(-2px) rotate(0deg); } 60% { transform: translateY(0) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes nzi-figB { 0% { transform: scaleX(-1) translateY(0); } 40% { transform: scaleX(-1) translateY(-3px); } 80% { transform: scaleX(-1) translateY(0); } 100% { transform: scaleX(-1) translateY(0); } }

/* Scene 2: professor-x */
.scn-professor-x {
  background: linear-gradient(180deg, #c0d6e8 0%, #a8c0d8 40%, #d0e0f0 100%),
              radial-gradient(ellipse at 20% 80%, #e8f4ff 0%, transparent 70%);
}
.scn-professor-x .deck {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #b8c8d0 0%, #a0b0b8 100%);
}
.scn-professor-x .railing {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 6px;
  background: #887870;
  box-shadow: 0 8px 0 #776860, 0 16px 0 #665850;
  animation: prx-rail 7s ease-in-out infinite alternate;
}
.scn-professor-x .table {
  position: absolute; bottom: 20%; left: 25%; width: 30%; height: 18%;
  background: linear-gradient(180deg, #6a5a4a 0%, #5a4a3a 100%);
  border-radius: 4%;
}
.scn-professor-x .book {
  position: absolute; bottom: 28%; left: 30%; width: 10%; height: 12%;
  background: #8a7a6a;
  border-radius: 4%;
  transform: rotate(-8deg);
  box-shadow: 2px 2px 4px rgba(0,0,0,.3);
  animation: prx-book 5s ease-in-out infinite;
}
.scn-professor-x .nar-fig {
  position: absolute; bottom: 15%; left: 12%; width: 20px; height: 60px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: prx-nar 4s ease-in-out infinite alternate;
}
.scn-professor-x .prof-fig {
  position: absolute; bottom: 15%; right: 15%; width: 22px; height: 62px;
  background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: scaleX(-1);
  animation: prx-prof 4.5s ease-in-out infinite alternate;
}
@keyframes prx-rail { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .8; } }
@keyframes prx-book { 0% { transform: rotate(-8deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-8deg); } }
@keyframes prx-nar { 0% { transform: translateY(0) rotate(-1deg); } 30% { transform: translateY(-2px) rotate(0); } 60% { transform: translateY(0) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes prx-prof { 0% { transform: scaleX(-1) translateY(0) rotate(1deg); } 40% { transform: scaleX(-1) translateY(-3px) rotate(0); } 80% { transform: scaleX(-1) translateY(0) rotate(-1deg); } 100% { transform: scaleX(-1) translateY(0) rotate(1deg); } }

/* Scene 3: professors-secret */
.scn-professors-secret {
  background: linear-gradient(180deg, #f5e0c0 0%, #e5d0b0 40%, #d4bfa0 100%),
              radial-gradient(ellipse at 50% 60%, #ffe8b0 0%, transparent 70%);
}
.scn-professors-secret .study-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #ddc8a8 0%, #ecd8b8 50%, #ddc8a8 100%);
}
.scn-professors-secret .desk {
  position: absolute; bottom: 20%; left: 20%; width: 60%; height: 25%;
  background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%);
  border-radius: 6% 6% 4% 4%;
  box-shadow: 0 6px 12px rgba(0,0,0,.3);
}
.scn-professors-secret .chair {
  position: absolute; bottom: 15%; left: 45%; width: 18%; height: 30%;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%;
}
.scn-professors-secret .prof-seated {
  position: absolute; bottom: 28%; left: 46%; width: 14%; height: 25%;
  background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ps-seated 5s ease-in-out infinite;
}
.scn-professors-secret .card {
  position: absolute; bottom: 30%; left: 35%; width: 12%; height: 15%;
  background: linear-gradient(135deg, #f5eac8 0%, #e8d8a8 100%);
  border-radius: 4%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  transform: rotate(10deg);
  animation: ps-card 3s ease-in-out infinite alternate;
}
.scn-professors-secret .lamp {
  position: absolute; bottom: 55%; left: 30%; width: 10%; height: 18%;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 2% 2% 10% 10%;
  box-shadow: 0 -12px 20px 6px rgba(255,200,100,.5);
  animation: ps-lamp 4s ease-in-out infinite alternate;
}
@keyframes ps-seated { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes ps-card { 0% { transform: rotate(10deg) scale(1); } 50% { transform: rotate(5deg) scale(1.02); } 100% { transform: rotate(10deg) scale(1); } }
@keyframes ps-lamp { 0% { opacity: .7; box-shadow: 0 -12px 20px 6px rgba(255,200,100,.3); } 50% { opacity: 1; box-shadow: 0 -12px 30px 10px rgba(255,200,100,.6); } 100% { opacity: .8; box-shadow: 0 -12px 20px 6px rgba(255,200,100,.4); } }

/* Scene 4: faculty-study */
.scn-faculty-study {
  background: linear-gradient(180deg, #e8d4b8 0%, #d8c4a8 40%, #c8b498 100%),
              radial-gradient(ellipse at 40% 50%, #f0d8b8 0%, transparent 60%);
}
.scn-faculty-study .fs-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(90deg, #cbb8a0 0%, #dcc8b0 50%, #cbb8a0 100%);
}
.scn-faculty-study .bookshelf {
  position: absolute; top: 10%; left: 5%; width: 20%; height: 60%;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 4%;
  box-shadow: inset 0 0 20px rgba(0,0,0,.3);
}
.scn-faculty-study .globe {
  position: absolute; bottom: 25%; right: 10%; width: 16%; height: 30%;
  background: radial-gradient(circle at 40% 30%, #80a0c0 0%, #406080 60%, #2a3a5a 100%);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,.3), inset -10px -5px 20px rgba(0,0,0,.2);
  animation: fs-globe 12s linear infinite;
}
.scn-faculty-study .fs-fig1 {
  position: absolute; bottom: 20%; left: 25%; width: 18px; height: 55px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: fs-fig1 4s ease-in-out infinite alternate;
}
.scn-faculty-study .fs-fig2 {
  position: absolute; bottom: 20%; left: 40%; width: 20px; height: 57px;
  background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: fs-fig2 4.5s ease-in-out infinite alternate;
  animation-delay: .5s;
}
.scn-faculty-study .fs-fig3 {
  position: absolute; bottom: 20%; right: 35%; width: 19px; height: 53px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: scaleX(-1);
  transform-origin: bottom;
  animation: fs-fig3 5s ease-in-out infinite alternate;
  animation-delay: 1s;
}
@keyframes fs-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fs-fig1 { 0% { transform: translateY(0) rotate(-1deg); } 30% { transform: translateY(-2px) rotate(1deg); } 60% { transform: translateY(0) rotate(0); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes fs-fig2 { 0% { transform: translateY(0) rotate(0); } 40% { transform: translateY(-3px) rotate(-2deg); } 80% { transform: translateY(0) rotate(1deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes fs-fig3 { 0% { transform: scaleX(-1) translateY(0) rotate(1deg); } 50% { transform: scaleX(-1) translateY(-2px) rotate(-1deg); } 100% { transform: scaleX(-1) translateY(0) rotate(1deg); } }

.scn-tabu-penalty { background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 50% 20%, #8a5a3a 0%, transparent 70%); }
.scn-tabu-penalty .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); transform: scale(0.95); animation: tp-wall 20s ease-in-out infinite; }
.scn-tabu-penalty .table { position:absolute; bottom:20%; left:20%; right:20%; height:8%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.6); }
.scn-tabu-penalty .bowl { position:absolute; bottom:24%; left:40%; width:16%; height:10%; background: radial-gradient(circle, #b8865a 0%, #7a4a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 2px 6px rgba(0,0,0,0.5); animation: tp-bowl 6s ease-in-out infinite; }
.scn-tabu-penalty .steam { position:absolute; bottom:32%; left:44%; width:8%; height:8%; background: radial-gradient(circle, rgba(255,220,180,0.3) 0%, transparent 100%); filter: blur(4px); animation: tp-steam 4s ease-in-out infinite; }
.scn-tabu-penalty .figure-woman { position:absolute; bottom:18%; left:60%; width:12%; height:30%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 80% 80% 40% 40%; transform-origin: bottom center; animation: tp-woman 8s ease-in-out infinite; }
.scn-tabu-penalty .lamp { position:absolute; bottom:38%; left:30%; width:6%; height:10%; background: linear-gradient(180deg, #ffd080 0%, #b07030 100%); border-radius: 20% 20% 40% 40%; box-shadow: 0 0 20px 10px rgba(255,200,100,0.4), 0 0 40px 20px rgba(255,200,100,0.2); animation: tp-lamp 3s ease-in-out infinite alternate; }
.scn-tabu-penalty .shadow { position:absolute; bottom:16%; left:50%; width:30%; height:4%; background: radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 100%); filter: blur(6px); }
@keyframes tp-wall { 0% { opacity:0.8; transform: scale(0.95) } 50% { opacity:1; transform: scale(1) } 100% { opacity:0.85; transform: scale(0.95) } }
@keyframes tp-bowl { 0%,100% { transform: translateY(0) } 50% { transform: translateY(2px) } }
@keyframes tp-steam { 0% { transform: translateY(0) scale(1); opacity:0.5 } 50% { transform: translateY(-8px) scale(1.5); opacity:0.8 } 100% { transform: translateY(-2px) scale(1.1); opacity:0.4 } }
@keyframes tp-woman { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(10px) rotate(0) } 75% { transform: translateX(5px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes tp-lamp { 0% { box-shadow: 0 0 15px 5px rgba(255,200,100,0.4), 0 0 30px 10px rgba(255,200,100,0.2); opacity:0.9 } 100% { box-shadow: 0 0 25px 10px rgba(255,220,120,0.6), 0 0 50px 20px rgba(255,220,120,0.3); opacity:1 } }

.scn-liholiho-blunder { background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 70% 40%, #8a5a3a 0%, transparent 60%); }
.scn-liholiho-blunder .bg-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100); animation: lb-wall 25s ease-in-out infinite; }
.scn-liholiho-blunder .pedestal { position:absolute; bottom:15%; left:35%; width:30%; height:12%; background: linear-gradient(180deg, #6a4a2a 0%, #2a1a0a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.scn-liholiho-blunder .statue { position:absolute; bottom:27%; left:42%; width:16%; height:30%; background: linear-gradient(180deg, #8a7a5a 0%, #4a3a2a 100%); border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%; transform-origin: bottom center; animation: lb-statue 10s ease-in-out infinite; }
.scn-liholiho-blunder .figure-king { position:absolute; bottom:15%; left:15%; width:14%; height:35%; background: linear-gradient(180deg, #1a0a00 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; transform-origin: bottom center; animation: lb-king 12s ease-in-out infinite; }
.scn-liholiho-blunder .arm { position:absolute; bottom:35%; left:25%; width:10%; height:6%; background: linear-gradient(180deg, #1a0a00 0%, #0a0500 100%); border-radius: 40% 40% 20% 20%; transform: rotate(-30deg); animation: lb-arm 3s ease-in-out infinite; }
.scn-liholiho-blunder .window-glow { position:absolute; top:10%; right:10%; width:20%; height:30%; background: radial-gradient(ellipse, rgba(255,200,150,0.4) 0%, transparent 100%); filter: blur(10px); animation: lb-glow 6s ease-in-out infinite alternate; }
.scn-liholiho-blunder .dust { position:absolute; top:20%; left:60%; width:5%; height:5%; background: radial-gradient(circle, rgba(200,180,160,0.2) 0%, transparent 100%); filter: blur(8px); animation: lb-dust 20s linear infinite; }
@keyframes lb-wall { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes lb-statue { 0% { transform: translateY(0) scale(1) } 25% { transform: translateY(-3px) scale(1.02) } 50% { transform: translateY(0) scale(1) } 75% { transform: translateY(-2px) scale(1.01) } 100% { transform: translateY(0) scale(1) } }
@keyframes lb-king { 0% { transform: translateX(0) rotate(0) } 30% { transform: translateX(10px) rotate(3deg) } 60% { transform: translateX(5px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes lb-arm { 0% { transform: rotate(-30deg) } 50% { transform: rotate(-20deg) } 100% { transform: rotate(-30deg) } }
@keyframes lb-glow { 0% { opacity:0.3; transform: scale(1) } 100% { opacity:0.7; transform: scale(1.2) } }
@keyframes lb-dust { 0% { transform: translateY(0) translateX(0) } 100% { transform: translateY(-30px) translateX(20px) } }

.scn-idols-burned { background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 50%, #2a1a0a 100%), radial-gradient(ellipse at 50% 30%, #a07040 0%, transparent 60%); }
.scn-idols-burned .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 20% 20% 0 0; }
.scn-idols-burned .hearth { position:absolute; bottom:20%; left:30%; width:20%; height:15%; background: linear-gradient(180deg, #6a3a1a 0%, #3a1a0a 100%); border-radius: 40% 40% 10% 10%; box-shadow: inset 0 -4px 8px rgba(0,0,0,0.6); animation: ib-hearth 8s ease-in-out infinite; }
.scn-idols-burned .flames { position:absolute; bottom:25%; left:33%; width:14%; height:18%; background: radial-gradient(circle at 50% 80%, #ff8a30 0%, #cc4000 50%, transparent 100%); filter: blur(4px); animation: ib-flames 2s ease-in-out infinite alternate; }
.scn-idols-burned .idol { position:absolute; bottom:28%; left:38%; width:8%; height:20%; background: linear-gradient(180deg, #7a5a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: ib-idol 6s ease-in-out infinite; }
.scn-idols-burned .smoke { position:absolute; top:15%; left:35%; width:30%; height:20%; background: radial-gradient(ellipse, rgba(150,130,110,0.3) 0%, transparent 100%); filter: blur(10px); animation: ib-smoke 12s ease-in-out infinite; }
.scn-idols-burned .figure-missionary { position:absolute; bottom:18%; right:20%; width:12%; height:28%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; transform-origin: bottom center; animation: ib-missionary 8s ease-in-out infinite; }
.scn-idols-burned .light { position:absolute; inset:0; background: radial-gradient(ellipse at 35% 40%, rgba(255,180,80,0.2) 0%, transparent 70%); animation: ib-light 5s ease-in-out infinite alternate; }
@keyframes ib-hearth { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(1) } }
@keyframes ib-flames { 0% { transform: translateY(0) scaleY(1); opacity:0.7 } 100% { transform: translateY(-5px) scaleY(1.3); opacity:1 } }
@keyframes ib-idol { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes ib-smoke { 0% { transform: translateY(0) scale(1); opacity:0.2 } 50% { transform: translateY(-10px) scale(1.5); opacity:0.4 } 100% { transform: translateY(-5px) scale(1.2); opacity:0.25 } }
@keyframes ib-missionary { 0% { transform: translateX(0) } 25% { transform: translateX(5px) } 50% { transform: translateX(0) } 75% { transform: translateX(-5px) } 100% { transform: translateX(0) } }
@keyframes ib-light { 0% { opacity:0.3 } 100% { opacity:0.6 } }

.scn-population-decline { background: linear-gradient(180deg, #3a2a2a 0%, #2a1a1a 50%, #1a0a0a 100%), radial-gradient(ellipse at 50% 70%, #6a4a4a 0%, transparent 60%); }
.scn-population-decline .backdrop { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #4a3a3a 0%, #2a1a1a 100%); animation: pd-backdrop 30s ease-in-out infinite; }
.scn-population-decline .bed { position:absolute; bottom:15%; left:20%; right:20%; height:18%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 -4px 8px rgba(0,0,0,0.5); }
.scn-population-decline .child { position:absolute; bottom:25%; left:30%; width:10%; height:14%; background: linear-gradient(180deg, #1a0a0a 0%, #0a0505 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: pd-child 6s ease-in-out infinite; }
.scn-population-decline .mother { position:absolute; bottom:22%; left:48%; width:12%; height:22%; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; animation: pd-mother 8s ease-in-out infinite; }
.scn-population-decline .father { position:absolute; bottom:20%; right:25%; width:14%; height:26%; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; transform-origin: bottom center; animation: pd-father 10s ease-in-out infinite; }
.scn-population-decline .candle { position:absolute; bottom:40%; left:15%; width:4%; height:6%; background: linear-gradient(180deg, #ffd080 0%, #b07030 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 12px 4px rgba(255,200,100,0.3), 0 0 24px 8px rgba(255,200,100,0.15); animation: pd-candle 4s ease-in-out infinite alternate; }
.scn-population-decline .halo { position:absolute; bottom:30%; left:12%; width:10%; height:10%; background: radial-gradient(circle, rgba(255,200,100,0.2) 0%, transparent 100%); filter: blur(8px); animation: pd-halo 5s ease-in-out infinite alternate; }
@keyframes pd-backdrop { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.75 } }
@keyframes pd-child { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(2px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes pd-mother { 0% { transform: translateX(0) } 25% { transform: translateX(3px) } 50% { transform: translateX(0) } 75% { transform: translateX(-3px) } 100% { transform: translateX(0) } }
@keyframes pd-father { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes pd-candle { 0% { box-shadow: 0 0 10px 3px rgba(255,200,100,0.3), 0 0 20px 6px rgba(255,200,100,0.15); opacity:0.85 } 100% { box-shadow: 0 0 16px 6px rgba(255,220,120,0.5), 0 0 32px 12px rgba(255,220,120,0.25); opacity:1 } }
@keyframes pd-halo { 0% { transform: scale(1); opacity:0.3 } 100% { transform: scale(1.2); opacity:0.6 } }

/* Scene: gold-cannon */
.scn-gold-cannon {
  background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 60%, #b89a6a 100%),
              radial-gradient(ellipse at 70% 80%, #fff3c5 0%, transparent 50%);
}
.scn-gold-cannon .hall-wall {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(90deg, #a8825e 0%, #c19a6b 30%, #a8825e 70%, #8b6a48 100%);
  border-bottom: 4px solid #7a5a3a;
}
.scn-gold-cannon .hall-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #b08960 0%, #8a6e4c 40%, #5a4a32 100%);
}
.scn-gold-cannon .cannon-gold {
  position: absolute; bottom: 22%; left: 25%; width: 120px; height: 50px;
  background: linear-gradient(180deg, #f7d64a 0%, #c8a020 50%, #a07818 100%);
  border-radius: 40px 40px 20px 20px;
  transform: rotate(-3deg);
  box-shadow: 0 8px 0 #7a5a10, 0 12px 20px rgba(0,0,0,0.3);
  animation: gc-cannon-g 4s ease-in-out infinite alternate;
}
.scn-gold-cannon .cannon-silver {
  position: absolute; bottom: 22%; right: 25%; width: 120px; height: 50px;
  background: linear-gradient(180deg, #e0e8f0 0%, #b0b8c0 50%, #808890 100%);
  border-radius: 40px 40px 20px 20px;
  transform: rotate(3deg);
  box-shadow: 0 8px 0 #606870, 0 12px 20px rgba(0,0,0,0.3);
  animation: gc-cannon-s 4s ease-in-out infinite alternate;
}
.scn-gold-cannon .cannon-wheel-gold {
  position: absolute; bottom: 16%; left: 31%; width: 40px; height: 40px;
  background: radial-gradient(circle at 40% 40%, #f5d050 0%, #b08018 100%);
  border-radius: 50%;
  box-shadow: 0 4px 0 #705010, 0 6px 10px rgba(0,0,0,0.3);
  transform: rotate(0deg);
  animation: gc-wheel 2s linear infinite;
}
.scn-gold-cannon .cannon-wheel-silver {
  position: absolute; bottom: 16%; right: 31%; width: 40px; height: 40px;
  background: radial-gradient(circle at 40% 40%, #d0d8e0 0%, #9098a0 100%);
  border-radius: 50%;
  box-shadow: 0 4px 0 #505860, 0 6px 10px rgba(0,0,0,0.3);
  transform: rotate(0deg);
  animation: gc-wheel 2s linear infinite;
}
.scn-gold-cannon .light-beam {
  position: absolute; top: 5%; left: 45%; width: 60px; height: 100%;
  background: linear-gradient(180deg, rgba(255,240,200,0.4) 0%, transparent 80%);
  filter: blur(8px);
  transform-origin: top center;
  animation: gc-light 6s ease-in-out infinite alternate;
}
@keyframes gc-cannon-g {
  0% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(-1deg) translateY(-4px); }
  100% { transform: rotate(-3deg) translateY(0); }
}
@keyframes gc-cannon-s {
  0% { transform: rotate(3deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-4px); }
  100% { transform: rotate(3deg) translateY(0); }
}
@keyframes gc-wheel {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes gc-light {
  0% { opacity: 0.6; transform: scaleX(0.8); }
  50% { opacity: 1; transform: scaleX(1.1); }
  100% { opacity: 0.7; transform: scaleX(0.9); }
}

/* Scene: remarkable-dog */
.scn-remarkable-dog {
  background: linear-gradient(180deg, #f0e4cc 0%, #c8b08e 50%, #a0805e 100%),
              radial-gradient(ellipse at 50% 100%, #e8d0b0 0%, transparent 70%);
}
.scn-remarkable-dog .train-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #7a6a5a 0%, #9a8a7a 30%, #7a6a5a 70%, #5a4a3a 100%);
  border-bottom: 3px solid #3a2a1a;
}
.scn-remarkable-dog .train-seat {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, #c03030 0%, #702020 100%);
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0 4px 8px #d05050, 0 8px 0 #402020;
}
.scn-remarkable-dog .dog-body {
  position: absolute; bottom: 23%; left: 35%; width: 120px; height: 40px;
  background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
  border-radius: 50px 30px 20px 20px;
  transform: rotate(-5deg);
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  animation: rd-body 3s ease-in-out infinite alternate;
}
.scn-remarkable-dog .dog-head {
  position: absolute; bottom: 33%; left: 28%; width: 30px; height: 35px;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: rd-head 3s ease-in-out infinite alternate;
}
.scn-remarkable-dog .dog-ears {
  position: absolute; bottom: 38%; left: 26%; width: 12px; height: 20px;
  background: #1a1a1a;
  border-radius: 50% 50% 0 0;
  transform-origin: top;
  animation: rd-ears 2s ease-in-out infinite alternate;
}
.scn-remarkable-dog .dog-legs {
  position: absolute; bottom: 19%; left: 36%; width: 80px; height: 18px;
  background: #1a1a1a;
  border-radius: 10px;
  box-shadow: 0 2px 0 #0a0a0a;
  animation: rd-legs 3s ease-in-out infinite alternate;
}
@keyframes rd-body {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-3deg) translateY(-3px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes rd-head {
  0% { transform: rotate(0); }
  25% { transform: rotate(5deg) translateX(2px); }
  75% { transform: rotate(-5deg) translateX(-2px); }
  100% { transform: rotate(0); }
}
@keyframes rd-ears {
  0% { transform: rotate(0); }
  100% { transform: rotate(30deg); }
}
@keyframes rd-legs {
  0% { height: 18px; }
  50% { height: 22px; }
  100% { height: 18px; }
}

/* Scene: dog-resigned */
.scn-dog-resigned {
  background: linear-gradient(180deg, #e8dcc8 0%, #c8b89a 50%, #a89878 100%),
              radial-gradient(ellipse at 50% 100%, #f0e0c8 0%, transparent 60%);
}
.scn-dog-resigned .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #b8a080 0%, #908060 100%);
  border-radius: 20% 20% 0 0;
}
.scn-dog-resigned .dog-body {
  position: absolute; bottom: 15%; left: 30%; width: 100px; height: 50px;
  background: linear-gradient(180deg, #2a2a2a 0%, #3a3a3a 50%, #2a2a2a 100%);
  border-radius: 50px 50px 30px 30px;
  transform: scaleX(0.9);
  box-shadow: 0 6px 8px rgba(0,0,0,0.4);
  animation: dr-body 4s ease-in-out infinite alternate;
}
.scn-dog-resigned .dog-head {
  position: absolute; bottom: 30%; left: 25%; width: 40px; height: 40px;
  background: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-10deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: dr-head 3s ease-in-out infinite alternate;
}
.scn-dog-resigned .dog-ears {
  position: absolute; bottom: 35%; left: 22%; width: 14px; height: 22px;
  background: #1a1a1a;
  border-radius: 50% 50% 0 0;
  transform-origin: top;
  animation: dr-ears 2s ease-in-out infinite alternate;
}
.scn-dog-resigned .dog-paws {
  position: absolute; bottom: 10%; left: 35%; width: 40px; height: 12px;
  background: #1a1a1a;
  border-radius: 10px;
  box-shadow: 0 2px 0 #0a0a0a;
  animation: dr-paws 3s ease-in-out infinite alternate;
}
.scn-dog-resigned .dog-shadow {
  position: absolute; bottom: 8%; left: 28%; width: 100px; height: 10px;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  filter: blur(4px);
  animation: dr-shadow 4s ease-in-out infinite alternate;
}
@keyframes dr-body {
  0% { transform: scaleX(0.9) translateY(0); }
  50% { transform: scaleX(0.85) translateY(-2px); }
  100% { transform: scaleX(0.9) translateY(0); }
}
@keyframes dr-head {
  0% { transform: rotate(-10deg) translateY(0); }
  25% { transform: rotate(-5deg) translateY(-2px); }
  75% { transform: rotate(-15deg) translateY(1px); }
  100% { transform: rotate(-10deg) translateY(0); }
}
@keyframes dr-ears {
  0% { transform: rotate(0); }
  100% { transform: rotate(-20deg); }
}
@keyframes dr-paws {
  0% { height: 12px; }
  50% { height: 15px; }
  100% { height: 12px; }
}
@keyframes dr-shadow {
  0% { transform: scaleX(1); opacity: 0.5; }
  50% { transform: scaleX(0.9); opacity: 0.3; }
  100% { transform: scaleX(1); opacity: 0.5; }
}

/* Scene: daly-note */
.scn-daly-note {
  background: linear-gradient(135deg, #3a1a2a 0%, #5a2a3a 40%, #7a3a4a 100%),
              radial-gradient(ellipse at 50% 70%, #8a4a5a 0%, transparent 60%);
}
.scn-daly-note .curtain-left {
  position: absolute; top: 0; left: 0; width: 30%; height: 100%;
  background: linear-gradient(90deg, #701a1a 0%, #a03030 50%, #801a1a 100%);
  border-right: 3px solid #501010;
  transform-origin: left;
  animation: dn-curtain 5s ease-in-out infinite alternate;
}
.scn-daly-note .curtain-right {
  position: absolute; top: 0; right: 0; width: 30%; height: 100%;
  background: linear-gradient(90deg, #801a1a 0%, #a03030 50%, #701a1a 100%);
  border-left: 3px solid #501010;
  transform-origin: right;
  animation: dn-curtain 5s ease-in-out infinite alternate-reverse;
}
.scn-daly-note .hand {
  position: absolute; bottom: 20%; left: 35%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #f0c8a0 0%, #d0a070 100%);
  border-radius: 60% 40% 30% 30% / 80% 60% 40% 40%;
  transform: rotate(-15deg);
  animation: dn-hand 3s ease-in-out infinite alternate;
}
.scn-daly-note .note {
  position: absolute; bottom: 28%; left: 38%; width: 50px; height: 35px;
  background: linear-gradient(180deg, #f5e8d8 0%, #e0d0b8 100%);
  border-radius: 4px;
  transform: rotate(5deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: dn-note 3s ease-in-out infinite alternate;
}
.scn-daly-note .spotlight {
  position: absolute; top: 0; left: 30%; width: 40%; height: 100%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,240,200,0.3) 0%, transparent 70%);
  filter: blur(10px);
  animation: dn-spot 6s ease-in-out infinite alternate;
}
@keyframes dn-curtain {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(0.95); }
  100% { transform: scaleX(1); }
}
@keyframes dn-hand {
  0% { transform: rotate(-15deg) translateY(0); }
  50% { transform: rotate(-12deg) translateY(-3px); }
  100% { transform: rotate(-15deg) translateY(0); }
}
@keyframes dn-note {
  0% { transform: rotate(5deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-2px); }
  100% { transform: rotate(5deg) translateY(0); }
}
@keyframes dn-spot {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}

.scn-wells-of-death {
  background: linear-gradient(180deg, #2a1f1a 0%, #3d2b24 30%, #1a110e 70%, #0d0806 100%), 
              radial-gradient(ellipse at 50% 80%, #4a352e 0%, transparent 60%);
}
.scn-wells-of-death .well-shadow { position:absolute; bottom:15%; left:35%; width:30%; height:55%; background: radial-gradient(ellipse at 50% 0%, #0d0806 0%, transparent 70%); border-radius: 50%; }
.scn-wells-of-death .well-stone { position:absolute; bottom:16%; left:33%; width:34%; height:12%; background: linear-gradient(180deg, #5a4a3e 0%, #3a2a1e 100%); border-radius: 20% 20% 10% 10%; box-shadow: inset 0 4px 8px rgba(0,0,0,.6); }
.scn-wells-of-death .well-darkness { position:absolute; bottom:21%; left:36%; width:28%; height:50%; background: #0d0806; border-radius: 10% 10% 40% 40% / 20% 20% 60% 60%; box-shadow: inset 0 0 20px rgba(0,0,0,.8); }
.scn-wells-of-death .body { position:absolute; width:16px; height:26px; background: linear-gradient(180deg, #4a3025 0%, #2a1a12 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; }
.scn-wells-of-death .body-1 { bottom:28%; left:42%; transform: rotate(15deg); animation: wd-body-fade 6s ease-in-out infinite; }
.scn-wells-of-death .body-2 { bottom:26%; left:48%; transform: rotate(-20deg); animation: wd-body-fade 8s ease-in-out infinite 2s; }
.scn-wells-of-death .hand-out { position:absolute; bottom:30%; left:44%; width:10px; height:12px; background: radial-gradient(circle, #4a3025 0%, #2a1a12 100%); border-radius: 50% 50% 30% 30%; transform: rotate(45deg); animation: wd-hand 2s ease-in-out infinite alternate; }
.scn-wells-of-death .ground { position:absolute; bottom:0; left:0; right:0; height:18%; background: linear-gradient(0deg, #1a110e 0%, #2a1f1a 100%); border-radius: 30% 30% 0 0; box-shadow: inset 0 8px 16px rgba(0,0,0,.5); }
.scn-wells-of-death .chain { position:absolute; bottom:20%; left:38%; width:4px; height:30%; background: repeating-linear-gradient(0deg, #7a6a5e 0px, #7a6a5e 3px, #4a3a2e 3px, #4a3a2e 6px); border-radius: 1px; transform: translateX(60px); animation: wd-chain-sway 3s ease-in-out infinite alternate; }
@keyframes wd-body-fade {
  0% { opacity: 0; transform: translateY(10px) rotate(10deg); }
  30% { opacity: 0.7; }
  50% { opacity: 1; transform: translateY(0) rotate(0deg); }
  70% { opacity: 0.8; }
  100% { opacity: 0; transform: translateY(-10px) rotate(-10deg); }
}
@keyframes wd-hand {
  0% { transform: rotate(30deg) scale(1); }
  50% { transform: rotate(50deg) scale(1.1); }
  100% { transform: rotate(30deg) scale(1); }
}
@keyframes wd-chain-sway {
  0% { transform: translateX(60px) rotate(-3deg); }
  50% { transform: translateX(60px) rotate(3deg); }
  100% { transform: translateX(60px) rotate(-3deg); }
}

.scn-giant-tallies {
  background: linear-gradient(180deg, #3a2e2a 0%, #4a3e38 40%, #2a221e 100%),
              radial-gradient(ellipse at 50% 60%, #5a4a42 0%, transparent 70%);
}
.scn-giant-tallies .wall-bg { position:absolute; inset:0; background: repeating-linear-gradient(90deg, #4a3e38 0px, #4a3e38 4px, #3a2e2a 4px, #3a2e2a 5px); opacity: 0.3; }
.scn-giant-tallies .tally { position:absolute; left:20%; width:2%; height:20%; background: linear-gradient(180deg, #8a7a6e 0%, #6a5a4e 100%); border-radius: 2px; }
.scn-giant-tallies .tally-1 { bottom:40%; height:35%; left:30%; transform: rotate(-5deg); animation: gt-tally-grow 4s ease-in-out infinite; }
.scn-giant-tallies .tally-2 { bottom:45%; height:25%; left:38%; transform: rotate(3deg); animation: gt-tally-grow 4.5s ease-in-out infinite 1s; }
.scn-giant-tallies .tally-3 { bottom:50%; height:20%; left:46%; transform: rotate(-2deg); animation: gt-tally-grow 5s ease-in-out infinite 2s; }
.scn-giant-tallies .hand-mark { position:absolute; bottom:55%; left:25%; width:18px; height:24px; background: radial-gradient(circle at 50% 40%, #4a3e38 0%, #2a221e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(190deg); animation: gt-hand-paint 3s ease-in-out infinite alternate; }
.scn-giant-tallies .candle { position:absolute; bottom:20%; left:60%; width:8px; height:50px; background: linear-gradient(180deg, #c0a880 0%, #a08868 100%); border-radius: 2px; box-shadow: inset -2px 0 4px rgba(0,0,0,.3); }
.scn-giant-tallies .candle-glow { position:absolute; bottom:60%; left:58%; width:40px; height:40px; background: radial-gradient(circle, #ffd080 0%, #ffa040 30%, transparent 70%); border-radius: 50%; animation: gt-candle-glow 2s ease-in-out infinite alternate; }
@keyframes gt-tally-grow {
  0% { transform: scaleY(0.5) rotate(-5deg); opacity: 0.5; }
  30% { transform: scaleY(1) rotate(0deg); opacity: 1; }
  70% { transform: scaleY(1) rotate(0deg); opacity: 1; }
  100% { transform: scaleY(0.2) rotate(5deg); opacity: 0.3; }
}
@keyframes gt-hand-paint {
  0% { transform: rotate(180deg) translateX(0); }
  50% { transform: rotate(195deg) translateX(10px); }
  100% { transform: rotate(180deg) translateX(0); }
}
@keyframes gt-candle-glow {
  0% { transform: scale(0.8); opacity: 0.6; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.7; }
}

.scn-thuggee-extirpated {
  background: linear-gradient(180deg, #4a3e30 0%, #6a5a48 40%, #8a7a5e 100%),
              radial-gradient(ellipse at 50% 80%, #a09070 0%, transparent 60%);
}
.scn-thuggee-extirpated .soil-top { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #5a4a38 0%, #3a2a1e 100%); border-radius: 40% 40% 0 0; }
.scn-thuggee-extirpated .roots { position:absolute; bottom:35%; left:20%; width:60%; height:20%; background: radial-gradient(ellipse at 50% 100%, #6a5a48 0%, transparent 70%); clip-path: polygon(0 0, 5% 30%, 10% 0, 20% 40%, 30% 10%, 40% 50%, 50% 0, 60% 30%, 70% 0, 80% 40%, 90% 10%, 100% 0); }
.scn-thuggee-extirpated .hand-grip { position:absolute; bottom:45%; left:40%; width:30px; height:40px; background: radial-gradient(circle at 50% 40%, #c8b8a0 0%, #a09078 70%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: rotate(10deg); animation: te-pull 2s ease-in-out infinite alternate; }
.scn-thuggee-extirpated .stem { position:absolute; bottom:38%; left:47%; width:6px; height:60px; background: linear-gradient(180deg, #7a6a5e 0%, #4a3a2e 100%); border-radius: 3px; transform-origin: bottom; animation: te-stem-bend 2s ease-in-out infinite alternate; }
.scn-thuggee-extirpated .leaf { position:absolute; width:20px; height:10px; background: radial-gradient(circle, #6a7a50 0%, #4a5a30 100%); border-radius: 50% 50% 20% 20%; }
.scn-thuggee-extirpated .leaf-1 { bottom:62%; left:46%; transform: rotate(-30deg); animation: te-leaf-spark 3s ease-in-out infinite; }
.scn-thuggee-extirpated .leaf-2 { bottom:68%; left:52%; transform: rotate(25deg); animation: te-leaf-spark 3.5s ease-in-out infinite 1s; }
.scn-thuggee-extirpated .sparkle { position:absolute; bottom:50%; left:50%; width:12px; height:12px; background: radial-gradient(circle, #ffd080 0%, transparent 70%); border-radius: 50%; animation: te-sparkle 1.5s ease-in-out infinite; }
@keyframes te-pull {
  0% { transform: rotate(10deg) translateY(0); }
  50% { transform: rotate(20deg) translateY(-8px); }
  100% { transform: rotate(5deg) translateY(0); }
}
@keyframes te-stem-bend {
  0% { transform: rotate(-5deg) scaleY(1); }
  50% { transform: rotate(10deg) scaleY(1.1); }
  100% { transform: rotate(-5deg) scaleY(1); }
}
@keyframes te-leaf-spark {
  0% { opacity: 0.5; transform: rotate(-30deg) scale(0.8); }
  50% { opacity: 1; transform: rotate(0deg) scale(1.2); }
  100% { opacity: 0.5; transform: rotate(30deg) scale(0.8); }
}
@keyframes te-sparkle {
  0% { transform: scale(0); opacity: 0; }
  50% { transform: scale(1.5); opacity: 1; }
  100% { transform: scale(0); opacity: 0; }
}

.scn-joy-divided {
  background: linear-gradient(180deg, #f0e8d8 0%, #e0d8c8 60%, #c8c0b0 100%),
              radial-gradient(ellipse at 50% 30%, #fff8e8 0%, transparent 70%);
}
.scn-joy-divided .table-top { position:absolute; bottom:0; left:5%; right:5%; height:50%; background: linear-gradient(180deg, #d8c8b0 0%, #b8a890 100%); border-radius: 20% 20% 0 0 / 10% 10% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.1); }
.scn-joy-divided .plate-left { position:absolute; bottom:25%; left:25%; width:20%; height:10%; background: radial-gradient(ellipse, #f8f0e0 0%, #e0d0c0 60%); border-radius: 50%; box-shadow: inset 0 2px 6px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1); animation: jd-plate 6s ease-in-out infinite; }
.scn-joy-divided .plate-right { position:absolute; bottom:25%; right:25%; width:20%; height:10%; background: radial-gradient(ellipse, #f8f0e0 0%, #e0d0c0 60%); border-radius: 50%; box-shadow: inset 0 2px 6px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1); animation: jd-plate 6s ease-in-out infinite 3s; }
.scn-joy-divided .cake { position:absolute; width:12%; height:8%; background: linear-gradient(180deg, #f0c0a0 0%, #d8a080 100%); border-radius: 20% 20% 10% 10%; box-shadow: inset 0 -3px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.1); }
.scn-joy-divided .left-cake { bottom:30%; left:29%; transform: rotate(-5deg); animation: jd-cake-bounce 3s ease-in-out infinite; }
.scn-joy-divided .right-cake { bottom:30%; right:29%; transform: rotate(5deg); animation: jd-cake-bounce 3.5s ease-in-out infinite 1s; }
.scn-joy-divided .hand-left { position:absolute; bottom:32%; left:35%; width:14px; height:20px; background: radial-gradient(circle at 50% 40%, #f0d8c8 0%, #d0b8a0 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(-30deg); animation: jd-hand 3s ease-in-out infinite alternate; }
.scn-joy-divided .hand-right { position:absolute; bottom:32%; right:35%; width:14px; height:20px; background: radial-gradient(circle at 50% 40%, #f0d8c8 0%, #d0b8a0 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(30deg); animation: jd-hand 3s ease-in-out infinite alternate 1.5s; }
.scn-joy-divided .sparkles { position:absolute; top:10%; left:20%; right:20%; height:10%; background: radial-gradient(circle at 30% 50%, #ffd080 0%, transparent 30%), radial-gradient(circle at 70% 40%, #ffd080 0%, transparent 30%); opacity: 0.6; animation: jd-sparkle 2s ease-in-out infinite; }
@keyframes jd-plate {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.05) rotate(2deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes jd-cake-bounce {
  0% { transform: translateY(0) rotate(-5deg); }
  30% { transform: translateY(-6px) rotate(0deg); }
  60% { transform: translateY(0) rotate(5deg); }
  100% { transform: translateY(0) rotate(-5deg); }
}
@keyframes jd-hand {
  0% { transform: rotate(-30deg) translateX(0); }
  50% { transform: rotate(0deg) translateX(10px); }
  100% { transform: rotate(-30deg) translateX(0); }
}
@keyframes jd-sparkle {
  0% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 0.8; transform: scale(1.2); }
  100% { opacity: 0.3; transform: scale(0.8); }
}

.scn-tolerant-province {
  background: linear-gradient(180deg, #f5e6c8 0%, #d4b886 50%, #b8945a 100%), radial-gradient(ellipse at 30% 50%, #f0d9a8 0%, transparent 60%);
}
.scn-tolerant-province .wall-bg {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(135deg, #dac292 0%, #c4a87a 100%);
  animation: tp-wall 12s ease-in-out infinite alternate;
}
.scn-tolerant-province .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #8b6f4e 0%, #5a4632 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-tolerant-province .table {
  position: absolute; bottom: 20%; left: 15%; right: 15%; height: 12%;
  background: linear-gradient(180deg, #7a5d3a 0%, #5a4028 100%);
  border-radius: 6px 6px 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: tp-table 8s ease-in-out infinite;
}
.scn-tolerant-province .candles {
  position: absolute; bottom: 32%; left: 30%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #ffd700 0%, #e6a800 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 20px 6px #ffd700, 0 0 40px 12px rgba(255,215,0,0.4);
  animation: tp-candle 3s ease-in-out infinite alternate;
}
.scn-tolerant-province .settler-left {
  position: absolute; bottom: 20%; left: 25%; width: 22px; height: 40px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: tp-settle 4s ease-in-out infinite;
}
.scn-tolerant-province .settler-right {
  position: absolute; bottom: 20%; right: 25%; width: 22px; height: 40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: tp-settle 4s ease-in-out infinite 2s;
}
.scn-tolerant-province .window-light {
  position: absolute; top: 10%; right: 12%; width: 50px; height: 60px;
  background: radial-gradient(ellipse at center, #fff4d4 0%, #e6c88a 60%, transparent 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 0 30px 10px rgba(230,200,138,0.5);
  animation: tp-window 10s ease-in-out infinite alternate;
}
.scn-tolerant-province .banner {
  position: absolute; top: 6%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 16px;
  background: linear-gradient(90deg, #c8553d 0%, #a0461a 50%, #c8553d 100%);
  border-radius: 4px;
  animation: tp-banner 9s ease-in-out infinite;
}
@keyframes tp-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes tp-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes tp-candle { 0% { opacity: 0.85; box-shadow: 0 0 16px 4px #ffd700; } 50% { opacity: 1; box-shadow: 0 0 28px 8px #ffe44d; } 100% { opacity: 0.9; box-shadow: 0 0 20px 6px #ffd700; } }
@keyframes tp-settle { 0%,100% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(8px) rotate(2deg); } }
@keyframes tp-window { 0% { opacity: 0.7; } 100% { opacity: 1; } }
@keyframes tp-banner { 0%,100% { transform: translateX(-50%) scaleX(1); } 50% { transform: translateX(-50%) scaleX(1.1); } }

.scn-old-settlers-speeches {
  background: linear-gradient(180deg, #fcf3d9 0%, #e6d3a3 60%, #bfa06a 100%), radial-gradient(ellipse at 50% 40%, #fef5e0 0%, transparent 70%);
}
.scn-old-settlers-speeches .stage-bg {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(135deg, #d4b68c 0%, #b8945a 100%);
  animation: os-stage 15s ease-in-out infinite alternate;
}
.scn-old-settlers-speeches .podium {
  position: absolute; bottom: 45%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 30px;
  background: linear-gradient(180deg, #5a4028 0%, #3a2a1a 100%);
  border-radius: 10% 10% 6% 6%;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.3);
}
.scn-old-settlers-speeches .speaker-a {
  position: absolute; bottom: 45%; left: 42%; width: 24px; height: 44px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: os-speak 3s ease-in-out infinite;
}
.scn-old-settlers-speeches .speaker-b {
  position: absolute; bottom: 45%; right: 42%; width: 24px; height: 44px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: os-speak 3s ease-in-out infinite 1.5s;
}
.scn-old-settlers-speeches .confetti-1 {
  position: absolute; top: 12%; left: 20%; width: 8px; height: 8px;
  background: #ffb347;
  border-radius: 50%;
  box-shadow: 0 8px 0 #6a9fb5, 0 16px 0 #b87878;
  animation: os-confetti 6s linear infinite;
}
.scn-old-settlers-speeches .confetti-2 {
  position: absolute; top: 18%; right: 25%; width: 8px; height: 8px;
  background: #6a9fb5;
  border-radius: 50%;
  box-shadow: -8px 8px 0 #ffb347, -16px 16px 0 #b87878;
  animation: os-confetti 6s linear infinite 3s;
}
.scn-old-settlers-speeches .hands-up {
  position: absolute; bottom: 50%; left: 45%; width: 14px; height: 10px;
  background: transparent;
  border-top: 6px solid #3a2a1a;
  border-radius: 50%;
  animation: os-hands 2s ease-in-out infinite;
}
@keyframes os-stage { 0% { opacity: 0.85; } 100% { opacity: 1; } }
@keyframes os-speak { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-6px) rotate(3deg); } 50% { transform: translateY(-2px) rotate(-2deg); } 75% { transform: translateY(-8px) rotate(2deg); } }
@keyframes os-confetti { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 50% { transform: translateY(20px) rotate(180deg); opacity: 0.6; } 100% { transform: translateY(40px) rotate(360deg); opacity: 0; } }
@keyframes os-hands { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.2); } }

.scn-joyous-orators {
  background: linear-gradient(180deg, #fdf4e3 0%, #ecd5a8 50%, #c9a86a 100%), radial-gradient(ellipse at 20% 30%, #fff8ed 0%, transparent 60%);
}
.scn-joyous-orators .hall-bg {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #dac292 0%, #b8945a 100%);
  animation: jo-hall 14s ease-in-out infinite alternate;
}
.scn-joyous-orators .usher-left {
  position: absolute; bottom: 30%; left: 18%; width: 20px; height: 38px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1e14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jo-usher 5s ease-in-out infinite;
}
.scn-joyous-orators .usher-right {
  position: absolute; bottom: 30%; right: 18%; width: 20px; height: 38px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1e14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jo-usher 5s ease-in-out infinite 2.5s;
}
.scn-joyous-orators .orator-1 {
  position: absolute; bottom: 30%; left: 35%; width: 22px; height: 44px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jo-orator 3s ease-in-out infinite;
}
.scn-joyous-orators .orator-2 {
  position: absolute; bottom: 30%; left: 45%; width: 22px; height: 44px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jo-orator 3s ease-in-out infinite 1s;
}
.scn-joyous-orators .orator-3 {
  position: absolute; bottom: 30%; right: 35%; width: 22px; height: 44px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jo-orator 3s ease-in-out infinite 2s;
}
.scn-joyous-orators .speech-bubbles {
  position: absolute; top: 10%; left: 20%; width: 30px; height: 20px;
  background: rgba(255,255,240,0.7);
  border-radius: 30% 30% 30% 30% / 50% 50% 50% 50%;
  box-shadow: 20px 20px 0 -4px rgba(255,255,240,0.5), 40px -10px 0 -6px rgba(255,255,240,0.3);
  animation: jo-bubbles 4s ease-in-out infinite alternate;
}
@keyframes jo-hall { 0% { opacity: 0.9; } 100% { opacity: 1; } }
@keyframes jo-usher { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(10px) rotate(5deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-10px) rotate(-5deg); } }
@keyframes jo-orator { 0%,100% { transform: translateY(0) rotate(-3deg); } 25% { transform: translateY(-8px) rotate(3deg); } 50% { transform: translateY(-2px) rotate(0deg); } 75% { transform: translateY(-6px) rotate(2deg); } }
@keyframes jo-bubbles { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.2); } }

.scn-boomerang-wisdom {
  background: linear-gradient(180deg, #f5e6d0 0%, #dfc8a8 60%, #b8945a 100%), radial-gradient(ellipse at 60% 40%, #faf1e0 0%, transparent 60%);
}
.scn-boomerang-wisdom .room-bg {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #e6d3b3 0%, #c9a86a 100%);
  animation: bw-room 15s ease-in-out infinite alternate;
}
.scn-boomerang-wisdom .old-man {
  position: absolute; bottom: 30%; left: 35%; width: 28px; height: 48px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1e14 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bw-old 6s ease-in-out infinite;
}
.scn-boomerang-wisdom .boomerang {
  position: absolute; bottom: 45%; left: 50%; transform: translateX(-50%) rotate(-20deg);
  width: 40px; height: 8px;
  background: linear-gradient(90deg, #8b6f4e 0%, #5a4632 50%, #3a2a1a 100%);
  clip-path: polygon(0 20%, 40% 0, 100% 20%, 80% 100%, 40% 70%, 0 100%);
  animation: bw-boom 8s ease-in-out infinite;
}
.scn-boomerang-wisdom .table-small {
  position: absolute; bottom: 20%; left: 45%; right: 25%; height: 10%;
  background: linear-gradient(180deg, #7a5d3a 0%, #5a4028 100%);
  border-radius: 6px 6px 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-boomerang-wisdom .tea-cup {
  position: absolute; bottom: 28%; left: 50%; width: 12px; height: 14px;
  background: linear-gradient(180deg, #f0d9a8 0%, #d4b886 100%);
  border-radius: 20% 20% 8% 8%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: bw-cup 5s ease-in-out infinite alternate;
}
.scn-boomerang-wisdom .window-shape {
  position: absolute; top: 10%; right: 20%; width: 40px; height: 50px;
  background: radial-gradient(ellipse at center, #fff8e7 0%, #e6d3b3 70%, transparent 100%);
  border: 2px solid #5a4632;
  border-radius: 6px;
  animation: bw-window 12s ease-in-out infinite alternate;
}
.scn-boomerang-wisdom .curtains {
  position: absolute; top: 10%; right: 20%; width: 50px; height: 50px;
  background: linear-gradient(180deg, #a0461a 0%, #702243 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  opacity: 0.6;
  animation: bw-curtain 9s ease-in-out infinite;
}
@keyframes bw-room { 0% { opacity: 0.9; } 100% { opacity: 1; } }
@keyframes bw-old { 0%,100% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-4px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-3px) rotate(1deg); } }
@keyframes bw-boom { 0%,100% { transform: translateX(-50%) rotate(-20deg) scale(1); } 50% { transform: translateX(-50%) rotate(-20deg) scale(1.1) translateY(-8px); } }
@keyframes bw-cup { 0% { opacity: 0.8; } 100% { opacity: 1; } }
@keyframes bw-window { 0% { opacity: 0.6; box-shadow: 0 0 10px rgba(255,248,231,0.3); } 100% { opacity: 1; box-shadow: 0 0 20px rgba(255,248,231,0.6); } }
@keyframes bw-curtain { 0%,100% { transform: skewX(0deg); } 50% { transform: skewX(3deg); } }

.scn-larrikin-greeting {
  background: linear-gradient(180deg, #f5e6c8 0%, #e4d5b0 60%, #c9b082 100%),
              radial-gradient(ellipse at 30% 80%, #ffe8a0 0%, transparent 80%);
}
.scn-larrikin-greeting .wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #d9c9a8 0%, #b8a482 100%); }
.scn-larrikin-greeting .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #9a8a6e 0%, #6b5f4a 100%); box-shadow: inset 0 12px 20px rgba(0,0,0,.2); }
.scn-larrikin-greeting .larrikin-body { position:absolute; bottom:32%; left:42%; width:28px; height:50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: la-body 3s ease-in-out infinite; }
.scn-larrikin-greeting .larrikin-hat { position:absolute; bottom:76%; left:41%; width:34px; height:12px; background: #1a1a1a; border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%; transform: rotate(-5deg); animation: la-hat 3s ease-in-out infinite; }
.scn-larrikin-greeting .larrikin-arm { position:absolute; bottom:50%; left:64%; width:8px; height:32px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%); border-radius: 20% 20% 40% 40%; transform-origin: top center; animation: la-arm 1.2s ease-in-out infinite alternate; }
.scn-larrikin-greeting .greeting-hand { position:absolute; bottom:50%; left:72%; width:10px; height:10px; background: #8a7050; border-radius: 50%; transform-origin: center; animation: la-hand 1.2s ease-in-out infinite alternate; box-shadow: 0 0 0 3px #a08060; }
.scn-larrikin-greeting .window-light { position:absolute; top:10%; right:15%; width:80px; height:100px; background: linear-gradient(135deg, rgba(255,230,180,.8) 0%, rgba(255,210,140,.3) 100%); border-radius: 10% 40% 10% 40%; filter: blur(12px); opacity:0.5; animation: la-light 6s ease-in-out infinite alternate; }

@keyframes la-body { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes la-hat { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-1px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes la-arm { 0% { transform: rotate(10deg) scaleY(1); } 100% { transform: rotate(-20deg) scaleY(0.9); } }
@keyframes la-hand { 0% { transform: scale(1) translateY(0); } 100% { transform: scale(1.2) translateY(-3px); } }
@keyframes la-light { 0% { opacity:0.4; transform: scale(1); } 100% { opacity:0.7; transform: scale(1.05); } }

.scn-colonial-hospitality {
  background: linear-gradient(180deg, #f0dfc0 0%, #dcc8a4 70%, #b89a6a 100%),
              radial-gradient(ellipse at 70% 30%, #fff5d0 0%, transparent 70%);
}
.scn-colonial-hospitality .wall-panel { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #d9c9a8 0%, #b8a482 100%); border-bottom: 6px solid #8a7450; }
.scn-colonial-hospitality .table-top { position:absolute; bottom:26%; left:30%; right:30%; height:8%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,.3); }
.scn-colonial-hospitality .teacup { position:absolute; bottom:33%; left:48%; width:20px; height:16px; background: linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 100%); border-radius: 40% 40% 10% 10%; box-shadow: inset 0 -2px 4px rgba(0,0,0,.1); animation: co-cup 8s ease-in-out infinite; }
.scn-colonial-hospitality .steam-1 { position:absolute; bottom:48%; left:50%; width:8px; height:16px; background: rgba(255,255,255,.3); border-radius: 50%; filter: blur(3px); animation: co-steam-1 4s ease-out infinite; }
.scn-colonial-hospitality .steam-2 { position:absolute; bottom:48%; left:52%; width:6px; height:14px; background: rgba(255,255,255,.25); border-radius: 50%; filter: blur(3px); animation: co-steam-2 5s ease-out infinite 1.5s; }
.scn-colonial-hospitality .host-figure { position:absolute; bottom:28%; left:25%; width:32px; height:54px; background: linear-gradient(180deg, #3a2e22 0%, #1e1610 100%); border-radius: 45% 45% 30% 30% / 55% 55% 40% 40%; transform-origin: bottom center; animation: co-host 12s ease-in-out infinite; }
.scn-colonial-hospitality .sunbeam { position:absolute; top:0; left:60%; width:120px; height:80%; background: linear-gradient(135deg, rgba(255,240,200,.3) 0%, transparent 100%); filter: blur(20px); animation: co-sun 15s ease-in-out infinite alternate; }

@keyframes co-cup { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes co-steam-1 { 0% { transform: translateY(0) scale(1); opacity:0; } 30% { opacity:0.6; } 100% { transform: translateY(-30px) scale(2); opacity:0; } }
@keyframes co-steam-2 { 0% { transform: translateY(0) scale(1); opacity:0; } 30% { opacity:0.5; } 100% { transform: translateY(-28px) scale(1.8); opacity:0; } }
@keyframes co-host { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes co-sun { 0% { opacity:0.2; transform: scaleY(1); } 100% { opacity:0.5; transform: scaleY(1.1); } }

.scn-english-speaking-race {
  background: linear-gradient(180deg, #efe3c8 0%, #d8c8a8 60%, #b8a080 100%),
              radial-gradient(ellipse at 20% 50%, #fff0d0 0%, transparent 50%);
}
.scn-english-speaking-race .desk-back { position:absolute; bottom:30%; left:20%; right:20%; height:12%; background: linear-gradient(180deg, #a88a60 0%, #7a6040 100%); border-radius: 10% 10% 0 0; box-shadow: 0 6px 10px rgba(0,0,0,.3); }
.scn-english-speaking-race .newspaper { position:absolute; bottom:40%; left:35%; right:35%; height:18%; background: linear-gradient(180deg, #f8f0e0 0%, #e8dcc8 100%); border-radius: 2% 2% 4% 4%; box-shadow: 0 2px 6px rgba(0,0,0,.15); transform-origin: bottom center; animation: en-paper 10s ease-in-out infinite; }
.scn-english-speaking-race .globe-stand { position:absolute; bottom:30%; left:55%; width:40px; height:50px; background: linear-gradient(180deg, #606060 0%, #404040 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.scn-english-speaking-race .globe { position:absolute; bottom:54%; left:55%; width:38px; height:38px; background: radial-gradient(circle at 40% 40%, #6ca0d0 0%, #3870a0 100%); border-radius: 50%; box-shadow: 0 0 0 3px #4a7a4a, 0 0 12px rgba(0,0,0,.2); animation: en-globe 20s linear infinite; }
.scn-english-speaking-race .figure-left { position:absolute; bottom:28%; left:18%; width:28px; height:48px; background: linear-gradient(180deg, #3a3228 0%, #1a1410 100%); border-radius: 45% 45% 30% 30% / 55% 55% 40% 40%; animation: en-figure 8s ease-in-out infinite; }
.scn-english-speaking-race .figure-right { position:absolute; bottom:28%; right:18%; width:28px; height:48px; background: linear-gradient(180deg, #3a3228 0%, #1a1410 100%); border-radius: 45% 45% 30% 30% / 55% 55% 40% 40%; animation: en-figure 8s ease-in-out infinite 2s; }
.scn-english-speaking-race .paper-lines { position:absolute; bottom:46%; left:38%; right:38%; height:2%; background: repeating-linear-gradient(90deg, #333 0px, #333 2px, transparent 2px, transparent 8px); opacity:0.3; animation: en-lines 5s linear infinite; }

@keyframes en-paper { 0% { transform: rotate(0deg) scaleX(1); } 50% { transform: rotate(-3deg) scaleX(1.02); } 100% { transform: rotate(0deg) scaleX(1); } }
@keyframes en-globe { 0% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(90deg) scale(0.98); } 50% { transform: rotate(180deg) scale(1); } 75% { transform: rotate(270deg) scale(0.98); } 100% { transform: rotate(360deg) scale(1); } }
@keyframes en-figure { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes en-lines { 0% { opacity:0.2; } 50% { opacity:0.5; } 100% { opacity:0.2; } }

.scn-wool-exchange {
  background: linear-gradient(180deg, #d9c8a8 0%, #c0a880 60%, #9a8058 100%),
              radial-gradient(ellipse at 80% 20%, #fff5e0 0%, transparent 60%);
}
.scn-wool-exchange .exchange-wall { position:absolute; inset:0 0 40% 0; background: linear-gradient(90deg, #bfaa88 0%, #d9c8a8 50%, #bfaa88 100%); }
.scn-wool-exchange .exchange-floor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8a7258 0%, #6a5438 100%); box-shadow: inset 0 8px 16px rgba(0,0,0,.2); }
.scn-wool-exchange .broker-1 { position:absolute; bottom:30%; left:20%; width:24px; height:46px; background: linear-gradient(180deg, #3a3028 0%, #1a1210 100%); border-radius: 45% 45% 30% 30% / 55% 55% 40% 40%; animation: wo-broker 3s ease-in-out infinite; transform-origin: bottom center; }
.scn-wool-exchange .broker-2 { position:absolute; bottom:30%; left:40%; width:24px; height:46px; background: linear-gradient(180deg, #3a3028 0%, #1a1210 100%); border-radius: 45% 45% 30% 30% / 55% 55% 40% 40%; animation: wo-broker 3.5s ease-in-out infinite 0.5s; }
.scn-wool-exchange .broker-3 { position:absolute; bottom:30%; right:20%; width:24px; height:46px; background: linear-gradient(180deg, #3a3028 0%, #1a1210 100%); border-radius: 45% 45% 30% 30% / 55% 55% 40% 40%; animation: wo-broker 4s ease-in-out infinite 1s; }
.scn-wool-exchange .flying-paper-1 { position:absolute; bottom:55%; left:30%; width:16px; height:12px; background: #f0e8d8; border-radius: 4% 4% 8% 8%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: wo-paper-1 5s linear infinite; }
.scn-wool-exchange .flying-paper-2 { position:absolute; bottom:55%; right:30%; width:14px; height:10px; background: #f0e8d8; border-radius: 4% 4% 8% 8%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: wo-paper-2 6s linear infinite 2s; }
.scn-wool-exchange .price-board { position:absolute; top:10%; left:50%; transform:translateX(-50%); width:60%; height:20%; background: linear-gradient(180deg, #2a2a1a 0%, #1a1a10 100%); border-radius: 4% 4% 2% 2%; box-shadow: 0 0 0 3px #5a4a2a, inset 0 0 20px rgba(0,0,0,.5); overflow:hidden; }
.scn-wool-exchange .price-board::after { content:''; position:absolute; inset:10%; background: repeating-linear-gradient(0deg, #3a3a2a 0px, #3a3a2a 4px, transparent 4px, transparent 8px); animation: wo-board 2s steps(2) infinite; }

@keyframes wo-broker { 0% { transform: translateY(0) rotate(0deg) scaleY(1); } 30% { transform: translateY(-6px) rotate(-3deg) scaleY(1.05); } 60% { transform: translateY(-3px) rotate(2deg) scaleY(0.95); } 100% { transform: translateY(0) rotate(0deg) scaleY(1); } }
@keyframes wo-paper-1 { 0% { transform: translate(0,0) rotate(0deg) scale(1); opacity:1; } 30% { transform: translate(20px,-30px) rotate(45deg) scale(0.8); opacity:0.8; } 100% { transform: translate(60px,-80px) rotate(180deg) scale(0.5); opacity:0; } }
@keyframes wo-paper-2 { 0% { transform: translate(0,0) rotate(10deg) scale(1); opacity:1; } 30% { transform: translate(-20px,-40px) rotate(-30deg) scale(0.9); opacity:0.9; } 100% { transform: translate(-50px,-90px) rotate(-160deg) scale(0.4); opacity:0; } }
@keyframes wo-board { 0% { opacity:0.3; } 50% { opacity:0.6; } 100% { opacity:0.3; } }

.scn-helen-keller-contrast { background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 40%, #b8956e 100%), radial-gradient(ellipse at 70% 30%, #fce8c0 0%, transparent 60%); }
.scn-helen-keller-contrast .wall-bg { position:absolute; inset:0; background: linear-gradient(135deg, #e8d4b8 0%, #c8a878 100%); }
.scn-helen-keller-contrast .window-frame { position:absolute; top:8%; left:60%; width:30%; height:45%; background: linear-gradient(180deg, #8a6a4a 0%, #6a5030 100%); border-radius:4px; box-shadow: inset 0 0 20px rgba(0,0,0,.3); }
.scn-helen-keller-contrast .window-light { position:absolute; top:12%; left:64%; width:22%; height:37%; background: radial-gradient(circle at 50% 40%, #fff8e0 0%, #ffe8a0 60%, #e8c878 100%); box-shadow: 0 0 60px 20px rgba(255,240,180,.5), 0 0 120px 40px rgba(255,220,120,.2); animation: hkc-glow 6s ease-in-out infinite alternate; }
.scn-helen-keller-contrast .desk { position:absolute; bottom:18%; left:20%; width:50%; height:28%; background: linear-gradient(180deg, #a08060 0%, #7a5a3a 100%); border-radius:6% 6% 0 0; box-shadow: 0 8px 0 #5a3a1a; }
.scn-helen-keller-contrast .book { position:absolute; bottom:28%; left:30%; width:14%; height:18%; background: linear-gradient(135deg, #d4a06a 0%, #b08050 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); transform: rotate(-5deg); animation: hkc-book 12s ease-in-out infinite; }
.scn-helen-keller-contrast .figure-silhouette { position:absolute; bottom:16%; left:35%; width:16%; height:50%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hkc-figure 8s ease-in-out infinite; }
.scn-helen-keller-contrast .lamp-glow { position:absolute; bottom:22%; left:25%; width:10%; height:10%; background: radial-gradient(circle, #ffe8b0 0%, #e8c878 40%, transparent 70%); box-shadow: 0 0 40px 10px rgba(255,200,80,.4); animation: hkc-lamp 4s ease-in-out infinite alternate; }
.scn-helen-keller-contrast .shadow-stripe { position:absolute; bottom:0; left:0; width:100%; height:30%; background: linear-gradient(180deg, transparent 0%, rgba(40,20,10,.5) 100%); }
@keyframes hkc-glow { 0% { opacity:.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.02) } 100% { opacity:.8; transform: scale(.98) } }
@keyframes hkc-book { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-5deg) translateY(-2px) } }
@keyframes hkc-figure { 0%,100% { transform: translateX(0) rotate(0) } 25% { transform: translateX(4px) rotate(2deg) } 75% { transform: translateX(-4px) rotate(-2deg) } }
@keyframes hkc-lamp { 0% { transform: scale(1) rotate(-3deg); opacity:.7 } 50% { transform: scale(1.1) rotate(3deg); opacity:1 } 100% { transform: scale(.95) rotate(-1deg); opacity:.8 } }

.scn-sheriff-answers { background: linear-gradient(180deg, #f0e0c0 0%, #d4c098 50%, #b89870 100%), radial-gradient(ellipse at 80% 20%, #ffe8c0 0%, transparent 50%); }
.scn-sheriff-answers .room-bg { position:absolute; inset:0; background: linear-gradient(135deg, #e8d4b0 0%, #c8a878 100%); }
.scn-sheriff-answers .sheriff-hat { position:absolute; top:12%; left:35%; width:22%; height:16%; background: linear-gradient(180deg, #5a3a2a 0%, #3a2212 100%); border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%; box-shadow: 0 6px 0 #2a1a0a; transform: rotate(-5deg); animation: sa-hat 6s ease-in-out infinite; }
.scn-sheriff-answers .sheriff-body { position:absolute; top:26%; left:38%; width:18%; height:45%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; box-shadow: 0 4px 0 #3a2212; animation: sa-body 4s ease-in-out infinite; }
.scn-sheriff-answers .badge { position:absolute; top:30%; left:44%; width:6%; height:6%; background: radial-gradient(circle, #f0d080 0%, #c8a050 80%); border-radius:50%; box-shadow: 0 0 12px 4px rgba(200,160,80,.6); animation: sa-badge 2s ease-in-out infinite alternate; }
.scn-sheriff-answers .carriage-wheel { position:absolute; bottom:25%; right:15%; width:20%; height:30%; background: radial-gradient(circle, #8a6a4a 0%, #5a3a2a 70%); border-radius:50%; border: 6px solid #3a2212; box-shadow: 0 0 0 4px #2a1a0a; animation: sa-wheel 3s linear infinite; }
.scn-sheriff-answers .paper-stack { position:absolute; bottom:15%; left:18%; width:20%; height:12%; background: linear-gradient(180deg, #f0e0c0 0%, #d4c098 100%); border-radius:2px; box-shadow: 0 4px 0 #b89870, 0 8px 0 #a08060; transform: rotate(4deg); }
.scn-sheriff-answers .gavel { position:absolute; bottom:22%; left:12%; width:8%; height:6%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%); border-radius:4px; transform: rotate(-15deg); animation: sa-gavel 5s ease-in-out infinite; }
.scn-sheriff-answers .inkwell { position:absolute; bottom:14%; right:40%; width:6%; height:8%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 10% 10% / 60% 60% 10% 10%; }
@keyframes sa-hat { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-5deg) translateY(-3px) } }
@keyframes sa-body { 0%,100% { transform: translateX(0) } 25% { transform: translateX(6px) } 75% { transform: translateX(-6px) } }
@keyframes sa-badge { 0% { transform: scale(1); opacity:.8 } 100% { transform: scale(1.2); opacity:1 } }
@keyframes sa-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes sa-gavel { 0%,100% { transform: rotate(-15deg) translateY(0) } 50% { transform: rotate(-15deg) translateY(-2px) } }

.scn-geometry-answer { background: linear-gradient(180deg, #f5ead0 0%, #d4c498 50%, #b8a078 100%), radial-gradient(ellipse at 50% 100%, #e8d4a0 0%, transparent 60%); }
.scn-geometry-answer .chalkboard { position:absolute; top:6%; left:12%; width:76%; height:52%; background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 100%); border-radius:4px; box-shadow: inset 0 0 30px rgba(0,0,0,.4), 0 6px 0 #1a2a1a; }
.scn-geometry-answer .triangle { position:absolute; top:14%; left:20%; width:24%; height:28%; background: linear-gradient(135deg, #e8d4a0 0%, #c8b080 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); opacity:.8; animation: ga-triangle 8s ease-in-out infinite; }
.scn-geometry-answer .circle { position:absolute; top:20%; left:55%; width:18%; height:30%; background: radial-gradient(circle at 40% 30%, #f0e0c0 0%, #d4c098 100%); border-radius:50%; border: 3px solid #b8a078; opacity:.7; animation: ga-circle 12s ease-in-out infinite; }
.scn-geometry-answer .compass { position:absolute; top:10%; right:16%; width:12%; height:20%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); clip-path: polygon(50% 0%, 100% 100%, 0% 100%); transform: rotate(20deg); animation: ga-compass 5s ease-in-out infinite; }
.scn-geometry-answer .student-body { position:absolute; bottom:18%; left:30%; width:16%; height:40%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ga-student 6s ease-in-out infinite; }
.scn-geometry-answer .student-head { position:absolute; bottom:50%; left:33%; width:10%; height:12%; background: radial-gradient(circle, #6a5a4a 0%, #3a2a1a 100%); border-radius:50%; transform-origin: bottom center; animation: ga-head 4s ease-in-out infinite; }
.scn-geometry-answer .desk-front { position:absolute; bottom:12%; left:22%; width:32%; height:14%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:4px; box-shadow: 0 4px 0 #4a3a2a; }
.scn-geometry-answer .chalk-dust { position:absolute; top:30%; left:40%; width:50%; height:20%; background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.15) 0%, transparent 70%); filter: blur(8px); animation: ga-dust 10s ease-in-out infinite alternate; }
@keyframes ga-triangle { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-4px) rotate(5deg) } }
@keyframes ga-circle { 0%,100% { transform: scale(1) } 50% { transform: scale(1.05) } }
@keyframes ga-compass { 0%,100% { transform: rotate(20deg) } 50% { transform: rotate(20deg) translateY(-3px) } }
@keyframes ga-student { 0%,100% { transform: translateX(0) rotate(0) } 25% { transform: translateX(6px) rotate(2deg) } 75% { transform: translateX(-6px) rotate(-2deg) } }
@keyframes ga-head { 0%,100% { transform: rotate(0) } 50% { transform: rotate(8deg) } }
@keyframes ga-dust { 0% { opacity:.3; transform: translateY(0) } 50% { opacity:.6; transform: translateY(-4px) } 100% { opacity:.2; transform: translateY(2px) } }

.scn-poor-boy-plea { background: linear-gradient(180deg, #e8d4b0 0%, #c8a878 40%, #a08060 100%), radial-gradient(ellipse at 50% 100%, #c8a878 0%, transparent 70%); }
.scn-poor-boy-plea .floor-shadow { position:absolute; bottom:0; left:0; width:100%; height:35%; background: linear-gradient(180deg, rgba(60,40,20,.4) 0%, rgba(40,20,10,.6) 100%); }
.scn-poor-boy-plea .boy-body { position:absolute; bottom:20%; left:35%; width:20%; height:50%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pb-body 4s ease-in-out infinite; }
.scn-poor-boy-plea .boy-head { position:absolute; bottom:60%; left:38%; width:14%; height:16%; background: radial-gradient(circle, #7a6a5a 0%, #4a3a2a 100%); border-radius:50%; transform-origin: bottom center; animation: pb-head 3s ease-in-out infinite; }
.scn-poor-boy-plea .outstretched-hand-l { position:absolute; bottom:38%; left:28%; width:10%; height:6%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 60% 40% 20% 20% / 80% 60% 20% 20%; transform: rotate(-30deg); transform-origin: bottom right; animation: pb-hand-l 3s ease-in-out infinite; }
.scn-poor-boy-plea .outstretched-hand-r { position:absolute; bottom:34%; left:52%; width:10%; height:6%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 40% 60% 20% 20% / 60% 80% 20% 20%; transform: rotate(30deg); transform-origin: bottom left; animation: pb-hand-r 3s ease-in-out infinite; }
.scn-poor-boy-plea .mother-figure { position:absolute; bottom:18%; left:18%; width:12%; height:30%; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity:.8; animation: pb-mother 6s ease-in-out infinite; }
.scn-poor-boy-plea .brother-figure { position:absolute; bottom:16%; left:65%; width:10%; height:22%; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity:.7; animation: pb-brother 6s ease-in-out infinite; }
.scn-poor-boy-plea .empty-bowl { position:absolute; bottom:22%; left:42%; width:12%; height:8%; background: radial-gradient(circle at 50% 40%, #b8a078 0%, #8a7a6a 100%); border-radius: 0 0 50% 50% / 0 0 80% 80%; box-shadow: inset 0 4px 8px rgba(0,0,0,.3); transform: rotate(6deg); animation: pb-bowl 5s ease-in-out infinite; }
@keyframes pb-body { 0%,100% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-4px) rotate(2deg) } }
@keyframes pb-head { 0%,100% { transform: rotate(-4deg) } 50% { transform: rotate(4deg) } }
@keyframes pb-hand-l { 0%,100% { transform: rotate(-30deg) translateY(0) } 50% { transform: rotate(-30deg) translateY(-3px) } }
@keyframes pb-hand-r { 0%,100% { transform: rotate(30deg) translateY(0) } 50% { transform: rotate(30deg) translateY(-3px) } }
@keyframes pb-mother { 0%,100% { transform: translateX(0) } 50% { transform: translateX(-2px) } }
@keyframes pb-brother { 0%,100% { transform: translateX(0) } 50% { transform: translateX(2px) } }
@keyframes pb-bowl { 0%,100% { transform: rotate(6deg) scale(1) } 50% { transform: rotate(6deg) scale(1.02) } }

.scn-lumbago-cure { background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 60%), radial-gradient(circle at 50% 70%, #4a3a2a 0%, transparent 60%); }
.scn-lumbago-cure .bg-wall { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); }
.scn-lumbago-cure .bed { position:absolute; bottom:15%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 10% 10% 8% 8%; box-shadow: 0 8px 20px rgba(0,0,0,.5); }
.scn-lumbago-cure .figure-lb { position:absolute; bottom:20%; left:30%; right:30%; height:28%; background: linear-gradient(180deg, #2a221a 0%, #1a120a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; transform-origin: bottom center; animation: lb-figure 2s ease-in-out infinite; }
.scn-lumbago-cure .lamp { position:absolute; bottom:45%; left:60%; width:12px; height:20px; background: linear-gradient(180deg, #b08040 0%, #705020 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 28px 8px rgba(200,160,80,.6); animation: lb-lamp 4s ease-in-out infinite; }
.scn-lumbago-cure .clock { position:absolute; bottom:55%; right:15%; width:24px; height:24px; background: radial-gradient(circle, #c8b080 0%, #8a7050 60%, #4a3a2a 100%); border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.4); animation: lb-clock 30s linear infinite; }
.scn-lumbago-cure .pill-bottle { position:absolute; bottom:22%; left:20%; width:14px; height:18px; background: linear-gradient(180deg, #b09070 0%, #705040 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: lb-pill 5s ease-in-out infinite; }
@keyframes lb-figure { 0% { transform: translateY(0) rotate(0deg) scaleX(1); } 30% { transform: translateY(-3px) rotate(2deg) scaleX(.98); } 60% { transform: translateY(0) rotate(-1deg) scaleX(1); } 100% { transform: translateY(1px) rotate(0deg) scaleX(1); } }
@keyframes lb-lamp { 0% { opacity: .7; box-shadow: 0 0 20px 4px rgba(200,160,80,.5); } 50% { opacity: 1; box-shadow: 0 0 32px 12px rgba(200,160,80,.8); } 100% { opacity: .8; box-shadow: 0 0 24px 6px rgba(200,160,80,.6); } }
@keyframes lb-clock { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes lb-pill { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(-3deg); } 100% { transform: translateY(0) rotate(0deg); } }

.scn-no-bad-habits { background: linear-gradient(180deg, #2a221a 0%, #1a120a 60%), radial-gradient(ellipse at 70% 50%, #4a3a2a 0%, transparent 70%); }
.scn-no-bad-habits .bg-room { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); }
.scn-no-bad-habits .desk { position:absolute; bottom:20%; left:15%; right:15%; height:25%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 4% 4% 6% 6%; box-shadow: 0 8px 16px rgba(0,0,0,.4); }
.scn-no-bad-habits .lady { position:absolute; bottom:40%; left:25%; right:25%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: nb-lady 3s ease-in-out infinite; }
.scn-no-bad-habits .candle { position:absolute; bottom:45%; left:55%; width:10px; height:22px; background: linear-gradient(180deg, #d4b080 0%, #b08040 60%, #705020 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 18px 6px rgba(200,160,80,.6); animation: nb-candle 5s ease-in-out infinite; }
.scn-no-bad-habits .inkwell { position:absolute; bottom:30%; left:35%; width:14px; height:14px; background: radial-gradient(circle, #2a1a0a 0%, #0a0a0a 100%); border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.5); }
.scn-no-bad-habits .pen { position:absolute; bottom:35%; left:38%; width:2px; height:22px; background: linear-gradient(180deg, #8a7050 0%, #3a2a1a 100%); border-radius: 20%; transform: rotate(-20deg); animation: nb-pen 2s ease-in-out infinite; }
@keyframes nb-lady { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg) scaleY(.99); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes nb-candle { 0% { transform: scaleY(1); opacity: .8; box-shadow: 0 0 12px 4px rgba(200,160,80,.5); } 50% { transform: scaleY(1.05); opacity: 1; box-shadow: 0 0 24px 10px rgba(200,160,80,.8); } 100% { transform: scaleY(1); opacity: .9; box-shadow: 0 0 14px 6px rgba(200,160,80,.6); } }
@keyframes nb-pen { 0% { transform: rotate(-20deg) translateY(0); } 50% { transform: rotate(-15deg) translateY(-2px); } 100% { transform: rotate(-20deg) translateY(0); } }

.scn-remittance-man { background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 60%), radial-gradient(ellipse at 50% 30%, #2a2a4a 0%, transparent 70%); }
.scn-remittance-man .bg-dark { position:absolute; inset:0; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); }
.scn-remittance-man .window-rm { position:absolute; top:10%; left:20%; right:20%; height:35%; background: linear-gradient(180deg, #3a3a5a 0%, #2a2a4a 100%); border-radius: 10% 10% 8% 8%; box-shadow: inset 0 0 20px rgba(0,0,0,.5); animation: rm-window 10s ease-in-out infinite; }
.scn-remittance-man .table { position:absolute; bottom:20%; left:25%; right:25%; height:15%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4% 4% 6% 6%; box-shadow: 0 4px 8px rgba(0,0,0,.5); }
.scn-remittance-man .figure-rm { position:absolute; bottom:35%; left:35%; right:35%; height:35%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: rm-figure 5s ease-in-out infinite; }
.scn-remittance-man .coins { position:absolute; bottom:28%; left:45%; width:14px; height:10px; background: radial-gradient(circle, #b09060 0%, #705030 100%); border-radius: 50%; box-shadow: 0 0 4px 1px rgba(200,160,80,.3); animation: rm-coins 3s ease-in-out infinite; }
.scn-remittance-man .glass { position:absolute; bottom:30%; left:55%; width:12px; height:18px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.scn-remittance-man .lamp-rm { position:absolute; bottom:50%; left:70%; width:10px; height:16px; background: linear-gradient(180deg, #b08060 0%, #705040 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 16px 6px rgba(200,160,120,.4); animation: rm-lamp 6s ease-in-out infinite; }
@keyframes rm-window { 0% { opacity: .6; box-shadow: inset 0 0 30px rgba(0,0,0,.6); } 50% { opacity: .9; box-shadow: inset 0 0 10px rgba(0,0,0,.4); } 100% { opacity: .7; box-shadow: inset 0 0 20px rgba(0,0,0,.5); } }
@keyframes rm-figure { 0% { transform: translateY(0) rotate(0deg); } 20% { transform: translateY(-3px) rotate(2deg) scaleX(.98); } 40% { transform: translateY(0) rotate(-1deg); } 60% { transform: translateY(-1px) rotate(0deg); } 80% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes rm-coins { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.05); } 100% { transform: translateY(0) scale(1); } }
@keyframes rm-lamp { 0% { opacity: .7; box-shadow: 0 0 12px 4px rgba(200,160,120,.4); } 50% { opacity: 1; box-shadow: 0 0 24px 10px rgba(200,160,120,.7); } 100% { opacity: .8; box-shadow: 0 0 14px 6px rgba(200,160,120,.5); } }

.scn-white-linen-heat { background: linear-gradient(180deg, #b8d8e8 0%, #e0f0f8 50%, #f8f8f0 100%), radial-gradient(ellipse at 50% 0%, #f8f8f0 0%, transparent 70%); }
.scn-white-linen-heat .sky-wl { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #88c8e0 0%, #c0e0f0 100%); animation: wl-sky 12s ease-in-out infinite alternate; }
.scn-white-linen-heat .deck { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #d0b888 0%, #b8a070 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.1); }
.scn-white-linen-heat .umbrella { position:absolute; bottom:40%; left:25%; width:60px; height:50px; background: radial-gradient(ellipse at 50% 100%, #e8d0a0 0%, #c8b080 100%); border-radius: 50% 50% 0 0; transform-origin: bottom center; animation: wl-umbrella 8s ease-in-out infinite; }
.scn-white-linen-heat .chair-a { position:absolute; bottom:20%; left:20%; width:24px; height:30px; background: linear-gradient(180deg, #a09070 0%, #806850 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: wl-chair-a 6s ease-in-out infinite; }
.scn-white-linen-heat .chair-b { position:absolute; bottom:20%; right:30%; width:24px; height:30px; background: linear-gradient(180deg, #a09070 0%, #806850 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: wl-chair-b 7s ease-in-out infinite; animation-delay: -2s; }
.scn-white-linen-heat .figure-wl-a { position:absolute; bottom:25%; left:35%; width:18px; height:40px; background: linear-gradient(180deg, #f0e8d0 0%, #c8b898 100%); border-radius: 30% 30% 20% 20% / 50% 50% 40% 40%; transform-origin: bottom center; animation: wl-figure-a 10s ease-in-out infinite; }
.scn-white-linen-heat .figure-wl-b { position:absolute; bottom:25%; right:40%; width:18px; height:40px; background: linear-gradient(180deg, #f0e8d0 0%, #c8b898 100%); border-radius: 30% 30% 20% 20% / 50% 50% 40% 40%; transform-origin: bottom center; animation: wl-figure-b 11s ease-in-out infinite; animation-delay: -3s; }
.scn-white-linen-heat .sun { position:absolute; top:8%; right:20%; width:60px; height:60px; background: radial-gradient(circle, #ffe880 0%, #f0c040 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 60px 20px rgba(240,200,64,.4); animation: wl-sun 20s linear infinite; }
@keyframes wl-sky { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .9; } }
@keyframes wl-umbrella { 0% { transform: rotate(-3deg) scaleY(1); } 50% { transform: rotate(2deg) scaleY(.98); } 100% { transform: rotate(-3deg) scaleY(1); } }
@keyframes wl-chair-a { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes wl-chair-b { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-2px) rotate(-1deg); } 60% { transform: translateY(0) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes wl-figure-a { 0% { transform: translateY(0) rotate(0deg) scaleX(1); } 20% { transform: translateY(-3px) rotate(2deg) scaleX(.99); } 40% { transform: translateY(0) rotate(-1deg); } 60% { transform: translateY(-1px) rotate(0deg); } 80% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes wl-figure-b { 0% { transform: translateY(0) rotate(0deg) scaleX(1); } 25% { transform: translateY(-3px) rotate(-2deg) scaleX(.99); } 50% { transform: translateY(0) rotate(1deg); } 75% { transform: translateY(-1px) rotate(0deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes wl-sun { 0% { transform: translateX(0); } 100% { transform: translateX(20px); } }

.scn-fine-sunset { background: linear-gradient(180deg, #f4d08c 0%, #e8b060 30%, #d08a4a 60%, #7a5a3a 100%), radial-gradient(ellipse at 80% 60%, #f4c060 0%, transparent 60%); }
.scn-fine-sunset .sky-bands { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #b8a078 0%, #8a7050 40%, #4a3a2a 70%, #2a1a1a 100%); animation: fs-sky 12s ease-in-out infinite alternate; }
.scn-fine-sunset .sun-glow  { position:absolute; top:18%; left:70%; width:80px; height:80px; background: radial-gradient(circle, #f0c050 0%, #e8a030 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px rgba(240,192,80,0.5); animation: fs-glow 4s ease-in-out infinite alternate; }
.scn-fine-sunset .mountains-back { position:absolute; bottom:40%; left:5%; right:40%; height:20%; background: linear-gradient(180deg, #5a7a5a 0%, #3a5a3a 100%); border-radius:60% 40% 0 0; clip-path: polygon(0% 100%, 30% 10%, 60% 40%, 100% 0%, 100% 100%); animation: fs-mountain 18s ease-in-out infinite; }
.scn-fine-sunset .mountains-front { position:absolute; bottom:30%; left:30%; right:0; height:25%; background: linear-gradient(180deg, #7a6a3a 0%, #4a3a1a 100%); border-radius:30% 70% 0 0; clip-path: polygon(0% 100%, 20% 20%, 50% 50%, 100% 0%, 100% 100%); animation: fs-mountain2 22s ease-in-out infinite alternate; }
.scn-fine-sunset .cloud-rack { position:absolute; top:6%; left:0; right:0; height:10%; background: linear-gradient(90deg, transparent 0%, rgba(255,200,100,0.6) 30%, rgba(255,150,50,0.4) 60%, transparent 100%); filter: blur(8px); animation: fs-cloud 40s linear infinite; }
.scn-fine-sunset .sea-band { position:absolute; bottom:25%; left:0; right:0; height:5%; background: linear-gradient(90deg, #2a4a6a 0%, #4a6a8a 50%, #2a4a6a 100%); animation: fs-sea 8s ease-in-out infinite; }
.scn-fine-sunset .promontory { position:absolute; bottom:20%; left:15%; width:20%; height:30%; background: linear-gradient(180deg, #c8a070 0%, #8a6a40 100%); border-radius:30% 30% 0 0; transform: perspective(200px) rotateY(-10deg); animation: fs-prom 14s ease-in-out infinite alternate; }
@keyframes fs-sky { 0% { opacity:0.9; background-position:0% 0%; } 50% { opacity:1; background-position:0% 100%; } 100% { opacity:0.8; background-position:0% 50%; } }
@keyframes fs-glow { 0% { transform: scale(1); box-shadow: 0 0 40px 10px rgba(240,192,80,0.4); } 50% { transform: scale(1.1); box-shadow: 0 0 80px 30px rgba(255,200,80,0.7); } 100% { transform: scale(0.95); box-shadow: 0 0 30px 5px rgba(232,160,48,0.3); } }
@keyframes fs-mountain { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(2px); } }
@keyframes fs-mountain2 { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-6px) scaleX(1.05); } 100% { transform: translateY(3px) scaleX(0.95); } }
@keyframes fs-cloud { 0% { transform: translateX(-20%); } 100% { transform: translateX(120%); } }
@keyframes fs-sea { 0% { background-position:0% 0%; } 50% { background-position:100% 0%; } 100% { background-position:0% 0%; } }
@keyframes fs-prom { 0% { transform: perspective(200px) rotateY(-5deg) translateY(0); } 50% { transform: perspective(200px) rotateY(0deg) translateY(-2px); } 100% { transform: perspective(200px) rotateY(-8deg) translateY(2px); } }

.scn-honolulu-then-and-now { background: linear-gradient(180deg, #f4e4c8 0%, #e0c8a0 30%, #c8a870 60%, #8a6a40 100%), radial-gradient(ellipse at 50% 100%, #e0c8a0 0%, transparent 70%); }
.scn-honolulu-then-and-now .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #8a6a40 0%, #6a4a2a 100%); box-shadow: inset 0 8px 12px rgba(0,0,0,0.3); }
.scn-honolulu-then-and-now .wall { position:absolute; top:0; left:0; right:0; bottom:25%; background: linear-gradient(135deg, #f0e0c8 0%, #e8d0b0 100%); }
.scn-honolulu-then-and-now .window-outside { position:absolute; top:10%; left:60%; width:25%; height:40%; background: linear-gradient(180deg, #c8d8e8 0%, #a8b8c8 100%); border: 6px solid #6a4a2a; border-radius:4px; box-shadow:inset 0 0 20px rgba(0,0,0,0.2); animation: ht-window 10s ease-in-out infinite alternate; }
.scn-honolulu-then-and-now .table { position:absolute; bottom:20%; left:30%; width:25%; height:10%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,0.4); }
.scn-honolulu-then-and-now .candle { position:absolute; bottom:38%; left:38%; width:6px; height:18px; background: #f0e0c0; border-radius:2px; box-shadow: 0 0 12px 4px rgba(255,220,100,0.6); animation: ht-candle 2s ease-in-out infinite alternate; }
.scn-honolulu-then-and-now .books { position:absolute; bottom:15%; left:15%; width:12%; height:8%; background: linear-gradient(90deg, #5a3a1a 0%, #8a6040 20%, #5a3a1a 40%, #8a6040 60%, #5a3a1a 80%, #8a6040 100%); border-radius:2px; box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.scn-honolulu-then-and-now .lithograph { position:absolute; top:20%; left:20%; width:15%; height:25%; background: linear-gradient(135deg, #e0d0b0 0%, #c8b090 100%); border: 3px solid #6a4a2a; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: ht-art 6s ease-in-out infinite; }
@keyframes ht-window { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes ht-candle { 0% { transform: translateY(0) scaleY(1); opacity:0.9; } 50% { transform: translateY(-2px) scaleY(1.05); opacity:1; } 100% { transform: translateY(0) scaleY(1); opacity:0.85; } }
@keyframes ht-art { 0% { transform: rotate(0deg); } 25% { transform: rotate(1deg); } 50% { transform: rotate(-1deg); } 75% { transform: rotate(0.5deg); } 100% { transform: rotate(0deg); } }

.scn-modern-houses { background: linear-gradient(180deg, #f8f0e0 0%, #e8d8c0 30%, #d0b890 60%, #a08060 100%), radial-gradient(ellipse at 50% 100%, #e8d8c0 0%, transparent 60%); }
.scn-modern-houses .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #c0a880 0%, #a08060 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); }
.scn-modern-houses .wall { position:absolute; top:0; left:0; right:0; bottom:30%; background: linear-gradient(135deg, #fff8f0 0%, #f0e8d8 100%); }
.scn-modern-houses .window { position:absolute; top:15%; left:30%; width:40%; height:45%; background: linear-gradient(180deg, #c8e0f0 0%, #a0c0d0 100%); border: 8px solid #8a6a40; border-radius:4px; box-shadow:inset 0 0 30px rgba(0,0,0,0.15); }
.scn-modern-houses .lawn { position:absolute; bottom:25%; left:10%; right:10%; height:6%; background: linear-gradient(90deg, #6a9a5a 0%, #8ab86a 50%, #6a9a5a 100%); border-radius:40% 40% 0 0; animation: mh-lawn 12s ease-in-out infinite alternate; }
.scn-modern-houses .hedge { position:absolute; bottom:30%; left:5%; right:5%; height:6%; background: linear-gradient(180deg, #5a8a4a 0%, #4a7a3a 100%); border-radius:50% 50% 0 0; animation: mh-hedge 18s ease-in-out infinite alternate; }
.scn-modern-houses .rug { position:absolute; bottom:22%; left:40%; width:20%; height:8%; background: radial-gradient(ellipse, #d0a080 0%, #b08060 50%, #906040 100%); border-radius:50%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-modern-houses .sofa { position:absolute; bottom:15%; left:20%; width:30%; height:12%; background: linear-gradient(180deg, #b87878 0%, #a06060 100%); border-radius:8px; box-shadow: 0 6px 12px rgba(0,0,0,0.4); animation: mh-sofa 5s ease-in-out infinite; }
@keyframes mh-lawn { 0% { background-position:0% 0%; } 50% { background-position:100% 0%; } 100% { background-position:0% 0%; } }
@keyframes mh-hedge { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(0.98); } }
@keyframes mh-sofa { 0% { transform: translateY(0); } 25% { transform: translateY(-1px); } 50% { transform: translateY(0); } 75% { transform: translateY(1px); } 100% { transform: translateY(0); } }

.scn-lanai-life { background: linear-gradient(180deg, #f8f0e0 0%, #e8d0b0 30%, #d0b080 60%, #a08060 100%), radial-gradient(ellipse at 50% 100%, #e8d0b0 0%, transparent 60%); }
.scn-lanai-life .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #b09070 0%, #907050 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); }
.scn-lanai-life .roof { position:absolute; top:0; left:0; right:0; height:18%; background: linear-gradient(180deg, #b09070 0%, #a08060 100%); box-shadow: 0 8px 16px rgba(0,0,0,0.3); }
.scn-lanai-life .column-left { position:absolute; top:15%; left:10%; width:3%; height:60%; background: linear-gradient(90deg, #c0a880 0%, #a08060 100%); border-radius:4px; }
.scn-lanai-life .column-right { position:absolute; top:15%; right:10%; width:3%; height:60%; background: linear-gradient(90deg, #c0a880 0%, #a08060 100%); border-radius:4px; }
.scn-lanai-life .drape-arch { position:absolute; top:18%; left:25%; width:50%; height:40%; background: linear-gradient(180deg, #d0b090 0%, #c0a080 100%); border-radius:50% 50% 0 0 / 100% 100% 0 0; clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%); box-shadow: 0 8px 16px rgba(0,0,0,0.3); animation: ll-drape 6s ease-in-out infinite alternate; }
.scn-lanai-life .chair { position:absolute; bottom:18%; left:45%; width:10%; height:15%; background: linear-gradient(180deg, #8a6040 0%, #6a4a2a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.scn-lanai-life .piano { position:absolute; bottom:18%; right:20%; width:20%; height:12%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius:6px 6px 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.6); transform: perspective(200px) rotateX(5deg); animation: ll-piano 8s ease-in-out infinite; }
@keyframes ll-drape { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-3px) scaleX(1.02); } 100% { transform: translateY(2px) scaleX(0.98); } }
@keyframes ll-piano { 0% { transform: perspective(200px) rotateX(5deg) translateY(0); } 50% { transform: perspective(200px) rotateX(3deg) translateY(-1px); } 100% { transform: perspective(200px) rotateX(5deg) translateY(0); } }

.scn-equality-in-death {
  background: linear-gradient(180deg, #8ba3b5 0%, #4a6a7a 40%, #1a2a3a 100%), radial-gradient(ellipse at 60% 20%, #d4c4a4 0%, transparent 50%);
}
.scn-equality-in-death .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #c4d4d4 0%, #8ba3b5 60%, transparent); animation: eqd-sky 10s ease-in-out infinite alternate; }
.scn-equality-in-death .well-rim { position:absolute; bottom:30%; left:50%; width:60%; height:8%; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 100%, #5a4a3a 0%, #3a2a1a 100%); border-radius:50%; box-shadow: inset 0 -4px 10px rgba(0,0,0,.6); }
.scn-equality-in-death .well-depth { position:absolute; bottom:30%; left:50%; width:40%; height:30%; transform:translateX(-50%); background: linear-gradient(180deg, #2a3a3a 0%, #0a1a1a 100%); border-radius:0 0 50% 50%; box-shadow: inset 0 8px 20px rgba(0,0,0,.8); }
.scn-equality-in-death .bones { position:absolute; bottom:38%; left:40%; width:12%; height:4%; background: linear-gradient(90deg, #d4c4a4 10%, #b8a88a 50%, #d4c4a4 90%); border-radius:40%; transform:rotate(30deg); box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: eqd-bones 6s ease-in-out infinite; }
.scn-equality-in-death .dog-silhouette { position:absolute; bottom:25%; left:30%; width:20%; height:15%; background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; clip-path: polygon(0 30%, 20% 0, 60% 20%, 80% 40%, 100% 60%, 80% 100%, 40% 100%, 10% 70%); transform: scaleX(-1); animation: eqd-dog 4s ease-in-out infinite alternate; }
.scn-equality-in-death .vulture { position:absolute; top:10%; right:20%; width:12%; height:8%; background: linear-gradient(135deg, #3a2a1a 0%, #1a1a1a 100%); border-radius:50% 50% 30% 30% / 40% 40% 30% 30%; clip-path: polygon(10% 30%, 40% 10%, 60% 30%, 50% 60%, 20% 80%); animation: eqd-vulture 20s ease-in-out infinite; }
.scn-equality-in-death .dust { position:absolute; bottom:45%; left:45%; width:4%; height:4%; background: radial-gradient(circle, #d4d4c4 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 8px 4px rgba(212,212,196,.3); animation: eqd-dust 4s ease-in-out infinite, eqd-dust2 7s linear infinite; }
@keyframes eqd-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes eqd-bones { 0%,100% { transform:rotate(30deg) translateY(0) } 50% { transform:rotate(35deg) translateY(-2px) } }
@keyframes eqd-dog { 0% { transform: scaleX(-1) translateX(0) } 100% { transform: scaleX(-1) translateX(10px) } }
@keyframes eqd-vulture { 0%,100% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-4px) rotate(2deg) } }
@keyframes eqd-dust { 0% { opacity:0; transform: scale(0.5) } 50% { opacity:1; transform: scale(1.2) } 100% { opacity:0; transform: translateY(-20px) scale(0.5) } }
@keyframes eqd-dust2 { 0% { left:45% } 100% { left:55% } }

.scn-parsee-system {
  background: linear-gradient(180deg, #d4b878 0%, #b8965a 40%, #7a5a3a 100%), radial-gradient(ellipse at 50% 80%, #e8c870 0%, transparent 60%);
}
.scn-parsee-system .wall { position:absolute; inset:0; background: linear-gradient(90deg, #4a3a2a 0%, #6a5a3a 30%, #5a4a3a 70%, #3a2a1a 100%); animation: par-wall 12s ease-in-out infinite; }
.scn-parsee-system .fire-pit { position:absolute; bottom:20%; left:50%; width:60%; height:15%; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 0, #8a4a2a 0%, #3a2a1a 100%); border-radius:50%; }
.scn-parsee-system .flames { position:absolute; bottom:25%; left:50%; width:30%; height:20%; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 100%, #ffa060 0%, #e85020 40%, #c83010 70%, transparent 100%); mix-blend-mode: screen; animation: par-flames 1s ease-in-out infinite alternate; }
.scn-parsee-system .dog { position:absolute; bottom:18%; left:20%; width:18%; height:12%; background: linear-gradient(135deg, #2a1a1a 0%, #1a0a0a 100%); border-radius:50% 30% 40% 40% / 60% 40% 50% 50%; clip-path: polygon(10% 30%, 40% 0, 70% 20%, 90% 50%, 70% 80%, 30% 100%, 0 60%); animation: par-dog 6s ease-in-out infinite; }
.scn-parsee-system .smoke { position:absolute; top:35%; left:45%; width:20%; height:30%; background: radial-gradient(ellipse at 50% 100%, rgba(200,180,160,.3) 0%, transparent 70%); filter: blur(8px); animation: par-smoke 8s ease-in-out infinite; }
.scn-parsee-system .platform { position:absolute; bottom:22%; left:40%; width:20%; height:5%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:10%; transform: perspective(200px) rotateX(20deg); }
@keyframes par-wall { 0%,100% { opacity:.9 } 50% { opacity:1 } }
@keyframes par-flames { 0% { transform:translateX(-50%) scaleY(1) } 50% { transform:translateX(-50%) scaleY(1.1) } 100% { transform:translateX(-50%) scaleY(0.95) } }
@keyframes par-dog { 0%,100% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-3px) rotate(2deg) } }
@keyframes par-smoke { 0% { opacity:0; transform: translateY(0) scale(0.8) } 30% { opacity:0.6; transform: translateY(-30px) scale(1.1) } 100% { opacity:0; transform: translateY(-60px) scale(1.3) } }

.scn-parsees-bombay {
  background: linear-gradient(180deg, #e8d4b0 0%, #c4a878 30%, #8a7858 70%, #5a4a3a 100%), radial-gradient(ellipse at 80% 30%, #f0e0c0 0%, transparent 50%);
}
.scn-parsees-bombay .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #c8d8d4 0%, #a8b8b0 60%, transparent); animation: bom-sky 15s ease-in-out infinite alternate; }
.scn-parsees-bombay .tower { position:absolute; bottom:35%; left:20%; width:15%; height:40%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius:10% 10% 0 0; box-shadow: 0 8px 20px rgba(0,0,0,.5); }
.scn-parsees-bombay .palm-tree { position:absolute; bottom:30%; right:20%; width:8%; height:50%; background: linear-gradient(180deg, #4a6a3a 0%, #2a4a2a 100%); border-radius:20%; transform-origin: bottom; animation: bom-palm 6s ease-in-out infinite; }
.scn-parsees-bombay .palm-tree::after { content:''; position:absolute; top:-10%; left:-20%; width:140%; height:20%; background: radial-gradient(ellipse at 50% 50%, #5a8a4a 0%, transparent 100%); border-radius:50%; }
.scn-parsees-bombay .vulture-on-palm { position:absolute; bottom:58%; right:19%; width:10%; height:8%; background: linear-gradient(135deg, #3a2a1a 0%, #1a1a1a 100%); border-radius:50% 50% 30% 30% / 40% 40% 30% 30%; clip-path: polygon(10% 30%, 40% 10%, 60% 30%, 50% 60%, 20% 80%); animation: bom-vulture 10s ease-in-out infinite; }
.scn-parsees-bombay .garden-foreground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #6a8a5a 0%, #3a5a2a 100%); border-radius:50% 50% 0 0 / 80% 80% 0 0; }
.scn-parsees-bombay .clouds { position:absolute; top:12%; left:0; right:0; height:20%; background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(ellipse at 70% 40%, rgba(255,255,255,.3) 0%, transparent 40%); animation: bom-clouds 30s linear infinite; }
@keyframes bom-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes bom-palm { 0%,100% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } }
@keyframes bom-vulture { 0%,100% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } }
@keyframes bom-clouds { 0% { transform: translateX(0) } 100% { transform: translateX(30%) } }

.scn-jain-temple {
  background: linear-gradient(135deg, #e0d0b8 0%, #c0a888 50%, #a08060 100%), radial-gradient(ellipse at 20% 80%, #f0e0c0 0%, transparent 70%);
}
.scn-jain-temple .bg-wall { position:absolute; inset:0; background: linear-gradient(90deg, #c8b8a0 0%, #b0a088 50%, #c8b8a0 100%); }
.scn-jain-temple .pillar { position:absolute; bottom:0; left:30%; width:6%; height:70%; background: linear-gradient(90deg, #d4c4ac 0%, #b8a88a 30%, #a08868 70%, #c8b8a0 100%); border-radius:5%; box-shadow: 4px 0 8px rgba(0,0,0,.3); }
.scn-jain-temple .pillar:nth-child(2) { left:64%; }
.scn-jain-temple .idol { position:absolute; bottom:20%; left:50%; width:10%; height:25%; transform:translateX(-50%); background: linear-gradient(135deg, #d8b8a0 0%, #c09878 100%); border-radius:40% 40% 20% 20% / 50% 50% 30% 30%; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
.scn-jain-temple .figure-praying { position:absolute; bottom:15%; left:44%; width:8%; height:20%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform: rotate(-5deg); animation: jai-figure 4s ease-in-out infinite alternate; }
.scn-jain-temple .flags { position:absolute; top:5%; left:20%; width:3%; height:40%; background: linear-gradient(180deg, #d4b878 0%, #b8965a 100%); border-radius:5%; transform-origin: top; animation: jai-flag 3s ease-in-out infinite alternate; }
.scn-jain-temple .flags::after { content:''; position:absolute; top:0; left:0; width:300%; height:40%; background: linear-gradient(90deg, #c8a060 0%, #e0c080 50%, #c8a060 100%); border-radius:0 10% 10% 0; animation: jai-flagwave 2s ease-in-out infinite alternate; }
.scn-jain-temple .flags:nth-child(6) { left:70%; animation-delay:1s; }
.scn-jain-temple .flags:nth-child(6)::after { animation-delay:0.5s; }
.scn-jain-temple .lamp { position:absolute; bottom:35%; right:30%; width:4%; height:6%; background: radial-gradient(circle, #ffd080 0%, #c08040 60%); border-radius:50%; box-shadow: 0 0 20px 6px rgba(255,208,128,.6); animation: jai-lamp 2s ease-in-out infinite alternate; }
@keyframes jai-figure { 0% { transform: rotate(-5deg) translateY(0) } 100% { transform: rotate(-3deg) translateY(-3px) } }
@keyframes jai-flag { 0% { transform: rotate(-10deg) } 100% { transform: rotate(10deg) } }
@keyframes jai-flagwave { 0% { transform: translateX(0) } 100% { transform: translateX(-20%) } }
@keyframes jai-lamp { 0% { opacity:.8; box-shadow: 0 0 10px 3px rgba(255,208,128,.4) } 100% { opacity:1; box-shadow: 0 0 30px 10px rgba(255,208,128,.8) } }

.scn-bd { background: linear-gradient(160deg, #ffe0a0 0%, #ffcc80 40%, #fff4c0 100%), radial-gradient(ellipse at 50% 0%, #fff9e6 0%, transparent 60%); }
.scn-bd .sky  { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #d4eaff 0%, #b0d0ff 100%); animation: bd-sky 20s ease-in-out infinite alternate; }
.scn-bd .sun  { position:absolute; top:10%; right:20%; width:50px; height:50px; background: radial-gradient(circle, #fff5c0 0%, #ffcc66 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(255,204,102,.5); animation: bd-sun 8s ease-in-out infinite alternate; }
.scn-bd .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #7cb342 0%, #5a8f2a 100%); border-radius: 30% 0 0 0; }
.scn-bd .buggy { position:absolute; bottom:30%; left:30%; width:120px; height:60px; background: linear-gradient(135deg, #8d6e3a 0%, #5c4020 100%); border-radius: 8% 8% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: bd-buggy 6s ease-in-out infinite; }
.scn-bd .wheel-a, .scn-bd .wheel-b { position:absolute; bottom:25%; width:28px; height:28px; background: radial-gradient(circle, #4a4a4a 0%, #2a2a2a 70%, transparent 72%); border-radius:50%; box-shadow: 0 0 0 3px #6b4c2a; animation: bd-wheel 3s linear infinite; }
.scn-bd .wheel-a { left:34%; animation-delay: 0s; }
.scn-bd .wheel-b { left:46%; animation-delay: 0.2s; }
.scn-bd .horse { position:absolute; bottom:30%; left:22%; width:70px; height:50px; background: linear-gradient(135deg, #b0884a 0%, #7a5c30 100%); border-radius: 50% 20% 40% 40% / 60% 30% 40% 50%; transform: rotate(-5deg); animation: bd-horse 4s ease-in-out infinite; }
.scn-bd .figure-old-a, .scn-bd .figure-old-b { position:absolute; bottom:30%; width:20px; height:36px; background: linear-gradient(180deg, #5c4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; }
.scn-bd .figure-old-a { left:36%; animation: bd-old 5s ease-in-out infinite; }
.scn-bd .figure-old-b { left:42%; animation: bd-old 5s ease-in-out 0.3s infinite; }
.scn-bd .figure-brown { position:absolute; bottom:30%; left:20%; width:22px; height:44px; background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: bd-brown 3s ease-in-out infinite; }
@keyframes bd-sky { 0% { opacity:0.9 } 100% { opacity:1 } }
@keyframes bd-sun { 0% { transform: translateY(0) scale(1); box-shadow:0 0 40px 20px rgba(255,204,102,.5); } 50% { transform: translateY(-4px) scale(1.05); box-shadow:0 0 50px 25px rgba(255,204,102,.7); } 100% { transform: translateY(0) scale(1); } }
@keyframes bd-buggy { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(3px) rotate(1deg); } }
@keyframes bd-wheel { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes bd-horse { 0%,100% { transform: translateX(0) rotate(-5deg); } 50% { transform: translateX(5px) rotate(-3deg); } }
@keyframes bd-old { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 75% { transform: translateY(-1px) rotate(-1deg); } }
@keyframes bd-brown { 0%,100% { transform: translateX(0) rotate(0deg) scaleY(1); } 25% { transform: translateX(-3px) rotate(-5deg) scaleY(0.97); } 50% { transform: translateX(0) rotate(3deg) scaleY(1); } 75% { transform: translateX(2px) rotate(-2deg) scaleY(0.98); } }

.scn-fc { background: linear-gradient(180deg, #f5e6b0 0%, #d4b070 100%), radial-gradient(ellipse at 50% 80%, #e0c080 0%, transparent 70%); }
.scn-fc .tent-sky { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #87CEEB 0%, #f0d090 100%); }
.scn-fc .tent-outer { position:absolute; top:20%; left:10%; width:80%; height:70%; background: linear-gradient(135deg, #d4b070 0%, #b89050 100%); clip-path: polygon(10% 100%, 50% 0%, 90% 100%); box-shadow: 0 10px 20px rgba(0,0,0,.2); }
.scn-fc .tent-inner { position:absolute; top:25%; left:18%; width:64%; height:60%; background: linear-gradient(180deg, #e8d4a0 0%, #c8a870 100%); clip-path: polygon(10% 100%, 50% 5%, 90% 100%); box-shadow: inset 0 -10px 20px rgba(0,0,0,.15); animation: fc-inner 8s ease-in-out infinite alternate; }
.scn-fc .podium { position:absolute; bottom:22%; left:50%; width:40px; height:20px; background: #7a6030; transform: translateX(-50%); border-radius: 10% 10% 0 0; box-shadow: 0 4px 6px rgba(0,0,0,.3); }
.scn-fc .preacher { position:absolute; bottom:25%; left:50%; width:16px; height:40px; background: linear-gradient(180deg, #3a2a1a 0%, #1a100a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform: translateX(-50%); animation: fc-preacher 6s ease-in-out infinite; }
.scn-fc .light-beam { position:absolute; top:10%; left:45%; width:10%; height:60%; background: linear-gradient(180deg, rgba(255,255,200,0.6) 0%, transparent 100%); clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); filter: blur(4px); animation: fc-beam 5s ease-in-out infinite alternate; }
.scn-fc .crowd { position:absolute; bottom:16%; left:0; right:0; height:20%; background: rgba(40,30,20,0.7); clip-path: polygon(0% 100%, 0% 30%, 5% 40%, 10% 20%, 15% 35%, 20% 15%, 25% 30%, 30% 10%, 35% 25%, 40% 5%, 45% 20%, 50% 10%, 55% 25%, 60% 5%, 65% 20%, 70% 10%, 75% 25%, 80% 15%, 85% 30%, 90% 20%, 95% 40%, 100% 30%, 100% 100%); animation: fc-crowd 12s ease-in-out infinite; }
@keyframes fc-inner { 0% { opacity:0.9 } 100% { opacity:1 } }
@keyframes fc-preacher { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-2px) rotate(2deg); } 75% { transform: translateX(-50%) translateY(-1px) rotate(-1deg); } }
@keyframes fc-beam { 0% { opacity:0.5; transform: scaleY(0.95); } 100% { opacity:1; transform: scaleY(1.05); } }
@keyframes fc-crowd { 0%,100% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.03); } }

.scn-as { background: linear-gradient(180deg, #4a6a8a 0%, #2a4a6a 50%, #1a2a4a 100%), radial-gradient(ellipse at 70% 30%, #ffd080 0%, transparent 60%); }
.scn-as .sky-awe { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #6a8aaa 0%, #3a5a7a 100%); animation: as-sky 25s ease-in-out infinite alternate; }
.scn-as .sunburst { position:absolute; top:5%; right:20%; width:70px; height:70px; background: radial-gradient(circle, #ffc060 0%, #ffa030 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 30px rgba(255,160,48,.6); animation: as-sunburst 10s ease-in-out infinite alternate; }
.scn-as .horizon { position:absolute; bottom:25%; left:0; right:0; height:18%; background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 100%); border-radius: 40% 60% 0 0; animation: as-horizon 15s ease-in-out infinite; }
.scn-as .figure-m { position:absolute; bottom:26%; left:30%; width:20px; height:42px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%); border-radius: 45% 45% 35% 35% / 55% 55% 35% 35%; transform-origin: bottom center; animation: as-figM 4s ease-in-out infinite; }
.scn-as .figure-w { position:absolute; bottom:26%; left:60%; width:18px; height:40px; background: linear-gradient(180deg, #3a2a3a 0%, #1a0a1a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: as-figW 5s ease-in-out infinite; }
.scn-as .wonder { position:absolute; top:30%; left:40%; width:60px; height:60px; background: radial-gradient(circle, #ffee88 0%, #ffcc44 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 50px 25px rgba(255,204,68,.7), 0 0 100px 50px rgba(255,204,68,.3); animation: as-wonder 8s ease-in-out infinite alternate; }
@keyframes as-sky { 0% { opacity:0.7 } 100% { opacity:1 } }
@keyframes as-sunburst { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.08) rotate(10deg); } 100% { transform: scale(1) rotate(-10deg); } }
@keyframes as-horizon { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes as-figM { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(3deg); } }
@keyframes as-figW { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(-2deg); } }
@keyframes as-wonder { 0% { transform: scale(1) rotate(0deg); opacity:0.8; } 50% { transform: scale(1.12) rotate(15deg); opacity:1; } 100% { transform: scale(0.95) rotate(-10deg); opacity:0.85; } }

.scn-bg { background: linear-gradient(135deg, #6a8a5a 0%, #4a6a3a 40%, #2a4a1a 100%), radial-gradient(ellipse at 50% 20%, #d4e0b0 0%, transparent 70%); }
.scn-bg .bg-gasp { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 60%, #b0c0a0 0%, #708060 100%); }
.scn-bg .head-silhouette { position:absolute; top:15%; left:30%; width:120px; height:140px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: inset 0 -20px 30px rgba(0,0,0,.5); animation: bg-head 4s ease-in-out infinite; }
.scn-bg .eye-left, .scn-bg .eye-right { position:absolute; width:14px; height:18px; background: radial-gradient(circle, #fff 0%, #aaa 70%, transparent 72%); border-radius:50%; transform: rotate(10deg); animation: bg-eye 3s ease-in-out infinite alternate; }
.scn-bg .eye-left { top:28%; left:40%; animation-delay:0s; }
.scn-bg .eye-right { top:28%; left:52%; animation-delay:0.15s; }
.scn-bg .mouth-open { position:absolute; top:48%; left:42%; width:40px; height:24px; background: #1a0a00; border-radius: 0 0 50% 50% / 0 0 100% 100%; box-shadow: inset 0 4px 6px rgba(0,0,0,.5), 0 0 0 2px #3a2a1a; animation: bg-mouth 3s ease-in-out infinite; }
.scn-bg .hat { position:absolute; top:5%; left:35%; width:80px; height:30px; background: #3a2a1a; border-radius: 50% 50% 0 0; box-shadow: 0 -8px 0 #2a1a0a, 0 8px 6px rgba(0,0,0,.3); animation: bg-hat 6s ease-in-out infinite; }
@keyframes bg-head { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(2deg); } 75% { transform: translateY(2px) rotate(-1deg); } }
@keyframes bg-eye { 0% { transform: rotate(10deg) scaleY(1); } 50% { transform: rotate(15deg) scaleY(1.2); } 100% { transform: rotate(5deg) scaleY(0.9); } }
@keyframes bg-mouth { 0%,100% { transform: scaleY(1); } 50% { transform: scaleY(1.4); } }
@keyframes bg-hat { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } }

/* concealment-of-capacity - funny, bright interior */
.scn-concealment-of-capacity {
  background: linear-gradient(180deg, #f5e6d0 0%, #d4b896 40%, #b89a6a 100%),
              radial-gradient(ellipse at 50% 0%, #ffeedd 0%, transparent 60%);
}
.scn-concealment-of-capacity .wall { position:absolute; inset:0 0 45% 0; background: linear-gradient(90deg, #e3d1b0 0%, #d6c09c 100%); }
.scn-concealment-of-capacity .floor { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(0deg, #8a6e4e 0%, #b5956a 100%); }
.scn-concealment-of-capacity .desk { position:absolute; bottom:30%; left:25%; width:50%; height:8%; background: linear-gradient(180deg, #7a6040 0%, #5a4228 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: coc-desk 6s ease-in-out infinite; }
.scn-concealment-of-capacity .chair { position:absolute; bottom:28%; left:40%; width:12%; height:15%; background: linear-gradient(180deg, #5a4528 0%, #3a2a18 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; animation: coc-chair 4s ease-in-out infinite; }
.scn-concealment-of-capacity .figure { position:absolute; bottom:30%; left:48%; width:10%; height:25%; background: linear-gradient(180deg, #2a1e12 0%, #1a1008 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: coc-figure 5s ease-in-out infinite; }
.scn-concealment-of-capacity .scroll { position:absolute; bottom:35%; left:52%; width:4%; height:8%; background: linear-gradient(180deg, #f0e0c0 0%, #c8b090 100%); border-radius: 2px 2px 8px 8px; transform-origin: bottom; animation: coc-scroll 3s ease-in-out infinite alternate; }
.scn-concealment-of-capacity .lamp-glow { position:absolute; top:20%; right:25%; width:20%; height:20%; background: radial-gradient(circle, #ffddaa 0%, rgba(255,221,170,.3) 60%, transparent 100%); animation: coc-lamp 4s ease-in-out infinite alternate; }
.scn-concealment-of-capacity .lamp-body { position:absolute; top:15%; right:30%; width:6%; height:12%; background: linear-gradient(180deg, #b08050 0%, #805030 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 20px 8px rgba(255,200,100,.5); animation: coc-lamp-body 6s ease-in-out infinite; }
@keyframes coc-desk { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes coc-chair { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-3px) rotate(-2deg); } 75% { transform: translateX(3px) rotate(2deg); } }
@keyframes coc-figure { 0%,100% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(-8px) rotate(3deg); } }
@keyframes coc-scroll { 0% { transform: translateY(0) rotate(0); opacity:.7; } 100% { transform: translateY(-15px) rotate(15deg); opacity:1; } }
@keyframes coc-lamp { 0% { opacity:.7; transform: scale(.9); } 100% { opacity:1; transform: scale(1.1); } }
@keyframes coc-lamp-body { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-2px) rotate(1deg); } }

/* ship-cats - warm, bright interior */
.scn-ship-cats {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0f0 30%, #f0e6d0 70%, #d4b896 100%),
              radial-gradient(ellipse at 50% 0%, #ffeebb 0%, transparent 60%);
}
.scn-ship-cats .deck { position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(0deg, #8a6e4e 0%, #b5956a 100%); }
.scn-ship-cats .railing { position:absolute; bottom:45%; left:5%; right:5%; height:2%; background: #6a4a2a; border-radius:2px; }
.scn-ship-cats .cat { position:absolute; bottom:30%; width:6%; height:10%; background: linear-gradient(180deg, #d4883a 0%, #b06020 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; }
.scn-ship-cats .cat-one { left:20%; animation: sct-cat1 8s ease-in-out infinite; }
.scn-ship-cats .cat-two { left:40%; animation: sct-cat2 10s ease-in-out infinite 1s; }
.scn-ship-cats .cat-three { left:60%; animation: sct-cat3 12s ease-in-out infinite 2s; }
.scn-ship-cats .gangplank { position:absolute; bottom:30%; right:5%; width:15%; height:3%; background: linear-gradient(90deg, #8a6040, #6a4020); transform: rotate(-10deg); transform-origin: right; animation: sct-plank 6s ease-in-out infinite; }
.scn-ship-cats .shore-shape { position:absolute; bottom:30%; right:0; width:20%; height:40%; background: linear-gradient(0deg, #3a6a2a 0%, #5a8a4a 100%); border-radius: 60% 0 0 60%; }
.scn-ship-cats .sun-glow { position:absolute; top:15%; left:70%; width:30%; height:30%; background: radial-gradient(circle, #ffdd99 0%, rgba(255,221,153,.4) 50%, transparent 100%); animation: sct-sun 20s ease-in-out infinite alternate; }
@keyframes sct-cat1 { 0%,100% { transform: translateX(0) translateY(0) rotate(0); } 25% { transform: translateX(20px) translateY(-2px) rotate(5deg); } 50% { transform: translateX(10px) translateY(0) rotate(-3deg); } 75% { transform: translateX(-15px) translateY(-1px) rotate(2deg); } }
@keyframes sct-cat2 { 0%,100% { transform: translateX(0) rotate(0); } 33% { transform: translateX(-10px) rotate(-2deg); } 66% { transform: translateX(15px) rotate(3deg); } }
@keyframes sct-cat3 { 0%,100% { transform: translateX(0) scaleX(1); } 40% { transform: translateX(20px) scaleX(0.9); } 80% { transform: translateX(-10px) scaleX(1.1); } }
@keyframes sct-plank { 0%,100% { transform: rotate(-10deg); } 50% { transform: rotate(-20deg); } }
@keyframes sct-sun { 0% { opacity:.8; transform: scale(.95); } 100% { opacity:1; transform: scale(1.1); } }

/* dinner-conversation - funny, bright interior */
.scn-dinner-conversation {
  background: linear-gradient(180deg, #f5e0b0 0%, #e5c890 40%, #c8a06a 100%),
              radial-gradient(ellipse at 50% 100%, #ffeedd 0%, transparent 70%);
}
.scn-dinner-conversation .wall-bg { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #e8d4a0 0%, #d4b880 100%); }
.scn-dinner-conversation .table { position:absolute; bottom:20%; left:10%; right:10%; height:12%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a10 100%); border-radius: 40% 40% 10% 10%; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
.scn-dinner-conversation .chair-left { position:absolute; bottom:15%; left:15%; width:12%; height:22%; background: linear-gradient(180deg, #5a3a20 0%, #3a2010 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom; animation: din-chair-l 6s ease-in-out infinite; }
.scn-dinner-conversation .chair-right { position:absolute; bottom:15%; right:15%; width:12%; height:22%; background: linear-gradient(180deg, #5a3a20 0%, #3a2010 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom; animation: din-chair-r 7s ease-in-out infinite 1s; }
.scn-dinner-conversation .figure-left { position:absolute; bottom:25%; left:18%; width:8%; height:18%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0e04 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: din-fig-l 5s ease-in-out infinite; }
.scn-dinner-conversation .figure-right { position:absolute; bottom:25%; right:18%; width:8%; height:18%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0e04 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: din-fig-r 5.5s ease-in-out infinite 0.5s; }
.scn-dinner-conversation .bottle { position:absolute; bottom:25%; left:47%; width:4%; height:15%; background: linear-gradient(180deg, #305820 0%, #1a3a0e 100%); border-radius: 30% 30% 10% 10%; transform-origin: bottom; animation: din-bottle 4s ease-in-out infinite; }
.scn-dinner-conversation .glass { position:absolute; bottom:25%; width:3%; height:12%; background: linear-gradient(180deg, rgba(200,200,200,0.6) 0%, rgba(255,255,255,0.2) 100%); border-radius: 20% 20% 5% 5%; }
.scn-dinner-conversation .glass-left { left:38%; animation: din-glass-l 3s ease-in-out infinite alternate; }
.scn-dinner-conversation .glass-right { right:38%; animation: din-glass-r 3.5s ease-in-out infinite alternate 1s; }
@keyframes din-chair-l { 0%,100% { transform: rotate(0); } 50% { transform: rotate(-5deg); } }
@keyframes din-chair-r { 0%,100% { transform: rotate(0); } 50% { transform: rotate(5deg); } }
@keyframes din-fig-l { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-5px) rotate(2deg); } }
@keyframes din-fig-r { 0%,100% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-4px) rotate(-2deg); } }
@keyframes din-bottle { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-3px) rotate(5deg); } }
@keyframes din-glass-l { 0% { transform: rotate(0) scaleY(1); } 100% { transform: rotate(10deg) scaleY(0.9); } }
@keyframes din-glass-r { 0% { transform: rotate(0) scaleY(1); } 100% { transform: rotate(-15deg) scaleY(0.9); } }

/* albany-anchor - calm, sunlit */
.scn-albany-anchor {
  background: linear-gradient(180deg, #87ceeb 0%, #c8e8f0 40%, #f0e6c0 70%, #d4b890 100%),
              radial-gradient(ellipse at 50% 0%, #ffe8b0 0%, transparent 60%);
}
.scn-albany-anchor .sea { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #4a8ab0 0%, #2a5a7a 100%); animation: alb-sea 15s ease-in-out infinite alternate; }
.scn-albany-anchor .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #a0d0f0 0%, #c8e8ff 100%); animation: alb-sky 20s ease-in-out infinite alternate; }
.scn-albany-anchor .sun { position:absolute; top:20%; left:70%; width:12%; height:12%; background: radial-gradient(circle, #ffe066 0%, #ffcc44 50%, transparent 100%); animation: alb-sun 30s ease-in-out infinite alternate; }
.scn-albany-anchor .ship-hull { position:absolute; bottom:40%; left:30%; width:25%; height:15%; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius: 30% 30% 10% 10%; }
.scn-albany-anchor .mast { position:absolute; bottom:50%; left:38%; width:3%; height:25%; background: linear-gradient(0deg, #4a3020 0%, #2a1a10 100%); border-radius: 2px; }
.scn-albany-anchor .anchor-chain { position:absolute; bottom:40%; left:45%; width:0.5%; height:20%; background: #3a3a3a; border-radius: 2px; animation: alb-chain 4s ease-in-out infinite alternate; }
.scn-albany-anchor .anchor { position:absolute; bottom:25%; left:44%; width:6%; height:6%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 50% 50%; clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%); transform-origin: top center; animation: alb-anchor 6s ease-in-out infinite; }
.scn-albany-anchor .seabird { position:absolute; top:25%; left:15%; width:4%; height:2%; background: #2a2a2a; border-radius: 50% 50% 0 0; transform: rotate(-20deg); animation: alb-bird 25s linear infinite; }
@keyframes alb-sea { 0% { transform: translateY(0); } 100% { transform: translateY(5px); } }
@keyframes alb-sky { 0% { opacity:.9; } 100% { opacity:1; } }
@keyframes alb-sun { 0% { transform: scale(.95); opacity:.9; } 100% { transform: scale(1.05); opacity:1; } }
@keyframes alb-chain { 0% { transform: scaleY(1); } 100% { transform: scaleY(1.1); } }
@keyframes alb-anchor { 0%,100% { transform: rotate(0); } 25% { transform: rotate(3deg); } 75% { transform: rotate(-3deg); } }
@keyframes alb-bird { 0% { transform: translateX(0) rotate(-20deg); } 100% { transform: translateX(120vw) rotate(-20deg); } }

.scn-dubbo-praise { background: linear-gradient(135deg, #f5e6d0 0%, #e3c9a8 50%, #d4b88a 100%), radial-gradient(circle at 70% 20%, #f7efd9 0%, transparent 40%); }
.scn-dubbo-praise .bg-wall { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #ede0c8 0%, #d4b88a 100%); }
.scn-dubbo-praise .fireplace { position:absolute; bottom:25%; left:20%; width:30%; height:45%; background: linear-gradient(180deg, #8b6f4a 0%, #5a4228 100%); border-radius: 8% 8% 4% 4%; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.3); }
.scn-dubbo-praise .hearth { position:absolute; bottom:25%; left:20%; width:30%; height:12%; background: linear-gradient(180deg, #b88a5a 0%, #8b6f4a 100%); border-radius: 0 0 10px 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); }
.scn-dubbo-praise .toast-hand { position:absolute; bottom:45%; left:50%; width:8%; height:20%; background: linear-gradient(180deg, #d4a77a 0%, #b87a4a 100%); border-radius: 40% 40% 20% 20%; transform-origin: bottom center; animation: dp-toast 2s ease-in-out infinite; }
.scn-dubbo-praise .toast-mug { position:absolute; bottom:55%; left:48%; width:10%; height:14%; background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 6px rgba(0,0,0,0.3); animation: dp-mug 2s ease-in-out infinite; }
.scn-dubbo-praise .figure-host { position:absolute; bottom:20%; left:25%; width:14%; height:55%; background: linear-gradient(180deg, #b0986a 0%, #7a6040 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: dp-bow 4s ease-in-out infinite; }
.scn-dubbo-praise .figure-guest { position:absolute; bottom:20%; right:25%; width:14%; height:55%; background: linear-gradient(180deg, #baa57a 0%, #806848 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: dp-bow 4s ease-in-out infinite 2s; }
.scn-dubbo-praise .sparkle { position:absolute; width:1.5%; height:3%; background: radial-gradient(circle, #fffbe0 0%, transparent 70%); border-radius:50%; filter: blur(1px); }
.scn-dubbo-praise .sparkle-a { top:30%; left:35%; animation: dp-sparkle 3s ease-in-out infinite; }
.scn-dubbo-praise .sparkle-b { top:35%; left:55%; animation: dp-sparkle 3s ease-in-out infinite 1.5s; }
@keyframes dp-toast { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(10deg); } }
@keyframes dp-mug { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(10deg) translateY(-2px); } }
@keyframes dp-bow { 0%,100% { transform: rotate(0) scaleY(1); } 30% { transform: rotate(-8deg) scaleY(0.95); } 60% { transform: rotate(8deg) scaleY(0.95); } }
@keyframes dp-sparkle { 0%,100% { opacity:0.2; transform: scale(0.8); } 50% { opacity:1; transform: scale(1.4); } }

.scn-squatter-kingdom { background: linear-gradient(180deg, #e8dcc8 0%, #c4b098 50%, #a0886e 100%), radial-gradient(ellipse at 100% 0%, #f0e4cc 0%, transparent 50%); }
.scn-squatter-kingdom .bg-panel { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #d4c4a8 0%, #b8a48c 100%); border-bottom: 2px solid #8a7058; }
.scn-squatter-kingdom .desk { position:absolute; bottom:20%; left:15%; width:70%; height:25%; background: linear-gradient(180deg, #6a5038 0%, #4a3828 100%); border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.4); }
.scn-squatter-kingdom .map { position:absolute; bottom:30%; left:20%; width:40%; height:20%; background: linear-gradient(135deg, #d4b070 0%, #b89a50 100%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: sk-map 12s ease-in-out infinite alternate; }
.scn-squatter-kingdom .globe { position:absolute; bottom:35%; right:20%; width:12%; height:20%; background: radial-gradient(circle at 40% 30%, #7ab8e0 0%, #4a7a9a 70%, #2a4a5a 100%); border-radius: 50%; box-shadow: -2px -2px 6px rgba(0,0,0,0.2); animation: sk-globe 8s linear infinite; }
.scn-squatter-kingdom .wool-bale { position:absolute; bottom:20%; left:55%; width:15%; height:15%; background: linear-gradient(180deg, #d4c4a0 0%, #b09878 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: sk-bale 6s ease-in-out infinite; }
.scn-squatter-kingdom .figure-seated { position:absolute; bottom:20%; left:25%; width:16%; height:45%; background: linear-gradient(180deg, #b09868 0%, #7a6040 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: sk-sit 10s ease-in-out infinite; }
.scn-squatter-kingdom .lamp { position:absolute; bottom:40%; left:10%; width:6%; height:25%; background: linear-gradient(180deg, #e0c870 0%, #c0a850 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 0 30px 10px rgba(200,170,80,0.5); animation: sk-lamp 4s ease-in-out infinite alternate; }
.scn-squatter-kingdom .shadow-shelf { position:absolute; bottom:40%; right:10%; width:20%; height:4%; background: linear-gradient(180deg, #5a4832 0%, #3a2a1a 100%); border-radius: 2px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
@keyframes sk-map { 0% { transform: scale(1) rotate(0); } 50% { transform: scale(1.02) rotate(1deg); } 100% { transform: scale(1) rotate(-1deg); } }
@keyframes sk-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes sk-bale { 0%,100% { transform: translateY(0) scale(1); } 30% { transform: translateY(-3px) scale(1.02); } 60% { transform: translateY(-1px) scale(0.98); } }
@keyframes sk-sit { 0%,100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(-2deg) translateY(-1px); } 75% { transform: rotate(2deg) translateY(-1px); } }
@keyframes sk-lamp { 0% { opacity:0.8; box-shadow:0 0 20px 8px rgba(200,170,80,0.4); } 50% { opacity:1; box-shadow:0 0 40px 15px rgba(200,170,80,0.7); } 100% { opacity:0.9; box-shadow:0 0 25px 10px rgba(200,170,80,0.5); } }

.scn-mutton-trade { background: linear-gradient(180deg, #d8e0e8 0%, #b0c0d0 40%, #88a0b0 100%), radial-gradient(ellipse at 80% 50%, #f0f4f8 0%, transparent 60%); }
.scn-mutton-trade .bg-ice { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #e4ecf0 0%, #c8d4dc 100%); opacity:0.6; }
.scn-mutton-trade .conveyor { position:absolute; bottom:30%; left:10%; right:10%; height:10%; background: linear-gradient(90deg, #708090 0%, #506070 50%, #708090 100%); border-radius: 4px; box-shadow: 0 -2px 6px rgba(0,0,0,0.3); animation: mt-convey 20s linear infinite; }
.scn-mutton-trade .carcass { position:absolute; bottom:35%; width:6%; height:15%; background: linear-gradient(180deg, #dcb090 0%, #b88868 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.scn-mutton-trade .carcass-a { left:20%; animation: mt-hook 4s ease-in-out infinite; }
.scn-mutton-trade .carcass-b { left:45%; animation: mt-hook 4s ease-in-out infinite 1.5s; }
.scn-mutton-trade .worker { position:absolute; bottom:20%; left:60%; width:14%; height:45%; background: linear-gradient(180deg, #7890a0 0%, #486070 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: mt-work 8s ease-in-out infinite; }
.scn-mutton-trade .steam { position:absolute; top:30%; left:30%; right:30%; height:20%; background: radial-gradient(ellipse, rgba(220,230,240,0.4) 0%, transparent 70%); filter: blur(10px); animation: mt-steam 12s ease-in-out infinite alternate; }
.scn-mutton-trade .light-beam { position:absolute; top:0; left:0; width:100%; height:50%; background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, transparent 100%); animation: mt-beam 6s ease-in-out infinite; }
@keyframes mt-convey { 0% { background-position: 0% 0; } 100% { background-position: 100% 0; } }
@keyframes mt-hook { 0%,100% { transform: translateY(0) rotate(0); } 30% { transform: translateY(-8px) rotate(5deg); } 60% { transform: translateY(-4px) rotate(-3deg); } }
@keyframes mt-work { 0%,100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(5deg) translateY(-2px); } 75% { transform: rotate(-5deg) translateY(-2px); } }
@keyframes mt-steam { 0% { opacity:0.3; transform: scale(1); } 50% { opacity:0.7; transform: scale(1.2); } 100% { opacity:0.4; transform: scale(0.9); } }
@keyframes mt-beam { 0%,100% { opacity:0.3; } 50% { opacity:0.8; } }

.scn-australians-americans { background: linear-gradient(135deg, #ecdcc8 0%, #d4c0a8 50%, #b8a088 100%), radial-gradient(circle at 30% 60%, #f2e6d4 0%, transparent 50%); }
.scn-australians-americans .bg-parlor { position:absolute; inset:0 0 15% 0; background: linear-gradient(180deg, #e8d8c4 0%, #d0bca4 100%); border-bottom: 2px solid #a08870; }
.scn-australians-americans .sofa { position:absolute; bottom:15%; left:10%; width:50%; height:30%; background: linear-gradient(180deg, #8a705a 0%, #6a5038 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
.scn-australians-americans .chair { position:absolute; bottom:15%; width:16%; height:35%; background: linear-gradient(180deg, #9a8068 0%, #7a6048 100%); border-radius: 20% 20% 10% 10%; }
.scn-australians-americans .chair-left { left:10%; }
.scn-australians-americans .chair-right { right:10%; }
.scn-australians-americans .figure-f { position:absolute; bottom:25%; left:15%; width:14%; height:45%; background: linear-gradient(180deg, #c0a880 0%, #a08060 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: aa-fig 6s ease-in-out infinite; }
.scn-australians-americans .figure-m { position:absolute; bottom:25%; right:15%; width:14%; height:45%; background: linear-gradient(180deg, #b09870 0%, #907858 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: aa-fig 6s ease-in-out infinite 3s; }
.scn-australians-americans .tea-table { position:absolute; bottom:18%; left:40%; width:20%; height:12%; background: linear-gradient(180deg, #6a5038 0%, #4a3828 100%); border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.scn-australians-americans .chandelier { position:absolute; top:5%; left:30%; width:40%; height:20%; background: radial-gradient(circle at 50% 20%, #e0c870 0%, #c0a850 60%, transparent 100%); filter: blur(4px); animation: aa-chandelier 8s ease-in-out infinite alternate; }
@keyframes aa-fig { 0%,100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(3deg) translateY(-1px); } 75% { transform: rotate(-3deg) translateY(-1px); } }
@keyframes aa-chandelier { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:0.9; transform: scale(1.1); } 100% { opacity:0.6; transform: scale(0.95); } }

.scn-government-representative { background: linear-gradient(180deg, #1a1218 0%, #2a1e2a 40%, #0e0a12 100%), radial-gradient(ellipse at 40% 60%, #2a1e2a 0%, transparent 80%); position: relative; overflow: hidden; }
.scn-government-representative .bg-shadows { position: absolute; inset: 0; background: linear-gradient(45deg, rgba(0,0,0,.6) 0%, transparent 60%); animation: gov-shift 8s ease-in-out infinite alternate; }
.scn-government-representative .ship-plank { position: absolute; bottom: 25%; left: 20%; right: 20%; height: 6%; background: linear-gradient(180deg, #4a3a2e 0%, #2a1e14 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.7); animation: gov-plank 12s ease-in-out infinite; }
.scn-government-representative .figure-rep { position: absolute; bottom: 28%; left: 30%; width: 30px; height: 60px; background: linear-gradient(180deg, #121a1a 0%, #0a0e0e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gov-tilt 6s ease-in-out infinite; }
.scn-government-representative .figure-rep::after { content: ''; position: absolute; top: 0; left: 50%; width: 14px; height: 20px; background: #1a1a22; border-radius: 50%; transform: translate(-50%, -8px); clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%); }
.scn-government-representative .figure-passenger { position: absolute; bottom: 28%; left: 55%; width: 24px; height: 50px; background: linear-gradient(180deg, #1e1a1a 0%, #141212 100%); border-radius: 40% 40% 35% 35% / 55% 55% 45% 45%; transform-origin: bottom center; animation: gov-bob 7s ease-in-out infinite; }
.scn-government-representative .figure-passenger::after { content: ''; position: absolute; top: 0; left: 50%; width: 12px; height: 16px; background: #161212; border-radius: 50%; transform: translate(-50%, -6px); }
.scn-government-representative .lantern-glow { position: absolute; bottom: 36%; left: 35%; width: 10px; height: 10px; background: radial-gradient(circle, #c09050 0%, #806030 60%); border-radius: 50%; box-shadow: 0 0 20px 6px rgba(192,144,80,.8), 0 0 40px 20px rgba(192,144,80,.3); animation: gov-flicker 3s ease-in-out infinite; }
.scn-government-representative .mast { position: absolute; bottom: 30%; left: 50%; width: 4px; height: 100px; background: linear-gradient(180deg, #3a2e22 0%, #1a1210 100%); transform: translateX(-50%); border-radius: 2px; animation: gov-sway 10s ease-in-out infinite; }
.scn-government-representative .crate { position: absolute; bottom: 26%; left: 65%; width: 20px; height: 16px; background: linear-gradient(135deg, #4a3422 0%, #3a281a 100%); border: 1px solid #2a1a12; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.6); animation: gov-shift2 9s ease-in-out infinite alternate; }
@keyframes gov-shift { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes gov-plank { 0%,100% { transform: translateY(0) rotate(-0.5deg) } 50% { transform: translateY(-2px) rotate(0.5deg) } }
@keyframes gov-tilt { 0%,100% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } }
@keyframes gov-bob { 0%,100% { transform: translateY(0) rotate(-1deg) } 30% { transform: translateY(-3px) rotate(1deg) } 60% { transform: translateY(0) rotate(-0.5deg) } }
@keyframes gov-flicker { 0%,100% { opacity: .8; transform: scale(1) } 25% { opacity: 1; transform: scale(1.1) } 50% { opacity: .7; transform: scale(.9) } 75% { opacity: .9; transform: scale(1.05) } }
@keyframes gov-sway { 0%,100% { transform: translateX(-50%) rotate(-1deg) } 50% { transform: translateX(-50%) rotate(1deg) } }
@keyframes gov-shift2 { 0% { transform: translateX(0) } 100% { transform: translateX(4px) } }

.scn-cattle-stall { background: linear-gradient(180deg, #1a1a1e 0%, #12121a 30%, #0a0a12 100%), radial-gradient(ellipse at 50% 50%, #1a1a22 0%, #0a0a10 100%); position: relative; overflow: hidden; }
.scn-cattle-stall .bg-stall-deep { position: absolute; inset: 0; background: linear-gradient(180deg, #12141e 0%, #0a0e14 100%); animation: ct-pulse 15s ease-in-out infinite alternate; }
.scn-cattle-stall .stall-partition { position: absolute; bottom: 20%; left: 30%; right: 30%; height: 40%; background: linear-gradient(180deg, #2a221a 0%, #1a160e 100%); border-radius: 0 0 8px 8px; box-shadow: inset 0 0 30px rgba(0,0,0,.8); }
.scn-cattle-stall .stall-partition::before { content: ''; position: absolute; top: -5%; left: 10%; width: 80%; height: 6px; background: #3a3222; border-radius: 3px; }
.scn-cattle-stall .figure-sleeping { position: absolute; bottom: 22%; left: 20%; width: 40px; height: 30px; background: linear-gradient(180deg, #1e1a16 0%, #12100e 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform: rotate(10deg); animation: ct-sleep 6s ease-in-out infinite; }
.scn-cattle-stall .figure-sleeping-2 { position: absolute; bottom: 22%; left: 45%; width: 40px; height: 30px; background: linear-gradient(180deg, #1e1a16 0%, #12100e 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform: rotate(-5deg); animation: ct-sleep2 7s ease-in-out infinite; }
.scn-cattle-stall .hay-bale { position: absolute; bottom: 23%; left: 60%; width: 24px; height: 18px; background: #3a3026; border-radius: 30% 30% 20% 20%; box-shadow: 0 2px 4px rgba(0,0,0,.5); animation: ct-raise 9s ease-in-out infinite; }
.scn-cattle-stall .dim-lamp { position: absolute; top: 30%; left: 45%; width: 8px; height: 12px; background: radial-gradient(circle, #c08050 0%, #a06840 100%); border-radius: 50%; box-shadow: 0 0 30px 10px rgba(192,128,80,.7), 0 0 60px 20px rgba(192,128,80,.3); animation: ct-swing 4s ease-in-out infinite; }
.scn-cattle-stall .chain { position: absolute; bottom: 40%; left: 45%; width: 30px; height: 2px; background: #2a2a2e; border-radius: 1px; transform: rotate(10deg); box-shadow: 0 2px 0 #1a1a1e; animation: ct-shake 5s ease-in-out infinite; }
@keyframes ct-pulse { 0% { opacity: .6 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes ct-sleep { 0%,100% { transform: rotate(10deg) scale(1) } 50% { transform: rotate(15deg) scale(1.02) } }
@keyframes ct-sleep2 { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-10deg) translateY(-2px) } }
@keyframes ct-raise { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes ct-swing { 0%,100% { transform: rotate(-5deg) } 50% { transform: rotate(5deg) } }
@keyframes ct-shake { 0%,100% { transform: rotate(8deg) } 50% { transform: rotate(-8deg) } }

.scn-foulest-boat { background: linear-gradient(180deg, #1c1a18 0%, #12100e 40%, #0a0a08 100%), radial-gradient(ellipse at 30% 70%, #1e1a16 0%, transparent 80%); position: relative; overflow: hidden; }
.scn-foulest-boat .bg-deck-dark { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, transparent 50%, rgba(0,0,0,.6) 100%); animation: fb-drift 12s ease-in-out infinite alternate; }
.scn-foulest-boat .deck-planks { position: absolute; bottom: 20%; left: 0; right: 0; height: 30%; background: repeating-linear-gradient(90deg, #2a2218 0px, #2a2218 12px, #1e1a10 12px, #1e1a10 14px); border-radius: 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.8); }
.scn-foulest-boat .banister { position: absolute; top: 35%; left: 10%; right: 10%; height: 4px; background: #3a2e22; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.5); }
.scn-foulest-boat .figure-huddled { position: absolute; bottom: 30%; left: 20%; width: 30px; height: 40px; background: linear-gradient(180deg, #1a1412 0%, #0e0c0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform: rotate(5deg); animation: fb-bundle 8s ease-in-out infinite; }
.scn-foulest-boat .figure-huddled::after { content: ''; position: absolute; top: 5%; left: 30%; width: 12px; height: 14px; background: #1a1412; border-radius: 50%; }
.scn-foulest-boat .figure-huddled-2 { position: absolute; bottom: 30%; left: 55%; width: 30px; height: 40px; background: linear-gradient(180deg, #1a1412 0%, #0e0c0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform: rotate(-8deg); animation: fb-bundle2 9s ease-in-out infinite; }
.scn-foulest-boat .spilled-bucket { position: absolute; bottom: 22%; left: 40%; width: 18px; height: 12px; background: #2a281e; border-radius: 30% 30% 20% 20%; transform: rotate(25deg); animation: fb-tilt 6s ease-in-out infinite; }
.scn-foulest-boat .drain-hole { position: absolute; bottom: 24%; left: 35%; width: 8px; height: 2px; background: #1a1a16; border-radius: 2px; box-shadow: 0 0 4px #0a0a08; }
@keyframes fb-drift { 0% { opacity: .5 } 50% { opacity: .8 } 100% { opacity: .6 } }
@keyframes fb-bundle { 0%,100% { transform: rotate(5deg) scale(1) } 50% { transform: rotate(2deg) scale(1.03) } }
@keyframes fb-bundle2 { 0%,100% { transform: rotate(-8deg) translateY(0) } 50% { transform: rotate(-4deg) translateY(-2px) } }
@keyframes fb-tilt { 0%,100% { transform: rotate(20deg) } 50% { transform: rotate(30deg) } }

.scn-mahinapua { background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 40%, #F0E68C 100%), radial-gradient(ellipse at 50% 30%, #FFD700 0%, transparent 60%); position: relative; overflow: hidden; }
.scn-mahinapua .bg-sunny-sky { position: absolute; inset: 0; background: linear-gradient(180deg, #FFF8DC 0%, #B0E0E6 100%); animation: mah-glint 10s ease-in-out infinite alternate; }
.scn-mahinapua .deck-wood { position: absolute; bottom: 10%; left: 5%; right: 5%; height: 20%; background: linear-gradient(90deg, #D2B48C 0%, #C4A882 20%, #D2B48C 40%, #C4A882 60%, #D2B48C 80%, #C4A882 100%); border-radius: 4px 4px 0 0; box-shadow: inset 0 4px 8px rgba(0,0,0,.1); }
.scn-mahinapua .cabin-wall { position: absolute; bottom: 30%; left: 30%; right: 30%; height: 20%; background: linear-gradient(180deg, #FAF0E6 0%, #F5DEB3 100%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.scn-mahinapua .porthole { position: absolute; bottom: 38%; left: 42%; width: 20px; height: 20px; background: radial-gradient(circle, #FFF8DC 0%, #B0C4DE 100%); border: 3px solid #8B7355; border-radius: 50%; box-shadow: 0 0 10px 2px rgba(255,215,0,.3); animation: mah-sparkle 4s ease-in-out infinite; }
.scn-mahinapua .figure-standing { position: absolute; bottom: 20%; left: 50%; width: 20px; height: 50px; background: linear-gradient(180deg, #1A1A2E 0%, #16213E 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: translateX(-50%); animation: mah-stand 6s ease-in-out infinite; }
.scn-mahinapua .flag { position: absolute; top: 12%; right: 20%; width: 30px; height: 20px; background: linear-gradient(135deg, #FFD700 33%, #FFFFFF 33%, #FFFFFF 66%, #FFD700 66%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); animation: mah-wave 3s ease-in-out infinite alternate; }
.scn-mahinapua .railing { position: absolute; bottom: 25%; left: 10%; right: 10%; height: 3px; background: #8B7355; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
@keyframes mah-glint { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes mah-sparkle { 0%,100% { transform: scale(1); box-shadow: 0 0 8px 2px rgba(255,215,0,.3) } 50% { transform: scale(1.1); box-shadow: 0 0 12px 4px rgba(255,215,0,.5) } }
@keyframes mah-stand { 0%,100% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) rotate(1deg) translateY(-1px) } }
@keyframes mah-wave { 0% { transform: skewX(0deg) } 100% { transform: skewX(10deg) } }

/* irish-gentleman: bright-interior, warm mood */
.scn-irish-gentleman {
  background: linear-gradient(180deg, #f5e6c8 0%, #e8d5a8 40%, #d4b884 100%),
              radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%);
}
.scn-irish-gentleman .bg-wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #f0dfc0 0%, #dcc9a0 100%); }
.scn-irish-gentleman .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #b8926a 0%, #9a7a5a 100%); border-radius: 30% 70% 0 0 / 20% 40% 0 0; box-shadow: inset 0 12px 25px rgba(0,0,0,.2); }
.scn-irish-gentleman .window { position:absolute; top:8%; left:10%; width:35%; height:45%; background: radial-gradient(ellipse at 60% 50%, #fff8e8 0%, #e8d5a0 70%); border-radius: 6px; box-shadow: inset 0 0 30px rgba(255,240,200,.3), 0 0 40px rgba(255,240,200,.15); border: 6px solid #c8aa7a; }
.scn-irish-gentleman .table { position:absolute; bottom:30%; left:25%; width:50%; height:12%; background: linear-gradient(180deg, #8a6a4a 0%, #6a5030 100%); border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-irish-gentleman .gentleman { position:absolute; bottom:32%; left:35%; width:20%; height:45%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0f0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ig-gentle 6s ease-in-out infinite; }
.scn-irish-gentleman .twain { position:absolute; bottom:30%; left:55%; width:18%; height:42%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ig-twain 6s ease-in-out infinite reverse; }
.scn-irish-gentleman .lamp { position:absolute; top:2%; right:15%; width:8%; height:18%; background: radial-gradient(ellipse at 50% 20%, #ffe080 0%, #c8a040 70%); border-radius: 50% 50% 40% 40%; box-shadow: 0 0 60px 20px rgba(255,220,120,.4); animation: ig-lamp 4s ease-in-out infinite alternate; }
@keyframes ig-gentle { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ig-twain { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ig-lamp { 0% { opacity:.7; box-shadow:0 0 40px 15px rgba(255,220,120,.3); } 100% { opacity:1; box-shadow:0 0 80px 30px rgba(255,220,120,.5); } }

/* mark-twain-club: dim-interior, warm mood */
.scn-mark-twain-club {
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 40%, #2a1a10 100%),
              radial-gradient(ellipse at 40% 60%, #6a5030 0%, transparent 70%);
}
.scn-mark-twain-club .bg-parlor { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); }
.scn-mark-twain-club .wall-shelf { position:absolute; top:5%; left:5%; right:5%; height:15%; background: linear-gradient(90deg, #8a7050 0%, #ad8a60 50%, #8a7050 100%); border-radius: 4px; box-shadow: inset 0 2px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3); }
.scn-mark-twain-club .picture-frame { position:absolute; top:10%; left:15%; width:12%; height:20%; background: linear-gradient(135deg, #c8a040, #a08030); border-radius: 4px; border: 4px solid #8a6a30; box-shadow: 0 0 8px rgba(0,0,0,.4); }
.scn-mark-twain-club .table-drinks { position:absolute; bottom:25%; left:20%; right:20%; height:14%; background: linear-gradient(180deg, #6a5030 0%, #4a3a20 100%); border-radius: 10px; box-shadow: 0 6px 12px rgba(0,0,0,.4); }
.scn-mark-twain-club .chair { position:absolute; bottom:28%; left:55%; width:18%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0f0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: mtc-chair 10s ease-in-out infinite; }
.scn-mark-twain-club .twain-sitting { position:absolute; bottom:30%; left:56%; width:15%; height:32%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mtc-twain 6s ease-in-out infinite; }
.scn-mark-twain-club .host-standing { position:absolute; bottom:28%; left:32%; width:14%; height:45%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0f0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mtc-host 7s ease-in-out infinite reverse; }
.scn-mark-twain-club .lamp-dim { position:absolute; top:2%; right:10%; width:10%; height:22%; background: radial-gradient(ellipse at 50% 20%, #ffcc66 0%, #b08030 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 50px 15px rgba(200,160,80,.3); animation: mtc-lamp 5s ease-in-out infinite alternate; }
@keyframes mtc-chair { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }
@keyframes mtc-twain { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes mtc-host { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-4px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes mtc-lamp { 0% { opacity:.6; box-shadow:0 0 30px 10px rgba(200,160,80,.2); } 100% { opacity:.9; box-shadow:0 0 60px 20px rgba(200,160,80,.35); } }

/* club-photographs: dim-interior, warm mood */
.scn-club-photographs {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a10 50%, #1a0f0a 100%),
              radial-gradient(ellipse at 50% 60%, #5a3a20 0%, transparent 70%);
}
.scn-club-photographs .bg-room { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%); }
.scn-club-photographs .table-album { position:absolute; bottom:28%; left:20%; right:20%; height:15%; background: linear-gradient(180deg, #7a5a3a 0%, #5a3a20 100%); border-radius: 10px; box-shadow: 0 6px 12px rgba(0,0,0,.5); }
.scn-club-photographs .album { position:absolute; bottom:32%; left:35%; width:30%; height:22%; background: linear-gradient(135deg, #a08050, #7a5a30); border-radius: 6px; border: 4px solid #6a4a20; box-shadow: 0 4px 8px rgba(0,0,0,.4); transform-origin: left bottom; animation: cp-album 8s ease-in-out infinite; }
.scn-club-photographs .photos { position:absolute; bottom:38%; left:38%; width:20%; height:15%; background: #c8b080; border-radius: 2px; border: 2px solid #8a6a40; box-shadow: 0 0 4px rgba(0,0,0,.5); animation: cp-photos 6s ease-in-out infinite alternate; }
.scn-club-photographs .arm { position:absolute; bottom:30%; left:50%; width:8%; height:30%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom right; animation: cp-arm 5s ease-in-out infinite; }
.scn-club-photographs .lamp-glare { position:absolute; top:5%; right:10%; width:12%; height:20%; background: radial-gradient(ellipse at 50% 20%, #ffd080 0%, #b08030 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 60px 25px rgba(200,160,80,.3); animation: cp-lamp 6s ease-in-out infinite alternate; }
.scn-club-photographs .shadow-figure { position:absolute; bottom:28%; left:15%; width:12%; height:40%; background: linear-gradient(180deg, #1a0f0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; opacity:.5; animation: cp-shadow 10s ease-in-out infinite; }
@keyframes cp-album { 0% { transform: rotate(0deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(0deg); } }
@keyframes cp-photos { 0% { opacity:.9; } 50% { opacity:1; } 100% { opacity:.8; } }
@keyframes cp-arm { 0% { transform: rotate(0deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(0deg); } }
@keyframes cp-lamp { 0% { opacity:.7; box-shadow:0 0 40px 15px rgba(200,160,80,.2); } 100% { opacity:.9; box-shadow:0 0 80px 30px rgba(200,160,80,.4); } }
@keyframes cp-shadow { 0% { transform: translateX(0); } 50% { transform: translateX(2px); } 100% { transform: translateX(0); } }

/* club-badge: dim-interior, warm mood — close-up on badge */
.scn-club-badge {
  background: linear-gradient(180deg, #2a1a10 0%, #1a0f0a 40%, #0a0500 100%),
              radial-gradient(ellipse at 50% 50%, #4a2a10 0%, transparent 80%);
}
.scn-club-badge .bg-close { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 50%, #3a2010 0%, #1a0f0a 100%); }
.scn-club-badge .table-surface { position:absolute; bottom:20%; left:5%; right:5%; height:25%; background: linear-gradient(180deg, #6a4a30 0%, #4a2a18 100%); border-radius: 15px; box-shadow: 0 8px 16px rgba(0,0,0,.6); }
.scn-club-badge .badge-frog { position:absolute; bottom:38%; left:45%; width:20%; height:20%; background: radial-gradient(circle at 50% 40%, #c8a040 0%, #8a6a30 70%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; box-shadow: 0 0 20px 6px rgba(200,160,64,.5); animation: cb-frog 4s ease-in-out infinite; }
.scn-club-badge .badge-gold { position:absolute; bottom:36%; left:44%; width:22%; height:22%; background: radial-gradient(circle at 30% 30%, #ffd080 0%, #b08030 100%); border-radius: 50%; border: 4px solid #d4a040; box-shadow: 0 0 30px 10px rgba(255,200,80,.3); animation: cb-gold 6s ease-in-out infinite alternate; }
.scn-club-badge .grass-blade { position:absolute; bottom:40%; left:48%; width:2%; height:16%; background: linear-gradient(180deg, #6a8a3a 0%, #4a6a2a 100%); border-radius: 50% 50% 20% 20%; transform-origin: bottom center; animation: cb-grass 3s ease-in-out infinite; }
.scn-club-badge .hand-holding { position:absolute; bottom:22%; left:50%; width:20%; height:30%; background: linear-gradient(180deg, #6a4a30 0%, #3a2010 100%); border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%; transform-origin: bottom center; animation: cb-hand 5s ease-in-out infinite; }
.scn-club-badge .glow-highlight { position:absolute; top:30%; left:30%; width:40%; height:40%; background: radial-gradient(circle, rgba(255,220,120,.15) 0%, transparent 70%); animation: cb-glow 7s ease-in-out infinite alternate; }
@keyframes cb-frog { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(5deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes cb-gold { 0% { opacity:.8; box-shadow:0 0 20px 6px rgba(255,200,80,.2); } 100% { opacity:1; box-shadow:0 0 40px 15px rgba(255,200,80,.4); } }
@keyframes cb-grass { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }
@keyframes cb-hand { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-4px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes cb-glow { 0% { opacity:.4; } 100% { opacity:.7; } }

/* river-vs-sea – calm, sunlit */
.scn-river-vs-sea {
  background: linear-gradient(180deg, #87CEEB 0%, #f0e68c 45%, #ffd700 55%, #87CEEB 100%),
              radial-gradient(ellipse at 50% 30%, #fff4c2 0%, transparent 60%);
}
.scn-river-vs-sea .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #87CEEB 0%, #b0e0e6 40%, transparent 70%); animation: rs-sky 14s ease-in-out infinite alternate; }
.scn-river-vs-sea .sun { position:absolute; top:10%; left:70%; width:60px; height:60px; background: radial-gradient(circle, #ffd700 0%, #ffb347 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 80px 30px #ffb347; animation: rs-sun 12s ease-in-out infinite; }
.scn-river-vs-sea .sea { position:absolute; bottom:0; left:0; right:50%; height:45%; background: linear-gradient(180deg, #2e86ab 0%, #1a5276 40%, #0e2f44 100%); box-shadow: inset 0 20px 30px rgba(0,0,0,.3); animation: rs-sea 8s ease-in-out infinite; }
.scn-river-vs-sea .river { position:absolute; bottom:0; left:50%; right:0; height:45%; background: linear-gradient(180deg, #5dade2 0%, #2e86c1 40%, #1a5276 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); animation: rs-river 10s ease-in-out infinite; }
.scn-river-vs-sea .shoreline { position:absolute; bottom:40%; left:45%; right:45%; height:8%; background: linear-gradient(180deg, #d4a373 0%, #b5835a 100%); border-radius: 40% 40% 0 0 / 60% 60% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,.2); }
.scn-river-vs-sea .cloud-a { position:absolute; top:8%; left:15%; width:80px; height:25px; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%); border-radius:50%; filter: blur(5px); animation: rs-cloud-a 40s linear infinite; }
.scn-river-vs-sea .cloud-b { position:absolute; top:18%; right:10%; width:100px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 100%); border-radius:50%; filter: blur(6px); animation: rs-cloud-b 55s linear infinite reverse; }
@keyframes rs-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes rs-sun { 0% { transform: scale(1); box-shadow: 0 0 60px 20px #ffb347; } 50% { transform: scale(1.05); box-shadow: 0 0 80px 30px #ffa500; } 100% { transform: scale(1); box-shadow: 0 0 60px 20px #ffb347; } }
@keyframes rs-sea { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes rs-river { 0% { background-position: 0 0 } 50% { background-position: 0 -5px } 100% { background-position: 0 0 } }
@keyframes rs-cloud-a { 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }
@keyframes rs-cloud-b { 0% { transform: translateX(0) } 100% { transform: translateX(-100vw) } }

/* captain-story – funny, bright-interior */
.scn-captain-story {
  background: linear-gradient(180deg, #f5deb3 0%, #deb887 50%, #c4a882 100%),
              radial-gradient(ellipse at 30% 50%, #fff8dc 0%, transparent 70%);
}
.scn-captain-story .room-bg { position:absolute; inset:0; background: linear-gradient(135deg, #fafad2 0%, #f0e68c 50%, #d2b48c 100%); }
.scn-captain-story .window { position:absolute; top:10%; left:40%; width:80px; height:120px; background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 60%, #fff 100%); border:6px solid #8b4513; border-radius:8px; box-shadow: inset 0 0 20px rgba(255,255,255,.3); }
.scn-captain-story .table { position:absolute; bottom:18%; left:30%; right:30%; height:15%; background: linear-gradient(180deg, #8b4513 0%, #654321 100%); border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-captain-story .captain { position:absolute; bottom:22%; left:25%; width:30px; height:60px; background: linear-gradient(180deg, #2c3e50 0%, #1a252f 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cs-captain 4s ease-in-out infinite; }
.scn-captain-story .listener { position:absolute; bottom:22%; right:30%; width:28px; height:55px; background: linear-gradient(180deg, #5d4037 0%, #3e2723 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cs-listener 3.5s ease-in-out infinite; animation-delay: .5s; }
.scn-captain-story .lamp { position:absolute; top:15%; left:15%; width:20px; height:30px; background: radial-gradient(circle, #ffd700 0%, #ff8c00 70%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 40px 15px #ff8c00; animation: cs-lamp 2s ease-in-out infinite alternate; }
.scn-captain-story .wine-glass { position:absolute; bottom:28%; left:48%; width:8px; height:18px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 100%); border-radius: 0 0 30% 30%; box-shadow: 0 0 6px rgba(255,255,255,.3); animation: cs-glass 6s ease-in-out infinite; }
@keyframes cs-captain { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(10px) rotate(-2deg) } 75% { transform: translateX(5px) rotate(1deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes cs-listener { 0% { transform: translateX(0) rotate(0) } 50% { transform: translateX(-4px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes cs-lamp { 0% { box-shadow: 0 0 20px 8px #ff8c00; opacity:.8 } 50% { box-shadow: 0 0 50px 20px #ffd700; opacity:1 } 100% { box-shadow: 0 0 20px 8px #ff8c00; opacity:.8 } }
@keyframes cs-glass { 0%,100% { transform: rotate(-3deg) } 50% { transform: rotate(3deg) } }

/* truth-belief – funny, bright-interior */
.scn-truth-belief {
  background: linear-gradient(180deg, #ffe4b5 0%, #f0e68c 50%, #deb887 100%),
              radial-gradient(ellipse at 70% 40%, #fffaf0 0%, transparent 60%);
}
.scn-truth-belief .bg-chamber { position:absolute; inset:0; background: linear-gradient(135deg, #fff8dc 0%, #f5deb3 60%, #d2b48c 100%); }
.scn-truth-belief .desk { position:absolute; bottom:20%; left:25%; right:25%; height:12%; background: linear-gradient(180deg, #8b4513 0%, #654321 100%); border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,.4); }
.scn-truth-belief .scot { position:absolute; bottom:24%; left:30%; width:28px; height:58px; background: linear-gradient(180deg, #3e2723 0%, #1b1b1b 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tb-scot 3.8s ease-in-out infinite; }
.scn-truth-belief .captain2 { position:absolute; bottom:24%; right:30%; width:30px; height:60px; background: linear-gradient(180deg, #2c3e50 0%, #1a252f 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tb-captain2 4s ease-in-out infinite; animation-delay: .8s; }
.scn-truth-belief .paper-stack { position:absolute; bottom:28%; left:48%; width:24px; height:16px; background: linear-gradient(180deg, #f5f5dc 0%, #e6dcc3 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2), inset 0 1px 0 #fff; animation: tb-papers 7s ease-in-out infinite; }
.scn-truth-belief .candle { position:absolute; top:25%; left:60%; width:10px; height:20px; background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius: 2px; box-shadow: 0 0 20px 8px #ff8c00; }
.scn-truth-belief .inkwell { position:absolute; bottom:30%; left:42%; width:14px; height:14px; background: radial-gradient(circle, #2c3e50 0%, #1a252f 100%); border-radius: 50%; box-shadow: inset 0 -2px 4px rgba(0,0,0,.5); animation: tb-ink 5s ease-in-out infinite; }
@keyframes tb-scot { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes tb-captain2 { 0% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-1px) rotate(-2deg) } 100% { transform: translateY(0) rotate(2deg) } }
@keyframes tb-papers { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes tb-ink { 0%,100% { opacity:.8 } 50% { opacity:1 } }

/* pets-on-board – warm, bright-interior */
.scn-pets-on-board {
  background: linear-gradient(180deg, #f5deb3 0%, #deb887 40%, #c4a882 100%),
              radial-gradient(ellipse at 50% 80%, #fff8dc 0%, transparent 70%);
}
.scn-pets-on-board .wall { position:absolute; inset:0; background: linear-gradient(135deg, #faf0e6 0%, #f5deb3 60%, #d2b48c 100%); }
.scn-pets-on-board .window2 { position:absolute; top:12%; left:60%; width:70px; height:100px; background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 60%, #fff 100%); border:5px solid #8b4513; border-radius:6px; box-shadow: inset 0 0 15px rgba(255,255,255,.3), 0 4px 10px rgba(0,0,0,.2); }
.scn-pets-on-board .cage { position:absolute; top:18%; left:15%; width:60px; height:80px; background: linear-gradient(135deg, transparent 30%, rgba(0,0,0,.1) 30%, transparent 35%, rgba(0,0,0,.1) 35%, transparent 40%); border:3px solid #8b4513; border-radius: 8px; box-shadow: inset 0 0 10px rgba(0,0,0,.2); }
.scn-pets-on-board .bird-a { position:absolute; top:25%; left:20%; width:12px; height:10px; background: radial-gradient(circle, #ffa500 0%, #ff8c00 100%); border-radius: 50%; animation: pb-bird-a 3s ease-in-out infinite; }
.scn-pets-on-board .bird-b { position:absolute; top:22%; left:28%; width:10px; height:8px; background: radial-gradient(circle, #ff6347 0%, #ff4500 100%); border-radius: 50%; animation: pb-bird-b 2.8s ease-in-out infinite; animation-delay: 1s; }
.scn-pets-on-board .cat { position:absolute; bottom:15%; left:40%; width:28px; height:24px; background: linear-gradient(180deg, #d2691e 0%, #8b4513 100%); border-radius: 60% 60% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom center; animation: pb-cat 5s ease-in-out infinite; }
.scn-pets-on-board .dog { position:absolute; bottom:12%; right:25%; width:32px; height:26px; background: linear-gradient(180deg, #a0522d 0%, #6b3a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: pb-dog 4.5s ease-in-out infinite; animation-delay: 2s; }
@keyframes pb-bird-a { 0% { transform: translate(0,0) } 25% { transform: translate(3px,-3px) } 50% { transform: translate(6px,0) } 75% { transform: translate(3px,2px) } 100% { transform: translate(0,0) } }
@keyframes pb-bird-b { 0% { transform: translate(0,0) } 30% { transform: translate(-2px,-4px) } 60% { transform: translate(-5px,0) } 100% { transform: translate(0,0) } }
@keyframes pb-cat { 0%,100% { transform: rotate(-3deg) } 50% { transform: rotate(3deg) } }
@keyframes pb-dog { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }

.scn-jeypore-city { background: linear-gradient(180deg, #f7e9c3 0%, #e8c99b 40%, #d4a77b 100%), radial-gradient(ellipse at 30% 0%, #fef2d6 0%, transparent 60%); }
.scn-jeypore-city .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(135deg, #a6d0e0 0%, #7bb8d4 50%, #e8d6a0 100%); animation: jp-sky 12s ease-in-out infinite alternate; }
.scn-jeypore-city .wall { position:absolute; bottom:30%; left:5%; right:5%; height:40%; background: linear-gradient(180deg, #d9b38c 0%, #b38866 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: 0 -8px 20px rgba(0,0,0,0.2); }
.scn-jeypore-city .tower { position:absolute; bottom:30%; left:30%; width:80px; height:150px; background: linear-gradient(180deg, #c99a6b 0%, #a87a4e 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 6px 10px rgba(0,0,0,0.3); animation: jp-tower 6s ease-in-out infinite; }
.scn-jeypore-city .balcony { position:absolute; bottom:46%; left:30%; width:100px; height:16px; transform:translateX(-8px); background: linear-gradient(90deg, #b08050 0%, #d0a070 50%, #b08050 100%); border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
.scn-jeypore-city .idol-pole { position:absolute; bottom:30%; left:55%; width:10px; height:90px; background: linear-gradient(180deg, #8a6a3a 0%, #4a3a1a 100%); border-radius: 4px; transform: rotate(5deg); transform-origin: bottom; animation: jp-pole 4s ease-in-out infinite; }
.scn-jeypore-city .idol { position:absolute; bottom:56%; left:53%; width:30px; height:40px; background: radial-gradient(circle, #e0b060 0%, #c08040 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 20px 6px rgba(192,128,64,0.4); animation: jp-idol 3s ease-in-out infinite alternate; }
.scn-jeypore-city .elephant { position:absolute; bottom:27%; left:60%; width:70px; height:60px; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: jp-elephant 8s ease-in-out infinite; }
.scn-jeypore-city .crowd { position:absolute; bottom:27%; left:10%; right:10%; height:20px; background: repeating-linear-gradient(90deg, #c08050 0px, #c08050 6px, transparent 6px, transparent 14px); background-size: 80px 100%; animation: jp-crowd 5s linear infinite; }
@keyframes jp-sky { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes jp-tower { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes jp-pole { 0%,100% { transform: rotate(5deg) } 50% { transform: rotate(8deg) } }
@keyframes jp-idol { 0% { box-shadow: 0 0 20px 6px rgba(192,128,64,0.4); opacity:0.85 } 50% { box-shadow: 0 0 40px 15px rgba(224,176,96,0.7); opacity:1 } 100% { box-shadow: 0 0 25px 8px rgba(192,128,64,0.5); opacity:0.9 } }
@keyframes jp-elephant { 0%,100% { transform: translateX(0) } 50% { transform: translateX(8px) } }
@keyframes jp-crowd { 0% { background-position: 0 0 } 100% { background-position: 80px 0 } }

.scn-sweetpea-storm { background: linear-gradient(180deg, #faecc8 0%, #edd9a3 40%, #d4b77a 100%), radial-gradient(ellipse at 70% 20%, #fff5d6 0%, transparent 60%); }
.scn-sweetpea-storm .street { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #c9a87b 0%, #b09060 100%); border-radius: 30% 0 0 0 / 60% 0 0 0; }
.scn-sweetpea-storm .elephant { position:absolute; bottom:25%; left:15%; width:80px; height:70px; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: sp-elephant 6s ease-in-out infinite; }
.scn-sweetpea-storm .howdah { position:absolute; bottom:50%; left:18%; width:40px; height:30px; background: linear-gradient(180deg, #c08040 0%, #a06030 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); transform: rotate(-2deg); animation: sp-howdah 3s ease-in-out infinite; }
.scn-sweetpea-storm .camel-body { position:absolute; bottom:22%; right:20%; width:70px; height:55px; background: linear-gradient(180deg, #b89a6a 0%, #8a6a3a 100%); border-radius: 50% 40% 40% 50% / 60% 40% 40% 60%; animation: sp-camel 5s ease-in-out infinite; }
.scn-sweetpea-storm .camel-head { position:absolute; bottom:38%; right:35%; width:20px; height:40px; background: linear-gradient(180deg, #b89a6a 0%, #8a6a3a 100%); border-radius: 40% 40% 20% 20%; transform: rotate(10deg); transform-origin: bottom; animation: sp-camel-head 5s ease-in-out infinite; }
.scn-sweetpea-storm .petal-1 { position:absolute; top:20%; left:10%; width:12px; height:12px; background: radial-gradient(circle, #ffaacc 0%, #d87890 70%); border-radius: 50% 0 50% 0; animation: sp-petal1 10s linear infinite; }
.scn-sweetpea-storm .petal-2 { position:absolute; top:30%; left:40%; width:10px; height:10px; background: radial-gradient(circle, #ffb3d1 0%, #e088a0 70%); border-radius: 50% 0 50% 0; animation: sp-petal2 8s linear infinite; animation-delay: 2s; }
.scn-sweetpea-storm .petal-3 { position:absolute; top:25%; right:15%; width:14px; height:14px; background: radial-gradient(circle, #ffc0db 0%, #e898b0 70%); border-radius: 50% 0 50% 0; animation: sp-petal3 12s linear infinite; animation-delay: 4s; }
.scn-sweetpea-storm .blast { position:absolute; top:10%; left:50%; width:80px; height:80px; transform:translateX(-50%); background: radial-gradient(circle, #fff5d6 0%, transparent 70%); filter: blur(15px); animation: sp-blast 4s ease-in-out infinite alternate; }
@keyframes sp-elephant { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@keyframes sp-howdah { 0%,100% { transform: rotate(-2deg) } 50% { transform: rotate(3deg) } }
@keyframes sp-camel { 0%,100% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(6px) scaleX(0.95) } }
@keyframes sp-camel-head { 0%,100% { transform: rotate(10deg) } 50% { transform: rotate(15deg) } }
@keyframes sp-petal1 { 0% { transform: translate(0,0) rotate(0deg); opacity:0.8 } 25% { transform: translate(40px,-30px) rotate(45deg); opacity:1 } 50% { transform: translate(80px,-60px) rotate(90deg); opacity:0.6 } 75% { transform: translate(120px,-90px) rotate(135deg); opacity:0.3 } 100% { transform: translate(160px,-120px) rotate(180deg); opacity:0 } }
@keyframes sp-petal2 { 0% { transform: translate(0,0) rotate(0deg); opacity:0.8 } 25% { transform: translate(-30px,-40px) rotate(-45deg); opacity:1 } 50% { transform: translate(-60px,-80px) rotate(-90deg); opacity:0.6 } 75% { transform: translate(-90px,-120px) rotate(-135deg); opacity:0.3 } 100% { transform: translate(-120px,-160px) rotate(-180deg); opacity:0 } }
@keyframes sp-petal3 { 0% { transform: translate(0,0) rotate(0deg); opacity:0.8 } 25% { transform: translate(20px,-50px) rotate(30deg); opacity:1 } 50% { transform: translate(40px,-100px) rotate(60deg); opacity:0.6 } 75% { transform: translate(60px,-150px) rotate(90deg); opacity:0.3 } 100% { transform: translate(80px,-200px) rotate(120deg); opacity:0 } }
@keyframes sp-blast { 0% { opacity:0.3; transform:translateX(-50%) scale(0.8) } 50% { opacity:0.7; transform:translateX(-50%) scale(1.2) } 100% { opacity:0.4; transform:translateX(-50%) scale(1) } }

.scn-education-methods { background: linear-gradient(180deg, #e8e4d8 0%, #c0bca8 50%, #a8a090 100%), radial-gradient(ellipse at 50% 100%, #d8d4c4 0%, transparent 70%); }
.scn-education-methods .wall-back { position:absolute; inset:0; background: linear-gradient(90deg, #b0a898 0%, #c0b8a8 50%, #b0a898 100%); }
.scn-education-methods .desk { position:absolute; bottom:15%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.2); }
.scn-education-methods .teacher { position:absolute; bottom:20%; left:25%; width:40px; height:90px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: ed-teacher 3s ease-in-out infinite; }
.scn-education-methods .pupil { position:absolute; bottom:18%; left:55%; width:30px; height:60px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: ed-pupil 2s ease-in-out infinite alternate; }
.scn-education-methods .chalkboard { position:absolute; top:8%; left:15%; right:15%; height:40%; background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 100%); border-radius: 8px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); }
.scn-education-methods .sparkle-1 { position:absolute; top:12%; left:30%; width:10px; height:10px; background: radial-gradient(circle, #ffebc0 0%, transparent 70%); border-radius: 50%; animation: ed-sparkle1 4s ease-in-out infinite; }
.scn-education-methods .sparkle-2 { position:absolute; top:15%; right:25%; width:8px; height:8px; background: radial-gradient(circle, #ffebc0 0%, transparent 70%); border-radius: 50%; animation: ed-sparkle2 3s ease-in-out infinite; animation-delay: 1.5s; }
@keyframes ed-teacher { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@keyframes ed-pupil { 0% { transform: rotate(0deg) } 50% { transform: rotate(5deg) } 100% { transform: rotate(-5deg) } }
@keyframes ed-sparkle1 { 0% { opacity:0; transform: scale(0.5) } 50% { opacity:1; transform: scale(1.2) } 100% { opacity:0; transform: scale(0.5) } }
@keyframes ed-sparkle2 { 0% { opacity:0; transform: scale(0.5) } 50% { opacity:1; transform: scale(1.2) } 100% { opacity:0; transform: scale(0.5) } }

.scn-over-education { background: linear-gradient(180deg, #d8d0c0 0%, #b8aea0 50%, #9a9080 100%), radial-gradient(ellipse at 50% 0%, #e8e0d0 0%, transparent 60%); }
.scn-over-education .shelf { position:absolute; top:20%; left:5%; right:5%; height:10%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 4px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); }
.scn-over-education .book-1 { position:absolute; top:10%; left:10%; width:20px; height:40px; background: linear-gradient(180deg, #d0a070 0%, #b08050 100%); border-radius: 4px; transform: rotate(-5deg); animation: oe-book1 6s ease-in-out infinite; }
.scn-over-education .book-2 { position:absolute; top:12%; left:18%; width:16px; height:35px; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 4px; transform: rotate(3deg); animation: oe-book2 5s ease-in-out infinite; animation-delay: 1s; }
.scn-over-education .book-3 { position:absolute; top:14%; left:25%; width:24px; height:45px; background: linear-gradient(180deg, #c0a080 0%, #a08060 100%); border-radius: 4px; transform: rotate(-2deg); animation: oe-book3 7s ease-in-out infinite; animation-delay: 2s; }
.scn-over-education .glasses { position:absolute; top:50%; left:40%; width:60px; height:30px; background: radial-gradient(circle at 25% 50%, transparent 10px, #aa9a8a 10px, transparent 12px), radial-gradient(circle at 75% 50%, transparent 10px, #aa9a8a 10px, transparent 12px); background-size: 30px 30px; background-position: 0 0, 30px 0; background-repeat: no-repeat; animation: oe-glasses 4s ease-in-out infinite alternate; }
.scn-over-education .speech-bubble { position:absolute; top:30%; left:35%; width:120px; height:60px; background: radial-gradient(circle at 20% 80%, #fff8e0 0%, #f0e0c0 100%); border-radius: 50% 50% 50% 20%; transform: rotate(-5deg); box-shadow: 0 4px 8px rgba(0,0,0,0.2); animation: oe-bubble 3s ease-in-out infinite; }
.scn-over-education .hand-dust { position:absolute; bottom:20%; left:50%; width:30px; height:20px; background: radial-gradient(circle, #d0c0a0 0%, transparent 70%); filter: blur(6px); animation: oe-dust 5s linear infinite; }
@keyframes oe-book1 { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-2px) } }
@keyframes oe-book2 { 0%,100% { transform: rotate(3deg) translateY(0) } 50% { transform: rotate(6deg) translateY(-1px) } }
@keyframes oe-book3 { 0%,100% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(-5deg) translateY(-3px) } }
@keyframes oe-glasses { 0% { opacity:0.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.05) } 100% { opacity:0.8; transform: scale(1) } }
@keyframes oe-bubble { 0%,100% { transform: rotate(-5deg) scale(1) } 50% { transform: rotate(0deg) scale(1.02) } }
@keyframes oe-dust { 0% { opacity:0.6; transform: translate(0,0) } 50% { opacity:0.9; transform: translate(10px,-5px) } 100% { opacity:0.6; transform: translate(20px,-10px) } }

/* tribal-survival */
.scn-tribal-survival {
  background: 
    radial-gradient(ellipse at 50% 100%, #4a2010 0%, transparent 60%),
    linear-gradient(180deg, #2a1a0a 0%, #3a2515 40%, #1a0f05 100%);
}
.scn-tribal-survival .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a2510 0%, #2a1808 100%); border-radius: 30% 70% 0 0; }
.scn-tribal-survival .wall-back { position:absolute; top:0; left:0; right:0; bottom:30%; background: linear-gradient(180deg, #4a3020 0%, #3a2010 100%); box-shadow: inset 0 0 60px #1a0f05; }
.scn-tribal-survival .fire { position:absolute; bottom:28%; left:50%; width:50px; height:60px; transform:translateX(-50%); background: radial-gradient(circle at 50% 70%, #ff8040 0%, #ff6020 30%, #c04020 60%, transparent 80%); border-radius: 50% 50% 20% 20%; animation: ts-fire 2s ease-in-out infinite alternate; }
.scn-tribal-survival .figure-left { position:absolute; bottom:32%; left:25%; width:30px; height:80px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ts-figure-left 4s ease-in-out infinite; }
.scn-tribal-survival .figure-right { position:absolute; bottom:32%; right:22%; width:28px; height:78px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ts-figure-right 5s ease-in-out infinite; }
.scn-tribal-survival .smoke { position:absolute; bottom:70%; left:48%; width:60px; height:40px; background: radial-gradient(circle, rgba(100,80,60,0.4) 0%, transparent 70%); filter: blur(8px); animation: ts-smoke 8s ease-in-out infinite; }
.scn-tribal-survival .spear { position:absolute; bottom:35%; left:15%; width:4px; height:50px; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 2px; transform: rotate(-15deg); animation: ts-spear 6s ease-in-out infinite; }
@keyframes ts-fire { 0% { transform: translateX(-50%) scale(1); opacity:0.9 } 50% { transform: translateX(-50%) scale(1.1) translateY(-4px); opacity:1 } 100% { transform: translateX(-50%) scale(0.95); opacity:0.8 } }
@keyframes ts-figure-left { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-4px) rotate(-2deg); } 50% { transform: translateX(0) rotate(1deg); } 75% { transform: translateX(4px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ts-figure-right { 0% { transform: translateX(0) rotate(0deg); } 33% { transform: translateX(3px) rotate(3deg); } 66% { transform: translateX(-3px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ts-smoke { 0% { transform: translateY(0) scale(1); opacity:0.5; } 50% { transform: translateY(-20px) scale(1.2); opacity:0.3; } 100% { transform: translateY(-40px) scale(1.5); opacity:0; } }
@keyframes ts-spear { 0% { transform: rotate(-12deg); } 50% { transform: rotate(-18deg) translateY(-2px); } 100% { transform: rotate(-12deg); } }

/* tribal-responsibility */
.scn-tribal-responsibility {
  background: 
    radial-gradient(ellipse at 60% 100%, #3a2a1a 0%, transparent 70%),
    linear-gradient(180deg, #2a1a0a 0%, #4a3020 40%, #1a0f05 100%);
}
.scn-tribal-responsibility .wall-left { position:absolute; top:0; left:0; width:20%; bottom:0; background: linear-gradient(180deg, #3a2515 0%, #2a1808 100%); }
.scn-tribal-responsibility .table { position:absolute; bottom:20%; left:30%; width:40%; height:12%; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 8px 8px 0 0; }
.scn-tribal-responsibility .lantern { position:absolute; bottom:32%; left:50%; width:16px; height:24px; transform:translateX(-50%); background: radial-gradient(circle at 50% 40%, #ffd080 0%, #b08040 80%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 30px 10px #b08040, 0 0 60px 20px rgba(176,128,64,0.3); animation: tr-lantern 3s ease-in-out infinite alternate; }
.scn-tribal-responsibility .figure-settler { position:absolute; bottom:22%; left:35%; width:28px; height:80px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: tr-settler 6s ease-in-out infinite; }
.scn-tribal-responsibility .figure-aboriginal { position:absolute; bottom:22%; right:35%; width:30px; height:82px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: tr-aboriginal 5s ease-in-out infinite; }
.scn-tribal-responsibility .shadow { position:absolute; bottom:20%; left:20%; width:60%; height:10%; background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 80%); animation: tr-shadow 4s ease-in-out infinite; }
.scn-tribal-responsibility .rifle { position:absolute; bottom:30%; left:38%; width:40px; height:4px; background: linear-gradient(90deg, #5a3a1a 0%, #3a2010 100%); border-radius: 2px; transform: rotate(-20deg); transform-origin: left center; animation: tr-rifle 7s ease-in-out infinite; }
@keyframes tr-lantern { 0% { box-shadow: 0 0 20px 5px #b08040; opacity:0.8; } 50% { box-shadow: 0 0 40px 15px #ffd080; opacity:1; } 100% { box-shadow: 0 0 25px 8px #b08040; opacity:0.9; } }
@keyframes tr-settler { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(2deg); } 50% { transform: translateX(-2px) rotate(-1deg); } 75% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes tr-aboriginal { 0% { transform: translateX(0) rotate(0deg); } 33% { transform: translateX(-3px) rotate(-2deg); } 66% { transform: translateX(3px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes tr-shadow { 0% { opacity:0.5; transform: scaleX(1); } 50% { opacity:0.8; transform: scaleX(1.1); } 100% { opacity:0.5; transform: scaleX(1); } }
@keyframes tr-rifle { 0% { transform: rotate(-18deg) translateY(0); } 50% { transform: rotate(-22deg) translateY(-2px); } 100% { transform: rotate(-18deg) translateY(0); } }

/* australian-bush */
.scn-australian-bush {
  background: 
    radial-gradient(ellipse at 50% 80%, #1a2a3a 0%, transparent 80%),
    linear-gradient(180deg, #0a1a2a 0%, #1a2a3a 50%, #0a0a1a 100%);
}
.scn-australian-bush .window-frame { position:absolute; top:5%; left:20%; width:50%; height:60%; border: 4px solid #2a1a0a; background: transparent; border-radius: 16px; }
.scn-australian-bush .night-sky { position:absolute; top:5%; left:20%; width:50%; height:60%; background: linear-gradient(180deg, #0a0a2a 0%, #1a1a3a 100%); border-radius: 12px; }
.scn-australian-bush .table { position:absolute; bottom:10%; left:10%; width:70%; height:8%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4px; }
.scn-australian-bush .lamp { position:absolute; bottom:25%; left:30%; width:12px; height:18px; background: radial-gradient(circle at 50% 30%, #ffc080 0%, #b08040 80%); border-radius: 40% 40% 10% 10%; box-shadow: 0 0 20px 6px #b08040; animation: ab-lamp 3s ease-in-out infinite alternate; }
.scn-australian-bush .figure-bushman { position:absolute; bottom:18%; left:45%; width:24px; height:70px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ab-figure 8s ease-in-out infinite; }
.scn-australian-bush .dingo-silhouette { position:absolute; bottom:15%; right:10%; width:40px; height:25px; background: linear-gradient(180deg, #0a0a1a 0%, #000000 100%); border-radius: 40% 20% 40% 40% / 60% 40% 60% 40%; clip-path: polygon(0 100%, 20% 40%, 40% 30%, 60% 40%, 80% 30%, 100% 100%); animation: ab-dingo 12s ease-in-out infinite; }
.scn-australian-bush .curtain { position:absolute; top:5%; left:20%; width:50%; height:60%; background: linear-gradient(180deg, rgba(40,30,20,0.8) 0%, transparent 50%, rgba(40,30,20,0.8) 100%); animation: ab-curtain 15s ease-in-out infinite alternate; }
@keyframes ab-lamp { 0% { box-shadow: 0 0 15px 3px #b08040; opacity:0.7; } 50% { box-shadow: 0 0 30px 10px #ffc080; opacity:1; } 100% { box-shadow: 0 0 20px 5px #b08040; opacity:0.8; } }
@keyframes ab-figure { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(3px) rotate(2deg); } 50% { transform: translateX(-2px) rotate(-1deg); } 75% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ab-dingo { 0% { transform: translateX(0) scaleX(1); } 50% { transform: translateX(5px) scaleX(1.05); } 100% { transform: translateX(0) scaleX(1); } }
@keyframes ab-curtain { 0% { transform: translateX(0); } 50% { transform: translateX(10px); } 100% { transform: translateX(-10px); } }

/* nie-nie-station */
.scn-nie-nie-station {
  background: 
    radial-gradient(ellipse at 30% 50%, #1a1a2a 0%, transparent 70%),
    linear-gradient(180deg, #0a0a1a 0%, #1a1a2a 60%, #000000 100%);
}
.scn-nie-nie-station .room-wall { position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); box-shadow: inset 0 0 80px #000; }
.scn-nie-nie-station .chimney { position:absolute; top:0; left:40%; width:10%; height:40%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 0 0 20px 20px; }
.scn-nie-nie-station .sleeping-figure { position:absolute; bottom:10%; left:20%; width:50px; height:30px; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 30% 30% 40% 40%; transform: rotate(15deg); animation: nn-sleep 6s ease-in-out infinite; }
.scn-nie-nie-station .intruder { position:absolute; top:20%; left:43%; width:20px; height:60px; background: linear-gradient(180deg, #0a0a1a 0%, #000000 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: top center; animation: nn-intruder 10s ease-in-out infinite; }
.scn-nie-nie-station .weapon { position:absolute; top:35%; left:45%; width:30px; height:6px; background: linear-gradient(90deg, #5a3a1a 0%, #3a2010 100%); border-radius: 2px; transform: rotate(40deg); animation: nn-weapon 3s ease-in-out infinite alternate; }
.scn-nie-nie-station .moonlight-shaft { position:absolute; top:0; left:30%; width:20%; height:100%; background: linear-gradient(180deg, rgba(100,120,160,0.15) 0%, transparent 80%); animation: nn-moonlight 20s ease-in-out infinite; }
.scn-nie-nie-station .blanket { position:absolute; bottom:8%; left:18%; width:55px; height:15px; background: linear-gradient(180deg, #4a3a3a 0%, #2a1a1a 100%); border-radius: 20px; animation: nn-blanket 8s ease-in-out infinite; }
@keyframes nn-sleep { 0% { transform: rotate(12deg) translateY(0); } 50% { transform: rotate(18deg) translateY(-3px); } 100% { transform: rotate(12deg) translateY(0); } }
@keyframes nn-intruder { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-10px) scaleY(1.05); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes nn-weapon { 0% { transform: rotate(35deg) translateX(0); } 50% { transform: rotate(45deg) translateX(3px); } 100% { transform: rotate(35deg) translateX(0); } }
@keyframes nn-moonlight { 0% { opacity:0.3; } 50% { opacity:0.6; } 100% { opacity:0.3; } }
@keyframes nn-blanket { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.03); } 100% { transform: scaleY(1); } }

.scn-ship-rules { background: linear-gradient(180deg, #1a1614 0%, #362b25 30%, #4d3c32 60%, #3a2e26 100%), radial-gradient(ellipse at 50% 70%, #5a4438 0%, transparent 70%); }
.scn-ship-rules .wall-panel { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #3a2e26 0%, #2c221c 100%); border-bottom:4px solid #4a3a30; box-shadow: inset 0 0 30px rgba(0,0,0,.6); }
.scn-ship-rules .table { position:absolute; bottom:10%; left:25%; width:50%; height:12%; background: linear-gradient(180deg, #5a4438 0%, #3a2e26 100%); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.5); animation: shp-table 8s ease-in-out infinite; }
.scn-ship-rules .lamp { position:absolute; bottom:22%; left:45%; width:20px; height:30px; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 10px 10px 4px 4px; transform: translateX(-50%); box-shadow: 0 0 0 1px #c0a080; }
.scn-ship-rules .lamp-glow { position:absolute; bottom:22%; left:45%; width:60px; height:50px; transform: translate(-50%, 10px); background: radial-gradient(circle, #d4a860 0%, #b08040 40%, transparent 70%); filter: blur(4px); animation: shp-lamp-glow 4s ease-in-out infinite alternate; }
.scn-ship-rules .book { position:absolute; bottom:14%; left:35%; width:40px; height:8px; background: linear-gradient(180deg, #6b4a32 0%, #4a2e1e 100%); border-radius: 2px; transform: rotate(-5deg); box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: shp-book 10s ease-in-out infinite; }
.scn-ship-rules .figure { position:absolute; bottom:18%; left:55%; width:22px; height:40px; background: linear-gradient(180deg, #2c1e16 0%, #1a120e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: shp-figure 6s ease-in-out infinite; }
.scn-ship-rules .shadow { position:absolute; bottom:10%; left:50%; width:80px; height:20px; transform: translateX(-50%); background: radial-gradient(ellipse, rgba(0,0,0,.5) 0%, transparent 70%); filter: blur(3px); animation: shp-shadow 6s ease-in-out infinite; }
@keyframes shp-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes shp-lamp-glow { 0% { opacity:.6; transform: translate(-50%, 10px) scale(1); } 50% { opacity:.9; transform: translate(-50%, 12px) scale(1.1); } 100% { opacity:.7; transform: translate(-50%, 10px) scale(1); } }
@keyframes shp-book { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-1px); } }
@keyframes shp-figure { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(3px) rotate(-2deg); } 50% { transform: translateX(6px) rotate(0); } 75% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes shp-shadow { 0%,100% { opacity:.4; } 50% { opacity:.2; } }

.scn-captain-under-cloud { background: linear-gradient(180deg, #1c1c2e 0%, #2a2a44 40%, #1e1e32 100%), radial-gradient(ellipse at 40% 30%, #3a3a66 0%, transparent 70%); }
.scn-captain-under-cloud .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #2a2a44 0%, #1a1a2e 50%, #12121f 100%); opacity:.8; }
.scn-captain-under-cloud .window-frame { position:absolute; top:15%; left:10%; width:40%; height:60%; border: 6px solid #3a3a4a; border-radius: 8px; box-shadow: inset 0 0 20px rgba(0,0,0,.5); background: radial-gradient(ellipse at 50% 30%, #4a4a66 0%, #1a1a2e 100%); animation: cuc-window 12s ease-in-out infinite alternate; }
.scn-captain-under-cloud .outside-cloud { position:absolute; top:20%; left:15%; width:50%; height:20%; background: linear-gradient(180deg, rgba(100,100,120,.6) 0%, rgba(60,60,80,.4) 100%); border-radius: 50%; filter: blur(8px); animation: cuc-cloud 30s linear infinite; }
.scn-captain-under-cloud .desk { position:absolute; bottom:10%; left:5%; width:70%; height:15%; background: linear-gradient(180deg, #3a3030 0%, #1e1818 100%); border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.6); }
.scn-captain-under-cloud .captain-silhouette { position:absolute; bottom:25%; left:25%; width:30px; height:50px; background: linear-gradient(180deg, #1a1a2a 0%, #0e0e1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cuc-captain 5s ease-in-out infinite; }
.scn-captain-under-cloud .lamp-light { position:absolute; bottom:18%; right:20%; width:40px; height:30px; background: radial-gradient(circle, #606080 0%, #1a1a2e 70%); filter: blur(6px); animation: cuc-lamp 4s ease-in-out infinite alternate; }
.scn-captain-under-cloud .letters { position:absolute; bottom:14%; left:35%; width:30px; height:4px; background: #2a2a3a; border-radius: 1px; box-shadow: 0 0 0 2px #3a3a5a, 0 8px 0 0 #2a2a3a; animation: cuc-letters 7s ease-in-out infinite; }
@keyframes cuc-window { 0% { opacity:.6; } 50% { opacity:.9; } 100% { opacity:.7; } }
@keyframes cuc-cloud { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(15px) scale(1.1); } 100% { transform: translateX(30px) scale(1); } }
@keyframes cuc-captain { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-3px) rotate(-2deg); } 50% { transform: translateY(-1px) rotate(0); } 75% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes cuc-lamp { 0% { opacity:.3; transform: scale(.9); } 50% { opacity:.7; transform: scale(1.1); } 100% { opacity:.4; transform: scale(1); } }
@keyframes cuc-letters { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }

.scn-captain-accident { background: linear-gradient(180deg, #2c3038 0%, #3a3e46 30%, #4a4e56 60%, #2c3038 100%), radial-gradient(ellipse at 50% 80%, #5a5e6a 0%, transparent 60%); }
.scn-captain-accident .sea { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #1e222a 0%, #2a2e36 50%, #363a44 100%); animation: cac-sea 9s ease-in-out infinite; }
.scn-captain-accident .rocks { position:absolute; bottom:30%; left:30%; width:100px; height:80px; background: linear-gradient(180deg, #40484e 0%, #282c32 100%); border-radius: 30% 40% 20% 30% / 50% 60% 40% 50%; box-shadow: inset 0 8px 20px rgba(0,0,0,.5); animation: cac-rocks 14s ease-in-out infinite; }
.scn-captain-accident .ship { position:absolute; bottom:35%; left:50%; width:60px; height:30px; transform: translateX(-50%); background: linear-gradient(180deg, #2a2e36 0%, #1a1c24 100%); border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 2px 8px rgba(0,0,0,.6); animation: cac-ship 5s ease-in-out infinite; }
.scn-captain-accident .fog-layer-a { position:absolute; top:10%; left:0; width:100%; height:30%; background: linear-gradient(180deg, rgba(180,190,200,.3) 0%, transparent 100%); filter: blur(8px); animation: cac-fog-a 25s linear infinite; }
.scn-captain-accident .fog-layer-b { position:absolute; top:20%; left:0; width:100%; height:25%; background: linear-gradient(180deg, rgba(200,210,220,.25) 0%, transparent 100%); filter: blur(10px); animation: cac-fog-b 35s linear infinite reverse; }
.scn-captain-accident .foam { position:absolute; bottom:36%; left:35%; width:40px; height:8px; background: rgba(220,230,240,.3); border-radius: 50%; filter: blur(4px); animation: cac-foam 3s ease-in-out infinite; }
.scn-captain-accident .smoke-plume { position:absolute; top:18%; left:55%; width:30px; height:40px; background: radial-gradient(ellipse at 50% 30%, rgba(80,90,100,.4) 0%, transparent 70%); filter: blur(5px); animation: cac-smoke 8s ease-in-out infinite; }
@keyframes cac-sea { 0% { transform: translateY(0); } 50% { transform: translateY(4px); } 100% { transform: translateY(0); } }
@keyframes cac-rocks { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-4px) rotate(0); } }
@keyframes cac-ship { 0% { transform: translateX(-50%) rotate(-2deg); } 25% { transform: translateX(-50%) translateY(-2px) rotate(1deg); } 50% { transform: translateX(-50%) rotate(2deg); } 75% { transform: translateX(-50%) translateY(-2px) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(-2deg); } }
@keyframes cac-fog-a { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } }
@keyframes cac-fog-b { 0% { transform: translateX(0); } 100% { transform: translateX(-80%); } }
@keyframes cac-foam { 0%,100% { opacity:.2; } 50% { opacity:.5; } }
@keyframes cac-smoke { 0% { transform: translateY(0) scale(1); opacity:.3; } 50% { transform: translateY(-10px) scale(1.2); opacity:.6; } 100% { transform: translateY(-20px) scale(1.5); opacity:0; } }

.scn-captain-trial { background: linear-gradient(180deg, #e8e0d8 0%, #d0c8c0 30%, #b8b0a8 70%, #a09890 100%), radial-gradient(ellipse at 50% 0%, #f0e8e0 0%, transparent 70%); }
.scn-captain-trial .court-wall { position:absolute; inset:0; background: linear-gradient(180deg, #d8d0c8 0%, #c0b8b0 100%); border-bottom: 6px solid #8a8078; }
.scn-captain-trial .bench { position:absolute; bottom:35%; left:20%; width:60%; height:20%; background: linear-gradient(180deg, #6a6058 0%, #4a4038 100%); border-radius: 6px; box-shadow: 0 6px 20px rgba(0,0,0,.3); animation: ctr-bench 10s ease-in-out infinite; }
.scn-captain-trial .judge { position:absolute; bottom:45%; left:35%; width:24px; height:50px; background: linear-gradient(180deg, #3a322a 0%, #1e1612 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ctr-judge 6s ease-in-out infinite; }
.scn-captain-trial .witness-box { position:absolute; bottom:30%; right:25%; width:20px; height:40px; background: linear-gradient(180deg, #4a4038 0%, #2a221e 100%); border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.3); animation: ctr-witness 8s ease-in-out infinite; }
.scn-captain-trial .window-light { position:absolute; top:5%; left:10%; width:30%; height:40%; background: radial-gradient(ellipse at 50% 50%, rgba(255,255,240,.3) 0%, transparent 70%); filter: blur(10px); animation: ctr-light 5s ease-in-out infinite alternate; }
.scn-captain-trial .gavel { position:absolute; bottom:38%; left:48%; width:8px; height:12px; background: #6a5a4e; border-radius: 2px; box-shadow: 0 0 0 2px #4a3a2e; animation: ctr-gavel 4s ease-in-out infinite; }
.scn-captain-trial .spectators { position:absolute; bottom:15%; left:5%; width:90%; height:20%; background: repeating-linear-gradient(90deg, #3a322a 0px, #3a322a 4px, transparent 4px, transparent 12px); opacity:.6; animation: ctr-spectators 12s ease-in-out infinite; }
@keyframes ctr-bench { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes ctr-judge { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-2px) rotate(-1deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes ctr-witness { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes ctr-light { 0% { opacity:.2; } 50% { opacity:.5; } 100% { opacity:.3; } }
@keyframes ctr-gavel { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-5px) rotate(-10deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-5px) rotate(10deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes ctr-spectators { 0% { opacity:.3; } 50% { opacity:.6; } 100% { opacity:.3; } }

.scn-baboo-english {
  background: linear-gradient(180deg, #fef5e7 0%, #fce4c8 60%, #e8c9a0 100%),
              radial-gradient(ellipse at 50% 100%, #fce4c8 30%, transparent 80%);
}
.scn-baboo-english .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #fef5e7 0%, #f5e0c0 100%);
  border-bottom: 4px solid #d4a76a;
  animation: be-wall 15s ease-in-out infinite alternate;
}
.scn-baboo-english .desk {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 25%;
  background: linear-gradient(180deg, #b57a4a 0%, #8b5e34 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 6px 0 #5a3d22;
  animation: be-desk 8s ease-in-out infinite;
}
.scn-baboo-english .paper-stack {
  position: absolute; bottom: 48%; left: 35%; width: 80px; height: 20px;
  background: linear-gradient(0deg, #fff8ea 0%, #e6d5b8 100%);
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15), 1px 1px 0 #ccc;
  transform: rotate(-5deg);
  animation: be-stack 4s ease-in-out infinite alternate;
}
.scn-baboo-english .pen {
  position: absolute; bottom: 50%; left: 52%; width: 40px; height: 6px;
  background: linear-gradient(90deg, #3a2a16 0%, #6b4c2a 50%, #b57a4a 100%);
  border-radius: 2px;
  transform-origin: 0% 50%;
  animation: be-pen 2s ease-in-out infinite;
}
.scn-baboo-english .clerk {
  position: absolute; bottom: 28%; left: 20%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #d2b48c 0%, #8b7355 60%, #4a3728 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: be-clerk 6s ease-in-out infinite;
}
.scn-baboo-english .speech-bubble {
  position: absolute; bottom: 60%; left: 25%; width: 60px; height: 30px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  animation: be-bubble 3s ease-in-out infinite alternate;
}
.scn-baboo-english .speech-bubble::after {
  content: ''; position: absolute; bottom: -12px; left: 20%;
  width: 0; height: 0; border-left: 10px solid transparent;
  border-right: 10px solid transparent; border-top: 12px solid #ffffff;
}
.scn-baboo-english .lamp {
  position: absolute; bottom: 75%; left: 65%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #c0a060 0%, #a08040 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -10px 30px 10px rgba(255, 220, 150, 0.4);
  animation: be-lamp 2s ease-in-out infinite alternate;
}
@keyframes be-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes be-desk { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes be-stack { 0% { transform: rotate(-5deg) scale(1); } 50% { transform: rotate(-2deg) scale(1.02); } 100% { transform: rotate(-8deg) scale(0.98); } }
@keyframes be-pen { 0% { transform: rotate(5deg); } 25% { transform: rotate(-10deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(8deg); } 100% { transform: rotate(5deg); } }
@keyframes be-clerk { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-4px) rotate(-2deg); } 75% { transform: translateX(4px) rotate(2deg); } }
@keyframes be-bubble { 0% { transform: translateY(0) scale(0.9); opacity: 0.7; } 50% { transform: translateY(-6px) scale(1.1); opacity: 1; } 100% { transform: translateY(0) scale(0.95); opacity: 0.85; } }
@keyframes be-lamp { 0% { transform: scaleY(1); opacity: 0.8; } 100% { transform: scaleY(1.05); opacity: 1; } }

.scn-pcb-letter {
  background: linear-gradient(180deg, #fdf3e0 0%, #f2dbbc 50%, #e6c49e 100%),
              radial-gradient(ellipse at 30% 100%, #f2dbbc 40%, transparent 80%);
}
.scn-pcb-letter .counter {
  position: absolute; bottom: 25%; left: 5%; right: 5%; height: 30%;
  background: linear-gradient(180deg, #c49a6c 0%, #8f6740 100%);
  border-radius: 6px;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.2);
}
.scn-pcb-letter .telegraph-key {
  position: absolute; bottom: 45%; left: 45%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #5c4a30 0%, #3a2e1c 100%);
  border-radius: 4px;
  box-shadow: 0 2px 0 #1f170d;
  animation: pl-key 1.5s ease-in-out infinite;
}
.scn-pcb-letter .ticket {
  position: absolute; bottom: 60%; left: 30%; width: 50px; height: 12px;
  background: linear-gradient(90deg, #fff8e7 0%, #e6d5b8 100%);
  border-radius: 2px;
  box-shadow: 1px 1px 0 #ccc;
  transform: rotate(-10deg);
  animation: pl-ticket 6s ease-in-out infinite alternate;
}
.scn-pcb-letter .beggar {
  position: absolute; bottom: 20%; left: 20%; width: 45px; height: 80px;
  background: linear-gradient(180deg, #d4a373 0%, #7a5636 70%, #4a3020 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: pl-beggar 5s ease-in-out infinite;
}
.scn-pcb-letter .letter-hand {
  position: absolute; bottom: 40%; left: 28%; width: 12px; height: 20px;
  background: #c49a6c;
  border-radius: 8px 4px 4px 8px;
  transform-origin: 100% 100%;
  animation: pl-hand 3s ease-in-out infinite;
}
.scn-pcb-letter .coin {
  position: absolute; bottom: 35%; left: 55%; width: 16px; height: 16px;
  background: radial-gradient(circle at 30% 30%, #ffd966, #c8961e);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: pl-coin 2.5s ease-in-out infinite alternate;
}
.scn-pcb-letter .halo {
  position: absolute; bottom: 70%; left: 22%; width: 50px; height: 50px;
  background: radial-gradient(circle, rgba(255,215,0,0.2) 0%, transparent 70%);
  border-radius: 50%;
  animation: pl-halo 4s ease-in-out infinite alternate;
}
@keyframes pl-key { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes pl-ticket { 0% { transform: rotate(-10deg) translateX(0); } 50% { transform: rotate(-5deg) translateX(5px); } 100% { transform: rotate(-12deg) translateX(-3px); } }
@keyframes pl-beggar { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-3px) rotate(-1deg); } 75% { transform: translateY(1px) rotate(1deg); } }
@keyframes pl-hand { 0% { transform: rotate(0); } 50% { transform: rotate(-30deg); } 100% { transform: rotate(10deg); } }
@keyframes pl-coin { 0% { transform: translateY(0) scale(1); opacity: 0.8; } 100% { transform: translateY(-10px) scale(1.2); opacity: 1; } }
@keyframes pl-halo { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 0.6; transform: scale(1.2); } }

.scn-instructor-application {
  background: linear-gradient(180deg, #fff7e6 0%, #f5e0c0 50%, #e8caa0 100%),
              radial-gradient(ellipse at 30% 100%, #f5e0c0 40%, transparent 80%);
}
.scn-instructor-application .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #d4a76a 0%, #a07850 100%);
  border-radius: 20% 20% 0 0;
}
.scn-instructor-application .chair {
  position: absolute; bottom: 20%; left: 50%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #6b4226 0%, #4a2e1a 100%);
  border-radius: 4px;
  transform: translateX(-50%);
  box-shadow: 0 2px 0 #3a2010;
}
.scn-instructor-application .applicant {
  position: absolute; bottom: 20%; left: 35%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #d2b48c 0%, #8b7355 70%, #4a3728 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: ia-applicant 7s ease-in-out infinite;
}
.scn-instructor-application .application-form {
  position: absolute; bottom: 45%; left: 40%; width: 60px; height: 40px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transform: rotate(3deg);
  animation: ia-form 4s ease-in-out infinite alternate;
}
.scn-instructor-application .inkpot {
  position: absolute; bottom: 50%; left: 55%; width: 12px; height: 18px;
  background: linear-gradient(180deg, #2c2c2c 0%, #0a0a0a 100%);
  border-radius: 4px;
  box-shadow: 0 2px 0 #1a1a1a;
}
.scn-instructor-application .desk-lamp {
  position: absolute; bottom: 60%; left: 60%; width: 10px; height: 30px;
  background: linear-gradient(180deg, #b57a4a 0%, #8b5e34 100%);
  border-radius: 2px;
  box-shadow: 0 -8px 20px 6px rgba(255, 220, 150, 0.5);
  animation: ia-lamp 2s ease-in-out infinite alternate;
}
.scn-instructor-application .shadow-glow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: radial-gradient(ellipse at 50% 100%, rgba(255, 200, 100, 0.15) 0%, transparent 80%);
  animation: ia-glow 6s ease-in-out infinite;
}
@keyframes ia-applicant { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-2px) rotate(-2deg); } 50% { transform: translateY(0) rotate(1deg); } 75% { transform: translateY(-3px) rotate(0); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes ia-form { 0% { transform: rotate(3deg) scale(1); } 50% { transform: rotate(0deg) scale(1.03); } 100% { transform: rotate(5deg) scale(0.97); } }
@keyframes ia-lamp { 0% { opacity: 0.7; box-shadow: 0 -8px 20px 6px rgba(255, 220, 150, 0.3); } 100% { opacity: 1; box-shadow: 0 -8px 25px 10px rgba(255, 220, 150, 0.6); } }
@keyframes ia-glow { 0% { opacity: 0.4; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } }

.scn-flowery-style {
  background: linear-gradient(180deg, #fdf5e6 0%, #f2e0c0 50%, #e6cca0 100%),
              radial-gradient(ellipse at 50% 100%, #f2e0c0 40%, transparent 80%);
}
.scn-flowery-style .courtroom {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e6cca0 0%, #d4b080 100%);
  border-bottom: 6px solid #c49a6c;
}
.scn-flowery-style .throne {
  position: absolute; bottom: 50%; left: 50%; width: 70px; height: 40px;
  background: linear-gradient(180deg, #c49a6c 0%, #a07850 100%);
  border-radius: 8px 8px 4px 4px;
  transform: translateX(-50%);
  box-shadow: 0 4px 0 #7a5636;
  animation: fs-throne 10s ease-in-out infinite alternate;
}
.scn-flowery-style .official {
  position: absolute; bottom: 55%; left: 50%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #d2b48c 0%, #8b7355 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
}
.scn-flowery-style .petitioner {
  position: absolute; bottom: 15%; left: 35%; width: 35px; height: 70px;
  background: linear-gradient(180deg, #c49a6c 0%, #7a5636 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: fs-petitioner 5s ease-in-out infinite;
}
.scn-flowery-style .prostration {
  position: absolute; bottom: 8%; left: 35%; width: 45px; height: 20px;
  background: linear-gradient(180deg, #8b7355 0%, #4a3020 100%);
  border-radius: 20px 20px 10px 10px;
  transform-origin: 0% 100%;
  animation: fs-prostration 3s ease-in-out infinite alternate;
}
.scn-flowery-style .rose-petal {
  position: absolute; bottom: 40%; left: 20%; width: 8px; height: 10px;
  background: #b87878;
  border-radius: 50% 0 50% 0;
  animation: fs-petal 4s ease-in-out infinite;
}
.scn-flowery-style .sunbeam {
  position: absolute; top: 0; left: 20%; width: 60px; height: 100%;
  background: linear-gradient(180deg, rgba(255,255,230,0.2) 0%, transparent 100%);
  filter: blur(4px);
  animation: fs-beam 8s ease-in-out infinite alternate;
}
.scn-flowery-style .cloudlet {
  position: absolute; top: 12%; left: 60%; width: 40px; height: 10px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  filter: blur(6px);
  animation: fs-cloud 30s linear infinite;
}
@keyframes fs-throne { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.02); } 100% { transform: translateX(-50%) scale(0.98); } }
@keyframes fs-petitioner { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-3px) rotate(-3deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-2px) rotate(3deg); } }
@keyframes fs-prostration { 0% { transform: scaleY(0.6); opacity: 0.8; } 100% { transform: scaleY(1); opacity: 1; } }
@keyframes fs-petal { 0% { transform: translate(0,0) rotate(0); opacity: 0.8; } 50% { transform: translate(10px,-8px) rotate(30deg); opacity: 1; } 100% { transform: translate(0,0) rotate(0); opacity: 0.7; } }
@keyframes fs-beam { 0% { opacity: 0.2; transform: skewX(-10deg); } 100% { opacity: 0.5; transform: skewX(10deg); } }
@keyframes fs-cloud { 0% { transform: translateX(0); } 100% { transform: translateX(-20vw); } }

.scn-satan-made-sydney {
  background: linear-gradient(180deg, #87CEEB 0%, #FFD700 60%, #FFA500 100%), radial-gradient(ellipse at 70% 20%, #FFD700 0%, transparent 60%);
}
.scn-satan-made-sydney .sky {
  position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #B0E0E6 0%, #87CEEB 100%); animation: ssm-sky 15s ease-in-out infinite alternate;
}
.scn-satan-made-sydney .harbor {
  position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #1E90FF 0%, #000080 100%); animation: ssm-water 12s ease-in-out infinite alternate;
}
.scn-satan-made-sydney .city-silhouette {
  position:absolute; bottom:38%; left:5%; right:5%; height:20%; background: linear-gradient(180deg, #2F4F4F 0%, #1A1A1A 100%); border-radius: 10% 10% 0 0; animation: ssm-city 8s ease-in-out infinite;
}
.scn-satan-made-sydney .devil-figure {
  position:absolute; bottom:35%; left:65%; width:40px; height:70px; background: linear-gradient(180deg, #8B0000 0%, #4A0000 100%); border-radius: 40% 40% 30% 30%; transform-origin: bottom center; animation: ssm-devil 5s ease-in-out infinite;
}
.scn-satan-made-sydney .devil-horns {
  position:absolute; bottom:92%; left:65%; width:20px; height:20px; background: #4A0000; border-radius:0 70% 0 70%; transform: rotate(45deg); animation: ssm-horns 5s ease-in-out infinite;
}
.scn-satan-made-sydney .sun {
  position:absolute; top:8%; right:15%; width:60px; height:60px; background: radial-gradient(circle, #FFD700 0%, #FF8C00 50%, transparent 70%); border-radius:50%; animation: ssm-sun 20s linear infinite alternate;
}
.scn-satan-made-sydney .cloud {
  position:absolute; top:12%; background: rgba(255,255,255,0.6); border-radius:50%; filter: blur(4px); animation: ssm-cloud 30s linear infinite;
}
.scn-satan-made-sydney .cloud.odd { left:10%; width:80px; height:15px; animation-delay: 0s; }
.scn-satan-made-sydney .cloud.even { right:20%; width:60px; height:12px; animation-delay: -10s; }
@keyframes ssm-sky { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ssm-water { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ssm-city { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(0.98) } }
@keyframes ssm-devil { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(0) rotate(-2deg) } 75% { transform: translateX(-5px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes ssm-horns { 0%,100% { transform: rotate(45deg) } 50% { transform: rotate(55deg) } }
@keyframes ssm-sun { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(0.95) } }
@keyframes ssm-cloud { 0% { transform: translateX(-100px) } 100% { transform: translateX(120vw) } }

.scn-harbor-oak-leaf {
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 40%, #F0F8FF 100%), radial-gradient(ellipse at 50% 100%, #B0E0E6 0%, transparent 60%);
}
.scn-harbor-oak-leaf .bg-sky {
  position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #87CEEB 0%, #B0E0E6 100%); animation: hol-sky 20s ease-in-out infinite alternate;
}
.scn-harbor-oak-leaf .bg-water {
  position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #4682B4 0%, #1E90FF 100%); animation: hol-water 15s ease-in-out infinite alternate;
}
.scn-harbor-oak-leaf .oak-leaf-shape {
  position:absolute; top:20%; left:20%; width:60%; height:50%; background: radial-gradient(ellipse at 50% 50%, #228B22 0%, #006400 100%); border-radius: 50% 50% 30% 30% / 60% 60% 20% 20%; transform: rotate(10deg); opacity:0.3; animation: hol-leaf 25s ease-in-out infinite;
}
.scn-harbor-oak-leaf .inlet {
  position:absolute; bottom:30%; width:30%; height:15%; background: linear-gradient(180deg, #1E90FF 0%, #4682B4 100%); border-radius: 0 0 50% 50%; animation: hol-inlet 18s ease-in-out infinite alternate;
}
.scn-harbor-oak-leaf .inlet.left { left:5%; transform: skewX(-5deg); }
.scn-harbor-oak-leaf .inlet.right { right:5%; transform: skewX(5deg); }
.scn-harbor-oak-leaf .villa {
  position:absolute; bottom:48%; left:35%; width:30px; height:20px; background: linear-gradient(180deg, #F5DEB3 0%, #D2B48C 100%); border-radius: 4% 4% 0 0; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: hol-villa 10s ease-in-out infinite;
}
.scn-harbor-oak-leaf .tree {
  position:absolute; bottom:42%; left:45%; width:15px; height:40px; background: linear-gradient(180deg, #228B22 0%, #006400 100%); border-radius: 50% 50% 30% 30%; animation: hol-tree 12s ease-in-out infinite;
}
.scn-harbor-oak-leaf .boat {
  position:absolute; bottom:10%; left:30%; width:40px; height:10px; background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 20% 20% 0 0; animation: hol-boat 8s ease-in-out infinite alternate;
}
@keyframes hol-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes hol-water { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes hol-leaf { 0% { transform: rotate(8deg) scale(1) } 50% { transform: rotate(12deg) scale(1.02) } 100% { transform: rotate(8deg) scale(1) } }
@keyframes hol-inlet { 0% { height:12% } 50% { height:15% } 100% { height:12% } }
@keyframes hol-villa { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes hol-tree { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } 100% { transform: scaleY(1) } }
@keyframes hol-boat { 0% { transform: translateX(0) } 50% { transform: translateX(10px) } 100% { transform: translateX(0) } }

.scn-sydney-inlets {
  background: linear-gradient(180deg, #B0E0E6 0%, #87CEEB 30%, #4682B4 100%), radial-gradient(ellipse at 50% 0%, #87CEEB 0%, transparent 70%);
}
.scn-sydney-inlets .water-bg {
  position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #87CEEB 0%, #4682B4 100%); animation: sin-water 20s ease-in-out infinite alternate;
}
.scn-sydney-inlets .shore-left {
  position:absolute; bottom:30%; left:0; width:30%; height:70%; background: linear-gradient(180deg, #228B22 0%, #006400 100%); border-radius: 0 60% 0 0; animation: sin-shore 18s ease-in-out infinite alternate;
}
.scn-sydney-inlets .shore-right {
  position:absolute; bottom:30%; right:0; width:30%; height:70%; background: linear-gradient(180deg, #228B22 0%, #006400 100%); border-radius: 60% 0 0 0; animation: sin-shore 18s ease-in-out infinite alternate reverse;
}
.scn-sydney-inlets .launch {
  position:absolute; bottom:35%; left:35%; width:50px; height:15px; background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 10% 10% 0 0; animation: sin-launch 12s ease-in-out infinite;
}
.scn-sydney-inlets .launch-people {
  position:absolute; bottom:45%; left:37%; width:8px; height:10px; background: #2F4F4F; border-radius: 40% 40% 20% 20%; animation: sin-people 12s ease-in-out infinite;
}
.scn-sydney-inlets .picnic-blanket {
  position:absolute; bottom:38%; left:5%; width:25px; height:15px; background: #FF6347; border-radius: 10% 10% 30% 30%; animation: sin-blanket 8s ease-in-out infinite alternate;
}
.scn-sydney-inlets .tree-left {
  position:absolute; bottom:65%; left:10%; width:20px; height:50px; background: linear-gradient(180deg, #228B22 0%, #004d00 100%); border-radius: 50% 50% 20% 20%; animation: sin-tree 14s ease-in-out infinite;
}
.scn-sydney-inlets .tree-right {
  position:absolute; bottom:70%; right:8%; width:18px; height:45px; background: linear-gradient(180deg, #228B22 0%, #004d00 100%); border-radius: 50% 50% 20% 20%; animation: sin-tree 14s ease-in-out infinite reverse;
}
.scn-sydney-inlets .ripple {
  position:absolute; bottom:20%; left:40%; width:30px; height:5px; background: rgba(255,255,255,0.3); border-radius: 50%; animation: sin-ripple 4s ease-in-out infinite;
}
@keyframes sin-water { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes sin-shore { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(1) } }
@keyframes sin-launch { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(5px) rotate(1deg) } 50% { transform: translateX(0) rotate(0deg) } 75% { transform: translateX(-5px) rotate(-1deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes sin-people { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes sin-blanket { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.1) } 100% { transform: scaleX(1) } }
@keyframes sin-tree { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.03) } 100% { transform: scaleY(1) } }
@keyframes sin-ripple { 0%,100% { transform: scaleX(1) opacity(0.3) } 50% { transform: scaleX(1.5) opacity(0.1) } }

.scn-spring-in-sydney {
  background: linear-gradient(180deg, #FFFACD 0%, #FFD700 30%, #FFA500 60%, #FF8C00 100%), radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 60%);
}
.scn-spring-in-sydney .sky-bright {
  position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #FFFACD 0%, #FFE4B5 100%); animation: sis-sky 15s ease-in-out infinite alternate;
}
.scn-spring-in-sydney .ground {
  position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #98FB98 0%, #3CB371 100%); border-radius: 30% 30% 0 0; animation: sis-ground 12s ease-in-out infinite alternate;
}
.scn-spring-in-sydney .flower-bush {
  position:absolute; bottom:35%; width:60px; height:40px; background: radial-gradient(ellipse, #FFB6C1 20%, #FF69B4 60%, #8B008B 100%); border-radius: 50% 50% 30% 30%; animation: sis-bush 8s ease-in-out infinite;
}
.scn-spring-in-sydney .flower-bush.left { left:15%; animation-delay:0s; }
.scn-spring-in-sydney .flower-bush.right { right:15%; animation-delay:-4s; }
.scn-spring-in-sydney .butterfly {
  position:absolute; bottom:50%; left:40%; width:14px; height:10px; background: #FF69B4; border-radius: 50% 50% 30% 30%; animation: sis-butterfly 6s ease-in-out infinite;
}
.scn-spring-in-sydney .warm-sun {
  position:absolute; top:12%; left:60%; width:70px; height:70px; background: radial-gradient(circle, #FFD700 0%, #FF8C00 50%, transparent 70%); border-radius:50%; animation: sis-sun 20s linear infinite alternate;
}
.scn-spring-in-sydney .grass-blade {
  position:absolute; bottom:30%; left:50%; width:2px; height:30px; background: #228B22; transform-origin: bottom; animation: sis-grass 4s ease-in-out infinite;
}
.scn-spring-in-sydney .breeze-line {
  position:absolute; top:25%; left:5%; width:30%; height:4px; background: rgba(255,255,255,0.4); border-radius: 50%; filter: blur(2px); animation: sis-breeze 10s linear infinite;
}
@keyframes sis-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes sis-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes sis-bush { 0% { transform: scale(1) rotate(0deg) } 25% { transform: scale(1.05) rotate(3deg) } 50% { transform: scale(1) rotate(0deg) } 75% { transform: scale(1.03) rotate(-3deg) } 100% { transform: scale(1) rotate(0deg) } }
@keyframes sis-butterfly { 0% { transform: translate(0,0) rotate(0deg) } 25% { transform: translate(15px,-5px) rotate(10deg) } 50% { transform: translate(30px,0) rotate(0deg) } 75% { transform: translate(15px,-8px) rotate(-10deg) } 100% { transform: translate(0,0) rotate(0deg) } }
@keyframes sis-sun { 0% { transform: scale(1) } 50% { transform: scale(1.02) } 100% { transform: scale(0.98) } }
@keyframes sis-grass { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(8deg) } }
@keyframes sis-breeze { 0% { transform: translateX(-50px) } 100% { transform: translateX(120vw) } }

/* wool-culture */
.scn-wool-culture { background: linear-gradient(180deg, #f5e6d3 0%, #e8d5b8 60%, #d9c4a3 100%), radial-gradient(ellipse at 80% 20%, #fff8ee 0%, transparent 60%); }
.scn-wool-culture .wall-back { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #fff4e6 0%, #f0dbc0 100%); }
.scn-wool-culture .window-left { position:absolute; top:8%; left:8%; width:25%; height:40%; background: linear-gradient(135deg, #dceeff 0%, #b0d4f0 100%); border:4px solid #c49860; border-radius:4px; box-shadow: inset 0 0 30px rgba(255,255,255,0.5); animation: wc-window 12s ease-in-out infinite alternate; }
.scn-wool-culture .window-right { position:absolute; top:8%; right:8%; width:25%; height:40%; background: linear-gradient(135deg, #dceeff 0%, #b0d4f0 100%); border:4px solid #c49860; border-radius:4px; box-shadow: inset 0 0 30px rgba(255,255,255,0.5); animation: wc-window 12s ease-in-out infinite alternate-reverse; }
.scn-wool-culture .spinning-wheel { position:absolute; bottom:28%; left:50%; transform:translateX(-50%); width:70px; height:90px; background: radial-gradient(ellipse at 50% 80%, #8a6e4e 0%, #5a3e2a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-wool-culture .spinning-wheel::before { content:''; position:absolute; top:10%; left:50%; transform:translateX(-50%); width:40px; height:40px; border:3px solid #7a5e3e; border-radius:50%; background: transparent; }
.scn-wool-culture .fleece-pile { position:absolute; bottom:25%; left:30%; width:80px; height:30px; background: radial-gradient(ellipse at 40% 50%, #f0e8d0 0%, #c8b898 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: wc-fleece 6s ease-in-out infinite alternate; }
.scn-wool-culture .worker { position:absolute; bottom:22%; left:40%; width:20px; height:50px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: wc-worker 4s ease-in-out infinite; }
.scn-wool-culture .dust-motes { position:absolute; top:20%; left:20%; width:4px; height:4px; background: rgba(255,255,255,0.6); border-radius:50%; box-shadow: 30px 40px 6px -2px rgba(255,255,255,0.4), 60px -10px 8px -2px rgba(255,255,255,0.5), 100px 20px 4px -1px rgba(255,255,255,0.3); animation: wc-motes 25s linear infinite; }
@keyframes wc-window { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes wc-fleece { 0%,100% { transform: scale(1); } 50% { transform: scale(1.02) rotate(1deg); } }
@keyframes wc-worker { 0% { transform: rotate(-3deg) translateY(0); } 25% { transform: rotate(3deg) translateY(-1px); } 50% { transform: rotate(-2deg) translateY(0); } 75% { transform: rotate(4deg) translateY(-1px); } 100% { transform: rotate(-3deg) translateY(0); } }
@keyframes wc-motes { 0% { opacity:0.3; transform: translateY(0); } 25% { opacity:0.7; transform: translateY(-20px); } 50% { opacity:0.5; transform: translateY(-40px); } 75% { opacity:0.8; transform: translateY(-60px); } 100% { opacity:0.3; transform: translateY(-80px); } }

/* hot-stove-cat */
.scn-hot-stove-cat { background: linear-gradient(180deg, #fce4c8 0%, #f5d6b0 40%, #e8c698 100%), radial-gradient(ellipse at 50% 100%, #f0d0b0 0%, transparent 70%); }
.scn-hot-stove-cat .kitchen-wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #fce0b0 0%, #f0d0a0 100%); }
.scn-hot-stove-cat .stove-body { position:absolute; bottom:25%; left:50%; transform:translateX(-50%); width:100px; height:90px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:10% 10% 5% 5%; box-shadow: 0 8px 16px rgba(0,0,0,0.5); }
.scn-hot-stove-cat .stove-body::after { content:''; position:absolute; top:8%; left:10%; width:80%; height:20%; background: repeating-linear-gradient(90deg, #4a3a2a 0px, #4a3a2a 8px, #c08040 8px, #c08040 10px); border-radius:4px; }
.scn-hot-stove-cat .stove-fire { position:absolute; bottom:28%; left:50%; transform:translateX(-50%); width:60px; height:30px; background: radial-gradient(ellipse at 50% 100%, #ffa040 0%, #ff8030 40%, #c06020 100%); border-radius:50% 50% 20% 20%; box-shadow: 0 0 30px 8px rgba(255,160,64,0.6); animation: hsc-fire 2s ease-in-out infinite alternate; }
.scn-hot-stove-cat .cat-silhouette { position:absolute; bottom:48%; left:50%; transform:translateX(-50%); width:40px; height:35px; background: #2a1a0a; border-radius:60% 60% 40% 40% / 70% 70% 30% 30%; box-shadow: 0 -4px 8px rgba(0,0,0,0.3); animation: hsc-cat 1.5s ease-in-out infinite; }
.scn-hot-stove-cat .cat-silhouette::after { content:''; position:absolute; bottom:-15%; left:15%; width:20px; height:12px; background: #2a1a0a; border-radius:40% 40% 0 0; transform:rotate(-15deg); }
.scn-hot-stove-cat .steam-puff { position:absolute; bottom:70%; left:55%; width:20px; height:20px; background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 100%); border-radius:50%; animation: hsc-steam 3s ease-out infinite; }
.scn-hot-stove-cat .floor-tile { position:absolute; bottom:0; left:0; right:0; height:25%; background: repeating-conic-gradient(#d4b898 0% 25%, transparent 0% 50%) 0 0 / 40px 40px; opacity:0.6; }
@keyframes hsc-fire { 0% { transform: translateX(-50%) scale(1); opacity:0.9; filter:blur(0px); } 100% { transform: translateX(-50%) scale(1.05) translateY(-2px); opacity:1; filter:blur(1px); } }
@keyframes hsc-cat { 0%,100% { transform: translateX(-50%) rotate(0deg) translateY(0); } 50% { transform: translateX(-50%) rotate(-5deg) translateY(-1px); } }
@keyframes hsc-steam { 0% { opacity:0.6; transform: scale(0.5) translateY(0); } 50% { opacity:0.3; transform: scale(1.2) translateY(-15px); } 100% { opacity:0; transform: scale(1.5) translateY(-30px); } }

/* sydney-hospitality */
.scn-sydney-hospitality { background: linear-gradient(180deg, #fdf0d8 0%, #f0dcc0 50%, #e0c8a8 100%), radial-gradient(ellipse at 30% 80%, #fff8e8 0%, transparent 60%); }
.scn-sydney-hospitality .dining-wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #f5e0c0 0%, #e8d0a8 100%); border-bottom: 2px solid #c49860; }
.scn-sydney-hospitality .table { position:absolute; bottom:25%; left:50%; transform:translateX(-50%); width:120px; height:30px; background: linear-gradient(180deg, #8a6e4e 0%, #5a3e2a 100%); border-radius:20% 20% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-sydney-hospitality .wine-glasses { position:absolute; bottom:32%; left:50%; transform:translateX(-50%); width:20px; height:30px; background: linear-gradient(180deg, #d0e0f0 0%, #90b0c8 100%); border-radius:20% 20% 10% 10%; clip-path: polygon(20% 0%, 80% 0%, 70% 100%, 30% 100%); animation: sy-glass 4s ease-in-out infinite; }
.scn-sydney-hospitality .wine-glasses::before { content:''; position:absolute; top:-10px; left:5px; width:10px; height:12px; background: #d0e0f0; border-radius:50%; }
.scn-sydney-hospitality .host { position:absolute; bottom:20%; left:30%; width:22px; height:55px; background: linear-gradient(180deg, #4a3a5a 0%, #2a1a3a 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: sy-host 6s ease-in-out infinite alternate; }
.scn-sydney-hospitality .guest { position:absolute; bottom:20%; right:30%; width:22px; height:55px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: sy-guest 5s ease-in-out infinite alternate; }
.scn-sydney-hospitality .chandelier { position:absolute; top:10%; left:50%; transform:translateX(-50%); width:60px; height:40px; background: radial-gradient(ellipse at 50% 30%, #c09860 0%, #907040 100%); border-radius:20% 20% 50% 50%; box-shadow: 0 0 40px 10px rgba(255,200,100,0.5); }
.scn-sydney-hospitality .warm-glow { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 60%, rgba(255,220,150,0.3) 0%, transparent 70%); pointer-events:none; animation: sy-glow 8s ease-in-out infinite alternate; }
@keyframes sy-glass { 0%,100% { transform: translateX(-50%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(3deg); } }
@keyframes sy-host { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-1px); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes sy-guest { 0%,100% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-1px); } }
@keyframes sy-glow { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.7; } }

/* gane-gratitude */
.scn-gane-gratitude { background: linear-gradient(180deg, #fce8d0 0%, #f0d4b8 50%, #e0c4a0 100%), radial-gradient(ellipse at 20% 70%, #fff8ee 0%, transparent 70%); }
.scn-gane-gratitude .room-bg { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #f5dcc0 0%, #e0c8a8 100%); }
.scn-gane-gratitude .gane-figure { position:absolute; bottom:20%; left:50%; transform:translateX(-50%); width:24px; height:60px; background: linear-gradient(180deg, #4a3a4a 0%, #2a1a2a 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: gg-figure 3s ease-in-out infinite; }
.scn-gane-gratitude .gane-hand { position:absolute; bottom:48%; left:54%; width:8px; height:12px; background: #4a3a4a; border-radius:40% 40% 20% 20%; transform-origin: bottom left; animation: gg-hand 2.5s ease-in-out infinite; }
.scn-gane-gratitude .speech-bubble-shape { position:absolute; top:25%; left:60%; width:50px; height:30px; background: #fff; border-radius:30% 30% 30% 10%; box-shadow: 0 2px 6px rgba(0,0,0,0.1); animation: gg-bubble 4s ease-in-out infinite; }
.scn-gane-gratitude .speech-bubble-shape::after { content:''; position:absolute; bottom:-8px; left:15px; width:10px; height:10px; background: #fff; border-radius:50%; }
.scn-gane-gratitude .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #c8a880 0%, #a88860 100%); }
.scn-gane-gratitude .shadow { position:absolute; bottom:0; left:35%; width:30%; height:10px; background: rgba(0,0,0,0.2); border-radius:50%; animation: gg-shadow 3s ease-in-out infinite; }
@keyframes gg-figure { 0%,100% { transform: translateX(-50%) rotate(0deg) translateY(0); } 50% { transform: translateX(-50%) rotate(4deg) translateY(-2px); } }
@keyframes gg-hand { 0% { transform: rotate(0deg); } 50% { transform: rotate(20deg); } 100% { transform: rotate(0deg); } }
@keyframes gg-bubble { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }
@keyframes gg-shadow { 0%,100% { transform: scaleX(1); } 50% { transform: scaleX(0.9); } }

.scn-open-country { 
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0e68c 70%), radial-gradient(ellipse at 20% 30%, #fff8dc 0%, transparent 60%);
}
.scn-open-country .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #b0e0e6 0%, #87ceeb 100%); animation: oc-sky 20s ease-in-out infinite alternate; }
.scn-open-country .sun { position:absolute; top:12%; left:22%; width:60px; height:60px; background: radial-gradient(circle, #fff8dc 0%, #ffd700 50%, transparent 70%); border-radius:50%; animation: oc-sun 15s ease-in-out infinite; }
.scn-open-country .hills { position:absolute; bottom:25%; left:0; right:0; height:30%; background: linear-gradient(180deg, #556b2f 0%, #3b5323 100%); border-radius: 60% 40% 0 0 / 90% 60% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); animation: oc-hills 25s ease-in-out infinite alternate; }
.scn-open-country .tree { position:absolute; bottom:28%; left:60%; width:80px; height:120px; background: linear-gradient(180deg, #228b22 0%, #006400 100%); border-radius: 50% 50% 30% 30% / 70% 70% 40% 40%; transform-origin: bottom center; animation: oc-tree 12s ease-in-out infinite; }
.scn-open-country .fakeer { position:absolute; bottom:22%; left:58%; width:20px; height:40px; background: linear-gradient(180deg, #8b4513 0%, #5c3317 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: oc-fakeer 4s ease-in-out infinite; }
.scn-open-country .birds { position:absolute; top:15%; right:30%; width:40px; height:12px; background: linear-gradient(90deg, transparent 0%, #2f4f4f 30%, #2f4f4f 70%, transparent 100%); border-radius:50%; filter: blur(2px); animation: oc-birds 30s linear infinite; }
@keyframes oc-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes oc-sun { 0% { transform: scale(1) translate(0,0); opacity:.95 } 50% { transform: scale(1.05) translate(2px,-2px); opacity:1 } 100% { transform: scale(1) translate(0,0); opacity:.9 } }
@keyframes oc-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes oc-tree { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } }
@keyframes oc-fakeer { 0% { transform: rotate(-2deg) } 25% { transform: rotate(1deg) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(2deg) } 100% { transform: rotate(0) } }
@keyframes oc-birds { 0% { transform: translateX(0) } 100% { transform: translateX(-120vw) } }

.scn-elephant-ride {
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%), radial-gradient(ellipse at 50% 100%, #f5deb3 0%, transparent 60%);
}
.scn-elephant-ride .bg-sunlit { position:absolute; inset:0; background: radial-gradient(circle at 70% 20%, #fff8dc 0%, #87ceeb 40%); animation: er-bg 12s ease-in-out infinite alternate; }
.scn-elephant-ride .elephant-body { position:absolute; bottom:10%; left:20%; width:160px; height:100px; background: linear-gradient(180deg, #696969 0%, #4a4a4a 100%); border-radius: 50% 40% 30% 50% / 60% 50% 40% 50%; box-shadow: 0 10px 20px rgba(0,0,0,.4); animation: er-rock 4s ease-in-out infinite; }
.scn-elephant-ride .elephant-head { position:absolute; bottom:30%; left:18%; width:60px; height:70px; background: linear-gradient(180deg, #7a7a7a 0%, #4a4a4a 100%); border-radius: 50% 40% 40% 50% / 60% 40% 50% 50%; transform-origin: bottom; animation: er-rock 4s ease-in-out infinite; }
.scn-elephant-ride .howdah { position:absolute; bottom:50%; left:30%; width:80px; height:40px; background: linear-gradient(180deg, #b8860b 0%, #daa520 100%); border-radius: 10% 10% 5% 5% / 20% 20% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,.3), inset 0 -4px 8px rgba(0,0,0,.2); animation: er-rock 4s ease-in-out infinite; }
.scn-elephant-ride .canopy { position:absolute; bottom:55%; left:30%; width:80px; height:25px; background: linear-gradient(180deg, #ff6347 0%, #dc143c 100%); border-radius: 20% 20% 0 0; animation: er-sway 5s ease-in-out infinite alternate; }
.scn-elephant-ride .mahout { position:absolute; bottom:55%; left:25%; width:14px; height:35px; background: linear-gradient(180deg, #8b4513 0%, #5c3317 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: er-rock 4s ease-in-out infinite; }
.scn-elephant-ride .dust { position:absolute; bottom:5%; left:10%; right:10%; height:20px; background: radial-gradient(ellipse, rgba(255,235,200,.6) 0%, transparent 70%); filter: blur(6px); animation: er-dust 6s ease-in-out infinite alternate; }
@keyframes er-bg { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes er-rock { 0% { transform: rotate(-3deg) translateY(0) } 25% { transform: rotate(-1deg) translateY(-3px) } 50% { transform: rotate(2deg) translateY(0) } 75% { transform: rotate(1deg) translateY(-2px) } 100% { transform: rotate(-3deg) translateY(0) } }
@keyframes er-sway { 0% { transform: rotate(-5deg) } 50% { transform: rotate(0) } 100% { transform: rotate(5deg) } }
@keyframes er-dust { 0% { opacity:.3; transform: scaleY(1) } 50% { opacity:.6; transform: scaleY(1.5) } 100% { opacity:.3; transform: scaleY(1) } }

.scn-howdah-house {
  background: linear-gradient(180deg, #f5deb3 0%, #deb887 40%, #d2b48c 100%), radial-gradient(ellipse at 30% 20%, #fff8dc 0%, transparent 70%);
}
.scn-howdah-house .wall-left { position:absolute; top:0; left:0; width:20%; height:100%; background: linear-gradient(180deg, #c4a882 0%, #a0845c 100%); box-shadow: inset -10px 0 20px rgba(0,0,0,.3); animation: hh-fade 8s ease-in-out infinite alternate; }
.scn-howdah-house .wall-right { position:absolute; top:0; right:0; width:20%; height:100%; background: linear-gradient(180deg, #c4a882 0%, #a0845c 100%); box-shadow: inset 10px 0 20px rgba(0,0,0,.3); }
.scn-howdah-house .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, #8b7355 0%, #6b5b45 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.2); }
.scn-howdah-house .howdah-gold { position:absolute; bottom:20%; left:30%; width:100px; height:60px; background: linear-gradient(180deg, #ffd700 0%, #daa520 100%); border-radius: 10% 10% 5% 5% / 20% 20% 10% 10%; box-shadow: 0 8px 16px rgba(0,0,0,.3), inset 0 -4px 8px rgba(0,0,0,.2); animation: hh-glow 4s ease-in-out infinite; }
.scn-howdah-house .howdah-ivory { position:absolute; bottom:20%; right:30%; width:80px; height:50px; background: linear-gradient(180deg, #fffff0 0%, #f5f5dc 100%); border-radius: 10% 10% 5% 5% / 20% 20% 10% 10%; box-shadow: 0 8px 16px rgba(0,0,0,.2), inset 0 -4px 8px rgba(0,0,0,.1); animation: hh-shine 5s ease-in-out infinite alternate; }
.scn-howdah-house .cushion { position:absolute; bottom:22%; left:35%; width:60px; height:20px; background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: hh-bounce 3s ease-in-out infinite; }
.scn-howdah-house .curtain { position:absolute; top:0; left:20%; width:10%; height:100%; background: linear-gradient(180deg, #b8860b 0%, #8b6914 100%); border-radius: 0 20% 20% 0 / 0 40% 40% 0; transform-origin: left; animation: hh-sway 7s ease-in-out infinite alternate; }
@keyframes hh-fade { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes hh-glow { 0% { box-shadow: 0 8px 16px rgba(0,0,0,.3), 0 0 20px rgba(255,215,0,.4); } 50% { box-shadow: 0 8px 24px rgba(0,0,0,.3), 0 0 40px rgba(255,215,0,.7); } 100% { box-shadow: 0 8px 16px rgba(0,0,0,.3), 0 0 20px rgba(255,215,0,.4); } }
@keyframes hh-shine { 0% { filter: brightness(1) } 50% { filter: brightness(1.1) } 100% { filter: brightness(1) } }
@keyframes hh-bounce { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes hh-sway { 0% { transform: rotate(0) } 50% { transform: rotate(-8deg) } 100% { transform: rotate(2deg) } }

.scn-new-palace {
  background: linear-gradient(180deg, #f8f8ff 0%, #e6e6fa 40%, #dcdcdc 100%), radial-gradient(ellipse at 50% 0%, #fffafa 0%, transparent 70%);
}
.scn-new-palace .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #d3d3d3 0%, #a9a9a9 100%); box-shadow: inset 0 10px 30px rgba(0,0,0,.2); animation: np-floor 10s ease-in-out infinite alternate; }
.scn-new-palace .column-left { position:absolute; left:15%; top:10%; width:20px; height:70%; background: linear-gradient(180deg, #f5f5f5 0%, #dcdcdc 100%); border-radius: 5% / 10%; box-shadow: 5px 0 10px rgba(0,0,0,.1); animation: np-column 8s ease-in-out infinite alternate; }
.scn-new-palace .column-right { position:absolute; right:15%; top:10%; width:20px; height:70%; background: linear-gradient(180deg, #f5f5f5 0%, #dcdcdc 100%); border-radius: 5% / 10%; box-shadow: -5px 0 10px rgba(0,0,0,.1); }
.scn-new-palace .arch { position:absolute; top:10%; left:30%; right:30%; height:40%; background: linear-gradient(180deg, #f0f0f0 0%, #e0e0e0 100%); border-radius: 50% 50% 0 0 / 80% 80% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.2); animation: np-arch 12s ease-in-out infinite; }
.scn-new-palace .window { position:absolute; top:20%; left:40%; width:60px; height:80px; background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%); border: 4px solid #a9a9a9; border-radius: 5% / 10%; box-shadow: inset 0 0 20px rgba(135,206,235,.5); animation: np-window 6s ease-in-out infinite alternate; }
.scn-new-palace .throne { position:absolute; bottom:22%; left:40%; width:80px; height:60px; background: linear-gradient(180deg, #daa520 0%, #b8860b 100%); border-radius: 10% 10% 5% 5% / 20% 20% 10% 10%; box-shadow: 0 10px 20px rgba(0,0,0,.3), inset 0 -4px 8px rgba(0,0,0,.2); animation: np-throne 4s ease-in-out infinite; }
.scn-new-palace .chandelier { position:absolute; top:5%; left:45%; width:30px; height:40px; background: radial-gradient(circle, #ffd700 0%, #b8860b 50%, transparent 70%); border-radius: 50%; box-shadow: 0 0 30px rgba(255,215,0,.6), 0 0 60px rgba(255,215,0,.3); animation: np-chandelier 5s ease-in-out infinite alternate; }
@keyframes np-floor { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes np-column { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.01) } 100% { transform: scaleY(1) } }
@keyframes np-arch { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes np-window { 0% { opacity:.8; box-shadow: inset 0 0 20px rgba(135,206,235,.5); } 50% { opacity:1; box-shadow: inset 0 0 40px rgba(135,206,235,.8); } 100% { opacity:.85; box-shadow: inset 0 0 20px rgba(135,206,235,.5); } }
@keyframes np-throne { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes np-chandelier { 0% { filter: brightness(.9) blur(0); } 50% { filter: brightness(1.1) blur(4px); } 100% { filter: brightness(1) blur(0); } }

.scn-charitable-impulse {
  background:
    linear-gradient(180deg, #f9f3e0 0%, #e8d5b0 60%, #d4ab6a 100%),
    radial-gradient(ellipse at 50% 80%, #fff8e8 0%, transparent 70%);
}
.scn-charitable-impulse .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f2e8d0 0%, #d9c8a0 100%);
}
.scn-charitable-impulse .desk {
  position: absolute; bottom: 0; left: 10%; right: 30%; height: 35%;
  background: linear-gradient(180deg, #a0764a 0%, #7a5a36 100%);
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -6px 12px rgba(60,40,20,0.3);
}
.scn-charitable-impulse .coin {
  position: absolute; bottom: 25%; width: 24px; height: 24px;
  background: radial-gradient(circle at 35% 35%, #ffd700 0%, #c8952a 70%);
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: ci-coin 0.8s ease-in-out infinite alternate;
}
.scn-charitable-impulse .coin-1 { left: 25%; }
.scn-charitable-impulse .coin-2 { left: 35%; animation-delay: 0.4s; }
.scn-charitable-impulse .hand {
  position: absolute; bottom: 20%; left: 30%; width: 40px; height: 50px;
  background: radial-gradient(ellipse at 50% 30%, #e8c090 0%, #b88a60 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: 50% 100%;
  animation: ci-hand 2s ease-in-out infinite;
}
.scn-charitable-impulse .shadow-hand {
  position: absolute; bottom: 18%; left: 32%; width: 50px; height: 40px;
  background: rgba(40,20,10,0.15);
  border-radius: 60% 40% 50% 50%;
  filter: blur(6px);
  animation: ci-hand 2s ease-in-out infinite 0.1s;
}
.scn-charitable-impulse .window-pane {
  position: absolute; top: 8%; right: 12%; width: 80px; height: 100px;
  background: radial-gradient(ellipse at 50% 30%, #fff8e0 0%, #c0a878 100%);
  border: 6px solid #8a6a42;
  border-radius: 4px;
  opacity: 0.3;
  animation: ci-window 6s ease-in-out infinite alternate;
}
.scn-charitable-impulse .lantern {
  position: absolute; top: 5%; left: 15%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 40%, #ffd080 0%, #b07030 100%);
  border-radius: 30% 30% 40% 40%;
  box-shadow: 0 0 30px 10px rgba(255,200,100,0.4);
  animation: ci-lantern 4s ease-in-out infinite alternate;
}
@keyframes ci-coin {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.1); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes ci-hand {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ci-window {
  0% { opacity: 0.2; }
  50% { opacity: 0.5; }
  100% { opacity: 0.3; }
}
@keyframes ci-lantern {
  0% { box-shadow: 0 0 20px 5px rgba(255,200,100,0.3); }
  50% { box-shadow: 0 0 40px 15px rgba(255,220,120,0.6); }
  100% { box-shadow: 0 0 25px 8px rgba(255,210,110,0.4); }
}

.scn-old-man-trick {
  background:
    linear-gradient(180deg, #1c1624 0%, #2a1f35 40%, #3a2a4e 100%),
    radial-gradient(ellipse at 50% 30%, #4a3a5e 0%, transparent 70%);
}
.scn-old-man-trick .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a101a 100%);
}
.scn-old-man-trick .wall-part {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a2230 0%, #1a1422 100%);
}
.scn-old-man-trick .figure-old {
  position: absolute; bottom: 30%; left: 20%; width: 30px; height: 45px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: omt-old 6s ease-in-out infinite;
}
.scn-old-man-trick .figure-attacker-1 {
  position: absolute; bottom: 30%; right: 30%; width: 28px; height: 48px;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: omt-attack 4s ease-in-out infinite;
}
.scn-old-man-trick .figure-attacker-2 {
  position: absolute; bottom: 30%; right: 10%; width: 25px; height: 42px;
  background: linear-gradient(180deg, #2a2a4a 0%, #10102a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: omt-attack 4s ease-in-out infinite 0.5s;
}
.scn-old-man-trick .rope {
  position: absolute; bottom: 40%; left: 20%; width: 4px; height: 20px;
  background: #6a5a4a;
  border-radius: 2px;
  transform-origin: top center;
  animation: omt-rope 3s ease-in-out infinite alternate;
}
.scn-old-man-trick .dawn-light {
  position: absolute; top: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #e8c090 0%, transparent 100%);
  opacity: 0.15;
  animation: omt-dawn 10s ease-in-out infinite alternate;
}
.scn-old-man-trick .drape {
  position: absolute; top: 0; left: 0; width: 20%; height: 100%;
  background: linear-gradient(180deg, #2a1a2a 0%, #1a0a1a 100%);
  border-radius: 0 60% 60% 0 / 0 80% 80% 0;
  filter: blur(4px);
  animation: omt-drape 8s ease-in-out infinite alternate;
}
@keyframes omt-old {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px) scale(0.98); }
  100% { transform: translateY(0); }
}
@keyframes omt-attack {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-10px) rotate(-5deg); }
  100% { transform: translateY(0) rotate(2deg); }
}
@keyframes omt-rope {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(10deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes omt-dawn {
  0% { opacity: 0.05; }
  50% { opacity: 0.25; }
  100% { opacity: 0.1; }
}
@keyframes omt-drape {
  0% { transform: translateX(0); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(-3px); }
}

.scn-hunter-lust {
  background:
    linear-gradient(180deg, #1a1a2a 0%, #2a2a3e 40%, #3a2a2a 100%),
    radial-gradient(ellipse at 60% 20%, #4a3a3a 0%, transparent 70%);
}
.scn-hunter-lust .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%);
}
.scn-hunter-lust .sky {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #1a1a3a 0%, #2a2a4a 100%);
  animation: hl-sky 12s ease-in-out infinite alternate;
}
.scn-hunter-lust .hunter {
  position: absolute; bottom: 20%; left: 40%; width: 35px; height: 55px;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hl-hunter 5s ease-in-out infinite;
}
.scn-hunter-lust .boatman {
  position: absolute; bottom: 20%; left: 20%; width: 30px; height: 45px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hl-boatman 6s ease-in-out infinite;
}
.scn-hunter-lust .blade {
  position: absolute; bottom: 35%; left: 42%; width: 4px; height: 25px;
  background: linear-gradient(180deg, #7a6a6a 0%, #4a3a3a 100%);
  border-radius: 2px;
  transform-origin: bottom center;
  animation: hl-blade 2s ease-in-out infinite alternate;
}
.scn-hunter-lust .fire-glow {
  position: absolute; bottom: 5%; left: 50%; width: 50px; height: 50px;
  background: radial-gradient(circle, #d08040 0%, transparent 70%);
  opacity: 0.3;
  animation: hl-fire 3s ease-in-out infinite alternate;
}
.scn-hunter-lust .dust-particles {
  position: absolute; bottom: 22%; left: 35%; width: 8px; height: 8px;
  background: rgba(80,60,40,0.4);
  border-radius: 50%;
  filter: blur(3px);
  animation: hl-dust 4s linear infinite;
}
@keyframes hl-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes hl-hunter {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-5px) rotate(3deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes hl-boatman {
  0% { transform: translateX(0); }
  50% { transform: translateX(6px) translateY(-2px); }
  100% { transform: translateX(0); }
}
@keyframes hl-blade {
  0% { transform: rotate(-10deg); }
  50% { transform: rotate(15deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes hl-fire {
  0% { opacity: 0.2; transform: scale(0.9); }
  50% { opacity: 0.4; transform: scale(1.1); }
  100% { opacity: 0.3; transform: scale(0.95); }
}
@keyframes hl-dust {
  0% { transform: translateY(0) scale(1); opacity: 0; }
  50% { opacity: 0.6; }
  100% { transform: translateY(-20px) scale(0.5); opacity: 0; }
}

.scn-futty-khan-trip {
  background:
    linear-gradient(180deg, #1a1a1a 0%, #2a1a2a 40%, #1a0a1a 100%),
    radial-gradient(ellipse at 50% 70%, #3a2a3a 0%, transparent 70%);
}
.scn-futty-khan-trip .road {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
}
.scn-futty-khan-trip .tent-wall {
  position: absolute; bottom: 25%; left: 10%; width: 40%; height: 60%;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a0a1a 100%);
  border-radius: 20% 20% 0 0 / 40% 40% 0 0;
  filter: blur(2px);
  animation: fkt-tent 8s ease-in-out infinite alternate;
}
.scn-futty-khan-trip .figure-kneeling {
  position: absolute; bottom: 15%; left: 20%; width: 28px; height: 40px;
  background: linear-gradient(180deg, #4a3a3a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: fkt-kneel 6s ease-in-out infinite;
}
.scn-futty-khan-trip .figure-standing {
  position: absolute; bottom: 20%; left: 45%; width: 32px; height: 50px;
  background: linear-gradient(180deg, #3a2a4a 0%, #1a0a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: fkt-stand 5s ease-in-out infinite;
}
.scn-futty-khan-trip .lantern-glow {
  position: absolute; bottom: 35%; left: 35%; width: 30px; height: 30px;
  background: radial-gradient(circle, #e08050 0%, transparent 70%);
  opacity: 0.5;
  animation: fkt-lantern 3s ease-in-out infinite alternate;
}
.scn-futty-khan-trip .pack {
  position: absolute; bottom: 10%; left: 50%; width: 20px; height: 25px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 20% 20%;
  animation: fkt-pack 7s ease-in-out infinite;
}
.scn-futty-khan-trip .shadow-figure {
  position: absolute; bottom: 20%; left: 60%; width: 26px; height: 38px;
  background: rgba(10,10,10,0.3);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  filter: blur(4px);
  animation: fkt-shadow 5s ease-in-out infinite alternate;
}
@keyframes fkt-tent {
  0% { transform: skewX(0deg); }
  50% { transform: skewX(-2deg) translateY(2px); }
  100% { transform: skewX(1deg); }
}
@keyframes fkt-kneel {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(0.95); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes fkt-stand {
  0% { transform: translateX(0); }
  50% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}
@keyframes fkt-lantern {
  0% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 0.7; transform: scale(1.2); }
  100% { opacity: 0.4; transform: scale(0.9); }
}
@keyframes fkt-pack {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-3px) rotate(5deg); }
  100% { transform: translateX(0) rotate(-2deg); }
}
@keyframes fkt-shadow {
  0% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.1); }
  100% { opacity: 0.3; transform: scale(0.9); }
}

/* Scene: river-ark */
.scn-river-ark { background: linear-gradient(180deg, #87CEEB 0%, #f0d8a0 30%, #d4a050 60%, #b08040 100%), radial-gradient(ellipse at 50% 0%, #fff4d0 0%, transparent 70%); }
.scn-river-ark .sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #a8d8ff 0%, #ffebc0 100%); animation: ra-sky 12s ease-in-out infinite alternate; }
.scn-river-ark .sun { position:absolute; top:6%; left:70%; width:40px; height:40px; background: radial-gradient(circle, #fff8d0 0%, #ffd060 50%, transparent 80%); border-radius:50%; box-shadow: 0 0 60px 30px #ffc040; animation: ra-sun 20s ease-in-out infinite; }
.scn-river-ark .water { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(180deg, #4a7a6a 0%, #2a5a4a 50%, #1a3a2a 100%); animation: ra-water 8s ease-in-out infinite; }
.scn-river-ark .ark { position:absolute; bottom:30%; left:35%; width:100px; height:30px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%); border-radius: 20% 20% 40% 40% / 40% 40% 60% 60%; box-shadow: 0 4px 12px rgba(0,0,0,.4); animation: ra-ark 6s ease-in-out infinite; }
.scn-river-ark .ark::after { content:''; position:absolute; top:-20px; left:30%; width:30px; height:20px; background: #6a4a2a; border-radius: 50% 50% 0 0; }
.scn-river-ark .temple { position:absolute; bottom:40%; width:50px; height:70px; background: linear-gradient(180deg, #d4a050 0%, #b08040 100%); border-radius: 10% 10% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,.3); }
.scn-river-ark .temple-l { left:15%; animation: ra-temple-l 10s ease-in-out infinite; }
.scn-river-ark .temple-r { right:15%; height:50px; animation: ra-temple-r 10s ease-in-out infinite; }
.scn-river-ark .bather { position:absolute; bottom:35%; left:55%; width:12px; height:20px; background: #3a2a1a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ra-bather 5s ease-in-out infinite; }
.scn-river-ark .ripple { position:absolute; bottom:18%; left:0; right:0; height:4px; background: rgba(255,255,255,.15); border-radius:50%; filter:blur(1px); }
.scn-river-ark .ripple-1 { animation: ra-ripple 4s ease-in-out infinite; }
.scn-river-ark .ripple-2 { animation: ra-ripple 4s ease-in-out infinite 2s; }
@keyframes ra-sky { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes ra-sun { 0%,100% { transform: scale(1) translateX(0) } 50% { transform: scale(1.1) translateX(5px) } }
@keyframes ra-water { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes ra-ark { 0%,100% { transform: translateX(0) rotate(0) } 25% { transform: translateX(3px) rotate(1deg) } 75% { transform: translateX(-3px) rotate(-1deg) } }
@keyframes ra-temple-l { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes ra-temple-r { 0%,100% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-1px) scaleY(1.02) } }
@keyframes ra-bather { 0%,100% { transform: translateX(0) rotate(0) } 33% { transform: translateX(2px) rotate(5deg) } 66% { transform: translateX(-1px) rotate(-3deg) } }
@keyframes ra-ripple { 0% { width:0; opacity:.6; left:40% } 50% { width:20%; opacity:.3; left:30% } 100% { width:40%; opacity:0; left:20% } }

/* Scene: ganges-purifier */
.scn-ganges-purifier { background: linear-gradient(180deg, #e8f0e0 0%, #c0d0b0 40%, #90a880 100%), radial-gradient(ellipse at 50% 30%, #ffffff40 0%, transparent 70%); }
.scn-ganges-purifier .bg-wall { position:absolute; inset:0; background: linear-gradient(90deg, #d0dcc8 0%, #b8c8a8 100%); animation: gp-wall 20s ease-in-out infinite alternate; }
.scn-ganges-purifier .table { position:absolute; bottom:10%; left:20%; right:20%; height:6%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.scn-ganges-purifier .beaker { position:absolute; bottom:16%; left:40%; width:40px; height:60px; background: linear-gradient(180deg, #ffffff90 0%, #d0e0c0 100%); border-radius: 0 0 20% 20% / 0 0 40% 40%; box-shadow: inset 0 -4px 8px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.2); }
.scn-ganges-purifier .liquid { position:absolute; bottom:20%; left:42%; width:32px; height:36px; background: linear-gradient(180deg, #6080c0 0%, #4060a0 100%); border-radius: 0 0 30% 30%; opacity:.7; animation: gp-liquid 6s ease-in-out infinite; }
.scn-ganges-purifier .hand { position:absolute; bottom:12%; left:30%; width:30px; height:50px; background: linear-gradient(180deg, #d4a080 0%, #b08060 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(10deg); animation: gp-hand 8s ease-in-out infinite; }
.scn-ganges-purifier .germ { position:absolute; bottom:30%; border-radius:50%; background: #4a3a1a; opacity:.4; }
.scn-ganges-purifier .germ-a { left:45%; width:6px; height:6px; animation: gp-germ 4s ease-in-out infinite; }
.scn-ganges-purifier .germ-b { left:50%; width:4px; height:4px; animation: gp-germ 4s ease-in-out infinite 1.5s; }
.scn-ganges-purifier .light-ray { position:absolute; top:0; left:35%; width:30%; height:70%; background: linear-gradient(180deg, #ffffff40 0%, transparent 100%); transform: skewX(-20deg); animation: gp-ray 10s ease-in-out infinite alternate; }
@keyframes gp-wall { 0% { opacity:.8 } 100% { opacity:1 } }
@keyframes gp-liquid { 0%,100% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-2px) scaleY(1.05) } }
@keyframes gp-hand { 0%,100% { transform: rotate(10deg) translateY(0) } 50% { transform: rotate(15deg) translateY(-1px) } }
@keyframes gp-germ { 0% { opacity:.2; transform: translate(0,0) scale(.8) } 50% { opacity:.6; transform: translate(3px,-2px) scale(1.2) } 100% { opacity:0; transform: translate(-3px,2px) scale(.5) } }
@keyframes gp-ray { 0% { opacity:.4; transform: skewX(-20deg) translateX(-5px) } 100% { opacity:.8; transform: skewX(-20deg) translateX(5px) } }

/* Scene: fakeer-burial */
.scn-fakeer-burial { background: linear-gradient(180deg, #1a2a3a 0%, #2a4a5a 30%, #4a7a8a 60%, #1a3a4a 100%), radial-gradient(ellipse at 30% 70%, #80b0c0 0%, transparent 70%); }
.scn-fakeer-burial .sky-fb { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #6a8a9a 0%, #a0c0d0 40%, #d0e8f0 100%); animation: fb-sky 15s ease-in-out infinite; }
.scn-fakeer-burial .water-fb { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #1a3a4a 0%, #0a1a2a 100%); animation: fb-water 10s ease-in-out infinite; }
.scn-fakeer-burial .slab-top { position:absolute; bottom:45%; left:45%; width:50px; height:12px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 10%; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: fb-slab 8s ease-in-out infinite; }
.scn-fakeer-burial .slab-bot { position:absolute; bottom:38%; left:45%; width:50px; height:10px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 10%; animation: fb-slab 8s ease-in-out infinite 0.5s; }
.scn-fakeer-burial .figure-fb { position:absolute; bottom:40%; left:48%; width:14px; height:30px; background: #0a0a1a; border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: fb-figure 6s ease-in-out infinite; }
.scn-fakeer-burial .splash { position:absolute; bottom:45%; left:45%; width:30px; height:10px; background: rgba(200,230,255,.3); border-radius:50%; filter:blur(2px); }
.scn-fakeer-burial .splash-1 { animation: fb-splash 4s ease-out infinite; }
.scn-fakeer-burial .splash-2 { animation: fb-splash 4s ease-out infinite 2s; }
@keyframes fb-sky { 0%,100% { opacity:.7 } 50% { opacity:1 } }
@keyframes fb-water { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes fb-slab { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(1px) rotate(2deg) } }
@keyframes fb-figure { 0%,100% { transform: translateX(0) rotate(0) } 25% { transform: translateX(2px) rotate(3deg) } 75% { transform: translateX(-2px) rotate(-3deg) } }
@keyframes fb-splash { 0% { transform: scale(0); opacity:.6 } 50% { transform: scale(2); opacity:.2 } 100% { transform: scale(3); opacity:0 } }

/* Scene: cremation-ghat */
.scn-cremation-ghat { background: linear-gradient(180deg, #4a3a2a 0%, #6a5a4a 20%, #9a8a7a 40%, #c0b0a0 60%, #a09080 100%), radial-gradient(ellipse at 30% 100%, #ffa060 0%, transparent 70%); }
.scn-cremation-ghat .bg-sky-cg { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #c0b0a0 0%, #e0d0c0 50%, #f0e0d0 100%); animation: cg-sky 20s ease-in-out infinite alternate; }
.scn-cremation-ghat .steps { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 0 0 20% 20% / 0 0 40% 40%; }
.scn-cremation-ghat .fire { position:absolute; bottom:35%; left:40%; width:60px; height:80px; background: linear-gradient(180deg, #ff8040 0%, #ff6020 30%, #c84010 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 0 40px 20px #ff8040, 0 0 80px 40px #ff6020; animation: cg-fire 2s ease-in-out infinite alternate; }
.scn-cremation-ghat .pyre { position:absolute; bottom:28%; left:42%; width:40px; height:25px; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 20% 20% 0 0; }
.scn-cremation-ghat .figure-cg { position:absolute; bottom:20%; width:16px; height:35px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; }
.scn-cremation-ghat .figure-cg-mourner { left:25%; animation: cg-mourner 8s ease-in-out infinite; }
.scn-cremation-ghat .figure-cg-boy { left:35%; height:25px; width:12px; animation: cg-boy 10s ease-in-out infinite; }
.scn-cremation-ghat .smoke { position:absolute; bottom:50%; left:42%; width:20px; height:20px; background: rgba(180,160,140,.2); border-radius:50%; filter:blur(5px); }
.scn-cremation-ghat .smoke-1 { animation: cg-smoke 6s ease-out infinite; }
.scn-cremation-ghat .smoke-2 { animation: cg-smoke 6s ease-out infinite 3s; left:48%; }
@keyframes cg-sky { 0% { opacity:.85 } 100% { opacity:1 } }
@keyframes cg-fire { 0% { transform: scaleY(1) translateY(0) } 50% { transform: scaleY(1.15) translateY(-3px) } 100% { transform: scaleY(.95) translateY(1px) } }
@keyframes cg-mourner { 0%,100% { transform: translateX(0) rotate(0) } 33% { transform: translateX(-2px) rotate(2deg) } 66% { transform: translateX(2px) rotate(-2deg) } }
@keyframes cg-boy { 0%,100% { transform: translateX(0) scale(1) } 50% { transform: translateX(3px) scale(1.05) } }
@keyframes cg-smoke { 0% { transform: translateY(0) scale(1); opacity:.4 } 50% { transform: translateY(-30px) scale(2); opacity:.2 } 100% { transform: translateY(-60px) scale(3); opacity:0 } }

/* indian-crow */
.scn-indian-crow { background: linear-gradient(180deg, #f9d89c 0%, #f5b56b 30%, #e88d4a 60%, #c0653a 100%), radial-gradient(ellipse at 50% 30%, #fce4b8 0%, transparent 70%); }
.scn-indian-crow .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #fce4b8 0%, #f2c88a 40%, transparent 100%); animation: ic-sky 14s ease-in-out infinite alternate; }
.scn-indian-crow .sun { position:absolute; bottom:45%; left:55%; width:12%; aspect-ratio:1/1; background: radial-gradient(circle, #fff4d6 0%, #fddc9c 40%, #e8a54a 80%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 20px #fddc9c, 0 0 80px 40px #e8a54a; animation: ic-sun 6s ease-in-out infinite alternate; }
.scn-indian-crow .branch { position:absolute; bottom:30%; left:10%; right:20%; height:2%; background: linear-gradient(90deg, #5c3d2e, #3d2518, #5c3d2e); border-radius:40%; animation: ic-branch 8s ease-in-out infinite; }
.scn-indian-crow .crow-body { position:absolute; bottom:32%; left:48%; width:14%; aspect-ratio:2/3; background: radial-gradient(ellipse at 40% 30%, #2d1b0e, #1c1109); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ic-body 3s ease-in-out infinite; }
.scn-indian-crow .crow-head { position:absolute; bottom:48%; left:44%; width:8%; aspect-ratio:1/1; background: radial-gradient(circle at 30% 40%, #3d2518, #1c1109); border-radius:50%; transform-origin: bottom center; animation: ic-head 2s ease-in-out infinite alternate; }
.scn-indian-crow .leaf-a { position:absolute; bottom:27%; left:16%; width:5%; aspect-ratio:2/1; background: linear-gradient(135deg, #6b8f3a, #4a6b22); border-radius:50% 0 50% 0; transform: rotate(-20deg); animation: ic-leaf 5s ease-in-out infinite; }
.scn-indian-crow .leaf-b { position:absolute; bottom:24%; left:28%; width:4%; aspect-ratio:2/1; background: linear-gradient(135deg, #7a9f4a, #5a7f32); border-radius:50% 0 50% 0; transform: rotate(30deg); animation: ic-leaf 6s ease-in-out infinite reverse; }
.scn-indian-crow .aura { position:absolute; bottom:42%; left:44%; width:18%; aspect-ratio:1/1; background: radial-gradient(circle, rgba(255,215,0,0.3) 0%, transparent 100%); border-radius:50%; animation: ic-aura 4s ease-in-out infinite alternate; }
@keyframes ic-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ic-sun { 0% { transform: scale(0.9) translateY(0); opacity:0.8 } 50% { transform: scale(1.05) translateY(-2px); opacity:1 } 100% { transform: scale(0.95) translateY(1px); opacity:0.9 } }
@keyframes ic-branch { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(1deg) } }
@keyframes ic-body { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(2deg) } }
@keyframes ic-head { 0% { transform: translateY(0) rotate(-3deg) } 50% { transform: translateY(-1px) rotate(0) } 100% { transform: translateY(0) rotate(3deg) } }
@keyframes ic-leaf { 0%,100% { transform: rotate(-20deg) } 50% { transform: rotate(-15deg) } }
@keyframes ic-aura { 0% { transform: scale(1) rotate(0) } 50% { transform: scale(1.15) rotate(5deg) } 100% { transform: scale(0.95) rotate(-5deg) } }

/* crow-character */
.scn-crow-character { background: linear-gradient(180deg, #fef9e7 0%, #f5e6c8 40%, #d9b382 100%), radial-gradient(ellipse at 50% 80%, #d9b382 0%, transparent 70%); }
.scn-crow-character .grass { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #8cb870 0%, #6a9348 100%); border-radius: 40% 60% 0 0 / 60% 40% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); animation: cc-grass 10s ease-in-out infinite alternate; }
.scn-crow-character .shadow { position:absolute; bottom:15%; left:35%; width:30%; height:8%; background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,0.3), transparent); border-radius:50%; animation: cc-shadow 4s ease-in-out infinite; }
.scn-crow-character .crow-body { position:absolute; bottom:20%; left:45%; width:16%; aspect-ratio:2/3; background: radial-gradient(ellipse at 40% 30%, #3d2b1a, #22170c); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cc-body 3s ease-in-out infinite; }
.scn-crow-character .crow-leg { position:absolute; width:2%; height:12%; background: linear-gradient(180deg, #3d2b1a, #1c1109); border-radius: 20%; bottom:10%; }
.scn-crow-character .leg-left { left:49%; transform-origin: top; animation: cc-leg 2.5s ease-in-out infinite; }
.scn-crow-character .leg-right { left:54%; transform-origin: top; animation: cc-leg 2.5s ease-in-out infinite 1.25s; }
.scn-crow-character .crow-head { position:absolute; bottom:38%; left:42%; width:12%; aspect-ratio:1/1; background: radial-gradient(circle at 30% 40%, #4d3621, #22170c); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cc-head 2s ease-in-out infinite alternate; }
.scn-crow-character .eye { position:absolute; bottom:43%; left:44%; width:3%; aspect-ratio:1/1; background: radial-gradient(circle, #1a1a1a, #000); border-radius:50%; animation: cc-eye 3s ease-in-out infinite; }
@keyframes cc-grass { 0% { opacity:0.8; transform: translateY(0) } 50% { opacity:1; transform: translateY(-2px) } 100% { opacity:0.9; transform: translateY(0) } }
@keyframes cc-shadow { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(0.95) } }
@keyframes cc-body { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(1deg) } }
@keyframes cc-leg { 0%,100% { transform: rotate(0) } 50% { transform: rotate(-5deg) } }
@keyframes cc-head { 0% { transform: translateY(0) rotate(-4deg) } 50% { transform: translateY(-1px) rotate(0) } 100% { transform: translateY(0) rotate(4deg) } }
@keyframes cc-eye { 0% { transform: scale(1) } 50% { transform: scale(1.2) } 100% { transform: scale(1) } }

/* crow-sociability */
.scn-crow-sociability { background: linear-gradient(180deg, #fef9e7 0%, #f5e6c8 40%, #d9b382 100%), radial-gradient(ellipse at 50% 60%, #f5e6c8 0%, transparent 70%); }
.scn-crow-sociability .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #fff4d6 0%, #f2c88a 40%, transparent 100%); animation: cs-sky 12s ease-in-out infinite alternate; }
.scn-crow-sociability .sun { position:absolute; top:10%; right:10%; width:10%; aspect-ratio:1/1; background: radial-gradient(circle, #fff4d6 0%, #fddc9c 40%, #e8a54a 80%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 15px #fddc9c; animation: cs-sun 8s ease-in-out infinite alternate; }
.scn-crow-sociability .railing { position:absolute; bottom:20%; left:5%; right:5%; height:2%; background: linear-gradient(90deg, #a08060, #7a5f3a, #a08060); border-radius:30%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: cs-rail 6s ease-in-out infinite; }
.scn-crow-sociability .crow-main { position:absolute; bottom:22%; left:30%; width:12%; aspect-ratio:2/3; background: radial-gradient(ellipse at 40% 30%, #3d2b1a, #1c1109); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: cs-main 4s ease-in-out infinite; }
.scn-crow-sociability .crow-friend { position:absolute; bottom:23%; left:55%; width:10%; aspect-ratio:2/3; background: radial-gradient(ellipse at 40% 30%, #3d2b1a, #1c1109); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: cs-friend 5s ease-in-out infinite 1s; }
.scn-crow-sociability .shadow-main { position:absolute; bottom:18%; left:28%; width:16%; height:4%; background: radial-gradient(ellipse, rgba(0,0,0,0.25), transparent); border-radius:50%; animation: cs-shadow 4s ease-in-out infinite; }
.scn-crow-sociability .shadow-friend { position:absolute; bottom:19%; left:53%; width:14%; height:3%; background: radial-gradient(ellipse, rgba(0,0,0,0.2), transparent); border-radius:50%; animation: cs-shadow 5s ease-in-out infinite 1s; }
@keyframes cs-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes cs-sun { 0% { transform: scale(0.95) translateY(0); opacity:0.9 } 50% { transform: scale(1.05) translateY(-2px); opacity:1 } 100% { transform: scale(0.9) translateY(1px); opacity:0.8 } }
@keyframes cs-rail { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes cs-main { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(2deg) } }
@keyframes cs-friend { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(-2deg) } }
@keyframes cs-shadow { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(0.9) } }

/* vishnu-names */
.scn-vishnu-names { background: linear-gradient(180deg, #fdf6e3 0%, #ecd9b0 50%, #c6a67a 100%), radial-gradient(ellipse at 50% 30%, #ecd9b0 0%, transparent 70%); }
.scn-vishnu-names .wall { position:absolute; inset:0; background: linear-gradient(90deg, #8b6f47 0%, #a8865a 30%, #8b6f47 60%, #6d5538 100%); opacity:0.6; animation: vn-wall 20s ease-in-out infinite alternate; }
.scn-vishnu-names .arch { position:absolute; bottom:50%; left:20%; right:20%; height:40%; background: radial-gradient(ellipse at 50% 0%, #e8d4b0 0%, #c6a67a 70%, #8b6f47 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,0.3); animation: vn-arch 12s ease-in-out infinite; }
.scn-vishnu-names .glow { position:absolute; top:25%; left:38%; width:24%; aspect-ratio:1/1; background: radial-gradient(circle, #ffd700 0%, #e6b800 30%, #cc9900 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 60px 30px #e6b800, 0 0 100px 50px #cc9900; animation: vn-glow 5s ease-in-out infinite alternate; }
.scn-vishnu-names .ring { position:absolute; border-radius:50%; border:2px solid #bfa070; background: transparent; animation: vn-ring 20s linear infinite; }
.scn-vishnu-names .ring-1 { top:23%; left:36%; width:28%; aspect-ratio:1/1; animation-duration:20s; }
.scn-vishnu-names .ring-2 { top:21%; left:34%; width:32%; aspect-ratio:1/1; animation-duration:25s; animation-direction: reverse; }
.scn-vishnu-names .ring-3 { top:19%; left:32%; width:36%; aspect-ratio:1/1; border-color: #d4b88a; animation-duration:30s; }
.scn-vishnu-names .dawn-book { position:absolute; bottom:10%; left:38%; width:24%; height:10%; background: linear-gradient(180deg, #8b4513, #5c2e0e); border-radius: 0 0 20% 20% / 0 0 30% 30%; box-shadow: 0 6px 12px rgba(0,0,0,0.5); transform: perspective(400px) rotateX(5deg); animation: vn-book 8s ease-in-out infinite; }
.scn-vishnu-names .decor { position:absolute; bottom:20%; left:40%; width:20%; height:2%; background: repeating-linear-gradient(90deg, #bfa070 0px, #bfa070 4px, transparent 4px, transparent 8px); animation: vn-decor 6s ease-in-out infinite; }
@keyframes vn-wall { 0% { opacity:0.5 } 50% { opacity:0.7 } 100% { opacity:0.5 } }
@keyframes vn-arch { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } }
@keyframes vn-glow { 0% { transform: scale(1) rotate(0); opacity:0.8 } 50% { transform: scale(1.1) rotate(2deg); opacity:1 } 100% { transform: scale(0.95) rotate(-2deg); opacity:0.9 } }
@keyframes vn-ring { 0% { transform: rotate(0) scale(1) } 50% { transform: rotate(180deg) scale(1.05) } 100% { transform: rotate(360deg) scale(1) } }
@keyframes vn-book { 0%,100% { transform: perspective(400px) rotateX(5deg) translateY(0) } 50% { transform: perspective(400px) rotateX(8deg) translateY(-2px) } }
@keyframes vn-decor { 0% { opacity:0.7; transform: translateX(0) } 50% { opacity:1; transform: translateX(5px) } 100% { opacity:0.7; transform: translateX(0) } }

/* Scene: three-times-wife */
.scn-three-times-wife {
  background: linear-gradient(180deg, #2a1a1a 0%, #4a3020 40%, #1a0a0a 100%), radial-gradient(ellipse at 50% 100%, #4a3020 0%, transparent 60%);
}
.scn-three-times-wife .bg-wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #3a2a1a 0%, #1a1210 100%);
}
.scn-three-times-wife .window-glow {
  position: absolute; top: 10%; left: 15%; width: 40%; height: 50%;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,150,80,0.4) 0%, rgba(200,150,80,0.05) 70%, transparent 100%);
  border-radius: 0; animation: tw-windowglow 6s ease-in-out infinite alternate;
}
.scn-three-times-wife .lamp {
  position: absolute; bottom: 40%; left: 70%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 100%, #d09050 0%, #a06030 70%);
  border-radius: 50% 50% 10% 10%; box-shadow: 0 0 30px 10px rgba(200,130,50,0.6);
  animation: tw-lampflicker 2s ease-in-out infinite;
}
.scn-three-times-wife .smoke {
  position: absolute; top: 5%; left: 68%; width: 40px; height: 60px;
  background: radial-gradient(ellipse at 50% 50%, rgba(180,140,100,0.3) 0%, transparent 70%);
  filter: blur(8px); border-radius: 50%; animation: tw-smoke 10s linear infinite;
}
.scn-three-times-wife .woman {
  position: absolute; bottom: 18%; left: 22%; width: 24px; height: 60px;
  background: linear-gradient(180deg, #2a1a12 0%, #12100a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center;
  animation: tw-stand 4s ease-in-out infinite;
}
.scn-three-times-wife .chair {
  position: absolute; bottom: 15%; left: 18%; width: 40px; height: 30px;
  background: linear-gradient(135deg, #3a2a1a 0%, #1a140e 100%);
  border-radius: 10% 10% 40% 40% / 20% 20% 60% 60%; box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
.scn-three-times-wife .chain {
  position: absolute; bottom: 18%; left: 24%; width: 2px; height: 20px;
  background: #6a5a4a; border-radius: 50%; animation: tw-chain 3s ease-in-out infinite;
}
@keyframes tw-windowglow { 0% { opacity: 0.3; } 50% { opacity: 0.8; } 100% { opacity: 0.4; } }
@keyframes tw-lampflicker { 0% { transform: scale(1) rotate(0deg); opacity: 0.9; } 50% { transform: scale(1.05) rotate(-2deg); opacity: 1; } 100% { transform: scale(0.95) rotate(1deg); opacity: 0.8; } }
@keyframes tw-smoke { 0% { transform: translate(0,0) scale(1); opacity: 0.4; } 50% { transform: translate(10px,-20px) scale(1.2); opacity: 0.2; } 100% { transform: translate(-5px,-40px) scale(0.8); opacity: 0; } }
@keyframes tw-stand { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(-2deg); } }
@keyframes tw-chain { 0%,100% { transform: rotate(0deg); } 50% { transform: rotate(15deg); } }

/* Scene: consent-given */
.scn-consent-given {
  background: linear-gradient(180deg, #87ceeb 0%, #f0d090 40%, #a0724a 100%), radial-gradient(ellipse at 50% 0%, #f0d090 0%, transparent 70%);
}
.scn-consent-given .sky-sun {
  position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #b8d4e8 0%, #f0c060 80%); animation: cg-sky 20s ease-in-out infinite;
}
.scn-consent-given .river {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #4a7a9a 0%, #2a5a8a 100%); border-radius: 0 0 30% 30% / 0 0 60% 60%; filter: blur(2px); animation: cg-river 8s ease-in-out infinite alternative;
}
.scn-consent-given .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 22%;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 40% 40% 0 0 / 30% 30% 0 0;
}
.scn-consent-given .fire-pit {
  position: absolute; bottom: 12%; left: 30%; width: 60px; height: 20px;
  background: #3a2a1a; border-radius: 50%; box-shadow: inset 0 -5px 10px rgba(0,0,0,0.6);
}
.scn-consent-given .flames {
  position: absolute; bottom: 16%; left: 30%; width: 60px; height: 30px;
  background: radial-gradient(ellipse at 50% 100%, #c8553d 0%, #a0461a 40%, transparent 60%);
  border-radius: 50%; filter: blur(2px); animation: cg-flame 0.8s ease-in-out infinite alternate;
}
.scn-consent-given .figure-walk {
  position: absolute; bottom: 10%; left: 50%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center;
  animation: cg-walk 4s ease-in-out infinite;
}
.scn-consent-given .tree-sole {
  position: absolute; bottom: 8%; left: 5%; width: 10px; height: 50px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a221a 100%); border-radius: 50% 50% 20% 20%;
}
@keyframes cg-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes cg-river { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(2px); } }
@keyframes cg-flame { 0% { transform: scale(1) rotate(0deg); opacity: 0.9; } 100% { transform: scale(1.1) rotate(5deg); opacity: 1; } }
@keyframes cg-walk { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(8px) rotate(2deg); } 50% { transform: translateX(16px) rotate(-1deg); } 75% { transform: translateX(24px) rotate(1deg); } 100% { transform: translateX(32px) rotate(0deg); } }

/* Scene: calm-consumed */
.scn-calm-consumed {
  background: linear-gradient(180deg, #c8d8e0 0%, #e0c898 40%, #a08060 100%), radial-gradient(ellipse at 50% 100%, #a08060 0%, transparent 50%);
}
.scn-calm-consumed .sky-blue {
  position: absolute; inset: 0 0 35% 0; background: linear-gradient(180deg, #a0c8e0 0%, #d0b090 80%); animation: cc-sky 15s ease-in-out infinite;
}
.scn-calm-consumed .ground-flat {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #8a7050 0%, #5a4030 100%); border-radius: 30% 30% 0 0 / 20% 20% 0 0;
}
.scn-calm-consumed .platform {
  position: absolute; bottom: 14%; left: 30%; width: 80px; height: 10px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 20% 20% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.3);
}
.scn-calm-consumed .flames-calm {
  position: absolute; bottom: 16%; left: 30%; width: 80px; height: 50px;
  background: radial-gradient(ellipse at 50% 100%, #c8553d 0%, #a0461a 30%, transparent 60%);
  border-radius: 50%; filter: blur(3px); animation: cc-flame 3s ease-in-out infinite alternate;
}
.scn-calm-consumed .flowers {
  position: absolute; bottom: 20%; left: 35%; width: 30px; height: 20px;
  background: radial-gradient(circle at 50% 50%, #b87878 0%, #d0a0a0 40%, transparent 60%);
  border-radius: 50%; animation: cc-flowers 6s ease-in-out infinite;
}
.scn-calm-consumed .widow-sit {
  position: absolute; bottom: 18%; left: 40%; width: 28px; height: 40px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center;
  animation: cc-sit 4s ease-in-out infinite;
}
.scn-calm-consumed .smoke-curl {
  position: absolute; bottom: 30%; left: 45%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 50%, rgba(180,140,100,0.3) 0%, transparent 70%);
  filter: blur(6px); border-radius: 50%; animation: cc-smoke 12s linear infinite;
}
@keyframes cc-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes cc-flame { 0% { transform: scale(1) rotate(0deg); opacity: 0.9; } 100% { transform: scale(1.2) rotate(-3deg); opacity: 0.7; } }
@keyframes cc-flowers { 0%,100% { transform: scale(1); } 50% { transform: scale(1.3); } }
@keyframes cc-sit { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(-2deg); } }
@keyframes cc-smoke { 0% { transform: translate(0,0) scale(1); opacity: 0.4; } 50% { transform: translate(8px,-25px) scale(1.1); opacity: 0.2; } 100% { transform: translate(-5px,-50px) scale(0.7); opacity: 0; } }

/* Scene: music-reason */
.scn-music-reason {
  background: linear-gradient(180deg, #1a1210 0%, #2a1a1a 40%, #0a0a0a 100%), radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 60%);
}
.scn-music-reason .bg-darkroom {
  position: absolute; inset: 0; background: linear-gradient(135deg, #1a1412 0%, #0a0808 100%);
}
.scn-music-reason .lamp-glow {
  position: absolute; top: 20%; left: 60%; width: 30px; height: 40px;
  background: radial-gradient(circle at 50% 100%, #c08040 0%, #a06020 70%);
  border-radius: 50% 50% 10% 10%; box-shadow: 0 0 40px 20px rgba(200,130,50,0.5);
  animation: mr-lamp 3s ease-in-out infinite alternate;
}
.scn-music-reason .musician {
  position: absolute; bottom: 20%; left: 30%; width: 24px; height: 60px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center;
  animation: mr-bow 2s ease-in-out infinite;
}
.scn-music-reason .instrument {
  position: absolute; bottom: 28%; left: 32%; width: 40px; height: 20px;
  background: #5a3a2a; border-radius: 30% 30% 50% 50% / 40% 40% 60% 60%; transform: rotate(-20deg);
  animation: mr-instr 4s ease-in-out infinite;
}
.scn-music-reason .martyr-prophet {
  position: absolute; bottom: 15%; left: 10%; width: 22px; height: 50px;
  background: linear-gradient(180deg, #2a1a12 0%, #1a0a08 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center;
  animation: mr-prophet 5s ease-in-out infinite;
}
.scn-music-reason .curtain {
  position: absolute; top: 0; left: 0; width: 100%; height: 60%;
  background: linear-gradient(180deg, transparent 0%, #2a1a12 40%, #1a0a08 100%);
  border-radius: 0 0 40% 40% / 0 0 20% 20%; filter: blur(4px);
}
.scn-music-reason .notes-shape {
  position: absolute; top: 30%; left: 50%; width: 12px; height: 12px;
  background: radial-gradient(circle, #c08040 0%, #a06020 70%);
  border-radius: 50%; box-shadow: -20px -10px 0 -2px #c08040, 10px -20px 0 -3px #c08040;
  animation: mr-notes 6s ease-in-out infinite;
}
@keyframes mr-lamp { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.1); opacity: 1; } }
@keyframes mr-bow { 0% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } }
@keyframes mr-instr { 0%,100% { transform: rotate(-20deg) scale(1); } 50% { transform: rotate(-15deg) scale(1.05); } }
@keyframes mr-prophet { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes mr-notes { 0% { transform: translate(0,0) scale(1); opacity: 0.6; } 50% { transform: translate(10px,-15px) scale(1.2); opacity: 1; } 100% { transform: translate(-5px,-30px) scale(0.8); opacity: 0; } }

/* ticket-problem */
.scn-ticket-problem { background: linear-gradient(180deg, #f8ecc0 0%, #e8d8a0 100%), radial-gradient(ellipse at 60% 30%, #fff8e0 0%, transparent 70%); }
.scn-ticket-problem .wall { position:absolute; inset:0; background: linear-gradient(135deg, rgba(255,248,220,.4) 0%, transparent 60%); }
.scn-ticket-problem .counter { position:absolute; bottom:0; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #a0845c 0%, #705a38 100%); border-radius: 8% 8% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,.3); }
.scn-ticket-problem .window-frame { position:absolute; top:8%; left:50%; width:120px; height:90px; transform:translateX(-50%); background: linear-gradient(135deg, #b09870 0%, #8a7060 100%); border: 6px solid #6a5030; border-radius: 6px; box-shadow: inset 0 0 20px rgba(0,0,0,.2); }
.scn-ticket-problem .ticket { position:absolute; bottom:38%; left:55%; width:40px; height:22px; background: linear-gradient(90deg, #f8e8c0 0%, #ffe8b0 100%); border: 1px solid #c0a080; border-radius: 2px; transform: rotate(-5deg); animation: tp-slide 8s ease-in-out infinite; }
.scn-ticket-problem .clock { position:absolute; top:6%; right:10%; width:36px; height:36px; background: radial-gradient(circle, #f8f0e0 0%, #c0b090 80%); border-radius: 50%; border: 2px solid #8a7050; animation: tp-clock 60s linear infinite; }
.scn-ticket-problem .conductor { position:absolute; bottom:30%; left:30%; width:28px; height:60px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; }
.scn-ticket-problem .gesture-arm { position:absolute; bottom:48%; left:34%; width:30px; height:6px; background: #2a2a3a; border-radius: 4px; transform-origin: 0% 50%; animation: tp-arm 4s ease-in-out infinite; }
.scn-ticket-problem .ticket-glow { position:absolute; bottom:38%; left:55%; width:40px; height:22px; background: radial-gradient(ellipse at center, rgba(255,232,176,.3) 0%, transparent 100%); animation: tp-glow 4s ease-in-out infinite; }
@keyframes tp-slide { 0% { transform: translateX(0) rotate(-5deg); } 50% { transform: translateX(20px) rotate(2deg); } 100% { transform: translateX(0) rotate(-5deg); } }
@keyframes tp-clock { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes tp-arm { 0%,100% { transform: rotate(-20deg); } 50% { transform: rotate(30deg); } }
@keyframes tp-glow { 0%,100% { opacity:.4; } 50% { opacity:.8; } }

/* government-railways */
.scn-government-railways { background: linear-gradient(180deg, #f5e8c0 0%, #e0d0a0 100%), radial-gradient(ellipse at 40% 20%, #fff0d0 0%, transparent 60%); }
.scn-government-railways .wall { position:absolute; inset:0; background: linear-gradient(135deg, rgba(255,248,220,.3) 0%, transparent 60%); }
.scn-government-railways .counter { position:absolute; bottom:0; left:5%; right:5%; height:35%; background: linear-gradient(180deg, #a08858 0%, #786040 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -6px 15px rgba(0,0,0,.3); }
.scn-government-railways .sign { position:absolute; top:4%; left:50%; width:100px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #b0a080 0%, #8a7058 100%); border: 3px solid #584028; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.scn-government-railways .sign::before { content:''; position:absolute; top:8px; left:50%; width:60px; height:18px; background: #d0c0a0; border-radius:2px; transform:translateX(-50%); }
.scn-government-railways .map-roll { position:absolute; top:20%; left:12%; width:16px; height:60px; background: linear-gradient(90deg, #c8b898 0%, #a08868 100%); border-radius: 8px; transform: rotate(15deg); box-shadow: 2px 2px 6px rgba(0,0,0,.2); }
.scn-government-railways .ticket-book { position:absolute; bottom:40%; left:60%; width:30px; height:40px; background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%); border: 1px solid #a09070; border-radius: 2px; box-shadow: 2px 4px 8px rgba(0,0,0,.15); }
.scn-government-railways .conductor { position:absolute; bottom:35%; left:35%; width:30px; height:58px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; }
.scn-government-railways .light-beam { position:absolute; top:0; left:25%; width:8px; height:100%; background: linear-gradient(180deg, rgba(255,240,200,.6) 0%, transparent 80%); transform: rotate(-12deg); animation: gr-beam 12s ease-in-out infinite; }
@keyframes gr-beam { 0%,100% { opacity:.4; } 50% { opacity:.9; } }

/* station-economics */
.scn-station-economics { background: linear-gradient(180deg, #f2e4c0 0%, #dccc98 100%), radial-gradient(ellipse at 70% 30%, #fff8e0 0%, transparent 70%); }
.scn-station-economics .wall { position:absolute; inset:0; background: linear-gradient(135deg, rgba(255,248,220,.3) 0%, transparent 60%); }
.scn-station-economics .counter { position:absolute; bottom:0; left:0; right:0; height:28%; background: linear-gradient(180deg, #a88858 0%, #705838 100%); border-radius: 12% 12% 0 0; }
.scn-station-economics .sheep-dip { position:absolute; bottom:32%; left:20%; width:24px; height:20px; background: linear-gradient(180deg, #b09870 0%, #806848 100%); border-radius: 50% 50% 20% 20%; }
.scn-station-economics .coffee-cup { position:absolute; bottom:36%; left:45%; width:22px; height:26px; background: linear-gradient(180deg, #d0c0a0 0%, #b09878 100%); border-radius: 0 0 8px 8px; }
.scn-station-economics .coffee-cup::after { content:''; position:absolute; top:2px; left:2px; width:18px; height:10px; background: #5a4028; border-radius: 0 0 6px 6px; }
.scn-station-economics .wage-slip { position:absolute; bottom:40%; right:20%; width:34px; height:14px; background: #f8e8c8; border: 1px solid #a09070; border-radius: 2px; animation: se-slip 6s ease-in-out infinite; }
.scn-station-economics .conductor { position:absolute; bottom:28%; left:55%; width:28px; height:56px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; }
.scn-station-economics .shake-rag { position:absolute; top:10%; right:8%; width:40px; height:4px; background: #b09870; border-radius: 2px; transform-origin: 50% 50%; animation: se-rag 3s ease-in-out infinite; }
@keyframes se-slip { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes se-rag { 0%,100% { transform: rotate(-10deg) scaleX(1); } 25% { transform: rotate(20deg) scaleX(1.1); } 75% { transform: rotate(-15deg) scaleX(0.9); } }

/* conductor-problem */
.scn-conductor-problem { background: linear-gradient(180deg, #f0e4c0 0%, #dcd0a0 100%), radial-gradient(ellipse at 50% 40%, #fff8e0 0%, transparent 60%); }
.scn-conductor-problem .wall { position:absolute; inset:0; background: linear-gradient(135deg, rgba(255,248,220,.2) 0%, transparent 60%); }
.scn-conductor-problem .window { position:absolute; top:6%; left:15%; width:120px; height:100px; background: linear-gradient(180deg, #a0d0f0 0%, #70a0c0 100%); border: 6px solid #584028; border-radius: 8px; box-shadow: inset 0 0 20px rgba(0,0,0,.2); }
.scn-conductor-problem .train-outside { position:absolute; top:12%; left:20%; width:80px; height:40px; background: linear-gradient(90deg, #2a2a3a 0%, #1a1a2a 80%, transparent 100%); border-radius: 20% 20% 10% 10%; animation: cp-train 12s linear infinite; }
.scn-conductor-problem .train-outside::after { content:''; position:absolute; bottom:0; left:0; right:0; height:8px; background: #4a4a5a; border-radius: 50%; }
.scn-conductor-problem .conductor { position:absolute; bottom:30%; left:50%; width:30px; height:60px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: translateX(-50%); }
.scn-conductor-problem .passenger { position:absolute; bottom:30%; left:70%; width:24px; height:50px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; }
.scn-conductor-problem .ticket-examined { position:absolute; bottom:48%; left:55%; width:40px; height:20px; background: #f8e8c8; border: 1px solid #a09070; border-radius: 2px; transform: rotate(10deg); animation: cp-ticket 5s ease-in-out infinite; }
.scn-conductor-problem .gesture-stop { position:absolute; bottom:48%; left:48%; width:14px; height:14px; background: radial-gradient(circle, #d0c0a0 0%, #a09070 80%); border-radius: 50%; border: 2px solid #2a2a3a; animation: cp-hand 3s ease-in-out infinite; }
@keyframes cp-train { 0% { transform: translateX(0); } 100% { transform: translateX(30px); } }
@keyframes cp-ticket { 0% { transform: rotate(10deg) scale(1); } 50% { transform: rotate(-5deg) scale(1.05); } 100% { transform: rotate(10deg) scale(1); } }
@keyframes cp-hand { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

.scn-porpoises-phosphorescent { background: linear-gradient(180deg, #0a1628 0%, #0b1a30 40%, #102040 100%), radial-gradient(ellipse at 50% 100%, #1a3050 0%, transparent 70%); }
.scn-porpoises-phosphorescent .sea { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(0deg, #0a1a2a 0%, #122a40 50%, #1a3a50 100%); animation: pp-sea 8s ease-in-out infinite alternate; }
.scn-porpoises-phosphorescent .moon { position:absolute; top:8%; left:70%; width:50px; height:50px; background: radial-gradient(circle, #c0d8e8 0%, #a0b8c8 70%); border-radius:50%; box-shadow: 0 0 30px 10px rgba(160,184,200,0.3), 0 0 60px 20px rgba(160,184,200,0.1); animation: pp-moon 12s ease-in-out infinite alternate; }
.scn-porpoises-phosphorescent .porpoise-a { position:absolute; bottom:40%; left:20%; width:80px; height:20px; background: linear-gradient(90deg, transparent, #4080a0 30%, #60a0c0 50%, #4080a0 70%, transparent); border-radius:50%; filter: blur(1px); box-shadow: 0 0 20px 8px rgba(100,180,220,0.4); animation: pp-dolphin 6s ease-in-out infinite; }
.scn-porpoises-phosphorescent .porpoise-b { position:absolute; bottom:35%; left:50%; width:60px; height:15px; background: linear-gradient(90deg, transparent, #5090b0 20%, #70b0d0 50%, #5090b0 80%, transparent); border-radius:50%; filter: blur(1px); box-shadow: 0 0 16px 6px rgba(100,180,220,0.3); animation: pp-dolphin 7s ease-in-out infinite 1s; }
.scn-porpoises-phosphorescent .glow-a { position:absolute; bottom:42%; left:25%; width:30px; height:30px; background: radial-gradient(circle, #80d0f0 0%, transparent 70%); border-radius:50%; animation: pp-glow 3s ease-in-out infinite alternate; }
.scn-porpoises-phosphorescent .glow-b { position:absolute; bottom:37%; left:55%; width:24px; height:24px; background: radial-gradient(circle, #90d8f0 0%, transparent 70%); border-radius:50%; animation: pp-glow 3.5s ease-in-out infinite alternate 0.5s; }
.scn-porpoises-phosphorescent .waves { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, transparent 0%, #1a2a3a 50%, #0a1a2a 100%); clip-path: polygon(0% 40%, 10% 30%, 20% 40%, 30% 25%, 40% 35%, 50% 20%, 60% 35%, 70% 25%, 80% 30%, 90% 40%, 100% 30%, 100% 100%, 0% 100%); animation: pp-waves 4s ease-in-out infinite alternate; }
@keyframes pp-sea { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes pp-moon { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.02); } 100% { transform: translateY(0) scale(0.98); } }
@keyframes pp-dolphin { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 30% { transform: translateX(20px) translateY(-6px) rotate(-3deg); } 60% { transform: translateX(40px) translateY(0) rotate(3deg); } 100% { transform: translateX(60px) translateY(-2px) rotate(-1deg); } }
@keyframes pp-glow { 0% { opacity:0.3; transform: scale(0.8); } 50% { opacity:1; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(1); } }
@keyframes pp-waves { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(2px); } }

.scn-sydney-heads { background: linear-gradient(180deg, #1a1a3e 0%, #3a4a6e 30%, #6a7a8e 60%, #9a9a8e 100%), radial-gradient(ellipse at 80% 20%, #d0a050 0%, transparent 60%); }
.scn-sydney-heads .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #2a3a5e 0%, #8a8a7e 100%); animation: sh-sky 10s ease-in-out infinite alternate; }
.scn-sydney-heads .sun { position:absolute; top:15%; left:20%; width:40px; height:40px; background: radial-gradient(circle, #ffd080 0%, #d09040 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 50px 20px rgba(255,208,128,0.4), 0 0 100px 40px rgba(255,208,128,0.1); animation: sh-sun 15s ease-in-out infinite alternate; }
.scn-sydney-heads .cliffs { position:absolute; bottom:35%; left:5%; right:20%; height:40%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 20% 60% 0 0 / 60% 80% 0 0; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5); }
.scn-sydney-heads .lighthouse { position:absolute; bottom:45%; left:15%; width:12px; height:40px; background: linear-gradient(180deg, #6a6a6a 0%, #4a4a4a 100%); border-radius:4px; box-shadow: 0 0 20px 6px rgba(255,200,100,0.6); animation: sh-light 2s ease-in-out infinite alternate; }
.scn-sydney-heads .ship { position:absolute; bottom:35%; left:55%; width:60px; height:20px; background: linear-gradient(90deg, #3a2a1a 0%, #5a4a3a 100%); clip-path: polygon(0% 50%, 20% 30%, 80% 30%, 100% 50%, 90% 100%, 10% 100%); animation: sh-ship 20s linear infinite; }
.scn-sydney-heads .sea { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(0deg, #1a2a3a 0%, #3a4a5a 50%, #5a6a7a 100%); animation: sh-sea 8s ease-in-out infinite alternate; }
@keyframes sh-sky { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes sh-sun { 0% { transform: translateX(0) scale(0.9); opacity:0.6; } 50% { transform: translateX(10px) scale(1.1); opacity:1; } 100% { transform: translateX(-5px) scale(1); opacity:0.8; } }
@keyframes sh-light { 0% { box-shadow: 0 0 15px 4px rgba(255,200,100,0.4); } 50% { box-shadow: 0 0 30px 10px rgba(255,200,100,0.8); } 100% { box-shadow: 0 0 15px 4px rgba(255,200,100,0.4); } }
@keyframes sh-ship { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(10px) translateY(-2px); } 100% { transform: translateX(20px) translateY(0); } }
@keyframes sh-sea { 0% { opacity:0.8; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.02); } 100% { opacity:0.9; transform: scaleY(0.98); } }

.scn-duncan-dunbar-wreck { background: linear-gradient(180deg, #0a0a1a 0%, #0a1220 40%, #0a1a2a 70%, #0a0a0a 100%), radial-gradient(ellipse at 30% 80%, #1a2a3a 0%, transparent 70%); }
.scn-duncan-dunbar-wreck .night-sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #0a0a1a 0%, #0a1220 100%); animation: dw-sky 15s ease-in-out infinite alternate; }
.scn-duncan-dunbar-wreck .sea-dark { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(0deg, #05050f 0%, #0a1520 50%, #101a2a 100%); animation: dw-sea 10s ease-in-out infinite alternate; }
.scn-duncan-dunbar-wreck .rocks { position:absolute; bottom:30%; left:10%; right:30%; height:30%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); clip-path: polygon(0% 100%, 10% 40%, 20% 70%, 30% 20%, 40% 60%, 50% 30%, 60% 50%, 70% 10%, 80% 40%, 90% 30%, 100% 50%, 100% 100%); box-shadow: inset 0 5px 15px rgba(0,0,0,0.8); animation: dw-rocks 20s ease-in-out infinite alternate; }
.scn-duncan-dunbar-wreck .ship-wreck { position:absolute; bottom:40%; left:35%; width:90px; height:35px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%, 0% 60%, 20% 70%); transform: rotate(-15deg); box-shadow: inset 0 -5px 10px rgba(0,0,0,0.5); animation: dw-wreck 12s ease-in-out infinite alternate; }
.scn-duncan-dunbar-wreck .spray { position:absolute; bottom:48%; left:40%; width:30px; height:20px; background: radial-gradient(circle, rgba(200,220,230,0.3) 0%, transparent 70%); border-radius:50%; filter: blur(3px); animation: dw-spray 4s ease-in-out infinite alternate; }
.scn-duncan-dunbar-wreck .moon-glimmer { position:absolute; top:10%; right:20%; width:20px; height:20px; background: radial-gradient(circle, #406080 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 30px 8px rgba(64,96,128,0.2); animation: dw-glimmer 6s ease-in-out infinite alternate; }
@keyframes dw-sky { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes dw-sea { 0% { opacity:0.7; transform: translateY(0); } 50% { opacity:1; transform: translateY(-2px); } 100% { opacity:0.8; transform: translateY(1px); } }
@keyframes dw-rocks { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes dw-wreck { 0% { transform: rotate(-15deg) translateY(0); } 50% { transform: rotate(-13deg) translateY(-2px); } 100% { transform: rotate(-16deg) translateY(1px); } }
@keyframes dw-spray { 0% { opacity:0; transform: scale(0.8); } 50% { opacity:0.6; transform: scale(1.2); } 100% { opacity:0; transform: scale(1); } }
@keyframes dw-glimmer { 0% { opacity:0.3; transform: scale(0.9); } 50% { opacity:0.8; transform: scale(1.1); } 100% { opacity:0.4; transform: scale(1); } }

.scn-rescued-sailor { background: linear-gradient(180deg, #2a2a1a 0%, #3a3a2a 40%, #4a4a3a 70%, #3a3a2a 100%), radial-gradient(ellipse at 50% 60%, #5a5a3a 0%, transparent 80%); }
.scn-rescued-sailor .wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(90deg, #3a3a2a 0%, #4a4a3a 50%, #3a3a2a 100%); box-shadow: inset 0 0 40px rgba(0,0,0,0.6); }
.scn-rescued-sailor .floor { position:absolute; bottom:0; left:0; right:0; height:22%; background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%); }
.scn-rescued-sailor .stage { position:absolute; bottom:22%; left:20%; right:20%; height:20%; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 100%); border-radius: 8px 8px 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.5); }
.scn-rescued-sailor .sailor-figure { position:absolute; bottom:35%; left:45%; width:24px; height:50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rs-sailor 2s ease-in-out infinite alternate; }
.scn-rescued-sailor .lantern { position:absolute; bottom:38%; left:40%; width:10px; height:14px; background: #8a6a3a; border-radius:4px; box-shadow: 0 0 20px 8px rgba(255,200,100,0.5); animation: rs-lantern 1.5s ease-in-out infinite alternate; }
.scn-rescued-sailor .banner { position:absolute; top:18%; left:50%; width:100px; height:20px; transform: translateX(-50%); background: linear-gradient(90deg, #6a5a3a 0%, #8a7a5a 50%, #6a5a3a 100%); border-radius:4px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: rs-banner 6s ease-in-out infinite alternate; }
.scn-rescued-sailor .crowd-1 { position:absolute; bottom:18%; left:10%; width:30px; height:40px; background: #1a1a0a; border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom center; animation: rs-crowd 3s ease-in-out infinite alternate; }
.scn-rescued-sailor .crowd-2 { position:absolute; bottom:20%; right:15%; width:25px; height:35px; background: #1a1a0a; border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom center; animation: rs-crowd 3.5s ease-in-out infinite alternate 0.5s; }
@keyframes rs-sailor { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-4px) rotate(3deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes rs-lantern { 0% { opacity:0.7; transform: translateY(0); } 50% { opacity:1; transform: translateY(-2px); } 100% { opacity:0.8; transform: translateY(1px); } }
@keyframes rs-banner { 0% { transform: translateX(-50%) scaleX(1); } 50% { transform: translateX(-50%) scaleX(1.05); } 100% { transform: translateX(-50%) scaleX(0.95); } }
@keyframes rs-crowd { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } 100% { transform: translateY(0) rotate(-3deg); } }

/* adam-nugget - warm interior, bright gold */
.scn-adam-nugget { background: linear-gradient(180deg, #c8a070 0%, #8a6a40 40%, #5a3a20 100%), radial-gradient(ellipse at 50% 0%, #f5e6c0 0%, transparent 70%); }
.scn-adam-nugget .bg { position:absolute; inset:0; background: linear-gradient(180deg, #d4b88a 0%, #b08050 100%); }
.scn-adam-nugget .table { position:absolute; bottom:15%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a10 100%); border-radius:8% 8% 0 0 / 30% 30% 0 0; box-shadow:0 -4px 8px rgba(0,0,0,0.3); }
.scn-adam-nugget .nugget { position:absolute; bottom:22%; left:43%; width:14%; height:12%; background: radial-gradient(circle at 40% 30%, #f5d080 0%, #c89030 60%, #a07020 100%); border-radius:70% 50% 60% 40% / 50% 60% 40% 70%; box-shadow:0 0 20px 6px #f5d080; animation: nug-an-glow 4s ease-in-out infinite alternate; }
.scn-adam-nugget .shine { position:absolute; bottom:26%; left:45%; width:8%; height:4%; background: radial-gradient(circle, #fff8e0 0%, transparent 80%); border-radius:50%; animation: nug-an-shine 2s ease-in-out infinite; }
.scn-adam-nugget .glass { position:absolute; bottom:28%; left:58%; width:10%; height:8%; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(200,180,160,0.1) 60%, transparent 100%); border-radius:50%; border:1px solid #b08050; transform:rotate(-15deg); animation: nug-an-glass 5s ease-in-out infinite; }
.scn-adam-nugget .shelf { position:absolute; top:20%; left:15%; right:15%; height:2%; background: linear-gradient(180deg, #8a6a40 0%, #5a3a20 100%); border-radius:1px; box-shadow:0 2px 4px rgba(0,0,0,0.4); }
.scn-adam-nugget .shadow { position:absolute; bottom:15%; left:38%; width:24%; height:2%; background: rgba(0,0,0,0.2); border-radius:50%; filter:blur(6px); animation: nug-an-shadow 6s ease-in-out infinite; }
@keyframes nug-an-glow { 0% { box-shadow:0 0 10px 2px #f5d080; } 50% { box-shadow:0 0 30px 8px #f5d080,0 0 60px 12px rgba(245,208,128,0.4); } 100% { box-shadow:0 0 15px 4px #f5d080; } }
@keyframes nug-an-shine { 0% { opacity:0; transform:scale(0.5); } 25% { opacity:1; transform:scale(1); } 50% { opacity:0.3; transform:scale(0.8); } 100% { opacity:0; transform:scale(0.5); } }
@keyframes nug-an-glass { 0% { transform:rotate(-15deg); } 50% { transform:rotate(-10deg) scale(1.02); } 100% { transform:rotate(-15deg); } }
@keyframes nug-an-shadow { 0% { opacity:0.2; transform:translateX(0); } 50% { opacity:0.1; transform:translateX(5px); } 100% { opacity:0.2; transform:translateX(0); } }

/* patience-examples - calm mine office, bright still */
.scn-patience-examples { background: linear-gradient(180deg, #d4c8a8 0%, #a89070 50%, #7a6040 100%), radial-gradient(ellipse at 50% 0%, #f0e0c0 0%, transparent 80%); }
.scn-patience-examples .wall { position:absolute; inset:0; background: linear-gradient(180deg, #c8b898 0%, #a08868 100%); }
.scn-patience-examples .desk { position:absolute; bottom:20%; left:10%; right:10%; height:10%; background: linear-gradient(180deg, #6a5030 0%, #4a3820 100%); border-radius:4% 4% 0 0 / 20% 20% 0 0; box-shadow:0 -3px 6px rgba(0,0,0,0.3); }
.scn-patience-examples .lamp { position:absolute; bottom:30%; left:20%; width:8%; height:18%; background: linear-gradient(180deg, #b09070 0%, #7a6040 100%); border-radius:10% 10% 30% 30% / 20% 20% 50% 50%; box-shadow:0 0 20px 6px #f5d080; animation: pe-lamp 6s ease-in-out infinite alternate; }
.scn-patience-examples .clock { position:absolute; top:25%; right:20%; width:10%; height:10%; background: radial-gradient(circle, #e0d0b0 0%, #a08868 100%); border-radius:50%; border:3px solid #6a5030; box-shadow:0 0 8px rgba(0,0,0,0.3); animation: pe-clock 12s linear infinite; }
.scn-patience-examples .paper { position:absolute; bottom:22%; left:45%; width:16%; height:6%; background: linear-gradient(180deg, #f5e8d8 0%, #e0d0b8 100%); border-radius:2px; transform:rotate(2deg); box-shadow:0 2px 4px rgba(0,0,0,0.2); animation: pe-paper 10s ease-in-out infinite; }
.scn-patience-examples .candle { position:absolute; bottom:28%; left:35%; width:3%; height:12%; background: linear-gradient(180deg, #f5e0c0 0%, #d4b898 100%); border-radius:10% 10% 5% 5%; box-shadow:0 0 6px rgba(0,0,0,0.2); }
.scn-patience-examples .flame { position:absolute; bottom:39%; left:35.5%; width:2%; height:4%; background: radial-gradient(circle, #ffd080 0%, #ffa030 70%, transparent 100%); border-radius:50%; box-shadow:0 0 12px 4px #ffa030; animation: pe-flame 1.5s ease-in-out infinite alternate; }
@keyframes pe-lamp { 0% { box-shadow:0 0 10px 2px #f5d080; } 50% { box-shadow:0 0 25px 8px #f5d080,0 0 50px 12px rgba(245,208,128,0.3); } 100% { box-shadow:0 0 15px 4px #f5d080; } }
@keyframes pe-clock { 0% { transform:rotate(0deg); } 25% { transform:rotate(90deg); } 50% { transform:rotate(180deg); } 75% { transform:rotate(270deg); } 100% { transform:rotate(360deg); } }
@keyframes pe-paper { 0% { transform:translateY(0) rotate(2deg); } 50% { transform:translateY(-3px) rotate(3deg); } 100% { transform:translateY(0) rotate(2deg); } }
@keyframes pe-flame { 0% { transform:scaleY(1) translateY(0); } 50% { transform:scaleY(1.1) translateY(-1px); } 100% { transform:scaleY(0.9) translateY(1px); } }

/* mr-blank-influence - funny interior, bright and bouncy */
.scn-mr-blank-influence { background: linear-gradient(180deg, #d8c098 0%, #a08868 50%, #7a6040 100%), radial-gradient(ellipse at 50% 0%, #f0d8b0 0%, transparent 70%); }
.scn-mr-blank-influence .bg { position:absolute; inset:0; background: linear-gradient(180deg, #c8b088 0%, #b09878 100%); }
.scn-mr-blank-influence .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, #8a7050 0%, #5a4830 100%); border-radius:20% 20% 0 0 / 50% 50% 0 0; box-shadow:inset 0 8px 12px rgba(0,0,0,0.3); }
.scn-mr-blank-influence .figure { position:absolute; bottom:18%; left:35%; width:30%; height:60%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius:40% 40% 30% 30% / 60% 60% 20% 20%; transform-origin:bottom center; animation: mb-figure 2s ease-in-out infinite; }
.scn-mr-blank-influence .head { position:absolute; bottom:65%; left:35%; width:20%; height:18%; background: radial-gradient(circle at 50% 40%, #c8a878 0%, #8a6848 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow:0 4px 8px rgba(0,0,0,0.3); animation: mb-head 1s ease-in-out infinite alternate; }
.scn-mr-blank-influence .hat { position:absolute; bottom:80%; left:33%; width:24%; height:12%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius:50% 50% 10% 10% / 80% 80% 20% 20%; transform:rotate(-20deg); animation: mb-hat 1.5s ease-in-out infinite; }
.scn-mr-blank-influence .cane { position:absolute; bottom:20%; left:58%; width:2%; height:40%; background: linear-gradient(180deg, #a08060 0%, #604030 100%); border-radius:10% 10% 50% 50% / 10% 10% 20% 20%; transform:rotate(15deg); transform-origin:bottom center; animation: mb-cane 1s ease-in-out infinite; }
.scn-mr-blank-influence .shadow { position:absolute; bottom:0; left:30%; width:40%; height:5%; background: rgba(0,0,0,0.2); border-radius:50%; filter:blur(8px); animation: mb-shadow 1.5s ease-in-out infinite; }
@keyframes mb-figure { 0% { transform:translateX(0) rotate(0deg); } 25% { transform:translateX(2px) rotate(2deg); } 50% { transform:translateX(-2px) rotate(-2deg); } 75% { transform:translateX(2px) rotate(1deg); } 100% { transform:translateX(0) rotate(0deg); } }
@keyframes mb-head { 0% { transform:translateY(0) rotate(-7deg); } 50% { transform:translateY(-4px) rotate(5deg); } 100% { transform:translateY(0) rotate(-7deg); } }
@keyframes mb-hat { 0% { transform:rotate(-20deg) translateY(0); } 50% { transform:rotate(-15deg) translateY(-3px); } 100% { transform:rotate(-20deg) translateY(0); } }
@keyframes mb-cane { 0% { transform:rotate(15deg); } 50% { transform:rotate(25deg); } 100% { transform:rotate(15deg); } }
@keyframes mb-shadow { 0% { opacity:0.2; transform:scaleX(1); } 50% { opacity:0.1; transform:scaleX(1.2); } 100% { opacity:0.2; transform:scaleX(1); } }

/* mountain-view - warm sunlit landscape */
.scn-mountain-view { background: linear-gradient(180deg, #7eb8d0 0%, #c0d8e0 30%, #c8b878 60%, #9a8050 100%), radial-gradient(ellipse at 50% 0%, #f0e8c0 0%, transparent 70%); }
.scn-mountain-view .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #6aa8c0 0%, #b0d0d8 100%); }
.scn-mountain-view .sun { position:absolute; top:8%; left:70%; width:12%; height:12%; background: radial-gradient(circle, #ffe8a0 0%, #ffc860 60%, transparent 100%); border-radius:50%; box-shadow:0 0 40px 20px rgba(255,200,96,0.3); animation: mv-sun 12s ease-in-out infinite alternate; }
.scn-mountain-view .mountains { position:absolute; bottom:30%; left:0; right:0; height:35%; background: linear-gradient(180deg, #7a9060 0%, #4a5a30 60%, #2a3a1a 100%); border-radius:50% 40% 0 0 / 80% 70% 0 0; box-shadow:inset 0 8px 20px rgba(0,0,0,0.3); animation: mv-mtns 20s ease-in-out infinite alternate; }
.scn-mountain-view .trees { position:absolute; bottom:22%; left:5%; right:5%; height:20%; background: linear-gradient(180deg, #4a7a3a 0%, #2a5a1a 100%); border-radius:60% 40% 0 0 / 80% 60% 0 0; clip-path:polygon(0% 100%, 10% 0%, 20% 100%, 30% 5%, 40% 100%, 50% 10%, 60% 100%, 70% 0%, 80% 100%, 90% 5%, 100% 100%); animation: mv-trees 8s ease-in-out infinite; }
.scn-mountain-view .road { position:absolute; bottom:0; left:30%; right:30%; height:10%; background: linear-gradient(180deg, #a09070 0%, #706050 100%); border-radius:20% 20% 0 0 / 50% 50% 0 0; }
.scn-mountain-view .car { position:absolute; bottom:4%; left:40%; width:10%; height:6%; background: linear-gradient(180deg, #d0a060 0%, #a08040 100%); border-radius:20% 20% 10% 10% / 40% 40% 20% 20%; box-shadow:0 2px 6px rgba(0,0,0,0.4); animation: mv-car 4s ease-in-out infinite; }
.scn-mountain-view .shadow { position:absolute; bottom:2%; left:35%; width:20%; height:2%; background: rgba(0,0,0,0.15); border-radius:50%; filter:blur(4px); }
@keyframes mv-sun { 0% { box-shadow:0 0 30px 15px rgba(255,200,96,0.3); } 50% { box-shadow:0 0 50px 25px rgba(255,200,96,0.5); } 100% { box-shadow:0 0 30px 15px rgba(255,200,96,0.3); } }
@keyframes mv-mtns { 0% { transform:translateY(0); } 50% { transform:translateY(-5px); } 100% { transform:translateY(0); } }
@keyframes mv-trees { 0% { transform:scaleY(1); } 50% { transform:scaleY(1.02); } 100% { transform:scaleY(1); } }
@keyframes mv-car { 0% { transform:translateX(0) rotate(0deg); } 25% { transform:translateX(3px) rotate(1deg); } 50% { transform:translateX(0) rotate(0deg); } 75% { transform:translateX(-3px) rotate(-1deg); } 100% { transform:translateX(0) rotate(0deg); } }

.scn-liholiho-equipment { background: linear-gradient(135deg, #f5e6d0 0%, #e8d5b5 50%, #d4c4a8 100%), radial-gradient(ellipse at 50% 30%, #fff8e7 0%, transparent 60%); }
.scn-liholiho-equipment .bg-wall { position:absolute; inset:0; background: linear-gradient(180deg, #f0e0c8 0%, #e0c8a0 100%); border-radius: 0; animation: le-wall 10s ease-in-out infinite alternate; }
.scn-liholiho-equipment .pedestal { position:absolute; bottom:20%; left:50%; width:120px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #c8b090 0%, #a08060 100%); border-radius: 4px 4px 20% 20%; box-shadow: 0 8px 16px rgba(0,0,0,.3); animation: le-pedestal 8s ease-in-out infinite; }
.scn-liholiho-equipment .scepter { position:absolute; bottom:52%; left:50%; width:8px; height:100px; transform:translateX(-50%); background: linear-gradient(180deg, #d4af37 0%, #b8860b 50%, #8b6508 100%); border-radius: 4px; box-shadow: 0 0 20px rgba(212,175,55,.4); animation: le-scepter 6s ease-in-out infinite alternate; }
.scn-liholiho-equipment .crown { position:absolute; bottom:68%; left:50%; width:80px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #d4af37 0%, #c08030 50%, #a06020 100%); clip-path: polygon(10% 100%, 30% 40%, 50% 60%, 70% 40%, 90% 100%, 0% 100%); animation: le-crown 5s ease-in-out infinite; }
.scn-liholiho-equipment .orb { position:absolute; bottom:30%; left:55%; width:30px; height:30px; background: radial-gradient(circle, #d4af37 0%, #b8860b 60%, #8b6508 100%); border-radius: 50%; box-shadow: 0 0 30px rgba(212,175,55,.5); animation: le-orb 7s ease-in-out infinite alternate; }
.scn-liholiho-equipment .cloth { position:absolute; bottom:16%; left:42%; width:80px; height:40px; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 0 0 50% 50%; transform: perspective(200px) rotateX(15deg); animation: le-cloth 12s ease-in-out infinite; }
@keyframes le-wall { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes le-pedestal { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes le-scepter { 0% { transform: translateX(-50%) rotate(-2deg); } 50% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(2deg); } }
@keyframes le-crown { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.03); } 100% { transform: translateX(-50%) scale(1); } }
@keyframes le-orb { 0% { transform: translate(0,0) scale(1); } 50% { transform: translate(3px,-2px) scale(1.02); } 100% { transform: translate(0,0) scale(1); } }
@keyframes le-cloth { 0% { transform: perspective(200px) rotateX(15deg) translateY(0); } 50% { transform: perspective(200px) rotateX(15deg) translateY(1px); } 100% { transform: perspective(200px) rotateX(15deg) translateY(0); } }

.scn-standing-army { background: linear-gradient(180deg, #f8f0e0 0%, #e8dcc8 30%, #d4c4a8 70%), radial-gradient(ellipse at 50% 0%, #fff8e8 0%, transparent 70%); }
.scn-standing-army .bg-hall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #e8dcc8 0%, #d0c0a0 100%); animation: sa-hall 12s ease-in-out infinite alternate; }
.scn-standing-army .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #b8a080 0%, #907050 100%); border-radius: 50% 50% 0 0 / 20% 20% 0 0; animation: sa-floor 15s ease-in-out infinite; }
.scn-standing-army .soldier-row-1 { position:absolute; bottom:28%; left:10%; width:30%; height:20%; background: linear-gradient(180deg, #805040 0%, #603020 100%); border-radius: 30% 30% 10% 10%; transform: perspective(400px) translateZ(-50px); animation: sa-soldiers 8s ease-in-out infinite; }
.scn-standing-army .soldier-row-2 { position:absolute; bottom:25%; right:10%; width:25%; height:18%; background: linear-gradient(180deg, #705040 0%, #503020 100%); border-radius: 30% 30% 10% 10%; transform: perspective(400px) translateZ(-30px); animation: sa-soldiers 8s ease-in-out infinite reverse; }
.scn-standing-army .general { position:absolute; bottom:32%; left:48%; width:20px; height:50px; background: linear-gradient(180deg, #c0a060 0%, #a08040 100%); border-radius: 40% 40% 30% 30%; transform: translateX(-50%); box-shadow: 0 0 20px rgba(192,160,96,.4); animation: sa-general 6s ease-in-out infinite alternate; }
.scn-standing-army .field-marshal { position:absolute; bottom:34%; right:20%; width:24px; height:55px; background: linear-gradient(180deg, #d0b070 0%, #b09050 100%); border-radius: 45% 45% 35% 35%; transform: translateX(-50%); box-shadow: 0 0 25px rgba(208,176,112,.5); animation: sa-marshal 7s ease-in-out infinite alternate; }
.scn-standing-army .banner { position:absolute; bottom:50%; left:75%; width:40px; height:60px; background: linear-gradient(180deg, #b87878 0%, #a06060 100%); border-radius: 10%; transform-origin: bottom center; animation: sa-banner 10s ease-in-out infinite; }
@keyframes sa-hall { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes sa-floor { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.01); } 100% { transform: translateY(0) scale(1); } }
@keyframes sa-soldiers { 0% { transform: perspective(400px) translateZ(-50px) translateX(0); } 50% { transform: perspective(400px) translateZ(-50px) translateX(3px); } 100% { transform: perspective(400px) translateZ(-50px) translateX(0); } }
@keyframes sa-general { 0% { transform: translateX(-50%) rotate(-2deg); } 50% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(2deg); } }
@keyframes sa-marshal { 0% { transform: translateX(-50%) rotate(1deg); } 50% { transform: translateX(-50%) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(1deg); } }
@keyframes sa-banner { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }

.scn-tabu-system { background: linear-gradient(180deg, #f0e8d8 0%, #e0d0b8 40%, #c8b8a0 100%), radial-gradient(ellipse at 50% 50%, #fff8f0 0%, transparent 50%); }
.scn-tabu-system .bg-interior { position:absolute; inset:0; background: linear-gradient(180deg, #e0d0b8 0%, #c8b8a0 100%); animation: ts-bg 10s ease-in-out infinite alternate; }
.scn-tabu-system .house-left { position:absolute; bottom:20%; left:10%; width:35%; height:60%; background: linear-gradient(180deg, #b8a080 0%, #907050 100%); border-radius: 8% 8% 4% 4%; box-shadow: inset 0 0 40px rgba(0,0,0,.2); animation: ts-house 12s ease-in-out infinite; }
.scn-tabu-system .house-right { position:absolute; bottom:20%; right:10%; width:35%; height:60%; background: linear-gradient(180deg, #b8a080 0%, #907050 100%); border-radius: 8% 8% 4% 4%; box-shadow: inset 0 0 40px rgba(0,0,0,.2); animation: ts-house 12s ease-in-out infinite reverse; }
.scn-tabu-system .divider { position:absolute; bottom:30%; left:50%; width:4px; height:50%; transform:translateX(-50%); background: linear-gradient(180deg, #a08060 0%, #806040 100%); animation: ts-divider 15s ease-in-out infinite; }
.scn-tabu-system .tabu-sign { position:absolute; bottom:45%; left:50%; width:30px; height:30px; transform:translateX(-50%); background: radial-gradient(circle, #c8553d 0%, #a0461a 100%); border-radius: 50%; box-shadow: 0 0 20px rgba(200,85,61,.6); animation: ts-sign 5s ease-in-out infinite alternate; }
.scn-tabu-system .figure-men { position:absolute; bottom:18%; left:20%; width:18px; height:40px; background: linear-gradient(180deg, #5e1a1d 0%, #3a0c0e 100%); border-radius: 40% 40% 30% 30%; transform-origin: bottom center; animation: ts-men 7s ease-in-out infinite; }
.scn-tabu-system .figure-women { position:absolute; bottom:18%; right:20%; width:18px; height:36px; background: linear-gradient(180deg, #702243 0%, #4a122a 100%); border-radius: 45% 45% 35% 35%; transform-origin: bottom center; animation: ts-women 7s ease-in-out infinite reverse; }
@keyframes ts-bg { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes ts-house { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.01); } 100% { transform: translateY(0) scale(1); } }
@keyframes ts-divider { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02); } 100% { transform: translateX(-50%) scaleY(1); } }
@keyframes ts-sign { 0% { transform: translateX(-50%) rotate(-5deg) scale(1); } 50% { transform: translateX(-50%) rotate(0deg) scale(1.1); } 100% { transform: translateX(-50%) rotate(5deg) scale(1); } }
@keyframes ts-men { 0% { transform: translateX(0) rotate(-3deg); } 50% { transform: translateX(5px) rotate(3deg); } 100% { transform: translateX(0) rotate(-3deg); } }
@keyframes ts-women { 0% { transform: translateX(0) rotate(3deg); } 50% { transform: translateX(-5px) rotate(-3deg); } 100% { transform: translateX(0) rotate(3deg); } }

.scn-women-diet { background: linear-gradient(180deg, #2a1e14 0%, #3a2a1a 30%, #4a3a2a 60%), radial-gradient(ellipse at 30% 70%, #5a4a3a 0%, transparent 70%); }
.scn-women-diet .bg-wall { position:absolute; inset:0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%); animation: wd-wall 12s ease-in-out infinite alternate; }
.scn-women-diet .table { position:absolute; bottom:15%; left:30%; width:100px; height:30px; background: linear-gradient(180deg, #705040 0%, #503020 100%); border-radius: 4px 4px 20% 20%; box-shadow: 0 4px 12px rgba(0,0,0,.6); animation: wd-table 8s ease-in-out infinite; }
.scn-women-diet .plate { position:absolute; bottom:26%; left:38%; width:50px; height:15px; background: radial-gradient(ellipse, #c8b8a0 0%, #a09080 100%); border-radius: 50%; box-shadow: inset 0 2px 6px rgba(0,0,0,.3); animation: wd-plate 10s ease-in-out infinite alternate; }
.scn-women-diet .scraps { position:absolute; bottom:27%; left:41%; width:20px; height:10px; background: radial-gradient(ellipse, #806040 0%, #605030 100%); border-radius: 50%; animation: wd-scraps 6s ease-in-out infinite; }
.scn-women-diet .woman-silhouette { position:absolute; bottom:16%; left:22%; width:30px; height:70px; background: linear-gradient(180deg, #1a1210 0%, #0a0808 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wd-woman 5s ease-in-out infinite; }
.scn-women-diet .candle { position:absolute; bottom:40%; left:48%; width:6px; height:25px; background: linear-gradient(180deg, #f0e0c0 0%, #c8a080 100%); border-radius: 2px; box-shadow: 0 -10px 30px 8px rgba(240,224,192,.3); animation: wd-candle 3s ease-in-out infinite alternate; }
.scn-women-diet .shadow { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%); animation: wd-shadow 15s ease-in-out infinite; }
@keyframes wd-wall { 0% { opacity:0.9; } 50% { opacity:0.75; } 100% { opacity:0.85; } }
@keyframes wd-table { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes wd-plate { 0% { transform: scale(1); } 50% { transform: scale(0.98); } 100% { transform: scale(1); } }
@keyframes wd-scraps { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(2px) rotate(5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes wd-woman { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(4px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes wd-candle { 0% { transform: scaleY(1) translateX(0); } 50% { transform: scaleY(1.05) translateX(1px); } 100% { transform: scaleY(1) translateX(0); } }
@keyframes wd-shadow { 0% { opacity:0.7; } 50% { opacity:0.5; } 100% { opacity:0.7; } }

.scn-unperfected-tapeworm {
  background: linear-gradient(180deg, #f2e8c4 0%, #d9c99e 50%, #bfa77a 100%), radial-gradient(ellipse at 70% 30%, #f5e6c8 0%, transparent 60%);
}
.scn-unperfected-tapeworm .bg { position:absolute; inset:0; background: linear-gradient(135deg, #e6d5b8 0%, #c9b28e 100%); }
.scn-unperfected-tapeworm .jar {
  position:absolute; bottom:10%; left:50%; width:130px; height:180px; transform:translateX(-50%);
  background: rgba(200,220,230,0.3); border:4px solid #b8a88a; border-radius:20% 20% 15% 15% / 10% 10% 8% 8%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.1), 0 10px 20px rgba(0,0,0,0.3);
}
.scn-unperfected-tapeworm .tapeworm {
  position:absolute; bottom:15%; left:50%; width:12px; height:80px; transform:translateX(-50%);
  background: linear-gradient(180deg, #c8553d 0%, #a0461a 50%, #7a3412 100%);
  border-radius:50% 50% 40% 40% / 30% 30% 70% 70%;
  animation: ut-worm 4s ease-in-out infinite;
}
.scn-unperfected-tapeworm .liquid {
  position:absolute; bottom:12%; left:50%; width:110px; height:50px; transform:translateX(-50%);
  background: linear-gradient(180deg, rgba(255,230,180,0.5) 0%, rgba(200,180,140,0.3) 100%);
  border-radius:0 0 15% 15%; filter:blur(4px);
}
.scn-unperfected-tapeworm .bubble-1 {
  position:absolute; bottom:35%; left:40%; width:8px; height:8px;
  background: radial-gradient(circle, #fff 0%, rgba(255,255,255,0) 70%);
  border-radius:50%; animation: ut-bubble 3s ease-in-out infinite;
}
.scn-unperfected-tapeworm .bubble-2 {
  position:absolute; bottom:30%; left:58%; width:6px; height:6px;
  background: radial-gradient(circle, #fff 0%, rgba(255,255,255,0) 70%);
  border-radius:50%; animation: ut-bubble 4s ease-in-out infinite 1s;
}
.scn-unperfected-tapeworm .label {
  position:absolute; bottom:30%; left:50%; width:60px; height:30px; transform:translateX(-50%);
  background: #f0e4c8; border:2px solid #b8a88a; border-radius:4px;
  animation: ut-label 8s ease-in-out infinite;
}
@keyframes ut-worm {
  0% { transform: translateX(-50%) rotate(0deg) scaleY(1); }
  25% { transform: translateX(-52%) rotate(-6deg) scaleY(0.95); }
  50% { transform: translateX(-48%) rotate(6deg) scaleY(1.1); }
  75% { transform: translateX(-53%) rotate(-4deg) scaleY(0.98); }
  100% { transform: translateX(-50%) rotate(0deg) scaleY(1); }
}
@keyframes ut-bubble {
  0% { transform: translateY(0) scale(1); opacity:0.8; }
  50% { transform: translateY(-30px) scale(1.3); opacity:0.3; }
  100% { transform: translateY(0) scale(1); opacity:0.8; }
}
@keyframes ut-label {
  0%,100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.05); box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
}

.scn-spirit-of-wrath {
  background: linear-gradient(180deg, #fff3d6 0%, #ffdbb5 40%, #e8b87a 100%), radial-gradient(ellipse at 50% 80%, #ffcc88 0%, transparent 60%);
}
.scn-spirit-of-wrath .backdrop {
  position:absolute; inset:0;
  background: linear-gradient(135deg, #ffdbb5 0%, #e8b87a 100%);
}
.scn-spirit-of-wrath .aura {
  position:absolute; top:5%; left:15%; width:70%; height:80%;
  background: radial-gradient(ellipse at 50% 50%, #ffcc00 0%, #ff9900 30%, transparent 60%);
  opacity:0.4; animation: sw-aura 3s ease-in-out infinite alternate;
}
.scn-spirit-of-wrath .figure {
  position:absolute; bottom:10%; left:50%; width:80px; height:160px; transform:translateX(-50%);
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  animation: sw-figure 6s ease-in-out infinite;
}
.scn-spirit-of-wrath .fist {
  position:absolute; bottom:30%; left:40%; width:20px; height:25px;
  background: #4a3a2a; border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sw-fist 1s ease-in-out infinite;
}
.scn-spirit-of-wrath .pulse-1 {
  position:absolute; top:30%; left:30%; width:100px; height:100px;
  border: 4px solid #ff6600; border-radius:50%;
  animation: sw-pulse 2s ease-out infinite;
}
.scn-spirit-of-wrath .pulse-2 {
  position:absolute; top:30%; left:30%; width:100px; height:100px;
  border: 4px solid #ff6600; border-radius:50%;
  animation: sw-pulse 2s ease-out infinite 0.7s;
}
@keyframes sw-aura {
  0% { transform: scale(1); opacity:0.3; }
  50% { transform: scale(1.1); opacity:0.6; }
  100% { transform: scale(0.95); opacity:0.2; }
}
@keyframes sw-figure {
  0% { transform: translateX(-50%) rotate(0deg); }
  25% { transform: translateX(-50%) rotate(-4deg) scaleY(1.02); }
  50% { transform: translateX(-50%) rotate(2deg) scaleY(0.98); }
  75% { transform: translateX(-50%) rotate(-1deg) scaleY(1.01); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes sw-fist {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(20deg); }
}
@keyframes sw-pulse {
  0% { transform: scale(0.5); opacity:1; }
  100% { transform: scale(2); opacity:0; }
}

.scn-maryborough-carriage {
  background: linear-gradient(180deg, #d9c9a0 0%, #b8a078 30%, #8a6e4a 100%), radial-gradient(ellipse at 50% 30%, #e8dbb0 0%, transparent 70%);
}
.scn-maryborough-carriage .wall {
  position:absolute; inset:0; background: linear-gradient(180deg, #c9b088 0%, #a08060 100%);
  box-shadow: inset 0 -20px 40px rgba(0,0,0,0.3);
}
.scn-maryborough-carriage .seat-left {
  position:absolute; bottom:10%; left:5%; width:35%; height:40%;
  background: linear-gradient(180deg, #6a4a2e 0%, #4a3018 100%);
  border-radius: 10% 10% 5% 5% / 20% 20% 5% 5%;
  box-shadow: 0 -10px 20px rgba(0,0,0,0.2);
  animation: mc-seat 8s ease-in-out infinite alternate;
}
.scn-maryborough-carriage .seat-right {
  position:absolute; bottom:10%; right:5%; width:35%; height:40%;
  background: linear-gradient(180deg, #6a4a2e 0%, #4a3018 100%);
  border-radius: 10% 10% 5% 5% / 20% 20% 5% 5%;
  box-shadow: 0 -10px 20px rgba(0,0,0,0.2);
  animation: mc-seat 8s ease-in-out infinite alternate 4s;
}
.scn-maryborough-carriage .window {
  position:absolute; top:12%; left:35%; width:30%; height:35%;
  background: linear-gradient(180deg, #a8c4d8 0%, #6a8fa0 100%);
  border: 6px solid #5a3a1a; border-radius: 8% 8% 4% 4%;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  animation: mc-window 12s ease-in-out infinite;
}
.scn-maryborough-carriage .passenger-1 {
  position:absolute; bottom:20%; left:12%; width:18%; height:35%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: mc-passenger 5s ease-in-out infinite;
}
.scn-maryborough-carriage .passenger-2 {
  position:absolute; bottom:20%; right:12%; width:18%; height:35%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: mc-passenger 5s ease-in-out infinite 2.5s;
}
.scn-maryborough-carriage .lamp {
  position:absolute; top:8%; left:48%; width:10px; height:20px;
  background: radial-gradient(circle, #fff8d0 0%, #ffcc66 60%, transparent);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 30px 10px #ffcc66, 0 0 60px 20px rgba(255,204,102,0.3);
  animation: mc-lamp 3s ease-in-out infinite alternate;
}
@keyframes mc-seat {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
@keyframes mc-window {
  0% { transform: scaleX(1); opacity:0.8; }
  50% { transform: scaleX(1.02); opacity:1; box-shadow: inset 0 0 30px rgba(255,255,255,0.5); }
  100% { transform: scaleX(1); opacity:0.8; }
}
@keyframes mc-passenger {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(3deg) translateX(2px); }
  50% { transform: rotate(-2deg) translateX(-1px); }
  75% { transform: rotate(1deg) translateX(1px); }
  100% { transform: rotate(0deg); }
}
@keyframes mc-lamp {
  0% { box-shadow: 0 0 20px 5px #ffcc66, 0 0 40px 10px rgba(255,204,102,0.2); }
  50% { box-shadow: 0 0 40px 15px #ffcc66, 0 0 80px 30px rgba(255,204,102,0.4); }
  100% { box-shadow: 0 0 25px 8px #ffcc66, 0 0 50px 15px rgba(255,204,102,0.3); }
}

.scn-hell-of-hotel {
  background: linear-gradient(180deg, #8a5436 0%, #5a3020 40%, #3a1a0a 100%), radial-gradient(ellipse at 50% 30%, #c06030 0%, transparent 60%);
}
.scn-hell-of-hotel .lobby-bg {
  position:absolute; inset:0;
  background: linear-gradient(180deg, #7a4020 0%, #4a2010 100%);
}
.scn-hell-of-hotel .desk {
  position:absolute; bottom:8%; left:10%; width:80%; height:20%;
  background: linear-gradient(180deg, #6a3a1a 0%, #3a1a00 100%);
  border-radius: 4% 4% 2% 2% / 10% 10% 2% 2%;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.6);
}
.scn-hell-of-hotel .bell {
  position:absolute; bottom:22%; left:48%; width:16px; height:16px;
  background: radial-gradient(circle, #f0c040 0%, #c09020 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 20px 5px #f0c040;
  animation: hh-bell 1.5s ease-in-out infinite alternate;
}
.scn-hell-of-hotel .flame-1 {
  position:absolute; bottom:35%; left:20%; width:30px; height:50px;
  background: radial-gradient(ellipse at 50% 80%, #ffaa00 0%, #ff4400 50%, transparent);
  border-radius: 50% 50% 30% 30%;
  filter: blur(2px);
  animation: hh-flame 2s ease-in-out infinite;
}
.scn-hell-of-hotel .flame-2 {
  position:absolute; bottom:35%; right:20%; width:30px; height:50px;
  background: radial-gradient(ellipse at 50% 80%, #ffaa00 0%, #ff4400 50%, transparent);
  border-radius: 50% 50% 30% 30%;
  filter: blur(2px);
  animation: hh-flame 2s ease-in-out infinite 1s;
}
.scn-hell-of-hotel .guest {
  position:absolute; bottom:12%; left:30%; width:50px; height:90px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0000 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: hh-guest 6s ease-in-out infinite;
}
.scn-hell-of-hotel .chandelier {
  position:absolute; top:2%; left:50%; width:80px; height:60px; transform:translateX(-50%);
  background: linear-gradient(180deg, #c08030 0%, #a06020 100%);
  clip-path: polygon(30% 0%, 70% 0%, 85% 40%, 75% 100%, 25% 100%, 15% 40%);
  box-shadow: 0 0 30px 8px rgba(255,200,100,0.3);
  animation: hh-chandelier 10s ease-in-out infinite alternate;
}
@keyframes hh-bell {
  0% { transform: rotate(-8deg) scale(1); }
  100% { transform: rotate(8deg) scale(1.05); }
}
@keyframes hh-flame {
  0% { transform: scaleY(1) translateY(0); opacity:0.8; }
  50% { transform: scaleY(1.2) translateY(-5px); opacity:1; }
  100% { transform: scaleY(0.9) translateY(2px); opacity:0.9; }
}
@keyframes hh-guest {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(2deg) translateX(5px); }
  50% { transform: rotate(-1deg) translateX(-3px); }
  75% { transform: rotate(3deg) translateX(4px); }
  100% { transform: rotate(0deg); }
}
@keyframes hh-chandelier {
  0% { transform: translateX(-50%) rotate(-2deg); }
  50% { transform: translateX(-50%) rotate(2deg) scale(1.02); }
  100% { transform: translateX(-50%) rotate(-2deg); }
}

.scn-family-hates-satan { background: linear-gradient(180deg, #f5e6c8 0%, #e8d5a8 60%, #d4b88c 100%), radial-gradient(ellipse at 30% 20%, rgba(255,240,180,0.6) 0%, transparent 60%); display:flex; align-items:flex-end; justify-content:center; }
.scn-family-hates-satan .wall-bg { position:absolute; inset:0 0 25% 0; background: linear-gradient(135deg, #f0e0c0 0%, #e0c8a0 50%, #c8b080 100%); }
.scn-family-hates-satan .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #b89870 0%, #8a7050 100%); border-top: 3px solid #a08060; box-shadow: inset 0 8px 12px rgba(0,0,0,0.15); }
.scn-family-hates-satan .table { position:absolute; bottom:20%; left:55%; width:160px; height:30px; background: linear-gradient(180deg, #a08050 0%, #7a5a3a 100%); border-radius: 4px; transform: perspective(400px) rotateX(15deg); box-shadow: 0 -4px 8px rgba(0,0,0,0.2), inset 0 2px 4px rgba(255,200,120,0.3); }
.scn-family-hates-satan .teacup { position:absolute; bottom:38%; left:62%; width:20px; height:16px; background: radial-gradient(ellipse 70% 60%, #f8f0e0 0%, #d0c0a0 70%); border-radius: 50% 50% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: fhs-steam 4s ease-in-out infinite; }
.scn-family-hates-satan .satan-figure { position:absolute; bottom:20%; left:35%; width:60px; height:90px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 80%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: fhs-sway 2.5s ease-in-out infinite; }
.scn-family-hates-satan .satan-figure::before { content:''; position:absolute; top:-18px; left:50%; width:8px; height:20px; background: #1a0a00; border-radius: 50%; transform: translateX(-50%); box-shadow: 0 -6px 0 #1a0a00, 0 -12px 0 #1a0a00; }
.scn-family-hates-satan .satan-arm-l { position:absolute; bottom:48%; left:26%; width:30px; height:8px; background: #2a1a0a; border-radius: 50% 10% 10% 50%; transform-origin: 100% 50%; transform: rotate(-40deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: fhs-gesticulate-l 1.2s ease-in-out infinite alternate; }
.scn-family-hates-satan .satan-arm-r { position:absolute; bottom:44%; left:44%; width:32px; height:8px; background: #2a1a0a; border-radius: 10% 50% 50% 10%; transform-origin: 0% 50%; transform: rotate(50deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: fhs-gesticulate-r 1.4s ease-in-out infinite alternate; }
.scn-family-hates-satan .family-shadow { position:absolute; bottom:20%; right:5%; width:80px; height:70px; background: radial-gradient(ellipse 60% 80%, rgba(0,0,0,0.2) 0%, transparent 70%); border-radius: 60% 40% 50% 50% / 70% 60% 40% 30%; animation: fhs-shadow-flicker 3s ease-in-out infinite alternate; }
.scn-family-hates-satan .speech-burst { position:absolute; top:10%; left:35%; width:100px; height:60px; background: radial-gradient(ellipse, rgba(255,200,100,0.8) 0%, transparent 70%); border-radius: 50% 50% 40% 60% / 50% 60% 40% 50%; filter: blur(4px); animation: fhs-burst 2s ease-in-out infinite; }
@keyframes fhs-steam { 0% { transform: translateY(0) scale(1); opacity:0.6; } 50% { transform: translateY(-6px) scale(1.1); opacity:0.3; } 100% { transform: translateY(0) scale(0.9); opacity:0.6; } }
@keyframes fhs-sway { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(4px) rotate(2deg); } 70% { transform: translateX(-3px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes fhs-gesticulate-l { 0% { transform: rotate(-40deg); } 50% { transform: rotate(-70deg); } 100% { transform: rotate(-20deg); } }
@keyframes fhs-gesticulate-r { 0% { transform: rotate(50deg); } 50% { transform: rotate(80deg); } 100% { transform: rotate(30deg); } }
@keyframes fhs-shadow-flicker { 0% { opacity:0.3; transform: scale(1); } 50% { opacity:0.6; transform: scale(1.05); } 100% { opacity:0.2; transform: scale(0.95); } }
@keyframes fhs-burst { 0% { transform: scale(0.8) rotate(-5deg); opacity:0.5; } 50% { transform: scale(1.2) rotate(3deg); opacity:0.9; } 100% { transform: scale(0.8) rotate(-2deg); opacity:0.5; } }

.scn-satan-drunk { background: linear-gradient(180deg, #3a2a1a 0%, #5a4030 40%, #7a5a3a 100%), radial-gradient(ellipse at 60% 20%, rgba(200,150,80,0.3) 0%, transparent 70%); display:flex; align-items:flex-end; justify-content:center; }
.scn-satan-drunk .floor-dark { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); box-shadow: inset 0 6px 10px rgba(0,0,0,0.4); }
.scn-satan-drunk .wall-dark { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 50%, #2a1a0a 100%); }
.scn-satan-drunk .lamp-glow { position:absolute; top:10%; left:50%; width:100px; height:120px; background: radial-gradient(ellipse 70% 100%, rgba(255,200,100,0.4) 0%, rgba(200,150,60,0.15) 50%, transparent 80%); transform: translateX(-50%); filter: blur(10px); animation: sd-glow-pulse 4s ease-in-out infinite alternate; }
.scn-satan-drunk .bottle { position:absolute; bottom:22%; left:45%; width:18px; height:40px; background: linear-gradient(180deg, #8a6a3a 0%, #5a4020 100%); border-radius: 30% 30% 20% 20% / 40% 40% 10% 10%; transform: rotate(15deg); box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: sd-bottle-tilt 3s ease-in-out infinite; }
.scn-satan-drunk .drunk-figure { position:absolute; bottom:18%; left:30%; width:55px; height:85px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 70%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: sd-stagger 1.8s ease-in-out infinite; }
.scn-satan-drunk .drunk-arm { position:absolute; bottom:44%; left:50%; width:35px; height:9px; background: #2a1a0a; border-radius: 50% 10% 10% 50%; transform-origin: 0% 50%; transform: rotate(60deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: sd-arm-flail 2.2s ease-in-out infinite alternate; }
.scn-satan-drunk .stagger-shadow { position:absolute; bottom:14%; left:25%; width:70px; height:20px; background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%); animation: sd-shadow-move 1.8s ease-in-out infinite; }
.scn-satan-drunk .spiral-drunk { position:absolute; top:30%; left:35%; width:40px; height:40px; background: radial-gradient(circle, rgba(200,200,180,0.3) 0%, transparent 70%); border-radius: 50%; filter: blur(3px); animation: sd-spin 3s linear infinite; }
@keyframes sd-glow-pulse { 0% { transform: translateX(-50%) scale(0.9); opacity:0.5; } 50% { transform: translateX(-50%) scale(1.1); opacity:0.8; } 100% { transform: translateX(-50%) scale(0.95); opacity:0.6; } }
@keyframes sd-bottle-tilt { 0% { transform: rotate(10deg); } 50% { transform: rotate(25deg); } 100% { transform: rotate(10deg); } }
@keyframes sd-stagger { 0% { transform: translateX(0) rotate(0deg); } 20% { transform: translateX(-8px) rotate(-3deg); } 40% { transform: translateX(6px) rotate(2deg); } 60% { transform: translateX(-4px) rotate(-1deg); } 80% { transform: translateX(10px) rotate(3deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sd-arm-flail { 0% { transform: rotate(40deg); } 50% { transform: rotate(90deg); } 100% { transform: rotate(30deg); } }
@keyframes sd-shadow-move { 0% { transform: translateX(0); opacity:0.5; } 50% { transform: translateX(12px); opacity:0.7; } 100% { transform: translateX(0); opacity:0.5; } }
@keyframes sd-spin { 0% { transform: rotate(0deg) scale(0.8); opacity:0.2; } 50% { transform: rotate(180deg) scale(1.2); opacity:0.5; } 100% { transform: rotate(360deg) scale(0.8); opacity:0.2; } }

.scn-satan-fired { background: linear-gradient(180deg, #c89060 0%, #b07040 40%, #8a5030 100%), radial-gradient(ellipse at 40% 50%, rgba(255,180,100,0.3) 0%, transparent 70%); display:flex; align-items:flex-end; justify-content:center; }
.scn-satan-fired .bg-warm { position:absolute; inset:0; background: linear-gradient(135deg, rgba(200,140,80,0.3) 0%, transparent 50%, rgba(160,100,50,0.2) 100%); }
.scn-satan-fired .window-arch { position:absolute; top:5%; left:50%; width:160px; height:200px; background: linear-gradient(135deg, #e0c8a0 0%, #c8a880 50%, #b09070 100%); border-radius: 40% 40% 0 0 / 50% 50% 0 0; box-shadow: inset 0 0 30px rgba(0,0,0,0.2), 0 0 20px rgba(200,150,80,0.4); transform: translateX(-50%); }
.scn-satan-fired .window-arch::after { content:''; position:absolute; top:10%; left:10%; width:80%; height:75%; background: linear-gradient(180deg, rgba(255,220,180,0.6) 0%, rgba(200,160,120,0.3) 100%); border-radius: 30% 30% 0 0 / 40% 40% 0 0; }
.scn-satan-fired .sill { position:absolute; bottom:48%; left:50%; width:180px; height:12px; background: linear-gradient(180deg, #a08060 0%, #806040 100%); transform: translateX(-50%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-satan-fired .departing-figure { position:absolute; bottom:20%; left:30%; width:55px; height:85px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 70%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; animation: sf-walk-away 8s ease-in-out infinite; }
.scn-satan-fired .satan-bag { position:absolute; bottom:22%; left:36%; width:30px; height:25px; background: linear-gradient(180deg, #6a5030 0%, #4a3a1a 100%); border-radius: 10% 10% 40% 40% / 20% 20% 50% 50%; transform: rotate(-5deg); box-shadow: 0 4px 6px rgba(0,0,0,0.4); animation: sf-bag-swing 4s ease-in-out infinite; }
.scn-satan-fired .hand-wave { position:absolute; bottom:40%; left:46%; width:30px; height:10px; background: #2a1a0a; border-radius: 50% 10% 10% 50%; transform-origin: 0% 50%; transform: rotate(-30deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: sf-wave 1.6s ease-in-out infinite; }
.scn-satan-fired .tear-drop { position:absolute; bottom:50%; left:38%; width:6px; height:12px; background: radial-gradient(ellipse 50% 60%, rgba(180,200,220,0.7) 0%, rgba(140,160,200,0.4) 100%); border-radius: 50% 50% 30% 30% / 60% 60% 20% 20%; animation: sf-tear 3s ease-in-out infinite; }
.scn-satan-fired .warm-glow { position:absolute; top:20%; left:20%; width:200px; height:200px; background: radial-gradient(circle, rgba(255,200,120,0.2) 0%, transparent 70%); filter: blur(20px); }
@keyframes sf-walk-away { 0% { transform: translateX(0) scale(1); opacity:1; } 30% { transform: translateX(20px) scale(0.97); opacity:0.9; } 60% { transform: translateX(40px) scale(0.93); opacity:0.7; } 100% { transform: translateX(60px) scale(0.88); opacity:0.4; } }
@keyframes sf-bag-swing { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }
@keyframes sf-wave { 0% { transform: rotate(-20deg); } 30% { transform: rotate(-50deg); } 60% { transform: rotate(-10deg); } 100% { transform: rotate(-30deg); } }
@keyframes sf-tear { 0% { transform: translateY(0) scaleY(1); opacity:0.8; } 50% { transform: translateY(15px) scaleY(0.6); opacity:0.3; } 100% { transform: translateY(30px) scaleY(0.2); opacity:0; } }

.scn-satans-successor { background: linear-gradient(180deg, #e8e0d0 0%, #d0c8b8 40%, #b8b0a0 100%), radial-gradient(ellipse at 50% 30%, rgba(220,210,200,0.5) 0%, transparent 70%); display:flex; align-items:flex-end; justify-content:center; }
.scn-satans-successor .bg-calm { position:absolute; inset:0; background: linear-gradient(135deg, rgba(200,190,180,0.2) 0%, transparent 50%, rgba(180,170,160,0.15) 100%); }
.scn-satans-successor .corridor-left { position:absolute; top:0; left:0; width:30%; height:100%; background: linear-gradient(180deg, #c8c0b0 0%, #a8a090 50%, #908880 100%); box-shadow: inset -8px 0 16px rgba(0,0,0,0.1); }
.scn-satans-successor .corridor-right { position:absolute; top:0; right:0; width:30%; height:100%; background: linear-gradient(180deg, #c0b8a8 0%, #a09888 50%, #888078 100%); box-shadow: inset 8px 0 16px rgba(0,0,0,0.1); }
.scn-satans-successor .ghost-figure { position:absolute; bottom:15%; left:50%; width:55px; height:90px; background: linear-gradient(180deg, rgba(40,40,50,0.8) 0%, rgba(20,20,30,0.6) 60%, transparent 100%); border-radius: 50% 50% 40% 40% / 60% 60% 20% 20%; transform: translateX(-50%); box-shadow: 0 0 20px rgba(0,0,0,0.3); animation: ss-glide 10s ease-in-out infinite; }
.scn-satans-successor .glide-trail { position:absolute; bottom:15%; left:25%; width:50%; height:60px; background: linear-gradient(90deg, transparent 0%, rgba(200,195,190,0.3) 30%, transparent 70%); filter: blur(6px); animation: ss-trail 10s ease-in-out infinite; }
.scn-satans-successor .orb-light { position:absolute; top:25%; left:45%; width:20px; height:20px; background: radial-gradient(circle, rgba(255,240,220,0.6) 0%, transparent 70%); border-radius: 50%; animation: ss-orb 6s ease-in-out infinite alternate; }
.scn-satans-successor .soft-door { position:absolute; bottom:5%; left:38%; width:80px; height:120px; background: linear-gradient(180deg, #b8a890 0%, #988070 100%); border-radius: 10% 10% 0 0 / 20% 20% 0 0; box-shadow: inset 0 0 12px rgba(0,0,0,0.15), 0 0 8px rgba(0,0,0,0.1); }
@keyframes ss-glide { 0% { transform: translateX(-50%) translateY(0); opacity:0.6; } 25% { transform: translateX(-50%) translateY(-4px); opacity:0.9; } 50% { transform: translateX(-50%) translateY(0); opacity:0.7; } 75% { transform: translateX(-50%) translateY(-2px); opacity:0.85; } 100% { transform: translateX(-50%) translateY(0); opacity:0.6; } }
@keyframes ss-trail { 0% { transform: scale(1,1); opacity:0.2; } 50% { transform: scale(1.1,0.9); opacity:0.5; } 100% { transform: scale(1,1); opacity:0.2; } }
@keyframes ss-orb { 0% { transform: translate(0,0) scale(0.8); opacity:0.4; } 50% { transform: translate(8px,-6px) scale(1.2); opacity:0.8; } 100% { transform: translate(-4px,4px) scale(0.9); opacity:0.5; } }

.scn-sixteen-men {
  background: linear-gradient(180deg, #1a0e08 0%, #2c1a0e 40%, #3d2414 100%), radial-gradient(ellipse at 50% 80%, #4a2e1a 0%, transparent 70%);
  overflow: hidden;
}
.scn-sixteen-men .smn-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #2c1a0e 0%, #1a0e08 100%);
  box-shadow: inset 0 0 60px 20px rgba(0,0,0,0.7);
}
.scn-sixteen-men .smn-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #3d2414 0%, #1a0e08 100%);
  border-radius: 20% 20% 0 0;
}
.scn-sixteen-men .smn-fire {
  position: absolute; bottom: 25%; left: 50%; width: 60px; height: 80px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 60%, #ff7830 0%, #c04010 50%, #4a1a08 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 80px 40px rgba(255,120,48,0.5), 0 0 160px 60px rgba(200,64,16,0.3);
  animation: smn-fire 1.5s ease-in-out infinite alternate;
}
.scn-sixteen-men .smn-figure {
  position: absolute; bottom: 22%; width: 22px; height: 50px;
  background: linear-gradient(180deg, #0a0604 0%, #1a0e08 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: smn-fig 3s ease-in-out infinite alternate;
}
.scn-sixteen-men .smn-fig1 { left: 35%; animation-delay: 0s; }
.scn-sixteen-men .smn-fig2 { left: 50%; margin-left: -20px; animation-delay: 0.8s; }
.scn-sixteen-men .smn-fig3 { left: 60%; animation-delay: 1.6s; }
.scn-sixteen-men .smn-spear {
  position: absolute; bottom: 28%; width: 4px; height: 70px;
  background: linear-gradient(180deg, #4a2e1a 0%, #1a0e08 100%);
  border-radius: 2px;
  transform-origin: bottom center;
  animation: smn-spear 2s ease-in-out infinite alternate;
}
.scn-sixteen-men .smn-sp1 { left: 38%; transform: rotate(-15deg); animation-delay: 0.2s; }
.scn-sixteen-men .smn-sp2 { left: 62%; transform: rotate(15deg); animation-delay: 0.9s; }
@keyframes smn-fire {
  0% { transform: translateX(-50%) scaleY(1); opacity: 0.9; }
  50% { transform: translateX(-50%) scaleY(1.05) scaleX(0.95); opacity: 1; }
  100% { transform: translateX(-50%) scaleY(0.95); opacity: 0.85; }
}
@keyframes smn-fig {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes smn-spear {
  0% { transform: rotate(-15deg); }
  50% { transform: rotate(-10deg) translateX(2px); }
  100% { transform: rotate(-18deg); }
}

.scn-broken-hearts {
  background: linear-gradient(180deg, #3a3a40 0%, #4a4a50 30%, #5a5a60 60%, #6a6a70 100%), radial-gradient(ellipse at 50% 100%, #4a4a50 0%, transparent 70%);
  overflow: hidden;
}
.scn-broken-hearts .bh-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #5a5a60 0%, #3a3a40 100%);
  animation: bh-sky 20s ease-in-out infinite alternate;
}
.scn-broken-hearts .bh-sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #4a4a50 0%, #2a2a30 100%);
  border-radius: 40% 60% 0 0;
  animation: bh-sea 12s ease-in-out infinite alternate;
}
.scn-broken-hearts .bh-island {
  position: absolute; bottom: 40%; left: 50%; width: 100px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.3);
}
.scn-broken-hearts .bh-hut {
  position: absolute; bottom: 38%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 5% 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: bh-hut 6s ease-in-out infinite alternate;
}
.scn-broken-hearts .bh-hut1 { left: 44%; }
.scn-broken-hearts .bh-hut2 { left: 56%; animation-delay: 1.5s; }
.scn-broken-hearts .bh-figure {
  position: absolute; bottom: 33%; width: 16px; height: 36px;
  background: linear-gradient(180deg, #1a1a20 0%, #0a0a10 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bh-fig 4s ease-in-out infinite alternate;
}
.scn-broken-hearts .bh-fig1 { left: 46%; animation-delay: 0s; }
.scn-broken-hearts .bh-fig2 { left: 54%; animation-delay: 1.2s; }
.scn-broken-hearts .bh-cross {
  position: absolute; bottom: 44%; left: 50%; width: 4px; height: 30px; margin-left: -2px;
  background: #2a2a30;
  box-shadow: 0 0 4px rgba(0,0,0,0.5);
  animation: bh-cross 8s ease-in-out infinite alternate;
}
@keyframes bh-sky {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}
@keyframes bh-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(4px); }
  100% { transform: translateY(-2px); }
}
@keyframes bh-hut {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes bh-fig {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes bh-cross {
  0% { transform: scaleY(1); opacity: 0.7; }
  50% { transform: scaleY(1.05); opacity: 1; }
  100% { transform: scaleY(0.95); opacity: 0.6; }
}

.scn-spartans-extinct {
  background: linear-gradient(180deg, #1a1a20 0%, #2a2a30 40%, #3a3a40 100%), radial-gradient(ellipse at 50% 60%, #2a2a30 0%, transparent 70%);
  overflow: hidden;
}
.scn-spartans-extinct .spx-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a2a30 0%, #1a1a20 100%);
  box-shadow: inset 0 0 40px 10px rgba(0,0,0,0.5);
}
.scn-spartans-extinct .spx-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #3a3a40 0%, #1a1a20 100%);
  border-radius: 10% 10% 0 0;
}
.scn-spartans-extinct .spx-window {
  position: absolute; top: 25%; left: 50%; width: 50px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #5a5a60 0%, #3a3a40 100%);
  border-radius: 5% 5% 2% 2%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
  animation: spx-window 6s ease-in-out infinite alternate;
}
.scn-spartans-extinct .spx-figure {
  position: absolute; bottom: 10%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #0a0a10 0%, #1a1a20 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: spx-fig 5s ease-in-out infinite alternate;
}
.scn-spartans-extinct .spx-man { left: 42%; animation-delay: 0s; }
.scn-spartans-extinct .spx-woman { left: 54%; animation-delay: 1.5s; }
.scn-spartans-extinct .spx-dust {
  position: absolute; top: 30%; left: 0; right: 0; height: 100%;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0%, transparent 70%);
  filter: blur(3px);
  animation: spx-dust 15s linear infinite;
}
@keyframes spx-window {
  0% { opacity: 0.4; box-shadow: inset 0 0 10px rgba(0,0,0,0.2); }
  50% { opacity: 0.7; box-shadow: inset 0 0 30px rgba(200,200,220,0.2); }
  100% { opacity: 0.3; }
}
@keyframes spx-fig {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-2px) scaleY(1.02); }
  100% { transform: translateY(1px) scaleY(0.98); }
}
@keyframes spx-dust {
  0% { transform: translateY(0); opacity: 0.3; }
  50% { transform: translateY(-20px); opacity: 0.7; }
  100% { transform: translateY(0); opacity: 0.3; }
}

.scn-wrath-of-god {
  background: linear-gradient(180deg, #2a1a0e 0%, #4a2e1a 40%, #3d2414 100%), radial-gradient(ellipse at 50% 80%, #5a3a1a 0%, transparent 70%);
  overflow: hidden;
}
.scn-wrath-of-god .wg-arch {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #4a2e1a 0%, #2a1a0e 100%);
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  box-shadow: inset 0 0 60px 20px rgba(0,0,0,0.5);
}
.scn-wrath-of-god .wg-window {
  position: absolute; top: 15%; width: 40px; height: 60px;
  background: radial-gradient(ellipse at 50% 50%, #f0d090 0%, #c08040 70%);
  border-radius: 10px;
  box-shadow: 0 0 30px 10px rgba(240,208,144,0.4);
  animation: wg-glow 4s ease-in-out infinite alternate;
}
.scn-wrath-of-god .wg-w1 { left: 30%; }
.scn-wrath-of-god .wg-w2 { right: 30%; animation-delay: 1.5s; }
.scn-wrath-of-god .wg-beam {
  position: absolute; top: 20%; width: 60px; height: 200px;
  background: linear-gradient(180deg, rgba(240,208,144,0.15) 0%, transparent 100%);
  transform-origin: top;
  filter: blur(4px);
  animation: wg-beam 8s ease-in-out infinite alternate;
}
.scn-wrath-of-god .wg-b1 { left: 30%; transform: rotate(-5deg); animation-delay: 0s; }
.scn-wrath-of-god .wg-b2 { right: 30%; transform: rotate(5deg); animation-delay: 2s; }
.scn-wrath-of-god .wg-altar {
  position: absolute; bottom: 30%; left: 50%; width: 80px; height: 20px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
.scn-wrath-of-god .wg-figure {
  position: absolute; bottom: 20%; left: 50%; width: 20px; height: 50px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #0a0604 0%, #1a0e08 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wg-fig 5s ease-in-out infinite alternate;
}
.scn-wrath-of-god .wg-cross {
  position: absolute; bottom: 40%; left: 50%; width: 4px; height: 30px; margin-left: -2px;
  background: #2a1a0e;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: wg-cross 3s ease-in-out infinite alternate;
}
@keyframes wg-glow {
  0% { opacity: 0.7; box-shadow: 0 0 20px 5px rgba(240,208,144,0.3); }
  50% { opacity: 1; box-shadow: 0 0 50px 15px rgba(255,220,180,0.6); }
  100% { opacity: 0.8; box-shadow: 0 0 30px 8px rgba(240,208,144,0.4); }
}
@keyframes wg-beam {
  0% { opacity: 0.2; transform: rotate(-5deg) scaleY(1); }
  50% { opacity: 0.6; transform: rotate(-3deg) scaleY(1.1); }
  100% { opacity: 0.3; transform: rotate(-6deg) scaleY(0.9); }
}
@keyframes wg-fig {
  0% { transform: translateX(-50%) translateY(0) rotate(-1deg); }
  50% { transform: translateX(-50%) translateY(-3px) rotate(1deg); }
  100% { transform: translateX(-50%) translateY(0) rotate(0); }
}
@keyframes wg-cross {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.05); }
  100% { transform: scaleY(0.95); }
}

.scn-three-precious-things {
  background: linear-gradient(135deg, #fceabb 0%, #f8b500 100%), radial-gradient(circle at 20% 40%, #ffe68f 0%, transparent 60%);
}
.scn-three-precious-things .wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #f5e6c8 0%, #e8d4a6 100%); opacity: 0.6;
}
.scn-three-precious-things .desk {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 20%; background: linear-gradient(180deg, #b78c5a 0%, #8b5e3c 100%); border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}
.scn-three-precious-things .scroll {
  position: absolute; bottom: 22%; left: 28%; width: 30px; height: 50px; background: radial-gradient(ellipse at 50% 50%, #ffe08a, #d4a95c); border-radius: 50% 50% 40% 40%; transform: rotate(-5deg); animation: tpt-scroll 6s ease-in-out infinite alternate;
}
.scn-three-precious-things .heart {
  position: absolute; bottom: 25%; left: 48%; width: 28px; height: 26px; background: #b87878; border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform: rotate(45deg); box-shadow: 0 0 10px rgba(184,120,120,0.5); animation: tpt-heart 1.2s ease-in-out infinite;
}
.scn-three-precious-things .padlock {
  position: absolute; bottom: 24%; left: 65%; width: 22px; height: 18px; background: linear-gradient(180deg, #c8a050, #a07a30); border-radius: 4px 4px 6px 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: tpt-lock 3s ease-in-out infinite;
}
.scn-three-precious-things .figure {
  position: absolute; bottom: 18%; left: 75%; width: 20px; height: 40px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tpt-shrug 4s ease-in-out infinite;
}
.scn-three-precious-things .glow-spot {
  position: absolute; top: 30%; left: 50%; width: 80px; height: 80px; background: radial-gradient(circle, rgba(255,230,150,0.4) 0%, transparent 70%); animation: tpt-glow 5s ease-in-out infinite alternate;
}
@keyframes tpt-scroll { 0% { transform: rotate(-5deg) scaleY(1); } 50% { transform: rotate(5deg) scaleY(1.1); } 100% { transform: rotate(-5deg) scaleY(1); } }
@keyframes tpt-heart { 0%,100% { transform: rotate(45deg) scale(1); } 50% { transform: rotate(45deg) scale(1.15); } }
@keyframes tpt-lock { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes tpt-shrug { 0% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-2px) rotate(-3deg); } 50% { transform: translateY(0) rotate(3deg); } 75% { transform: translateY(-2px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes tpt-glow { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 0.6; transform: scale(1.2); } }

.scn-nauheim-talk {
  background: linear-gradient(135deg, #fbe9d7 0%, #e6c9a8 100%), radial-gradient(circle at 80% 20%, #ffddb0 0%, transparent 50%);
}
.scn-nauheim-talk .bg-room { position: absolute; inset: 0; background: linear-gradient(180deg, #f5e0c0 0%, #d4b895 100%); }
.scn-nauheim-talk .chair-left { position: absolute; bottom: 15%; left: 20%; width: 30px; height: 40px; background: linear-gradient(180deg, #6b3a2a, #3f1f10); border-radius: 20% 20% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: nt-chair 8s ease-in-out infinite; }
.scn-nauheim-talk .chair-right { position: absolute; bottom: 15%; right: 20%; width: 30px; height: 40px; background: linear-gradient(180deg, #6b3a2a, #3f1f10); border-radius: 20% 20% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: nt-chair 8s ease-in-out infinite reverse; }
.scn-nauheim-talk .figure-left { position: absolute; bottom: 20%; left: 23%; width: 16px; height: 32px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nt-nod 6s ease-in-out infinite; }
.scn-nauheim-talk .figure-right { position: absolute; bottom: 20%; right: 23%; width: 14px; height: 28px; background: linear-gradient(180deg, #2a1a1a 0%, #100505 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nt-nod 6s ease-in-out infinite 1s; }
.scn-nauheim-talk .lamp { position: absolute; top: 30%; left: 50%; width: 10px; height: 20px; background: linear-gradient(180deg, #f5c842, #e0a030); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 30px 10px rgba(240,200,80,0.5), 0 0 60px 20px rgba(240,200,80,0.2); animation: nt-lamp 4s ease-in-out infinite alternate; }
.scn-nauheim-talk .window-light { position: absolute; top: 10%; right: 10%; width: 40px; height: 50px; background: radial-gradient(ellipse at 50% 50%, rgba(180,220,255,0.4) 0%, transparent 70%); animation: nt-glow 12s ease-in-out infinite alternate; }
.scn-nauheim-talk .tea-cup { position: absolute; bottom: 22%; left: 35%; width: 10px; height: 8px; background: #f5e6d0; border-radius: 0 0 50% 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.1); animation: nt-steam 3s ease-out infinite; }
@keyframes nt-chair { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes nt-nod { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-1px) rotate(3deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-1px) rotate(-3deg); } }
@keyframes nt-lamp { 0% { box-shadow: 0 0 20px 5px rgba(240,200,80,0.3); } 50% { box-shadow: 0 0 40px 15px rgba(240,200,80,0.6); } 100% { box-shadow: 0 0 25px 8px rgba(240,200,80,0.4); } }
@keyframes nt-glow { 0% { opacity: 0.5; } 100% { opacity: 1; } }
@keyframes nt-steam { 0% { transform: translateY(0) scale(1); opacity: 0.6; } 50% { transform: translateY(-12px) scale(1.2); opacity: 0.3; } 100% { transform: translateY(-20px) scale(0.8); opacity: 0; } }

.scn-mistaken-identity {
  background: linear-gradient(180deg, #f7e9d7 0%, #eed8b0 100%), radial-gradient(ellipse at 50% 30%, #fff5e6 0%, transparent 60%);
}
.scn-mistaken-identity .hall-bg { position: absolute; inset: 0; background: linear-gradient(180deg, #eddac0 0%, #c4a98a 100%); }
.scn-mistaken-identity .lord { position: absolute; bottom: 15%; left: 25%; width: 24px; height: 60px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); transform-origin: bottom center; animation: mi-lord 5s ease-in-out infinite; }
.scn-mistaken-identity .narrator { position: absolute; bottom: 15%; right: 30%; width: 18px; height: 48px; background: linear-gradient(180deg, #2a1a1a 0%, #100a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mi-narrator 7s ease-in-out infinite; }
.scn-mistaken-identity .fox-silhouette { position: absolute; bottom: 25%; left: 50%; width: 24px; height: 30px; background: #c8553d; border-radius: 80% 20% 40% 40% / 60% 40% 60% 40%; transform: translateX(-50%); animation: mi-fox 3s ease-in-out infinite; }
.scn-mistaken-identity .speech-dot { position: absolute; top: 28%; left: 35%; width: 6px; height: 6px; background: #f5a623; border-radius: 50%; box-shadow: 0 0 12px 3px rgba(245,166,35,0.6); animation: mi-dot 2s ease-in-out infinite; }
.scn-mistaken-identity .confusion-burst { position: absolute; top: 20%; right: 25%; width: 40px; height: 40px; background: radial-gradient(circle, rgba(255,200,100,0.3) 0%, transparent 70%); animation: mi-burst 4s ease-in-out infinite alternate; }
@keyframes mi-lord { 0%,100% { transform: translateY(0) rotate(0); } 30% { transform: translateY(-3px) rotate(-5deg); } 60% { transform: translateY(-1px) rotate(5deg); } }
@keyframes mi-narrator { 0%,100% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-2px) scaleX(-1); } }
@keyframes mi-fox { 0% { transform: translateX(-50%) rotate(0); } 25% { transform: translateX(-50%) rotate(10deg); } 75% { transform: translateX(-50%) rotate(-10deg); } 100% { transform: translateX(-50%) rotate(0); } }
@keyframes mi-dot { 0%,100% { opacity: 0.2; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.5); } }
@keyframes mi-burst { 0% { opacity: 0.1; transform: scale(0.8); } 100% { opacity: 0.4; transform: scale(1.3); } }

.scn-fox-hunt-invitation {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0e68c 100%), radial-gradient(ellipse at 50% 100%, #f5deb3 0%, transparent 60%);
}
.scn-fox-hunt-invitation .sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #7ec8e3 0%, #c9e6f0 100%); animation: fhi-sky 15s ease-in-out infinite alternate; }
.scn-fox-hunt-invitation .field { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, #8daa5a 0%, #6d8a3a 100%); border-radius: 30% 70% 0 0 / 60% 40% 0 0; }
.scn-fox-hunt-invitation .horse { position: absolute; bottom: 20%; left: 30%; width: 40px; height: 50px; background: linear-gradient(180deg, #6b4226 0%, #3d2616 100%); border-radius: 40% 40% 30% 30% / 50% 50% 50% 50%; transform-origin: bottom center; animation: fhi-horse 4s ease-in-out infinite; }
.scn-fox-hunt-invitation .dog-cart { position: absolute; bottom: 18%; right: 25%; width: 35px; height: 25px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: fhi-cart 6s ease-in-out infinite; }
.scn-fox-hunt-invitation .mrs-blank { position: absolute; bottom: 22%; right: 30%; width: 14px; height: 30px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fhi-figure 5s ease-in-out infinite; }
.scn-fox-hunt-invitation .narrator-fox { position: absolute; bottom: 22%; left: 15%; width: 12px; height: 26px; background: linear-gradient(180deg, #2a1a1a 0%, #0a0505 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fhi-figure 5s ease-in-out infinite 1s; }
.scn-fox-hunt-invitation .fence { position: absolute; bottom: 25%; left: 5%; width: 15px; height: 12px; background: #8b6f47; border-radius: 2px; box-shadow: 0 0 0 3px #6b4f27; }
@keyframes fhi-sky { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes fhi-horse { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-2px) rotate(-2deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-3px) rotate(2deg); } }
@keyframes fhi-cart { 0%,100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(5px) rotate(2deg); } }
@keyframes fhi-figure { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }

/* Jeypore Inn – calm sunlit exterior */
.scn-jeypore-inn {
  background:
    linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%) 0 0 / 100% 100%,
    radial-gradient(ellipse at 50% 20%, #ffd700 0%, transparent 70%);
}
.scn-jeypore-inn .sky { position:absolute; inset:0; background:linear-gradient(180deg, #b0e0ff 0%, #f0e68c 100%); animation: ji-sky 12s ease-in-out infinite alternate; }
.scn-jeypore-inn .sun { position:absolute; top:10%; left:70%; width:60px; height:60px; background:radial-gradient(circle, #ffeb3b 0%, #ffa500 70%); border-radius:50%; box-shadow:0 0 40px 20px #ffa500; animation: ji-sun 20s ease-in-out infinite; }
.scn-jeypore-inn .inn-building { position:absolute; bottom:20%; left:30%; width:120px; height:80px; background:linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius:4% 4% 0 0; box-shadow: 0 8px 12px rgba(0,0,0,0.2); }
.scn-jeypore-inn .veranda { position:absolute; bottom:20%; left:30%; width:120px; height:20px; background:linear-gradient(180deg, #deb887 0%, #cdaa7d 100%); border-radius:0 0 8% 8%; }
.scn-jeypore-inn .tree { position:absolute; bottom:25%; left:15%; width:30px; height:80px; background:linear-gradient(180deg, #8b4513 0%, #a0522d 100%); border-radius:30% 30% 10% 10%; animation: ji-tree 8s ease-in-out infinite; }
.scn-jeypore-inn .monkey { position:absolute; bottom:55%; left:18%; width:14px; height:18px; background:radial-gradient(circle at 50% 30%, #c0a080 0%, #806040 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: ji-monkey 4s ease-in-out infinite; }
.scn-jeypore-inn .ground { position:absolute; bottom:0; left:0; right:0; height:20%; background:linear-gradient(180deg, #8fbc8f 0%, #556b2f 100%); }
@keyframes ji-sky    { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ji-sun    { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(5px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes ji-tree   { 0% { transform: rotate(-1deg) } 50% { transform: rotate(1.5deg) } 100% { transform: rotate(-1deg) } }
@keyframes ji-monkey { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-3px) rotate(-10deg) } 50% { transform: translateY(0) rotate(0) } 75% { transform: translateY(-2px) rotate(10deg) } 100% { transform: translateY(0) rotate(0) } }

/* Satan Efficiency – bright interior whirlwind */
.scn-satan-efficiency {
  background:
    linear-gradient(180deg, #fffaf0 0%, #f5deb3 100%) 0 0 / 100% 100%,
    radial-gradient(ellipse at 50% 30%, #ffd700 0%, transparent 80%);
}
.scn-satan-efficiency .wall { position:absolute; inset:0; background:linear-gradient(180deg, #e8d8b0 0%, #d2b48c 100%); }
.scn-satan-efficiency .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background:linear-gradient(180deg, #b8860b 0%, #8b6508 100%); }
.scn-satan-efficiency .trunk { position:absolute; bottom:15%; left:20%; width:80px; height:50px; background:linear-gradient(180deg, #8b4513 0%, #a0522d 100%); border-radius:8% 8% 4% 4%; box-shadow: 0 6px 8px rgba(0,0,0,0.3); animation: se-trunk 6s ease-in-out infinite; }
.scn-satan-efficiency .bag { position:absolute; bottom:17%; right:25%; width:40px; height:30px; background:linear-gradient(180deg, #cd853f 0%, #b8860b 100%); border-radius:20% 20% 10% 10%; animation: se-bag 8s ease-in-out infinite; }
.scn-satan-efficiency .papers-a { position:absolute; top:30%; left:40%; width:20px; height:14px; background:radial-gradient(circle, #f5f5dc 0%, #e0d0a0 100%); border-radius:4%; animation: se-papers 2.5s linear infinite; }
.scn-satan-efficiency .papers-b { position:absolute; top:25%; left:55%; width:18px; height:12px; background:radial-gradient(circle, #f5f5dc 0%, #e0d0a0 100%); border-radius:4%; animation: se-papers 3s linear infinite 0.5s; }
.scn-satan-efficiency .satan-figure { position:absolute; bottom:18%; left:50%; width:16px; height:28px; background:linear-gradient(180deg, #2f1e0e 0%, #1a0f06 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: se-satan 1.2s steps(3) infinite; }
@keyframes se-trunk   { 0% { transform: translateY(0) rotate(0) } 30% { transform: translateY(-3px) rotate(-2deg) } 70% { transform: translateY(0) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes se-bag     { 0% { transform: translate(0,0) rotate(0) } 25% { transform: translate(4px,-2px) rotate(5deg) } 75% { transform: translate(-4px,-1px) rotate(-5deg) } 100% { transform: translate(0,0) rotate(0) } }
@keyframes se-papers  { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-20px) rotate(180deg) } 100% { transform: translateY(0) rotate(360deg) } }
@keyframes se-satan   { 0% { transform: translateX(0) scale(1) } 33% { transform: translateX(30px) scale(0.9) } 66% { transform: translateX(60px) scale(1.1) } 100% { transform: translateX(90px) scale(1) } }

/* Satan Boss – chaotic interior with dresses */
.scn-satan-boss {
  background:
    linear-gradient(180deg, #f0e68c 0%, #fff8dc 100%) 0 0 / 100% 100%,
    radial-gradient(ellipse at 50% 50%, #ffd700 0%, transparent 80%);
}
.scn-satan-boss .wall { position:absolute; inset:0; background:linear-gradient(180deg, #e8d8b0 0%, #d2b48c 100%); }
.scn-satan-boss .trunk { position:absolute; bottom:10%; left:30%; width:90px; height:60px; background:linear-gradient(180deg, #5e3a1a 0%, #8b4513 100%); border-radius:8% 8% 4% 4%; box-shadow: 0 8px 10px rgba(0,0,0,0.3); animation: sb-trunk 4s ease-in-out infinite alternate; }
.scn-satan-boss .dress-a { position:absolute; top:30%; left:35%; width:30px; height:40px; background:radial-gradient(circle, #b87878 0%, #704040 100%); border-radius:30% 30% 10% 10%; animation: sb-dress 3s ease-in-out infinite; }
.scn-satan-boss .dress-b { position:absolute; top:25%; right:30%; width:28px; height:38px; background:radial-gradient(circle, #c8553d 0%, #a0461a 100%); border-radius:30% 30% 10% 10%; animation: sb-dress 3.5s ease-in-out infinite 0.5s; }
.scn-satan-boss .satchel { position:absolute; bottom:20%; left:55%; width:40px; height:30px; background:linear-gradient(180deg, #6b4226 0%, #4a2c16 100%); border-radius:10%; animation: sb-satchel 2s ease-in-out infinite; }
.scn-satan-boss .boots { position:absolute; bottom:12%; left:45%; width:20px; height:16px; background:linear-gradient(180deg, #2f1e0e 0%, #1a0f06 100%); border-radius:40% 40% 20% 20% / 60% 60% 20% 20%; animation: sb-boots 1.5s ease-in-out infinite alternate; }
.scn-satan-boss .basin { position:absolute; top:50%; left:20%; width:24px; height:18px; background:radial-gradient(circle, #c0c0c0 0%, #808080 100%); border-radius:40% 40% 30% 30% / 60% 60% 30% 30%; animation: sb-basin 5s ease-in-out infinite; }
@keyframes sb-trunk   { 0% { transform: translateY(0) rotate(0) } 100% { transform: translateY(-4px) rotate(3deg) } }
@keyframes sb-dress   { 0% { transform: translate(0,0) rotate(0) } 50% { transform: translate(8px,-5px) rotate(15deg) } 100% { transform: translate(0,0) rotate(0) } }
@keyframes sb-satchel { 0% { transform: translateY(0) rotate(0) } 30% { transform: translateY(-6px) rotate(10deg) } 70% { transform: translateY(0) rotate(-10deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes sb-boots   { 0% { transform: translateX(0) } 100% { transform: translateX(12px) } }
@keyframes sb-basin   { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(5deg) translateY(-2px) } 100% { transform: rotate(-5deg) translateY(0) } }

/* Satan Station – bright platform chaos */
.scn-satan-station {
  background:
    linear-gradient(180deg, #e0f0ff 0%, #fff5ee 100%) 0 0 / 100% 100%,
    radial-gradient(ellipse at 70% 30%, #ffd700 0%, transparent 80%);
}
.scn-satan-station .roof { position:absolute; top:0; left:0; right:0; height:20%; background:linear-gradient(180deg, #708090 0%, #a9a9a9 100%); }
.scn-satan-station .platform { position:absolute; bottom:15%; left:0; right:0; height:15%; background:linear-gradient(180deg, #d3d3d3 0%, #a9a9a9 100%); }
.scn-satan-station .train { position:absolute; bottom:15%; left:10%; width:180px; height:80px; background:linear-gradient(180deg, #4a4a4a 0%, #2f2f2f 100%); border-radius:10% 10% 0 0; animation: ss-train 10s ease-in-out infinite; }
.scn-satan-station .coolie-a { position:absolute; bottom:17%; left:45%; width:14px; height:20px; background:linear-gradient(180deg, #8b4513 0%, #5e3a1a 100%); border-radius:40% 40% 30% 30% / 60% 60% 30% 30%; animation: ss-coolie 2s ease-in-out infinite; }
.scn-satan-station .coolie-b { position:absolute; bottom:17%; right:25%; width:14px; height:20px; background:linear-gradient(180deg, #8b4513 0%, #5e3a1a 100%); border-radius:40% 40% 30% 30% / 60% 60% 30% 30%; animation: ss-coolie 2.5s ease-in-out infinite 0.3s; }
.scn-satan-station .satan-figure { position:absolute; bottom:19%; left:60%; width:16px; height:26px; background:linear-gradient(180deg, #2f1e0e 0%, #1a0f06 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: ss-satan 1.5s steps(2) infinite; }
.scn-satan-station .luggage { position:absolute; bottom:17%; left:35%; width:20px; height:15px; background:linear-gradient(180deg, #6b4226 0%, #4a2c16 100%); border-radius:4px; animation: ss-luggage 3s ease-in-out infinite; }
@keyframes ss-train   { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ss-coolie  { 0% { transform: translateX(0) } 25% { transform: translateX(3px) } 75% { transform: translateX(-3px) } 100% { transform: translateX(0) } }
@keyframes ss-satan   { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(20px) scale(1.1) } 100% { transform: translateX(40px) scale(1) } }
@keyframes ss-luggage { 0% { transform: translate(0,0) rotate(0) } 30% { transform: translate(4px,-2px) rotate(10deg) } 70% { transform: translate(-4px,-1px) rotate(-10deg) } 100% { transform: translate(0,0) rotate(0) } }

.scn-holy-kashi {
  background: 
    radial-gradient(ellipse 70% 60% at 50% 80%, #f5d6a0 0%, transparent 60%),
    linear-gradient(180deg, #b87a3a 0%, #d49a5a 40%, #f5c27a 100%);
}
.scn-holy-kashi .arch {
  position: absolute; top: 5%; left: 20%; width: 60%; height: 55%;
  background: linear-gradient(135deg, #6a3a1a 0%, #8a5a3a 50%, #a07050 100%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 -20px 40px rgba(0,0,0,0.3);
}
.scn-holy-kashi .altar {
  position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);
  width: 120px; height: 60px;
  background: linear-gradient(180deg, #d4944a 0%, #a0683a 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}
.scn-holy-kashi .figure-pray {
  position: absolute; bottom: 18%; left: 50%; transform: translateX(-50%) scale(1.1);
  width: 30px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: hk-pray 5s ease-in-out infinite;
}
.scn-holy-kashi .lamp-left {
  position: absolute; bottom: 30%; left: 30%; width: 14px; height: 14px;
  background: radial-gradient(circle, #ffd080 0%, #e09030 70%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #e09030, 0 0 40px 12px rgba(224,144,48,0.3);
  animation: hk-lamp 3s ease-in-out infinite alternate;
}
.scn-holy-kashi .lamp-right {
  position: absolute; bottom: 30%; right: 30%; width: 14px; height: 14px;
  background: radial-gradient(circle, #ffd080 0%, #e09030 70%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #e09030, 0 0 40px 12px rgba(224,144,48,0.3);
  animation: hk-lamp 3s ease-in-out infinite alternate-reverse;
}
.scn-holy-kashi .glow-altar {
  position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 80px;
  background: radial-gradient(circle, #fad070 0%, rgba(250,200,80,0) 100%);
  filter: blur(10px);
  animation: hk-altar-glow 8s ease-in-out infinite alternate;
}
.scn-holy-kashi .incense {
  position: absolute; bottom: 25%; left: 48%; width: 6px; height: 40px;
  background: linear-gradient(180deg, rgba(200,200,200,0) 0%, rgba(180,160,140,0.5) 60%, rgba(120,100,80,0) 100%);
  filter: blur(4px);
  animation: hk-incense 12s ease-in-out infinite;
}

@keyframes hk-pray {
  0% { transform: translateX(-50%) scale(1.1) rotate(0deg); }
  50% { transform: translateX(-50%) scale(1.1) rotate(5deg) translateY(-2px); }
  100% { transform: translateX(-50%) scale(1.1) rotate(0deg); }
}
@keyframes hk-lamp {
  0% { box-shadow: 0 0 15px 4px #e09030; opacity: 0.8; }
  50% { box-shadow: 0 0 30px 10px #ffd080; opacity: 1; }
  100% { box-shadow: 0 0 20px 6px #e09030; opacity: 0.85; }
}
@keyframes hk-altar-glow {
  0% { opacity: 0.6; transform: translateX(-50%) scale(0.8); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.2); }
  100% { opacity: 0.7; transform: translateX(-50%) scale(0.9); }
}
@keyframes hk-incense {
  0% { transform: translateY(0) scaleX(1); opacity: 0.3; }
  50% { transform: translateY(-10px) scaleX(1.5); opacity: 0.6; }
  100% { transform: translateY(0) scaleX(1); opacity: 0.3; }
}

.scn-weary-pilgrim {
  background: 
    radial-gradient(ellipse 50% 70% at 80% 50%, #f5d6a0 0%, transparent 60%),
    linear-gradient(180deg, #6a4a2a 0%, #8a6a4a 50%, #a08060 100%);
}
.scn-weary-pilgrim .bg-wall {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #5a3a1a 0%, #7a5a3a 50%, #5a3a1a 100%);
}
.scn-weary-pilgrim .doorway {
  position: absolute; bottom: 10%; left: 10%; width: 40%; height: 70%;
  background: linear-gradient(135deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 0 40% 0 0 / 0 30% 0 0;
  box-shadow: inset -20px 0 30px rgba(0,0,0,0.5);
}
.scn-weary-pilgrim .pilgrim-sil {
  position: absolute; bottom: 10%; left: 30%; width: 35px; height: 70px;
  background: linear-gradient(180deg, #1a0a00 0%, #0a0500 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wp-walk 6s ease-in-out infinite;
}
.scn-weary-pilgrim .staff {
  position: absolute; bottom: 10%; left: 24%; width: 4px; height: 80px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 2px;
  transform: rotate(15deg);
  animation: wp-staff 6s ease-in-out infinite;
}
.scn-weary-pilgrim .lantern-hand {
  position: absolute; bottom: 22%; left: 32%; width: 12px; height: 12px;
  background: radial-gradient(circle, #ffd080 0%, #c08040 70%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #c08040, 0 0 40px 12px rgba(192,128,64,0.3);
  animation: wp-lantern 3s ease-in-out infinite alternate;
}
.scn-weary-pilgrim .lightbeam {
  position: absolute; top: 0; left: 10%; width: 40%; height: 100%;
  background: linear-gradient(135deg, rgba(255,210,120,0.15) 0%, rgba(255,210,120,0.05) 50%, transparent 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  animation: wp-beam 8s ease-in-out infinite alternate;
}

@keyframes wp-walk {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(5px) translateY(-2px) rotate(3deg); }
  50% { transform: translateX(10px) translateY(0) rotate(0deg); }
  75% { transform: translateX(5px) translateY(-2px) rotate(-3deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes wp-staff {
  0% { transform: rotate(15deg); }
  50% { transform: rotate(18deg) translateY(-3px); }
  100% { transform: rotate(15deg); }
}
@keyframes wp-lantern {
  0% { box-shadow: 0 0 15px 4px #c08040; opacity: 0.8; }
  50% { box-shadow: 0 0 30px 10px #ffd080; opacity: 1; }
  100% { box-shadow: 0 0 20px 6px #c08040; opacity: 0.85; }
}
@keyframes wp-beam {
  0% { opacity: 0.3; filter: blur(5px); }
  50% { opacity: 0.7; filter: blur(2px); }
  100% { opacity: 0.4; filter: blur(5px); }
}

.scn-pilgrims-itinerary {
  background: 
    radial-gradient(ellipse 60% 40% at 50% 20%, #f5e6c0 0%, transparent 60%),
    linear-gradient(180deg, #d4b08a 0%, #b09070 40%, #8a7050 100%);
}
.scn-pilgrims-itinerary .table {
  position: absolute; bottom: 5%; left: 5%; width: 90%; height: 40%;
  background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: 0 -10px 20px rgba(0,0,0,0.3);
}
.scn-pilgrims-itinerary .scroll {
  position: absolute; bottom: 35%; left: 50%; transform: translateX(-50%);
  width: 120px; height: 50px;
  background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  animation: pi-scroll 10s ease-in-out infinite;
}
.scn-pilgrims-itinerary .cup {
  position: absolute; bottom: 30%; left: 30%; width: 20px; height: 25px;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: pi-cup 4s ease-in-out infinite alternate;
}
.scn-pilgrims-itinerary .figure-check {
  position: absolute; bottom: 20%; left: 60%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pi-figure 5s ease-in-out infinite;
}
.scn-pilgrims-itinerary .hand-point {
  position: absolute; bottom: 30%; left: 55%; width: 10px; height: 20px;
  background: #2a1a0a;
  border-radius: 50% 50% 30% 30% / 80% 80% 20% 20%;
  transform: rotate(-30deg);
  animation: pi-hand 3s ease-in-out infinite alternate;
}
.scn-pilgrims-itinerary .splash {
  position: absolute; bottom: 28%; left: 28%; width: 30px; height: 10px;
  background: radial-gradient(ellipse, rgba(100,150,200,0.4) 0%, transparent 100%);
  filter: blur(2px);
  animation: pi-splash 2s ease-in-out infinite;
}

@keyframes pi-scroll {
  0% { transform: translateX(-50%) rotate(0deg); }
  50% { transform: translateX(-50%) rotate(2deg) translateY(-2px); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes pi-cup {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes pi-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-5px) rotate(-5deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(5px) rotate(5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes pi-hand {
  0% { transform: rotate(-30deg) scale(1); }
  50% { transform: rotate(-20deg) scale(1.1); }
  100% { transform: rotate(-30deg) scale(1); }
}
@keyframes pi-splash {
  0% { opacity: 0.2; transform: scale(0.8); }
  50% { opacity: 0.6; transform: scale(1.3); }
  100% { opacity: 0.2; transform: scale(0.8); }
}

.scn-cow-temple {
  background: 
    radial-gradient(ellipse 80% 50% at 50% 20%, #ffe8c0 0%, transparent 60%),
    linear-gradient(180deg, #90b0d0 0%, #c0d8f0 40%, #e0f0ff 100%);
}
.scn-cow-temple .sky {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #80a0c0 0%, #a0c0e0 100%);
}
.scn-cow-temple .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #b09878 0%, #7a6848 100%);
}
.scn-cow-temple .temple-steps {
  position: absolute; bottom: 20%; left: 20%; width: 60%; height: 40%;
  background: linear-gradient(180deg, #d4b8a0 0%, #b09878 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -10px 20px rgba(0,0,0,0.2);
}
.scn-cow-temple .cow-1 {
  position: absolute; bottom: 30%; left: 25%; width: 50px; height: 30px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  animation: ct-cow1 6s ease-in-out infinite;
}
.scn-cow-temple .cow-2 {
  position: absolute; bottom: 28%; left: 55%; width: 60px; height: 35px;
  background: linear-gradient(180deg, #9a8a7a 0%, #7a6a5a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  animation: ct-cow2 8s ease-in-out infinite;
}
.scn-cow-temple .sunburst {
  position: absolute; top: 5%; left: 50%; transform: translateX(-50%);
  width: 100px; height: 100px;
  background: radial-gradient(circle, #fff8d0 0%, #f0d080 40%, transparent 100%);
  filter: blur(6px);
  animation: ct-sun 12s ease-in-out infinite alternate;
}
.scn-cow-temple .beggar {
  position: absolute; bottom: 20%; left: 45%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ct-beggar 5s ease-in-out infinite;
}

@keyframes ct-cow1 {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(5px) rotate(3deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(-5px) rotate(-3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ct-cow2 {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-4px) rotate(-2deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(4px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ct-sun {
  0% { opacity: 0.7; transform: translateX(-50%) scale(0.9); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.2); }
  100% { opacity: 0.8; transform: translateX(-50%) scale(1); }
}
@keyframes ct-beggar {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

.scn-kanaka-son {
  background: linear-gradient(180deg, #c88a4a 0%, #a06430 50%, #7a4820 100%),
              radial-gradient(ellipse at 50% 0%, rgba(255,200,100,0.3) 0%, transparent 60%);
}
.scn-kanaka-son .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #b87840 0%, #8a5828 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.2);
}
.scn-kanaka-son .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #6a4020 0%, #4a2810 100%);
  border-radius: 10% 10% 0 0 / 20% 20% 0 0;
}
.scn-kanaka-son .window {
  position: absolute; top: 15%; left: 25%; width: 30%; height: 40%;
  background: linear-gradient(180deg, #ffe0a0 0%, #e8c070 50%, #c89a50 100%);
  border: 4px solid #5a3820;
  border-radius: 4px;
  box-shadow: 0 0 30px 10px rgba(255,200,100,0.4);
  animation: ks-window 6s ease-in-out infinite alternate;
}
.scn-kanaka-son .chair {
  position: absolute; bottom: 28%; left: 15%; width: 20%; height: 25%;
  background: linear-gradient(180deg, #7a5028 0%, #4a2810 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 30% 30%;
  transform: rotate(-3deg);
  box-shadow: 2px 4px 6px rgba(0,0,0,0.3);
  animation: ks-chair 8s ease-in-out infinite alternate;
}
.scn-kanaka-son .figure {
  position: absolute; bottom: 26%; left: 38%; width: 12%; height: 30%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0e04 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ks-figure 4s ease-in-out infinite;
}
.scn-kanaka-son .lantern {
  position: absolute; bottom: 32%; left: 55%; width: 6%; height: 10%;
  background: radial-gradient(circle at 50% 60%, #ffd080 0%, #c08030 70%, #804010 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 20px 6px #ffc060, 0 0 40px 12px rgba(255,192,96,0.4);
  animation: ks-lantern 3s ease-in-out infinite alternate;
}
.scn-kanaka-son .paper {
  position: absolute; bottom: 34%; left: 45%; width: 8%; height: 6%;
  background: #f0d8a0;
  border-radius: 2px;
  transform: rotate(10deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: ks-paper 5s ease-in-out infinite;
}
@keyframes ks-window {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.85; transform: scale(0.98); }
}
@keyframes ks-chair {
  0% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(-2deg) translateY(-2px); }
  100% { transform: rotate(-4deg) translateY(1px); }
}
@keyframes ks-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(4%) rotate(2deg); }
  50% { transform: translateX(8%) rotate(0deg); }
  75% { transform: translateX(4%) rotate(-2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ks-lantern {
  0% { box-shadow: 0 0 15px 4px #ffc060, 0 0 30px 8px rgba(255,192,96,0.3); transform: scale(1); }
  50% { box-shadow: 0 0 25px 8px #ffd080, 0 0 50px 14px rgba(255,208,128,0.5); transform: scale(1.05); }
  100% { box-shadow: 0 0 18px 5px #ffc060, 0 0 35px 10px rgba(255,192,96,0.35); transform: scale(0.95); }
}
@keyframes ks-paper {
  0% { transform: rotate(10deg) translateY(0); }
  50% { transform: rotate(12deg) translateY(-1px); }
  100% { transform: rotate(8deg) translateY(1px); }
}

.scn-cholera-disappointment {
  background: linear-gradient(180deg, #2a3450 0%, #3a4858 40%, #5a6878 80%, #7a8890 100%),
              radial-gradient(ellipse at 20% 100%, #5a6878 0%, transparent 60%);
}
.scn-cholera-disappointment .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #6a7a80 0%, #8a9aa8 40%, #b0c0c8 100%);
  animation: cd-sky 20s ease-in-out infinite alternate;
}
.scn-cholera-disappointment .sea {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #4a6070 0%, #2a3848 100%);
  border-radius: 0 0 20% 20% / 0 0 10% 10%;
  animation: cd-sea 12s ease-in-out infinite alternate;
}
.scn-cholera-disappointment .ship {
  position: absolute; bottom: 38%; left: 10%; width: 25%; height: 20%;
  background: linear-gradient(180deg, #6a5a48 0%, #4a3a28 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: cd-ship 8s ease-in-out infinite alternate;
}
.scn-cholera-disappointment .flag {
  position: absolute; bottom: 55%; left: 22%; width: 4%; height: 10%;
  background: linear-gradient(180deg, #a0461a 0%, #6a2810 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  transform-origin: bottom;
  animation: cd-flag 3s ease-in-out infinite alternate;
}
.scn-cholera-disappointment .figure {
  position: absolute; bottom: 36%; left: 20%; width: 6%; height: 12%;
  background: #1a1a2a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-5deg);
  animation: cd-figure 6s ease-in-out infinite alternate;
}
.scn-cholera-disappointment .wave1 {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 4%;
  background: linear-gradient(90deg, transparent, rgba(200,220,240,0.15) 30%, transparent 70%);
  filter: blur(3px);
  animation: cd-wave1 8s linear infinite;
}
.scn-cholera-disappointment .wave2 {
  position: absolute; bottom: 38%; left: 0; right: 0; height: 6%;
  background: linear-gradient(90deg, transparent, rgba(200,220,240,0.1) 50%, transparent);
  filter: blur(4px);
  animation: cd-wave2 12s linear infinite reverse;
}
@keyframes cd-sky {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes cd-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(1px); }
}
@keyframes cd-ship {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-2px); }
  100% { transform: rotate(-1deg) translateY(1px); }
}
@keyframes cd-flag {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(10deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes cd-figure {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-3deg) translateY(-3px); }
  100% { transform: rotate(-7deg) translateY(2px); }
}
@keyframes cd-wave1 {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes cd-wave2 {
  0% { transform: translateX(50%); }
  100% { transform: translateX(-100%); }
}

.scn-plans-ruined {
  background: linear-gradient(180deg, #0a0a14 0%, #1a1a2e 40%, #2a2038 100%),
              radial-gradient(ellipse at 50% 70%, rgba(60,40,80,0.4) 0%, transparent 70%);
}
.scn-plans-ruined .bg-dark {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #0a0a14 0%, #1a1a2e 100%);
}
.scn-plans-ruined .wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #2a1a20 0%, #1a0a10 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.6);
}
.scn-plans-ruined .window {
  position: absolute; top: 15%; left: 10%; width: 30%; height: 40%;
  background: linear-gradient(180deg, #4a5a70 0%, #2a3a50 100%);
  border: 3px solid #3a2838;
  border-radius: 2px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
  animation: pr-window 10s ease-in-out infinite alternate;
}
.scn-plans-ruined .desk {
  position: absolute; bottom: 10%; left: 15%; width: 50%; height: 12%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%);
  border-radius: 4% 4% 10% 10% / 20% 20% 30% 30%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-plans-ruined .cat {
  position: absolute; bottom: 18%; left: 35%; width: 8%; height: 10%;
  background: #1a1a2a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  clip-path: polygon(20% 0%, 40% 15%, 60% 15%, 80% 0%, 70% 30%, 85% 45%, 50% 100%, 15% 45%, 30% 30%);
  animation: pr-cat 5s ease-in-out infinite;
}
.scn-plans-ruined .lamp {
  position: absolute; bottom: 22%; left: 20%; width: 5%; height: 12%;
  background: radial-gradient(circle at 50% 20%, #6a4a2a 0%, #3a2818 100%);
  border-radius: 20% 20% 40% 40% / 30% 30% 50% 50%;
  box-shadow: 0 0 10px 2px #8a6838, 0 0 20px 5px rgba(138,104,56,0.3);
  animation: pr-lamp 4s ease-in-out infinite alternate;
}
.scn-plans-ruined .shadow {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.6) 100%);
  animation: pr-shadow 8s ease-in-out infinite alternate;
}
@keyframes pr-window {
  0% { opacity: 0.3; }
  50% { opacity: 0.6; }
  100% { opacity: 0.4; }
}
@keyframes pr-cat {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(5%) rotate(5deg); }
  50% { transform: translateX(10%) rotate(0deg); }
  75% { transform: translateX(5%) rotate(-5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes pr-lamp {
  0% { box-shadow: 0 0 8px 2px #8a6838, 0 0 15px 4px rgba(138,104,56,0.2); }
  50% { box-shadow: 0 0 14px 4px #a07848, 0 0 28px 8px rgba(160,120,72,0.4); }
  100% { box-shadow: 0 0 10px 3px #8a6838, 0 0 20px 5px rgba(138,104,56,0.3); }
}
@keyframes pr-shadow {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}

.scn-distant-shore {
  background: linear-gradient(180deg, #7ab8d0 0%, #a0d8e8 40%, #c8e8f0 100%),
              radial-gradient(ellipse at 50% 80%, #e0f0f8 0%, transparent 70%);
}
.scn-distant-shore .sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #a0d0e8 0%, #d0eef8 60%, #e8f8ff 100%);
  animation: ds-sky 15s ease-in-out infinite alternate;
}
.scn-distant-shore .sea {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #40a0c0 0%, #2080a0 40%, #1a6080 100%);
  border-radius: 0 0 30% 30% / 0 0 15% 15%;
  animation: ds-sea 10s ease-in-out infinite alternate;
}
.scn-distant-shore .shore {
  position: absolute; bottom: 30%; left: 20%; width: 60%; height: 15%;
  background: linear-gradient(180deg, #60a040 0%, #408020 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 4px 10px rgba(0,0,0,0.1);
  animation: ds-shore 20s ease-in-out infinite alternate;
}
.scn-distant-shore .mountains {
  position: absolute; bottom: 30%; left: 10%; width: 40%; height: 20%;
  background: linear-gradient(180deg, #708a68 0%, #506850 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  transform: scaleX(0.8);
  opacity: 0.6;
  animation: ds-mountains 25s ease-in-out infinite alternate;
}
.scn-distant-shore .surf {
  position: absolute; bottom: 32%; left: 15%; width: 70%; height: 4%;
  background: linear-gradient(90deg, transparent, #e8f0f0 30%, transparent 70%);
  filter: blur(5px);
  animation: ds-surf 6s ease-in-out infinite alternate;
}
.scn-distant-shore .deck {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #8a7a60 0%, #5a4a30 100%);
  border-radius: 5% 5% 0 0 / 10% 10% 0 0;
  box-shadow: 0 -4px 10px rgba(0,0,0,0.3);
}
.scn-distant-shore .figure {
  position: absolute; bottom: 18%; left: 40%; width: 8%; height: 14%;
  background: #1a1a2a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-2deg);
  animation: ds-figure 8s ease-in-out infinite alternate;
}
.scn-distant-shore .cloud {
  position: absolute; top: 8%; right: 20%; width: 20%; height: 8%;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: ds-cloud 30s linear infinite;
}
@keyframes ds-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes ds-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
  100% { transform: translateY(1px); }
}
@keyframes ds-shore {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-2px) scaleX(1.02); }
  100% { transform: translateY(1px) scaleX(0.98); }
}
@keyframes ds-mountains {
  0% { opacity: 0.5; transform: scaleX(0.8) translateY(0); }
  50% { opacity: 0.7; transform: scaleX(0.85) translateY(-2px); }
  100% { opacity: 0.6; transform: scaleX(0.8) translateY(1px); }
}
@keyframes ds-surf {
  0% { opacity: 0.3; transform: scaleX(1); }
  50% { opacity: 0.6; transform: scaleX(1.1); }
  100% { opacity: 0.4; transform: scaleX(0.9); }
}
@keyframes ds-figure {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(0deg) translateY(-3px); }
  100% { transform: rotate(-4deg) translateY(2px); }
}
@keyframes ds-cloud {
  0% { transform: translateX(0); }
  100% { transform: translateX(-120vw); }
}

.scn-tichborne-claimant {
  background: linear-gradient(180deg, #e8d4b8 0%, #c4a882 30%, #9e7a5a 100%),
              radial-gradient(ellipse at 50% 0%, #fff4e0 0%, transparent 60%);
}
.scn-tichborne-claimant .wall {
  position: absolute; inset: 0; background: linear-gradient(135deg, #d4b896 0%, #b4956e 100%);
  border-radius: 0 0 20% 20%; animation: tich-wall 20s ease-in-out infinite alternate;
}
.scn-tichborne-claimant .counter {
  position: absolute; bottom: 15%; left: 10%; right: 10%; height: 25%;
  background: linear-gradient(180deg, #8b6f4e 0%, #6d5539 100%);
  border-radius: 8px; box-shadow: 0 -8px 20px rgba(0,0,0,0.3); animation: tich-counter 12s ease infinite;
}
.scn-tichborne-claimant .figure {
  position: absolute; bottom: 20%; left: 50%; width: 50px; height: 90px;
  transform: translateX(-50%); background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 45% 45% 40% 40% / 60% 60% 40% 40%; animation: tich-figure 4s ease-in-out infinite;
}
.scn-tichborne-claimant .meat-block {
  position: absolute; bottom: 18%; left: 30%; width: 40px; height: 25px;
  background: radial-gradient(circle, #b25030 0%, #803020 70%);
  border-radius: 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: tich-meat 3s ease-in-out infinite alternate;
}
.scn-tichborne-claimant .shelf {
  position: absolute; bottom: 55%; left: 5%; right: 5%; height: 6px;
  background: #5a3f28; border-radius: 2px; box-shadow: 0 12px 0 #5a3f28, 0 24px 0 #5a3f28;
  animation: tich-shelf 30s linear infinite;
}
.scn-tichborne-claimant .lamp {
  position: absolute; top: 8%; left: 50%; width: 20px; height: 30px;
  transform: translateX(-50%); background: radial-gradient(circle at 50% 100%, #ffd080 0%, #b08040 100%);
  border-radius: 10px 10px 0 0; box-shadow: 0 0 40px 15px rgba(255,200,100,0.5);
  animation: tich-lamp 5s ease-in-out infinite;
}
.scn-tichborne-claimant .window {
  position: absolute; top: 12%; right: 8%; width: 60px; height: 70px;
  background: linear-gradient(180deg, #fff8e0 0%, #f0d8a0 100%);
  border: 4px solid #5a3f28; border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,200,0.6);
  animation: tich-win 8s ease infinite alternate;
}
.scn-tichborne-claimant .shadow-soft {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 60%, transparent 0%, rgba(0,0,0,0.15) 100%);
  pointer-events: none; animation: tich-shadow 10s ease-in-out infinite;
}
@keyframes tich-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes tich-counter { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); } }
@keyframes tich-figure { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px) rotate(1deg); } }
@keyframes tich-meat { 0% { opacity: 0.8; transform: scale(1); } 100% { opacity: 1; transform: scale(1.05); } }
@keyframes tich-shelf { 0% { filter: brightness(1); } 50% { filter: brightness(1.1); } 100% { filter: brightness(0.95); } }
@keyframes tich-lamp { 0%,100% { opacity: 0.9; box-shadow: 0 0 30px 10px rgba(255,200,100,0.4); } 50% { opacity: 1; box-shadow: 0 0 50px 20px rgba(255,200,100,0.7); } }
@keyframes tich-win { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes tich-shadow { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }

.scn-claimant-romance {
  background: linear-gradient(180deg, #e3d2b0 0%, #c4a67a 40%, #8f704d 100%),
              radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 50%);
}
.scn-claimant-romance .room-bg {
  position: absolute; inset: 0; background: linear-gradient(135deg, #d4bb94 0%, #a98b62 100%);
  animation: rom-bg 25s ease-in-out infinite alternate;
}
.scn-claimant-romance .bench {
  position: absolute; bottom: 25%; left: 10%; width: 80px; height: 60px;
  background: linear-gradient(180deg, #5a3f28 0%, #3a2a1a 100%);
  border-radius: 10% 10% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: rom-bench 6s ease infinite;
}
.scn-claimant-romance .witness-box {
  position: absolute; bottom: 25%; left: 50%; width: 60px; height: 70px;
  transform: translateX(-50%); background: linear-gradient(180deg, #6d5539 0%, #4a3724 100%);
  border-radius: 8px; border: 3px solid #3a2a1a; animation: rom-box 8s ease-in-out infinite;
}
.scn-claimant-romance .claimant-stand {
  position: absolute; bottom: 25%; left: 75%; width: 50px; height: 100px;
  background: linear-gradient(180deg, #2a1a10 0%, #0d0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rom-stand 4s ease-in-out infinite alternate;
}
.scn-claimant-romance .audience-row {
  position: absolute; bottom: 10%; left: 5%; right: 5%; height: 40px;
  background: repeating-linear-gradient(90deg, #6d5539 0px 20px, transparent 20px 40px);
  border-radius: 60% 60% 0 0 / 80% 80% 0 0; filter: blur(1px);
  animation: rom-rows 9s linear infinite;
}
.scn-claimant-romance .light-spot {
  position: absolute; top: 0; left: 35%; right: 35%; height: 60%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,240,200,0.6) 0%, transparent 70%);
  animation: rom-spot 10s ease-in-out infinite alternate;
}
@keyframes rom-bg { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes rom-bench { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes rom-box { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(0.98); } 100% { transform: translateX(-50%) scaleY(1); } }
@keyframes rom-stand { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes rom-rows { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes rom-spot { 0% { opacity: 0.5; transform: scaleY(0.9); } 100% { opacity: 1; transform: scaleY(1.1); } }

.scn-claimant-confession {
  background: linear-gradient(180deg, #b8946a 0%, #8f704a 50%, #5a3f28 100%),
              radial-gradient(ellipse at 50% 0%, #f0d8b0 0%, transparent 60%);
}
.scn-claimant-confession .dark-corner {
  position: absolute; inset: 0; background: linear-gradient(135deg, #3a2818 0%, #1a1008 100%);
  opacity: 0.4; animation: conf-corner 15s ease-in-out infinite alternate;
}
.scn-claimant-confession .desk {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 30%;
  background: linear-gradient(180deg, #6d5539 0%, #4a3724 100%);
  border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,0.5);
  animation: conf-desk 12s ease infinite;
}
.scn-claimant-confession .paper {
  position: absolute; bottom: 22%; left: 35%; width: 80px; height: 50px;
  background: linear-gradient(135deg, #fff8e0 0%, #e8d4a0 100%);
  border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: conf-paper 8s ease-in-out infinite alternate;
}
.scn-claimant-confession .pen {
  position: absolute; bottom: 30%; left: 60%; width: 40px; height: 4px;
  background: #3a2a1a; border-radius: 2px; transform: rotate(-30deg);
  animation: conf-pen 4s ease-in-out infinite;
}
.scn-claimant-confession .figure-confess {
  position: absolute; bottom: 18%; left: 50%; width: 50px; height: 80px;
  transform: translateX(-50%); background: linear-gradient(180deg, #1a1008 0%, #0a0602 100%);
  border-radius: 45% 45% 40% 40% / 60% 60% 40% 40%;
  animation: conf-fig 6s ease-in-out infinite;
}
.scn-claimant-confession .lamp-glow {
  position: absolute; top: 10%; left: 30%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(255,200,100,0.5) 0%, transparent 70%);
  animation: conf-lamp 5s ease-in-out infinite;
}
@keyframes conf-corner { 0% { opacity: 0.3; } 50% { opacity: 0.5; } 100% { opacity: 0.35; } }
@keyframes conf-desk { 0% { transform: scaleX(1); } 50% { transform: scaleX(0.99); } 100% { transform: scaleX(1); } }
@keyframes conf-paper { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(2deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes conf-pen { 0% { transform: rotate(-30deg) translateX(0); } 25% { transform: rotate(-25deg) translateX(5px); } 50% { transform: rotate(-30deg) translateX(10px); } 75% { transform: rotate(-35deg) translateX(5px); } 100% { transform: rotate(-30deg) translateX(0); } }
@keyframes conf-fig { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0); } 50% { transform: translateX(-50%) translateY(-3px) rotate(2deg); } }
@keyframes conf-lamp { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.7; } }

.scn-henry-bascom-mystery {
  background: linear-gradient(180deg, #d4c4a0 0%, #a88b6a 40%, #6d5539 100%),
              radial-gradient(ellipse at 70% 10%, #fff4e0 0%, transparent 60%);
}
.scn-henry-bascom-mystery .hall-wall {
  position: absolute; inset: 0; background: linear-gradient(135deg, #b8966e 0%, #8f6f4a 100%);
  animation: bas-wall 18s ease-in-out infinite alternate;
}
.scn-henry-bascom-mystery .door {
  position: absolute; bottom: 10%; left: 10%; width: 80px; height: 120px;
  background: linear-gradient(180deg, #5a3f28 0%, #3a2a1a 100%);
  border-radius: 6px 6px 0 0; border: 4px solid #4a3724;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.3); animation: bas-door 10s ease-in-out infinite;
}
.scn-henry-bascom-mystery .letter {
  position: absolute; bottom: 30%; left: 55%; width: 60px; height: 40px;
  background: linear-gradient(135deg, #fff8e0 0%, #e8d4a0 100%);
  border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  animation: bas-letter 6s ease-in-out infinite alternate;
}
.scn-henry-bascom-mystery .figure-mystery {
  position: absolute; bottom: 15%; left: 50%; width: 55px; height: 100px;
  transform: translateX(-50%); background: linear-gradient(180deg, #2a1a10 0%, #0d0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bas-fig 8s ease-in-out infinite;
}
.scn-henry-bascom-mystery .candle-glow {
  position: absolute; top: 5%; right: 15%; width: 40px; height: 50px;
  background: radial-gradient(circle at 50% 100%, #ffd080 0%, #b08040 60%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 60px 20px rgba(255,200,100,0.4);
  animation: bas-candle 4s ease-in-out infinite;
}
.scn-henry-bascom-mystery .shadow-suspense {
  position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,0,0,0.2) 0%, transparent 50%, rgba(0,0,0,0.3) 100%);
  animation: bas-shadow 12s ease-in-out infinite alternate;
}
.scn-henry-bascom-mystery .clock-distant {
  position: absolute; top: 10%; left: 20%; width: 30px; height: 30px;
  background: radial-gradient(circle, #5a3f28 0%, #3a2a1a 100%);
  border-radius: 50%; border: 3px solid #8b6f4e;
  animation: bas-clock 20s linear infinite;
}
@keyframes bas-wall { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes bas-door { 0% { transform: scaleX(1); } 50% { transform: scaleX(0.98); } 100% { transform: scaleX(1); } }
@keyframes bas-letter { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-5px) rotate(3deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes bas-fig { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0); } 50% { transform: translateX(-50%) translateY(-4px) rotate(1.5deg); } }
@keyframes bas-candle { 0% { opacity: 0.7; transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.05); } 100% { opacity: 0.8; transform: scale(1); } }
@keyframes bas-shadow { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes bas-clock { 0% { filter: brightness(1); } 50% { filter: brightness(1.15); } 100% { filter: brightness(1); } }

/* women-deserve-respect */
.scn-women-deserve-respect {
  background: linear-gradient(180deg, #fde8c8 0%, #f5d0a0 40%, #e8b070 100%), radial-gradient(ellipse at 70% 30%, #ffeedd 0%, transparent 60%);
}
.scn-women-deserve-respect .window-frame {
  position: absolute; inset: 5% 10% 5% 15%; border: 6px solid #6b4226; border-radius: 8px; background: linear-gradient(135deg, #ffe9d0 0%, #f8d4a4 100%); box-shadow: inset 0 0 30px rgba(255, 200, 120, 0.5), 0 0 20px rgba(200, 140, 60, 0.3); animation: wdr-pulse 6s ease-in-out infinite alternate;
}
.scn-women-deserve-respect .sunlight {
  position: absolute; inset: 8% 12% 8% 17%; background: radial-gradient(ellipse at 30% 40%, rgba(255, 240, 200, 0.9) 0%, rgba(255, 220, 160, 0.2) 70%); border-radius: 6px; filter: blur(8px); animation: wdr-glow 4s ease-in-out infinite alternate;
}
.scn-women-deserve-respect .woman-silhouette {
  position: absolute; bottom: 18%; left: 42%; width: 40px; height: 70px; background: linear-gradient(180deg, #2c1a0e 0%, #4a2a1a 30%, #1a0e06 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wdr-stand 8s ease-in-out infinite;
}
.scn-women-deserve-respect .law-scroll {
  position: absolute; bottom: 22%; left: 60%; width: 30px; height: 20px; background: linear-gradient(180deg, #f5e6d0 0%, #d4b896 100%); border-radius: 4px 4px 2px 2px; transform: rotate(-10deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: wdr-unroll 10s ease-in-out infinite alternate;
}
.scn-women-deserve-respect .glow-orb {
  position: absolute; top: 28%; right: 25%; width: 12px; height: 12px; background: radial-gradient(circle, #ffdd88 0%, #ffbb44 60%); border-radius: 50%; box-shadow: 0 0 20px 6px rgba(255, 200, 80, 0.6); animation: wdr-float 5s ease-in-out infinite;
}
.scn-women-deserve-respect .dust-particle {
  position: absolute; top: 35%; left: 22%; width: 4px; height: 4px; background: rgba(255, 230, 180, 0.8); border-radius: 50%; filter: blur(1px); animation: wdr-dust 12s linear infinite;
}
.scn-women-deserve-respect .dust-2 {
  left: 70%; top: 45%; animation-delay: 4s; width: 3px; height: 3px;
}
@keyframes wdr-pulse {
  0% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.01); }
  100% { opacity: 0.8; transform: scale(0.99); }
}
@keyframes wdr-glow {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}
@keyframes wdr-stand {
  0%, 100% { transform: translateY(0); }
  25% { transform: translateY(-2px); }
  50% { transform: translateY(1px); }
  75% { transform: translateY(-1px); }
}
@keyframes wdr-unroll {
  0% { transform: rotate(-10deg) scaleX(1); }
  50% { transform: rotate(-8deg) scaleX(1.05); }
  100% { transform: rotate(-12deg) scaleX(0.95); }
}
@keyframes wdr-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(10deg); }
}
@keyframes wdr-dust {
  0% { transform: translateY(0) translateX(0); opacity: 0; }
  10% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateY(-40px) translateX(20px); opacity: 0; }
}

/* person-includes-woman */
.scn-person-includes-woman {
  background: linear-gradient(180deg, #f7e6c8 0%, #e8c888 40%, #d4a868 100%), radial-gradient(ellipse at 80% 60%, #ffecb0 0%, transparent 70%);
}
.scn-person-includes-woman .bg-warm {
  position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255, 220, 160, 0.3) 0%, transparent 50%); pointer-events: none;
}
.scn-person-includes-woman .group-figures {
  position: absolute; bottom: 20%; left: 30%; width: 100px; height: 70px; display: flex; justify-content: space-around; align-items: flex-end;
}
.scn-person-includes-woman .group-figures::before,
.scn-person-includes-woman .group-figures::after {
  content: ''; display: block; width: 30px; height: 60px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: piw-bob 6s ease-in-out infinite alternate;
}
.scn-person-includes-woman .group-figures::after {
  height: 55px; animation-delay: 0.5s; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
}
.scn-person-includes-woman .document {
  position: absolute; bottom: 22%; left: 55%; width: 40px; height: 28px; background: linear-gradient(180deg, #f5e6d0 0%, #d4c4a0 100%); border-radius: 2px; transform: rotate(5deg); box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: piw-flip 8s ease-in-out infinite;
}
.scn-person-includes-woman .ink-well {
  position: absolute; bottom: 25%; left: 48%; width: 12px; height: 14px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40%; box-shadow: inset 0 2px 4px rgba(0,0,0,0.5); animation: piw-rock 7s ease-in-out infinite alternate;
}
.scn-person-includes-woman .quill {
  position: absolute; bottom: 32%; left: 50%; width: 2px; height: 30px; background: linear-gradient(180deg, #d4a868 0%, #8a6a3a 100%); transform-origin: bottom; transform: rotate(-15deg); border-radius: 0 0 2px 2px; animation: piw-write 5s ease-in-out infinite;
}
.scn-person-includes-woman .small-orb {
  position: absolute; top: 20%; right: 20%; width: 6px; height: 6px; background: radial-gradient(circle, #ffd080 0%, #ffb040 60%); border-radius: 50%; box-shadow: 0 0 12px 3px rgba(255, 180, 60, 0.5); animation: piw-glide 9s linear infinite;
}
.scn-person-includes-woman .orb-2 {
  top: 35%; right: 45%; animation-delay: 3s; width: 4px; height: 4px;
}
@keyframes piw-bob {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(1px); }
}
@keyframes piw-flip {
  0% { transform: rotate(5deg) scaleY(1); }
  50% { transform: rotate(2deg) scaleY(1.02); }
  100% { transform: rotate(8deg) scaleY(0.98); }
}
@keyframes piw-rock {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(2px); }
}
@keyframes piw-write {
  0%, 100% { transform: rotate(-15deg); }
  50% { transform: rotate(-8deg); }
}
@keyframes piw-glide {
  0% { transform: translateY(0) translateX(0); opacity: 0; }
  10% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateY(-30px) translateX(-40px); opacity: 0; }
}

/* flora-scow */
.scn-flora-scow {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a3a 30%, #2a2a3a 60%, #3a3a4a 100%), radial-gradient(ellipse at 50% 50%, #1a1a2a 0%, transparent 80%);
}
.scn-flora-scow .cabin-wall {
  position: absolute; inset: 5% 10% 0% 5%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.8); pointer-events: none;
}
.scn-flora-scow .porthole {
  position: absolute; top: 20%; left: 40%; width: 50px; height: 50px; background: radial-gradient(circle, #2a4a6a 0%, #0a1a2a 100%); border-radius: 50%; border: 4px solid #4a3a2a; box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 0 0 8px rgba(0, 50, 100, 0.4); animation: fs-rock 12s ease-in-out infinite alternate;
}
.scn-flora-scow .lantern-glow {
  position: absolute; top: 40%; right: 20%; width: 20px; height: 20px; background: radial-gradient(circle, #ff8822 0%, #cc4400 60%, transparent 80%); border-radius: 50%; box-shadow: 0 0 30px 10px rgba(255, 100, 20, 0.5); animation: fs-flicker 2s ease-in-out infinite alternate;
}
.scn-flora-scow .rough-plank {
  position: absolute; bottom: 25%; left: 15%; width: 70%; height: 8px; background: linear-gradient(90deg, #4a3a2a 0%, #5a4a3a 20%, #3a2a1a 80%, #2a1a0a 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.6); animation: fs-creak 8s ease-in-out infinite;
}
.scn-flora-scow .shadow-figure {
  position: absolute; bottom: 15%; left: 35%; width: 30px; height: 50px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fs-crouch 6s ease-in-out infinite alternate;
}
.scn-flora-scow .water-ripple {
  position: absolute; bottom: 5%; left: 10%; width: 80%; height: 10px; background: radial-gradient(ellipse, rgba(100, 150, 200, 0.2) 0%, transparent 70%); border-radius: 50%; filter: blur(3px); animation: fs-wave 4s ease-in-out infinite alternate;
}
.scn-flora-scow .ripple-2 {
  bottom: 2%; left: 5%; width: 90%; height: 8px; animation-delay: 2s; background: radial-gradient(ellipse, rgba(100, 150, 200, 0.15) 0%, transparent 60%);
}
@keyframes fs-rock {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-3px); }
  100% { transform: rotate(-1deg) translateY(2px); }
}
@keyframes fs-flicker {
  0% { opacity: 0.7; transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.05); }
  100% { opacity: 0.8; transform: scale(1); }
}
@keyframes fs-creak {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes fs-crouch {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(3px) rotate(5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes fs-wave {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(5px) scaleY(1.2); }
  100% { transform: translateX(-5px) scaleY(0.8); }
}

/* no-notice */
.scn-no-notice {
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 30%, #3a2a2a 60%, #1a0a0a 100%), radial-gradient(ellipse at 50% 30%, #2a1a1a 0%, transparent 80%);
}
.scn-no-notice .counter {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 12px; background: linear-gradient(90deg, #4a3a2a 0%, #5a4a3a 50%, #3a2a1a 100%); border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: nn-shift 10s ease-in-out infinite alternate;
}
.scn-no-notice .ticket-stack {
  position: absolute; bottom: 28%; left: 25%; width: 40px; height: 16px; background: linear-gradient(180deg, #e8d8b8 0%, #c8b898 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); transform: rotate(-5deg); animation: nn-tilt 8s ease-in-out infinite;
}
.scn-no-notice .hand-shadow {
  position: absolute; bottom: 32%; left: 35%; width: 40px; height: 50px; background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 60%); border-radius: 50% 30% 40% 40% / 30% 50% 50% 30%; transform-origin: bottom left; animation: nn-reach 6s ease-in-out infinite alternate;
}
.scn-no-notice .lamp-light {
  position: absolute; top: 15%; right: 20%; width: 20px; height: 20px; background: radial-gradient(circle, #ffcc44 0%, #aa6600 60%, transparent 80%); border-radius: 50%; box-shadow: 0 0 30px 10px rgba(200, 100, 0, 0.4); animation: nn-pulse 3s ease-in-out infinite alternate;
}
.scn-no-notice .envelope {
  position: absolute; bottom: 35%; left: 55%; width: 36px; height: 24px; background: linear-gradient(180deg, #e8d8b8 0%, #c8b898 100%); border-radius: 2px; transform: rotate(10deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: nn-slide 9s ease-in-out infinite alternate;
}
.scn-no-notice .dust-mote {
  position: absolute; top: 40%; left: 20%; width: 3px; height: 3px; background: rgba(200, 180, 140, 0.6); border-radius: 50%; filter: blur(1px); animation: nn-drift 15s linear infinite;
}
.scn-no-notice .mote-2 {
  top: 60%; left: 60%; animation-delay: 5s; width: 2px; height: 2px;
}
@keyframes nn-shift {
  0% { transform: translateX(0); }
  50% { transform: translateX(3px); }
  100% { transform: translateX(-2px); }
}
@keyframes nn-tilt {
  0%, 100% { transform: rotate(-5deg); }
  50% { transform: rotate(2deg); }
}
@keyframes nn-reach {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(8px) rotate(10deg); }
  100% { transform: translateX(2px) rotate(-5deg); }
}
@keyframes nn-pulse {
  0% { opacity: 0.8; transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.05); }
  100% { opacity: 0.7; transform: scale(0.9); }
}
@keyframes nn-slide {
  0% { transform: rotate(10deg) translateX(0); }
  50% { transform: rotate(8deg) translateX(-5px); }
  100% { transform: rotate(12deg) translateX(3px); }
}
@keyframes nn-drift {
  0% { transform: translateY(0) translateX(0); opacity: 0; }
  10% { opacity: 0.8; }
  80% { opacity: 0.8; }
  100% { transform: translateY(-40px) translateX(30px); opacity: 0; }
}

/* fever-tank */
.scn-fever-tank {
  background: linear-gradient(180deg, #87CEEB 0%, #F0E68C 60%, #CD853F 100%),
              radial-gradient(ellipse at 80% 20%, #FFD700 0%, transparent 60%);
}
.scn-fever-tank .ghat-bg {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #D2B48C 0%, #8B7355 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: ft-ghat 20s ease-in-out infinite alternate;
}
.scn-fever-tank .tank {
  position: absolute; bottom: 30%; left: 35%; width: 200px; height: 100px;
  background: linear-gradient(180deg, #696969 0%, #505050 50%, #404040 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: ft-tank 8s ease-in-out infinite;
}
.scn-fever-tank .sludge {
  position: absolute; bottom: 30%; left: 35%; width: 200px; height: 80px;
  background: linear-gradient(180deg, #556B2F 0%, #4B5320 60%, #3B5320 100%);
  border-radius: 0 0 5% 5%;
  opacity: 0.8;
  animation: ft-sludge 5s ease-in-out infinite alternate;
}
.scn-fever-tank .figure-a {
  position: absolute; bottom: 35%; left: 30%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2F1E0E 0%, #1C1108 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ft-drink 3s ease-in-out infinite;
}
.scn-fever-tank .figure-b {
  position: absolute; bottom: 35%; left: 52%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #3D2B1F 0%, #1C1108 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ft-drink 3.2s ease-in-out infinite 0.5s;
}
.scn-fever-tank .drop {
  position: absolute; bottom: 42%; width: 8px; height: 8px;
  background: radial-gradient(circle, #8B7355 0%, #556B2F 100%);
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.scn-fever-tank .drop-1 {
  left: 42%; animation: ft-drop 2s ease-in infinite;
}
.scn-fever-tank .drop-2 {
  left: 50%; animation: ft-drop 2.5s ease-in infinite 0.3s;
}
.scn-fever-tank .sun {
  position: absolute; top: 8%; right: 20%; width: 60px; height: 60px;
  background: radial-gradient(circle, #FFD700 0%, #FFA500 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #FFD700;
  animation: ft-sun 12s ease-in-out infinite alternate;
}
@keyframes ft-ghat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ft-tank { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes ft-sludge { 0% { transform: scaleY(1); opacity: 0.8; } 50% { transform: scaleY(1.05); opacity: 0.9; } 100% { transform: scaleY(1); opacity: 0.8; } }
@keyframes ft-drink { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-5px) rotate(10deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-3px) rotate(-10deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ft-drop { 0% { transform: translateY(-30px) scale(1); opacity: 1; } 100% { transform: translateY(40px) scale(0.5); opacity: 0; } }
@keyframes ft-sun { 0% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 40px 20px #FFD700; } 50% { transform: scale(1.1); opacity: 1; box-shadow: 0 0 60px 30px #FFD700; } 100% { transform: scale(0.95); opacity: 0.85; box-shadow: 0 0 30px 15px #FFD700; } }

/* well-of-fate */
.scn-well-of-fate {
  background: linear-gradient(180deg, #87CEEB 0%, #B0C4DE 40%, #4682B4 100%),
              radial-gradient(ellipse at 50% 80%, #F0E68C 0%, transparent 70%);
}
.scn-well-of-fate .well-rim {
  position: absolute; bottom: 25%; left: 50%; width: 160px; height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #808080 0%, #696969 50%, #505050 100%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
  animation: wf-rim 10s ease-in-out infinite;
}
.scn-well-of-fate .well-dark {
  position: absolute; bottom: 25%; left: 50%; width: 120px; height: 120px;
  transform: translateX(-50%);
  background: radial-gradient(circle, #1a1a2e 0%, #0a0a1a 100%);
  border-radius: 50%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
  animation: wf-dark 8s ease-in-out infinite alternate;
}
.scn-well-of-fate .reflection {
  position: absolute; bottom: 42%; left: 50%; width: 80px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(135,206,250,0.4) 0%, rgba(100,149,237,0.3) 100%);
  border-radius: 0 0 50% 50%;
  filter: blur(4px);
  animation: wf-reflect 6s ease-in-out infinite alternate;
}
.scn-well-of-fate .figure-left {
  position: absolute; bottom: 35%; left: 22%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #2F1E0E 0%, #1C1108 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wf-figure-l 4s ease-in-out infinite;
}
.scn-well-of-fate .figure-right {
  position: absolute; bottom: 35%; right: 22%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #3D2B1F 0%, #1C1108 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wf-figure-r 4.5s ease-in-out infinite 0.3s;
}
.scn-well-of-fate .face-reflection {
  position: absolute; bottom: 35%; left: 50%; width: 30px; height: 30px;
  transform: translateX(-50%);
  background: radial-gradient(circle, #DEB887 0%, #8B7355 60%, transparent 100%);
  border-radius: 50%;
  opacity: 0.6;
  animation: wf-face 3s ease-in-out infinite alternate;
}
.scn-well-of-fate .coins {
  position: absolute; bottom: 30%; left: 38%; width: 12px; height: 12px;
  background: radial-gradient(circle, #FFD700 0%, #DAA520 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px #FFD700;
  animation: wf-coins 2s ease-in-out infinite;
}
@keyframes wf-rim { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } }
@keyframes wf-dark { 0% { opacity: 0.9; box-shadow: inset 0 0 20px rgba(0,0,0,0.8); } 50% { opacity: 1; box-shadow: inset 0 0 30px rgba(0,0,0,0.9); } 100% { opacity: 0.85; box-shadow: inset 0 0 15px rgba(0,0,0,0.7); } }
@keyframes wf-reflect { 0% { transform: translateX(-50%) scaleY(1); opacity: 0.4; } 50% { transform: translateX(-50%) scaleY(1.2); opacity: 0.6; } 100% { transform: translateX(-50%) scaleY(0.9); opacity: 0.3; } }
@keyframes wf-figure-l { 0% { transform: translateY(0) rotate(2deg); } 25% { transform: translateY(-4px) rotate(-2deg); } 50% { transform: translateY(0) rotate(2deg); } 75% { transform: translateY(-2px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes wf-figure-r { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-5px) rotate(3deg); } 50% { transform: translateY(0) rotate(-2deg); } 75% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes wf-face { 0% { opacity: 0.3; transform: translateX(-50%) scale(0.8); } 50% { opacity: 0.7; transform: translateX(-50%) scale(1.1); } 100% { opacity: 0.4; transform: translateX(-50%) scale(0.9); } }
@keyframes wf-coins { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(180deg); } }

/* lord-of-desires */
.scn-lord-of-desires {
  background: linear-gradient(180deg, #F0E68C 0%, #FFDAB9 40%, #CD853F 100%),
              radial-gradient(ellipse at 50% 10%, #FFD700 0%, transparent 60%);
}
.scn-lord-of-desires .temple-wall {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 60%;
  background: linear-gradient(180deg, #DEB887 0%, #8B7355 50%, #6B4226 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: ld-wall 20s ease-in-out infinite alternate;
}
.scn-lord-of-desires .linga {
  position: absolute; bottom: 45%; left: 50%; width: 40px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #2F1E0E 0%, #1C1108 100%);
  border-radius: 50% 50% 30% 30% / 80% 80% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: ld-linga 6s ease-in-out infinite;
}
.scn-lord-of-desires .pedestal {
  position: absolute; bottom: 42%; left: 50%; width: 80px; height: 20px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #A0522D 0%, #8B4513 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: ld-pedestal 8s ease-in-out infinite alternate;
}
.scn-lord-of-desires .desire-bubble {
  position: absolute; border-radius: 50%;
  background: radial-gradient(circle, #FFB6C1 0%, #FF69B4 60%, transparent 100%);
  box-shadow: 0 0 10px 2px #FF69B4;
}
.scn-lord-of-desires .desire-bubble-a {
  width: 30px; height: 30px; top: 18%; left: 30%;
  animation: ld-bubble 4s ease-in-out infinite;
}
.scn-lord-of-desires .desire-bubble-b {
  width: 20px; height: 20px; top: 25%; right: 35%;
  animation: ld-bubble 5s ease-in-out infinite 1s;
}
.scn-lord-of-desires .desire-bubble-c {
  width: 25px; height: 25px; top: 30%; left: 45%;
  animation: ld-bubble 3.5s ease-in-out infinite 0.5s;
}
.scn-lord-of-desires .devotee {
  position: absolute; bottom: 30%; left: 20%; width: 18px; height: 36px;
  background: linear-gradient(180deg, #3D2B1F 0%, #1C1108 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ld-devotee 3s ease-in-out infinite;
}
.scn-lord-of-desires .hearts {
  position: absolute; top: 20%; left: 40%; width: 16px; height: 16px;
  background: #FFB6C1;
  border-radius: 50% 50% 0 50%;
  transform: rotate(45deg);
  animation: ld-hearts 2s ease-in-out infinite;
}
@keyframes ld-wall { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes ld-linga { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-6px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes ld-pedestal { 0% { opacity: 1; transform: translateX(-50%) scaleX(1); } 50% { opacity: 0.9; transform: translateX(-50%) scaleX(1.05); } 100% { opacity: 1; transform: translateX(-50%) scaleX(1); } }
@keyframes ld-bubble { 0% { transform: translateY(0) scale(1); opacity: 0.8; } 50% { transform: translateY(-20px) scale(1.1); opacity: 1; } 100% { transform: translateY(0) scale(1); opacity: 0.8; } }
@keyframes ld-devotee { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-5px) rotate(15deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-3px) rotate(-15deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ld-hearts { 0%,100% { transform: rotate(45deg) scale(1); opacity: 0.8; } 50% { transform: rotate(45deg) scale(1.3); opacity: 1; } }

/* salvation-circumambulation */
.scn-salvation-circumambulation {
  background: linear-gradient(180deg, #F5DEB3 0%, #DEB887 40%, #D2B48C 100%),
              radial-gradient(ellipse at 50% 100%, #FFD700 0%, transparent 70%);
}
.scn-salvation-circumambulation .path {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #C4A882 0%, #B8956A 100%);
  border-radius: 50% 50% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: sc-path 20s ease-in-out infinite alternate;
}
.scn-salvation-circumambulation .feet-a,
.scn-salvation-circumambulation .feet-b {
  position: absolute; bottom: 20%; width: 20px; height: 10px;
  background: linear-gradient(180deg, #6B4226 0%, #4A2F1A 100%);
  border-radius: 50% 50% 10% 10%;
  animation: sc-feet 1.5s ease-in-out infinite;
}
.scn-salvation-circumambulation .feet-a { left: 30%; animation-delay: 0s; }
.scn-salvation-circumambulation .feet-b { left: 45%; animation-delay: 0.5s; }
.scn-salvation-circumambulation .figure-walk {
  position: absolute; bottom: 25%; left: 35%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #2F1E0E 0%, #1C1108 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc-walk 2s ease-in-out infinite;
}
.scn-salvation-circumambulation .temple-arch {
  position: absolute; bottom: 30%; right: 10%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #DEB887 0%, #8B7355 100%);
  border-radius: 50% 50% 0 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 50% 20%);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: sc-arch 15s ease-in-out infinite alternate;
}
.scn-salvation-circumambulation .money-sack {
  position: absolute; bottom: 22%; right: 30%; width: 18px; height: 24px;
  background: radial-gradient(circle at 30% 30%, #8B4513 0%, #5C3317 100%);
  border-radius: 30% 30% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: sc-sack 3s ease-in-out infinite;
}
.scn-salvation-circumambulation .scroll {
  position: absolute; bottom: 40%; right: 20%; width: 12px; height: 30px;
  background: linear-gradient(180deg, #F5DEB3 0%, #D2B48C 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  animation: sc-scroll 4s ease-in-out infinite alternate;
}
.scn-salvation-circumambulation .dust {
  position: absolute; bottom: 20%; left: 20%; width: 8px; height: 8px;
  background: radial-gradient(circle, #D2B48C 0%, transparent 100%);
  border-radius: 50%;
  animation: sc-dust 3s ease-in infinite;
}
@keyframes sc-path { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes sc-feet { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(6px) rotate(10deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-6px) rotate(-10deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sc-walk { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-6px) rotate(8deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-4px) rotate(-8deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes sc-arch { 0% { transform: scaleY(1); opacity: 0.9; } 50% { transform: scaleY(1.05); opacity: 1; } 100% { transform: scaleY(0.95); opacity: 0.85; } }
@keyframes sc-sack { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.1); } }
@keyframes sc-scroll { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(3px) scaleY(1.1); } 100% { transform: translateX(0) scaleY(1); } }
@keyframes sc-dust { 0% { transform: translateY(0) scale(1); opacity: 0.6; } 100% { transform: translateY(-30px) scale(2); opacity: 0; } }

.scn-weet-weet-secret {
  background: linear-gradient(180deg, #fff8e7 0%, #f5e0c0 100%), radial-gradient(ellipse at 30% 40%, #ffe8a0 0%, transparent 60%);
}
.scn-weet-weet-secret .wws-wall {
  position: absolute; inset: 0; background: linear-gradient(90deg, #e8d8b8 0%, #f0e0c0 100%); 
}
.scn-weet-weet-secret .wws-window {
  position: absolute; top: 15%; left: 60%; width: 120px; height: 160px; background: linear-gradient(180deg, #b0d0ff 0%, #d0e8ff 100%); border: 6px solid #8a6a3a; border-radius: 8px; box-shadow: inset 0 0 20px rgba(255,255,200,0.3);
}
.scn-weet-weet-secret .wws-glow {
  position: absolute; top: 15%; left: 60%; width: 120px; height: 160px; background: radial-gradient(ellipse at 50% 30%, rgba(255,255,180,0.6) 0%, transparent 60%); animation: wws-glows 6s ease-in-out infinite alternate;
}
.scn-weet-weet-secret .wws-figure {
  position: absolute; bottom: 20%; left: 30%; width: 30px; height: 70px; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wws-fig 10s ease-in-out infinite;
}
.scn-weet-weet-secret .wws-arm {
  position: absolute; bottom: 50%; left: 36%; width: 40px; height: 8px; background: #5a3a1a; border-radius: 40% 20% 10% 10%; transform-origin: 0% 50%; animation: wws-armthrow 4s ease-in-out infinite alternate;
}
.scn-weet-weet-secret .wws-dart {
  position: absolute; bottom: 55%; left: 50%; width: 16px; height: 4px; background: #8a6a3a; border-radius: 20% 80% 80% 20%; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: wws-dartfly 5s ease-in-out infinite;
}
.scn-weet-weet-secret .wws-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #c8a86a 0%, #a87840 100%); border-radius: 50% 50% 0 0 / 30% 30% 0 0; box-shadow: inset 0 6px 12px rgba(0,0,0,0.2);
}
.scn-weet-weet-secret .wws-shadow {
  position: absolute; bottom: 18%; left: 25%; width: 50px; height: 6px; background: rgba(0,0,0,0.15); border-radius: 50%; filter: blur(4px); animation: wws-shadowpulse 8s ease-in-out infinite;
}
@keyframes wws-glows {
  0% { opacity: 0.7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
  100% { opacity: 0.8; transform: scale(0.98); }
}
@keyframes wws-fig {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-4px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes wws-armthrow {
  0% { transform: rotate(-30deg); }
  50% { transform: rotate(10deg); }
  100% { transform: rotate(-20deg); }
}
@keyframes wws-dartfly {
  0% { transform: translate(0,0) rotate(10deg); opacity: 1; }
  25% { transform: translate(80px,-10px) rotate(5deg); opacity: 1; }
  50% { transform: translate(160px,-20px) rotate(-5deg); opacity: 0.9; }
  75% { transform: translate(240px,-15px) rotate(0deg); opacity: 0.6; }
  100% { transform: translate(320px,-10px) rotate(10deg); opacity: 0; }
}
@keyframes wws-shadowpulse {
  0% { transform: scale(1); opacity: 0.15; }
  50% { transform: scale(1.1); opacity: 0.25; }
  100% { transform: scale(1); opacity: 0.15; }
}

.scn-aboriginal-acuteness {
  background: linear-gradient(180deg, #f0e8c0 0%, #c8b080 100%), radial-gradient(ellipse at 50% 40%, #ffe8a0 0%, transparent 70%);
}
.scn-aboriginal-acuteness .aba-back {
  position: absolute; inset: 0; background: linear-gradient(90deg, #d8c8a0 0%, #e8d8b8 100%);
}
.scn-aboriginal-acuteness .aba-tracker {
  position: absolute; bottom: 20%; left: 20%; width: 26px; height: 68px; background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: aba-fig 8s ease-in-out infinite;
}
.scn-aboriginal-acuteness .aba-arm {
  position: absolute; bottom: 50%; left: 28%; width: 36px; height: 6px; background: #4a2a0a; border-radius: 20% 80% 80% 20%; transform-origin: 0% 50%; animation: aba-point 6s ease-in-out infinite alternate;
}
.scn-aboriginal-acuteness .aba-stick {
  position: absolute; bottom: 52%; left: 38%; width: 18px; height: 3px; background: #7a5a2a; border-radius: 20% 80% 80% 20%; transform-origin: 50% 50%; animation: aba-stickswing 7s ease-in-out infinite;
}
.scn-aboriginal-acuteness .aba-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 22%; background: linear-gradient(180deg, #b0905a 0%, #8a7040 100%); border-radius: 40% 60% 0 0 / 20% 30% 0 0; box-shadow: inset 0 4px 10px rgba(0,0,0,0.15);
}
.scn-aboriginal-acuteness .aba-dust {
  position: absolute; bottom: 18%; left: 10%; width: 40px; height: 4px; background: rgba(180,150,80,0.3); border-radius: 50%; filter: blur(3px); animation: aba-dustdrift 12s ease-in-out infinite;
}
.scn-aboriginal-acuteness .aba-sunbeam {
  position: absolute; top: 10%; left: 30%; width: 80px; height: 200px; background: linear-gradient(180deg, rgba(255,255,200,0.4) 0%, rgba(255,255,200,0) 100%); transform: rotate(15deg); filter: blur(6px); animation: aba-beam 9s ease-in-out infinite alternate;
}
@keyframes aba-fig {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(6px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes aba-point {
  0% { transform: rotate(-20deg); }
  50% { transform: rotate(25deg); }
  100% { transform: rotate(-15deg); }
}
@keyframes aba-stickswing {
  0% { transform: translate(0,0) rotate(-10deg); }
  50% { transform: translate(12px,-2px) rotate(15deg); }
  100% { transform: translate(0,0) rotate(-10deg); }
}
@keyframes aba-dustdrift {
  0% { transform: translateX(0) scale(1); opacity: 0.3; }
  50% { transform: translateX(20px) scale(1.2); opacity: 0.5; }
  100% { transform: translateX(40px) scale(0.9); opacity: 0.2; }
}
@keyframes aba-beam {
  0% { opacity: 0.4; transform: rotate(15deg) scale(1); }
  50% { opacity: 0.7; transform: rotate(10deg) scale(1.03); }
  100% { opacity: 0.3; transform: rotate(18deg) scale(0.98); }
}

.scn-aboriginal-laziness {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 50% 100%, #2a1a0a 0%, transparent 60%);
}
.scn-aboriginal-laziness .abl-cave {
  position: absolute; inset: 0; background: linear-gradient(135deg, #4a3a2a 0%, #2a1a0a 50%, #1a0a00 100%); border-radius: 20% 20% 0 0 / 30% 30% 0 0;
}
.scn-aboriginal-laziness .abl-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
}
.scn-aboriginal-laziness .abl-figure {
  position: absolute; bottom: 16%; left: 40%; width: 30px; height: 40px; background: linear-gradient(180deg, #4a2a1a 0%, #2a1008 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: rotate(-10deg); animation: abl-lie 10s ease-in-out infinite;
}
.scn-aboriginal-laziness .abl-fire {
  position: absolute; bottom: 14%; left: 55%; width: 28px; height: 20px; background: radial-gradient(ellipse at 50% 60%, #ff8030 0%, #ff6020 40%, transparent 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 10px rgba(255,100,20,0.4); animation: abl-flame 4s ease-in-out infinite alternate;
}
.scn-aboriginal-laziness .abl-fish {
  position: absolute; bottom: 18%; left: 30%; width: 16px; height: 6px; background: linear-gradient(90deg, #8a6a3a 0%, #c8a86a 100%); border-radius: 50% 50% 40% 40%; transform: rotate(20deg); animation: abl-fishwiggle 6s ease-in-out infinite;
}
.scn-aboriginal-laziness .abl-shadow {
  position: absolute; bottom: 15%; left: 38%; width: 40px; height: 4px; background: rgba(0,0,0,0.4); border-radius: 50%; filter: blur(3px); animation: abl-shadpulse 7s ease-in-out infinite;
}
.scn-aboriginal-laziness .abl-light {
  position: absolute; top: 20%; left: 30%; width: 150px; height: 180px; background: radial-gradient(ellipse at 30% 40%, rgba(255,150,50,0.2) 0%, transparent 70%); animation: abl-lightflick 3s ease-in-out infinite alternate;
}
@keyframes abl-lie {
  0% { transform: translateX(0) rotate(-10deg); }
  50% { transform: translateX(3px) rotate(-8deg); }
  100% { transform: translateX(0) rotate(-10deg); }
}
@keyframes abl-flame {
  0% { transform: scale(1) translateY(0); opacity: 0.8; }
  50% { transform: scale(1.2) translateY(-4px); opacity: 1; }
  100% { transform: scale(0.9) translateY(2px); opacity: 0.7; }
}
@keyframes abl-fishwiggle {
  0% { transform: translate(0,0) rotate(20deg); }
  50% { transform: translate(4px,-2px) rotate(15deg); }
  100% { transform: translate(0,0) rotate(20deg); }
}
@keyframes abl-shadpulse {
  0% { transform: scale(1); opacity: 0.4; }
  50% { transform: scale(1.1); opacity: 0.3; }
  100% { transform: scale(1); opacity: 0.4; }
}
@keyframes abl-lightflick {
  0% { opacity: 0.2; }
  50% { opacity: 0.4; }
  100% { opacity: 0.15; }
}

.scn-victoria-tribes {
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #0a0a1a 100%), radial-gradient(ellipse at 50% 60%, #1a1a2a 0%, transparent 70%);
}
.scn-victoria-tribes .vtc-room {
  position: absolute; inset: 0; background: linear-gradient(135deg, #3a3a4a 0%, #2a2a3a 50%, #1a1a2a 100%);
}
.scn-victoria-tribes .vtc-map {
  position: absolute; top: 20%; left: 10%; width: 80%; height: 60%; background: linear-gradient(180deg, #4a4a5a 0%, #3a3a4a 100%); border: 2px solid #5a5a6a; border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); opacity: 0.4;
}
.scn-victoria-tribes .vtc-figure {
  position: absolute; bottom: 10%; left: 20%; width: 22px; height: 50px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: vtc-fadeout 15s ease-in-out infinite;
}
.scn-victoria-tribes .vtc-figure2 {
  position: absolute; bottom: 10%; left: 35%; width: 20px; height: 48px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; animation: vtc-fadeout 15s ease-in-out infinite 2s;
}
.scn-victoria-tribes .vtc-figure3 {
  position: absolute; bottom: 10%; left: 50%; width: 24px; height: 52px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; animation: vtc-fadeout 15s ease-in-out infinite 4s;
}
.scn-victoria-tribes .vtc-dust {
  position: absolute; bottom: 0; left: 0; right: 0; height: 12%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); opacity: 0.3;
}
.scn-victoria-tribes .vtc-fade {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, transparent 0%, #0a0a1a 70%); animation: vtc-fadein 20s ease-in-out infinite alternate;
}
@keyframes vtc-fadeout {
  0% { opacity: 1; transform: scale(1) translateY(0); }
  30% { opacity: 0.8; transform: scale(0.95) translateY(-2px); }
  60% { opacity: 0.4; transform: scale(0.9) translateY(-4px); }
  100% { opacity: 0; transform: scale(0.85) translateY(-8px); }
}
@keyframes vtc-fadein {
  0% { opacity: 0.7; }
  50% { opacity: 0.9; }
  100% { opacity: 0.5; }
}

.scn-brahmin-memory { 
  background: 
    linear-gradient(180deg, #f4e4c1 0%, #d4c4a1 60%, #a49471 100%),
    radial-gradient(ellipse at 50% 100%, #c8b88a 0%, transparent 70%);
}
.scn-brahmin-memory .room {
  position:absolute; inset:0; 
  background: linear-gradient(135deg, #ebe0c0 0%, #cebc90 100%);
}
.scn-brahmin-memory .window {
  position:absolute; top:10%; left:10%; width:30%; height:40%; 
  background: linear-gradient(180deg, #faf8f0 0%, #e6dcc0 100%);
  border-radius: 4% 4% 8% 8%; 
  box-shadow: inset 0 0 30px rgba(255,255,200,0.3), 0 0 20px rgba(180,160,120,0.2);
  animation: bm-window 12s ease-in-out infinite alternate;
}
.scn-brahmin-memory .brahmin {
  position:absolute; bottom:20%; left:40%; width:40px; height:70px;
  background: linear-gradient(180deg, #8a7a5a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bm-figure 8s ease-in-out infinite;
}
.scn-brahmin-memory .notebook {
  position:absolute; bottom:25%; left:44%; width:20px; height:14px;
  background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%);
  border-radius: 10% 10% 30% 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  animation: bm-notebook 6s ease-in-out infinite;
}
.scn-brahmin-memory .lamp {
  position:absolute; bottom:38%; left:30%; width:12px; height:18px;
  background: radial-gradient(circle, #ffd780 0%, #c8a860 60%, #a08040 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 30px 8px rgba(200,168,96,0.3);
  animation: bm-lamp 5s ease-in-out infinite alternate;
}
.scn-brahmin-memory .light-ray {
  position:absolute; top:15%; left:50%; width:40%; height:1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,220,150,0.2) 50%, transparent 100%);
  filter: blur(8px);
  animation: bm-ray 9s ease-in-out infinite alternate;
}
.scn-brahmin-memory .listener {
  position:absolute; bottom:22%; width:30px; height:50px;
  background: linear-gradient(180deg, #7a6a5a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
}
.scn-brahmin-memory .listener-a { left:15%; animation: bm-listen 7s ease-in-out infinite; }
.scn-brahmin-memory .listener-b { right:15%; animation: bm-listen 7s ease-in-out infinite 3.5s; }
@keyframes bm-window { 0% { opacity:0.9; box-shadow: inset 0 0 20px rgba(255,255,200,0.2); } 50% { opacity:1; box-shadow: inset 0 0 40px rgba(255,255,200,0.4); } 100% { opacity:0.85; box-shadow: inset 0 0 30px rgba(255,255,200,0.3); } }
@keyframes bm-figure { 0% { transform: translateY(0) rotate(-1deg); } 30% { transform: translateY(-2px) rotate(0deg); } 60% { transform: translateY(0) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes bm-notebook { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } }
@keyframes bm-lamp { 0% { opacity:0.8; box-shadow: 0 0 20px 4px rgba(200,168,96,0.2); } 50% { opacity:1; box-shadow: 0 0 40px 10px rgba(200,168,96,0.4); } 100% { opacity:0.9; box-shadow: 0 0 30px 6px rgba(200,168,96,0.3); } }
@keyframes bm-ray { 0% { opacity:0.3; transform: translateX(-20px); } 50% { opacity:0.8; transform: translateX(10px); } 100% { opacity:0.4; transform: translateX(-10px); } }
@keyframes bm-listen { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }

.scn-brahmin-test {
  background: 
    linear-gradient(180deg, #e8d8b8 0%, #c4b48a 50%, #a09070 100%),
    radial-gradient(ellipse at 50% 100%, #b0a080 0%, transparent 70%);
}
.scn-brahmin-test .room {
  position:absolute; inset:0; 
  background: linear-gradient(135deg, #d4c4a0 0%, #b8a888 100%);
}
.scn-brahmin-test .window {
  position:absolute; top:12%; right:10%; width:25%; height:35%; 
  background: linear-gradient(180deg, #faf8f0 0%, #e0d8c0 100%);
  border-radius: 4% 4% 8% 8%; 
  box-shadow: 0 0 30px rgba(255,255,200,0.5);
  animation: bt-window 4s ease-in-out infinite alternate;
}
.scn-brahmin-test .brahmin {
  position:absolute; bottom:20%; left:35%; width:44px; height:72px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bt-figure 3s ease-in-out infinite;
  box-shadow: -4px 0 8px rgba(0,0,0,0.3);
}
.scn-brahmin-test .almond {
  position:absolute; width:8px; height:6px;
  background: radial-gradient(circle at 30% 30%, #c8a040, #8a7020);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.scn-brahmin-test .almond-1 { bottom:45%; left:30%; animation: bt-almond 2s ease-in infinite; }
.scn-brahmin-test .almond-2 { bottom:35%; left:45%; animation: bt-almond 2s ease-in infinite 0.7s; }
.scn-brahmin-test .gentleman {
  position:absolute; bottom:22%; width:36px; height:56px;
  background: linear-gradient(180deg, #7a6a5a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
}
.scn-brahmin-test .gentleman-a { left:60%; animation: bt-gentle 5s ease-in-out infinite; }
.scn-brahmin-test .gentleman-b { left:15%; animation: bt-gentle 5s ease-in-out infinite 2.5s; }
.scn-brahmin-test .shadow-sharp {
  position:absolute; inset:0; 
  background: linear-gradient(135deg, transparent 40%, rgba(0,0,0,0.15) 60%, transparent 80%);
  animation: bt-shadow 3s ease-in-out infinite alternate;
}
@keyframes bt-window { 0% { opacity:0.7; transform: scale(1); } 50% { opacity:1; transform: scale(1.02); } 100% { opacity:0.8; transform: scale(0.98); } }
@keyframes bt-figure { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-4px) rotate(3deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes bt-almond { 0% { transform: translate(0,0) rotate(0deg); opacity:1; } 50% { transform: translate(-10px, -20px) rotate(45deg); opacity:0.8; } 100% { transform: translate(20px, -40px) rotate(90deg); opacity:0; } }
@keyframes bt-gentle { 0% { transform: translateY(0); } 25% { transform: translateY(-2px); } 50% { transform: translateY(0); } 75% { transform: translateY(-1px); } 100% { transform: translateY(0); } }
@keyframes bt-shadow { 0% { opacity:0.3; } 50% { opacity:0.7; } 100% { opacity:0.4; } }

.scn-grant-memory {
  background: 
    linear-gradient(180deg, #c8a880 0%, #a08060 40%, #7a6040 100%),
    radial-gradient(ellipse at 50% 80%, #b09070 0%, transparent 60%);
}
.scn-grant-memory .study {
  position:absolute; inset:0; 
  background: linear-gradient(135deg, #d4b898 0%, #b89878 100%);
}
.scn-grant-memory .fireplace {
  position:absolute; bottom:10%; left:50%; transform:translateX(-50%); width:40%; height:40%;
  background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: inset 0 -20px 30px rgba(255,100,0,0.3);
}
.scn-grant-memory .grant {
  position:absolute; bottom:22%; left:55%; width:48px; height:74px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gm-grant 8s ease-in-out infinite;
}
.scn-grant-memory .twain {
  position:absolute; bottom:24%; left:30%; width:42px; height:68px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gm-twain 6s ease-in-out infinite;
}
.scn-grant-memory .desk {
  position:absolute; bottom:12%; left:25%; width:50%; height:12%;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%);
  border-radius: 4% 4% 8% 8%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-grant-memory .memory-glow {
  position:absolute; top:18%; left:48%; width:80px; height:80px;
  background: radial-gradient(circle, rgba(255,180,80,0.3) 0%, transparent 70%);
  filter: blur(20px);
  animation: gm-glow 5s ease-in-out infinite alternate;
}
.scn-grant-memory .curtain {
  position:absolute; top:0; bottom:0; width:15%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%);
}
.scn-grant-memory .curtain-l { left:0; border-radius:0 20% 20% 0; animation: gm-curtain 10s ease-in-out infinite alternate; }
.scn-grant-memory .curtain-r { right:0; border-radius:20% 0 0 20%; animation: gm-curtain 10s ease-in-out infinite alternate-reverse; }
@keyframes gm-grant { 0% { transform: translateY(0) rotate(-1deg); } 30% { transform: translateY(-3px) rotate(2deg); } 60% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes gm-twain { 0% { transform: translateY(0) rotate(1deg); } 20% { transform: translateY(-2px) rotate(-2deg); } 40% { transform: translateY(0) rotate(0deg); } 60% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes gm-glow { 0% { opacity:0.4; transform: scale(0.8); } 50% { opacity:0.8; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(0.9); } }
@keyframes gm-curtain { 0% { width:15%; } 50% { width:20%; } 100% { width:15%; } }

.scn-grant-embarrassment {
  background: 
    linear-gradient(180deg, #e8d8c0 0%, #c8b8a0 50%, #a89880 100%),
    radial-gradient(ellipse at 50% 100%, #b8a890 0%, transparent 70%);
}
.scn-grant-embarrassment .room {
  position:absolute; inset:0; 
  background: linear-gradient(135deg, #f0e0d0 0%, #d0c0b0 100%);
}
.scn-grant-embarrassment .grant {
  position:absolute; bottom:25%; left:55%; width:50px; height:75px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ge-grant 3s ease-in-out infinite;
}
.scn-grant-embarrassment .twain {
  position:absolute; bottom:25%; left:30%; width:45px; height:72px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ge-twain 2s ease-in-out infinite;
}
.scn-grant-embarrassment .handshake {
  position:absolute; bottom:50%; left:50%; transform:translate(-50%,-50%);
  width:30px; height:10px;
  background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 50%, #6a5a4a 100%);
  border-radius: 40%;
  animation: ge-handshake 1.5s ease-in-out infinite;
}
.scn-grant-embarrassment .sweat {
  position:absolute; top:20%; left:62%; width:6px; height:6px;
  background: radial-gradient(circle, #b0d8f0 0%, #80b8d8 100%);
  border-radius: 50%;
  animation: ge-sweat 2s ease-in infinite;
}
.scn-grant-embarrassment .shadow-comic {
  position:absolute; inset:0; 
  background: radial-gradient(ellipse at 40% 60%, rgba(0,0,0,0.05) 0%, transparent 60%);
  animation: ge-shadow 4s ease-in-out infinite alternate;
}
.scn-grant-embarrassment .sparkle {
  position:absolute; width:4px; height:4px;
  background: radial-gradient(circle, #ffffff, #ffd080);
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(255,208,128,0.5);
  animation: ge-sparkle 1.5s ease-in-out infinite;
}
.scn-grant-embarrassment .sparkle-a { top:20%; left:20%; }
.scn-grant-embarrassment .sparkle-b { top:30%; right:25%; animation-delay:0.5s; }
@keyframes ge-grant { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-5px) rotate(5deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-3px) rotate(-3deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes ge-twain { 0% { transform: translateY(0) rotate(1deg); } 20% { transform: translateY(-4px) rotate(-4deg); } 40% { transform: translateY(0) rotate(0deg); } 60% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes ge-handshake { 0% { transform: translate(-50%,-50%) rotate(-5deg); } 25% { transform: translate(-50%,-50%) rotate(5deg); } 50% { transform: translate(-50%,-50%) rotate(-5deg); } 75% { transform: translate(-50%,-50%) rotate(3deg); } 100% { transform: translate(-50%,-50%) rotate(-5deg); } }
@keyframes ge-sweat { 0% { opacity:0; transform: translateY(0); } 30% { opacity:1; transform: translateY(-10px); } 70% { opacity:1; transform: translateY(-15px); } 100% { opacity:0; transform: translateY(-20px); } }
@keyframes ge-shadow { 0% { opacity:0.2; } 50% { opacity:0.6; } 100% { opacity:0.3; } }
@keyframes ge-sparkle { 0% { opacity:0; transform: scale(0) rotate(0deg); } 50% { opacity:1; transform: scale(1.5) rotate(180deg); } 100% { opacity:0; transform: scale(0) rotate(360deg); } }

/* one block per scene id. Append to style.css. */
.scn-tracker-test {
  background: linear-gradient(180deg, #f5e6c8 0%, #d9c8a0 60%, #b89a70 100%),
              radial-gradient(ellipse at 80% 30%, rgba(255,220,160,0.6) 0%, transparent 60%);
}
.scn-tracker-test .wall { position:absolute; inset:0 0 40% 0; background: linear-gradient(135deg, #e8d5b0, #c8a880); }
.scn-tracker-test .floor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #9c7a5a, #7a5a3a); box-shadow: inset 0 20px 40px rgba(0,0,0,0.3); }
.scn-tracker-test .window { position:absolute; top:8%; right:10%; width:30%; height:50%; background: linear-gradient(180deg, #fff0d0, #f0d8a0); border-radius: 4px; box-shadow: 0 0 60px 20px rgba(255,240,200,0.3); animation: tt-glint 5s ease-in-out infinite alternate; }
.scn-tracker-test .shadow { position:absolute; bottom:35%; left:20%; width:40%; height:10%; background: rgba(40,30,20,0.4); clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); filter: blur(2px); }
.scn-tracker-test .figure { position:absolute; bottom:30%; left:25%; width:12%; height:30%; background: linear-gradient(180deg, #4a3a2a, #2a1a10); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tt-crouch 4s ease-in-out infinite; }
.scn-tracker-test .mark { position:absolute; bottom:38%; left:48%; width:4%; height:2%; background: #c8553d; border-radius: 50%; box-shadow: 0 0 10px 5px rgba(200,85,61,0.5); animation: tt-pulse 2s ease-in-out infinite alternate; }
.scn-tracker-test .glint { position:absolute; bottom:37%; left:49%; width:2%; height:1%; background: rgba(255,255,200,0.9); border-radius: 50%; filter: blur(1px); animation: tt-pulse 2s ease-in-out infinite alternate; }
@keyframes tt-glint { 0% { opacity:0.6; box-shadow: 0 0 40px 10px rgba(255,240,200,0.2); } 50% { opacity:1; box-shadow: 0 0 80px 30px rgba(255,240,200,0.5); } 100% { opacity:0.7; box-shadow: 0 0 50px 15px rgba(255,240,200,0.3); } }
@keyframes tt-crouch { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-4%) rotate(3deg); } 60% { transform: translateY(-2%) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes tt-pulse { 0% { transform: scale(1); opacity:0.7; } 100% { transform: scale(1.8); opacity:1; } }

.scn-cow-tracking {
  background: linear-gradient(180deg, #eedcc0 0%, #ccb28c 50%, #a68a66 100%),
              radial-gradient(ellipse at 50% 80%, #f0e0c8 0%, transparent 70%);
}
.scn-cow-tracking .floor { position:absolute; inset:0; background: linear-gradient(135deg, #b89a70 0%, #8a6e4e 100%); }
.scn-cow-tracking .track-map { position:absolute; bottom:10%; left:5%; width:60%; height:40%; background: #d4c0a0; border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.2), 0 4px 12px rgba(0,0,0,0.3); }
.scn-cow-tracking .cow-silhouette { position:absolute; bottom:30%; left:20%; width:10%; height:15%; background: #4a3a2a; clip-path: polygon(30% 100%, 30% 60%, 10% 60%, 10% 0%, 90% 0%, 90% 40%, 70% 40%, 70% 60%, 60% 60%, 60% 100%); animation: ct-walk 8s ease-in-out infinite; }
.scn-cow-tracking .figure { position:absolute; bottom:25%; left:60%; width:8%; height:25%; background: linear-gradient(180deg, #3a2a1a, #1a1008); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ct-point 6s ease-in-out infinite; }
.scn-cow-tracking .lamp { position:absolute; top:10%; left:70%; width:6%; height:10%; background: radial-gradient(circle, #fff0c0 0%, #e0b070 80%); border-radius: 50%; box-shadow: 0 0 50px 20px rgba(224,176,112,0.5); animation: ct-flicker 3s ease-in-out infinite alternate; }
.scn-cow-tracking .shadow { position:absolute; bottom:20%; right:10%; width:30%; height:15%; background: rgba(30,20,10,0.3); clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); filter: blur(3px); }
.scn-cow-tracking .dot-a { position:absolute; bottom:20%; left:15%; width:1.5%; height:1.5%; background: #5e1a1d; border-radius: 50%; animation: ct-dot 12s linear infinite; }
.scn-cow-tracking .dot-b { position:absolute; bottom:22%; left:25%; width:1.5%; height:1.5%; background: #5e1a1d; border-radius: 50%; animation: ct-dot 12s linear infinite 4s; }
@keyframes ct-walk { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(10%) translateY(-2%) rotate(1deg); } 50% { transform: translateX(20%) translateY(0) rotate(-1deg); } 75% { transform: translateX(30%) translateY(-2%) rotate(1deg); } 100% { transform: translateX(40%) translateY(0) rotate(0deg); } }
@keyframes ct-point { 0% { transform: translateY(0) rotate(-2deg); } 20% { transform: translateY(-3%) rotate(5deg); } 50% { transform: translateY(-1%) rotate(0deg); } 80% { transform: translateY(-3%) rotate(5deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes ct-flicker { 0% { opacity:0.7; box-shadow: 0 0 30px 10px rgba(224,176,112,0.3); } 50% { opacity:1; box-shadow: 0 0 60px 25px rgba(224,176,112,0.6); } 100% { opacity:0.8; box-shadow: 0 0 40px 15px rgba(224,176,112,0.4); } }
@keyframes ct-dot { 0% { transform: translateX(0) translateY(0); opacity:0.8; } 50% { transform: translateX(100px) translateY(-10px); opacity:0.3; } 100% { transform: translateX(200px) translateY(0); opacity:0.8; } }

.scn-shadowy-difference {
  background: linear-gradient(180deg, #f0e8d8 0%, #dcccb0 50%, #c0a880 100%),
              radial-gradient(ellipse at 50% 90%, #fff8ee 0%, transparent 60%);
}
.scn-shadowy-difference .ground { position:absolute; inset:0; background: linear-gradient(135deg, #c8b898, #b8a07a); }
.scn-shadowy-difference .track-left { position:absolute; bottom:20%; left:20%; width:20%; height:5%; background: #a08060; border-radius: 30% 30% 10% 10%; transform: rotate(-5deg); box-shadow: 0 4px 6px rgba(0,0,0,0.3); animation: sd-shift 10s ease-in-out infinite alternate; }
.scn-shadowy-difference .track-right { position:absolute; bottom:18%; left:50%; width:20%; height:5%; background: #a08060; border-radius: 30% 30% 10% 10%; transform: rotate(3deg); box-shadow: 0 4px 6px rgba(0,0,0,0.3); animation: sd-shift 10s ease-in-out infinite alternate 2s; }
.scn-shadowy-difference .pointer { position:absolute; bottom:30%; left:45%; width:3%; height:12%; background: linear-gradient(180deg, #5a4a3a, #3a2a1a); border-radius: 30% 30% 10% 10%; transform-origin: bottom center; animation: sd-point 8s ease-in-out infinite; }
.scn-shadowy-difference .shadow-overlay { position:absolute; inset:0; background: radial-gradient(ellipse at 40% 60%, rgba(40,30,20,0.15) 0%, transparent 60%); pointer-events: none; }
.scn-shadowy-difference .lens-glow { position:absolute; bottom:28%; left:46%; width:4%; height:4%; background: radial-gradient(circle, #fff8e0 0%, transparent 70%); border-radius: 50%; filter: blur(2px); animation: sd-glow 6s ease-in-out infinite alternate; }
@keyframes sd-shift { 0% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(-3deg) translateX(10px); } 100% { transform: rotate(-7deg) translateX(5px); } }
@keyframes sd-point { 0% { transform: translateY(0) rotate(-2deg); } 30% { transform: translateY(-5%) rotate(0deg); } 60% { transform: translateY(-2%) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes sd-glow { 0% { opacity:0.5; transform: scale(0.8); } 50% { opacity:1; transform: scale(1.2); } 100% { opacity:0.6; transform: scale(1); } }

.scn-hill-country {
  background: linear-gradient(180deg, #87CEEB 0%, #b0d4e8 30%, #f5e6c8 60%, #d4b890 100%),
              radial-gradient(ellipse at 80% 20%, rgba(255,230,180,0.5) 0%, transparent 50%);
}
.scn-hill-country .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #7ec8e3 0%, #b8dce8 100%); }
.scn-hill-country .hill.far { position:absolute; bottom:40%; left:0; right:0; height:20%; background: linear-gradient(180deg, #6a9a6a, #4a7a4a); border-radius: 40% 60% 0 0; animation: hc-hill 30s ease-in-out infinite alternate; }
.scn-hill-country .hill.mid { position:absolute; bottom:30%; left:-5%; right:-5%; height:25%; background: linear-gradient(180deg, #5a8a5a, #3a6a3a); border-radius: 50% 50% 0 0; animation: hc-hill 30s ease-in-out infinite alternate 5s; }
.scn-hill-country .train { position:absolute; bottom:20%; left:10%; width:30%; height:8%; background: linear-gradient(90deg, #8a6a4a, #6a4a2a); border-radius: 8% 8% 4% 4%; box-shadow: 0 4px 8px rgba(0,0,0,0.4); animation: hc-train 15s linear infinite; }
.scn-hill-country .smoke { position:absolute; bottom:25%; left:13%; width:8%; height:6%; background: rgba(200,180,160,0.4); border-radius: 50%; filter: blur(6px); animation: hc-smoke 6s ease-out infinite; }
.scn-hill-country .tree-a { position:absolute; bottom:20%; left:60%; width:8%; height:25%; background: linear-gradient(180deg, #3a5a2a, #2a4a1a); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; animation: hc-sway 10s ease-in-out infinite; }
.scn-hill-country .tree-b { position:absolute; bottom:22%; left:75%; width:6%; height:20%; background: linear-gradient(180deg, #4a6a3a, #2a4a1a); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; animation: hc-sway 10s ease-in-out infinite 3s; }
.scn-hill-country .grass { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #5a8a4a, #3a6a2a); clip-path: polygon(0 40%, 10% 0, 20% 40%, 30% 0, 40% 40%, 50% 0, 60% 40%, 70% 0, 80% 40%, 90% 0, 100% 40%, 100% 100%, 0 100%); }
@keyframes hc-hill { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-3px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes hc-train { 0% { transform: translateX(0); } 100% { transform: translateX(120%); } }
@keyframes hc-smoke { 0% { transform: translateY(0) scale(0.5); opacity:0.8; } 50% { transform: translateY(-20px) scale(1.5); opacity:0.3; } 100% { transform: translateY(-40px) scale(2); opacity:0; } }
@keyframes hc-sway { 0% { transform: rotate(0deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } }

.scn-lap-robe-request {
  background: linear-gradient(180deg, #fdf4e3 0%, #ecd5b0 70%, #c8a87a 100%),
              radial-gradient(ellipse at 20% 80%, #fff9ef 0%, transparent 60%);
}
.scn-lap-robe-request .interior {
  position: absolute; inset: 0; overflow: hidden;
}
.scn-lap-robe-request .window {
  position: absolute; top: 5%; right: 10%; width: 40%; height: 45%;
  background: linear-gradient(180deg, #d4e9ff 0%, #b0d4ff 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.08);
  animation: lrr-sky 12s ease-in-out infinite alternate;
}
.scn-lap-robe-request .seat {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 10px 10px 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
}
.scn-lap-robe-request .figure-mother {
  position: absolute; bottom: 28%; left: 25%; width: 20px; height: 36px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: lrr-reach 4s ease-in-out infinite;
}
.scn-lap-robe-request .figure-daughter {
  position: absolute; bottom: 27%; right: 22%; width: 18px; height: 32px;
  background: linear-gradient(180deg, #8a6a5a 0%, #5a4a3a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: lrr-reach 4s ease-in-out infinite reverse;
}
.scn-lap-robe-request .robe {
  position: absolute; bottom: 30%; left: 38%; width: 24px; height: 16px;
  background: linear-gradient(135deg, #c8a060 0%, #a08040 100%);
  border-radius: 20% 20% 40% 40%; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: lrr-float 6s ease-in-out infinite;
}
.scn-lap-robe-request .sunray {
  position: absolute; top: -10%; left: 30%; width: 60%; height: 140%;
  background: linear-gradient(135deg, rgba(255,255,200,0.15) 0%, transparent 60%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  animation: lrr-sunray 8s ease-in-out infinite alternate;
}
.scn-lap-robe-request .dust {
  position: absolute; width: 4px; height: 4px;
  background: radial-gradient(circle, #fffbdd 0%, transparent 100%);
  border-radius: 50%; filter: blur(1px);
}
.scn-lap-robe-request .d1 {
  top: 20%; left: 40%; animation: lrr-drift 15s linear infinite;
}
.scn-lap-robe-request .d2 {
  top: 35%; left: 60%; animation: lrr-drift 20s linear infinite reverse;
}

@keyframes lrr-sky {
  0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; }
}
@keyframes lrr-reach {
  0% { transform: rotate(-5deg); } 30% { transform: rotate(2deg); } 60% { transform: rotate(-3deg); } 100% { transform: rotate(-5deg); }
}
@keyframes lrr-float {
  0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(3deg); } 100% { transform: translateY(0) rotate(0deg); }
}
@keyframes lrr-sunray {
  0% { opacity: 0.4; transform: skewX(-2deg); } 50% { opacity: 0.6; transform: skewX(0deg); } 100% { opacity: 0.4; transform: skewX(2deg); }
}
@keyframes lrr-drift {
  0% { transform: translateY(0) translateX(0); opacity: 0.3; }
  50% { transform: translateY(-20px) translateX(10px); opacity: 0.6; }
  100% { transform: translateY(-40px) translateX(-5px); opacity: 0; }
}

/* story-interrupted */
.scn-story-interrupted {
  background: linear-gradient(180deg, #e8dcc0 0%, #d4c4a0 60%, #b8a080 100%),
              radial-gradient(ellipse at 50% 30%, #fff8ed 0%, transparent 70%);
}
.scn-story-interrupted .compartment {
  position: absolute; inset: 0; overflow: hidden;
}
.scn-story-interrupted .train-window {
  position: absolute; top: 5%; left: 15%; width: 70%; height: 40%;
  background: linear-gradient(180deg, #cde0f5 0%, #a0c0e0 100%);
  border: 6px solid #4a3a2a; border-radius: 4px;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
  animation: sin-light 6s ease-in-out infinite alternate;
}
.scn-story-interrupted .seat-back {
  position: absolute; bottom: 30%; left: 5%; right: 5%; height: 20%;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 20px 20px 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.3);
}
.scn-story-interrupted .passenger {
  position: absolute; bottom: 28%; left: 35%; width: 22px; height: 38px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sin-jolt 0.8s ease-in-out infinite;
}
.scn-story-interrupted .book {
  position: absolute; bottom: 32%; left: 38%; width: 16px; height: 20px;
  background: linear-gradient(135deg, #a08060 0%, #806040 100%);
  border-radius: 2px; transform: rotate(10deg);
  animation: sin-drop 1.2s ease-in-out infinite;
}
.scn-story-interrupted .jolt-line {
  position: absolute; bottom: 50%; left: 0; width: 100%; height: 2px;
  background: linear-gradient(90deg, transparent, #8a7a6a, transparent);
  animation: sin-shake 0.4s ease-in-out infinite;
}
.scn-story-interrupted .debris {
  position: absolute; width: 6px; height: 6px;
  background: #8a7a6a; border-radius: 50%;
}
.scn-story-interrupted .d1 {
  bottom: 35%; left: 20%; animation: sin-fly 1s ease-out infinite;
}
.scn-story-interrupted .d2 {
  bottom: 40%; right: 30%; animation: sin-fly 1.2s ease-out infinite reverse;
}

@keyframes sin-light {
  0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; }
}
@keyframes sin-jolt {
  0% { transform: translateY(0) rotate(0deg); }
  20% { transform: translateY(-4px) rotate(2deg); }
  40% { transform: translateY(0) rotate(-1deg); }
  60% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sin-drop {
  0% { transform: rotate(10deg) translateY(0); opacity: 1; }
  50% { transform: rotate(35deg) translateY(8px); opacity: 0.6; }
  100% { transform: rotate(10deg) translateY(0); opacity: 1; }
}
@keyframes sin-shake {
  0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 50% { transform: translateX(3px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0); }
}
@keyframes sin-fly {
  0% { transform: translateY(0) translateX(0) scale(1); opacity: 0.8; }
  50% { transform: translateY(-10px) translateX(15px) scale(0.8); opacity: 0.4; }
  100% { transform: translateY(-20px) translateX(30px) scale(0.3); opacity: 0; }
}

/* finishing-attempt */
.scn-finishing-attempt {
  background: linear-gradient(180deg, #fdf8f0 0%, #eee5d8 60%, #d8cbb8 100%),
              radial-gradient(ellipse at 50% 70%, #fffcf5 0%, transparent 80%);
}
.scn-finishing-attempt .study {
  position: absolute; inset: 0; overflow: hidden;
}
.scn-finishing-attempt .desk {
  position: absolute; bottom: 5%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #8a7050 0%, #5a4a30 100%);
  border-radius: 8px; box-shadow: 0 -8px 20px rgba(0,0,0,0.15);
}
.scn-finishing-attempt .paper {
  position: absolute; bottom: 18%; left: 30%; width: 30%; height: 14%;
  background: linear-gradient(135deg, #fffdf0 0%, #f0e8d0 100%);
  border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  animation: fat-shift 8s ease-in-out infinite;
}
.scn-finishing-attempt .pen {
  position: absolute; bottom: 20%; left: 45%; width: 2px; height: 16px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 1px; transform: rotate(20deg);
  animation: fat-write 3s ease-in-out infinite alternate;
}
.scn-finishing-attempt .writer {
  position: absolute; bottom: 15%; left: 40%; width: 24px; height: 40px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fat-breathe 6s ease-in-out infinite;
}
.scn-finishing-attempt .lamp {
  position: absolute; top: 5%; right: 15%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  box-shadow: 0 0 40px 10px rgba(200,160,96,0.4);
  animation: fat-glow 4s ease-in-out infinite alternate;
}
.scn-finishing-attempt .book-stack {
  position: absolute; bottom: 16%; left: 12%; width: 20px; height: 24px;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%);
  border-radius: 2px; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.scn-finishing-attempt .inkwell {
  position: absolute; bottom: 18%; left: 25%; width: 12px; height: 14px;
  background: radial-gradient(circle, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

@keyframes fat-shift {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes fat-write {
  0% { transform: rotate(20deg) translateY(0); }
  50% { transform: rotate(10deg) translateY(-2px); }
  100% { transform: rotate(20deg) translateY(0); }
}
@keyframes fat-breathe {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-1px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes fat-glow {
  0% { box-shadow: 0 0 20px 5px rgba(200,160,96,0.3); opacity: 0.8; }
  50% { box-shadow: 0 0 50px 15px rgba(200,160,96,0.5); opacity: 1; }
  100% { box-shadow: 0 0 25px 8px rgba(200,160,96,0.35); opacity: 0.85; }
}

/* brown-character */
.scn-brown-character {
  background: linear-gradient(180deg, #f0e8d8 0%, #dcc8b0 60%, #b8a088 100%),
              radial-gradient(ellipse at 70% 40%, #fff8ed 0%, transparent 70%);
}
.scn-brown-character .parlor {
  position: absolute; inset: 0; overflow: hidden;
}
.scn-brown-character .window {
  position: absolute; top: 5%; left: 5%; width: 35%; height: 50%;
  background: linear-gradient(180deg, #c0d8f0 0%, #a0b8e0 100%);
  border: 6px solid #5a4a3a; border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
  animation: bch-light 8s ease-in-out infinite alternate;
}
.scn-brown-character .curtain {
  position: absolute; top: 0; left: 0; width: 10%; height: 60%;
  background: linear-gradient(180deg, #8a6a5a 0%, #5a3a2a 100%);
  border-radius: 0 60% 60% 0; filter: blur(2px);
  animation: bch-sway 6s ease-in-out infinite;
}
.scn-brown-character .sofa {
  position: absolute; bottom: 5%; left: 20%; right: 10%; height: 25%;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%);
  border-radius: 20px 20px 10px 10px; box-shadow: 0 -4px 12px rgba(0,0,0,0.2);
}
.scn-brown-character .mother {
  position: absolute; bottom: 20%; left: 30%; width: 22px; height: 38px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bch-turn 5s ease-in-out infinite;
}
.scn-brown-character .son {
  position: absolute; bottom: 18%; right: 25%; width: 20px; height: 36px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bch-lean 4s ease-in-out infinite alternate;
}
.scn-brown-character .letter {
  position: absolute; bottom: 28%; right: 35%; width: 14px; height: 18px;
  background: linear-gradient(135deg, #f0e8d8 0%, #d8c8b0 100%);
  border-radius: 2px; transform: rotate(-5deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  animation: bch-hold 3s ease-in-out infinite;
}
.scn-brown-character .vase {
  position: absolute; bottom: 32%; left: 5%; width: 12px; height: 20px;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  border-radius: 30% 30% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

@keyframes bch-light {
  0% { opacity: 0.75; } 50% { opacity: 1; } 100% { opacity: 0.8; }
}
@keyframes bch-sway {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(4px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes bch-turn {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes bch-lean {
  0% { transform: rotate(0deg) scaleY(1); }
  50% { transform: rotate(3deg) scaleY(1.01); }
  100% { transform: rotate(0deg) scaleY(1); }
}
@keyframes bch-hold {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(-8deg) translateY(-2px); }
  100% { transform: rotate(-5deg) translateY(0); }
}

.scn-prince-smuggled {
  background: linear-gradient(180deg, #f9e4c0 0%, #e8c88a 40%, #d4a55a 100%), radial-gradient(ellipse at 30% 20%, #ffddaa 0%, transparent 60%);
}
.scn-prince-smuggled .throne-bg { position:absolute; inset:0 20% 10% 20%; background:radial-gradient(ellipse at 50% 100%, #c9a96e 0%, transparent 70%); }
.scn-prince-smuggled .throne { position:absolute; bottom:20%; left:50%; width:120px; height:90px; transform:translateX(-50%); background: linear-gradient(135deg, #b8864a 0%, #8b5e3c 100%); border-radius: 10% 10% 20% 20% / 20% 20% 40% 40%; box-shadow: 0 8px 20px rgba(0,0,0,0.3); animation: ps1-throne 6s ease-in-out infinite; }
.scn-prince-smuggled .prince { position:absolute; bottom:22%; left:50%; width:40px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #5c3e2a 0%, #3a2616 100%); border-radius: 50% 50% 40% 40% / 80% 80% 30% 30%; animation: ps1-prince 4s ease-in-out infinite; }
.scn-prince-smuggled .crown { position:absolute; bottom:71%; left:50%; width:30px; height:15px; transform:translateX(-50%); background: linear-gradient(90deg, #c9b037 0%, #d9c752 50%, #c9b037 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,0.4); animation: ps1-crown 3.5s ease-in-out infinite; }
.scn-prince-smuggled .sceptre { position:absolute; bottom:30%; left:44%; width:4px; height:40px; background: linear-gradient(180deg, #8b6f47 0%, #5c4020 100%); transform: rotate(-10deg); animation: ps1-sceptre 5s ease-in-out infinite; }
.scn-prince-smuggled .scroll { position:absolute; bottom:28%; left:56%; width:50px; height:30px; background: linear-gradient(180deg, #efe6cd 0%, #d4c5a0 100%); border-radius: 10% 10% 20% 20%; transform: rotate(5deg); box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
.scn-prince-smuggled .curtain { position:absolute; top:0; width:25%; height:100%; background: linear-gradient(180deg, #a52a2a 0%, #701515 100%); /* dark red but desaturated: use mulberry #702243 */ background: linear-gradient(180deg, #702243 0%, #4a142c 100%); border-radius: 0 20% 20% 0 / 0 40% 40% 0; animation: ps1-curtain 12s ease-in-out infinite alternate; }
.scn-prince-smuggled .curtain.right { left:auto; right:0; border-radius: 20% 0 0 20% / 40% 0 0 40%; animation-delay: -6s; }
@keyframes ps1-throne { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes ps1-prince { 0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-50%) rotate(2deg); } 50% { transform: translateX(-50%) rotate(-2deg); } 75% { transform: translateX(-50%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes ps1-crown { 0% { transform: translateX(-50%) rotate(0) translateY(0); } 30% { transform: translateX(-50%) rotate(5deg) translateY(-2px); } 60% { transform: translateX(-50%) rotate(-5deg) translateY(-1px); } 100% { transform: translateX(-50%) rotate(0) translateY(0); } }
@keyframes ps1-sceptre { 0%,100% { transform: rotate(-10deg); } 50% { transform: rotate(-15deg); } }
@keyframes ps1-curtain { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.05); } 100% { transform: scaleX(1); } }

.scn-gaikwar-found {
  background: linear-gradient(180deg, #d9c4a0 0%, #c2a67a 40%, #a8865a 100%), radial-gradient(ellipse at 70% 30%, #bfa380 0%, transparent 70%);
}
.scn-gaikwar-found .street-bg { position:absolute; inset:30% 0 0 0; background: linear-gradient(180deg, #c8b090 0%, #a68f70 100%); }
.scn-gaikwar-found .mud-pie { position:absolute; bottom:18%; left:45%; width:50px; height:40px; background: radial-gradient(ellipse at 40% 40%, #6b4e3a 0%, #4a3220 100%); border-radius: 50% 50% 30% 30%; transform: rotate(15deg); animation: gf1-mud 7s ease-in-out infinite; }
.scn-gaikwar-found .child { position:absolute; bottom:15%; left:48%; width:35px; height:60px; background: linear-gradient(180deg, #5c3e2a 0%, #3a2616 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: gf1-child 4s ease-in-out infinite; }
.scn-gaikwar-found .puddle { position:absolute; bottom:12%; left:30%; width:80px; height:20px; background: radial-gradient(ellipse, #8ab4b8 0%, #6a9498 60%, transparent 100%); border-radius: 50%; animation: gf1-puddle 6s ease-in-out infinite alternate; }
.scn-gaikwar-found .palace-bg { position:absolute; top:5%; right:10%; width:90px; height:70px; background: linear-gradient(180deg, #dbbed0 0%, #b8a0b0 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-gaikwar-found .clouds { position:absolute; top:8%; left:5%; width:120px; height:30px; background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(200,180,160,0.3) 100%); border-radius: 50px; filter: blur(4px); animation: gf1-cloud 40s linear infinite; }
@keyframes gf1-mud { 0% { transform: rotate(15deg) scale(1); } 50% { transform: rotate(20deg) scale(1.1); } 100% { transform: rotate(15deg) scale(1); } }
@keyframes gf1-child { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(5px) rotate(3deg); } 50% { transform: translateX(0) rotate(-2deg); } 75% { transform: translateX(-5px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes gf1-puddle { 0% { transform: scaleX(1) scaleY(1); } 50% { transform: scaleX(1.1) scaleY(0.9); } 100% { transform: scaleX(1) scaleY(1); } }
@keyframes gf1-cloud { 0% { transform: translateX(-30px); } 100% { transform: translateX(120vw); } }

.scn-kaleidoscope-bombay {
  background: linear-gradient(135deg, #ffd3a0 0%, #e8b88a 30%, #c8966a 70%, #b0805a 100%), radial-gradient(circle at 50% 50%, #ffe0b0 0%, transparent 80%);
}
.scn-kaleidoscope-bombay .kaleid-base { position:absolute; inset:0; background: repeating-conic-gradient(from 0deg, #ffcc80 0deg 10deg, #f0b070 10deg 20deg, #dda060 20deg 30deg, #c89050 30deg 40deg); opacity:0.3; mix-blend-mode: overlay; animation: kb1-base 20s linear infinite; }
.scn-kaleidoscope-bombay .shape-a { position:absolute; top:15%; left:20%; width:80px; height:80px; background: linear-gradient(135deg, #d8875a 0%, #b06640 100%); border-radius: 50% 20% 50% 20%; transform: rotate(45deg); animation: kb1-shape 12s ease-in-out infinite; }
.scn-kaleidoscope-bombay .shape-b { position:absolute; bottom:25%; right:15%; width:60px; height:60px; background: linear-gradient(45deg, #e8a070 0%, #c07850 100%); border-radius: 20% 50% 20% 50%; transform: rotate(30deg); animation: kb1-shape 15s ease-in-out infinite reverse; }
.scn-kaleidoscope-bombay .shape-c { position:absolute; top:40%; left:60%; width:100px; height:40px; background: linear-gradient(90deg, #dc9c6a 0%, #b87a4a 100%); border-radius: 30% 70% 50% 50%; transform: skewX(-10deg); animation: kb1-shape 18s ease-in-out infinite alternate; }
.scn-kaleidoscope-bombay .shape-d { position:absolute; top:50%; left:30%; width:50px; height:50px; background: radial-gradient(circle, #f0b878 0%, #c8884a 100%); border-radius: 40% 60% 60% 40%; transform: rotate(15deg); animation: kb1-shape 10s ease-in-out infinite; }
.scn-kaleidoscope-bombay .shape-e { position:absolute; bottom:10%; left:25%; width:70px; height:40px; background: linear-gradient(180deg, #d89860 0%, #a86838 100%); border-radius: 100% 0 100% 0; animation: kb1-shape 8s ease-in-out infinite; }
.scn-kaleidoscope-bombay .sparkle { position:absolute; top:20%; left:50%; width:6px; height:6px; background: #ffe0a0; border-radius: 50%; box-shadow: 0 0 12px 4px rgba(255,224,160,0.6); animation: kb1-sparkle 3s ease-in-out infinite; }
@keyframes kb1-base { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes kb1-shape { 0% { transform: rotate(0deg) scale(1) translate(0,0); } 33% { transform: rotate(120deg) scale(1.1) translate(10px, -5px); } 66% { transform: rotate(240deg) scale(0.9) translate(-10px, 5px); } 100% { transform: rotate(360deg) scale(1) translate(0,0); } }
@keyframes kb1-sparkle { 0%,100% { opacity:0.2; transform: scale(1); } 50% { opacity:1; transform: scale(2); } }

.scn-bearer-hired {
  background: linear-gradient(180deg, #dbb88a 0%, #c9a070 40%, #b08050 100%), radial-gradient(ellipse at 50% 80%, #dbb88a 0%, transparent 70%);
}
.scn-bearer-hired .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #f0e0c0 0%, #d4c0a0 50%, #b8a080 100%); }
.scn-bearer-hired .door { position:absolute; bottom:5%; left:18%; width:80px; height:160px; background: linear-gradient(90deg, #8b6f47 0%, #6b5434 100%); border-radius: 5% 5% 0 0; box-shadow: inset -10px 0 10px rgba(0,0,0,0.2); animation: bh1-door 6s ease-in-out infinite; }
.scn-bearer-hired .bearer { position:absolute; bottom:20%; left:30%; width:38px; height:80px; background: linear-gradient(180deg, #5c3e2a 0%, #3a2616 100%); border-radius: 50% 50% 40% 40% / 80% 80% 30% 30%; transform-origin: bottom left; animation: bh1-bearer 3s ease-in-out infinite; }
.scn-bearer-hired .bucket { position:absolute; bottom:16%; left:55%; width:40px; height:35px; background: linear-gradient(180deg, #b08a70 0%, #8a6a50 100%); border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%; box-shadow: inset 0 -4px 6px rgba(0,0,0,0.3); animation: bh1-bucket 8s ease-in-out infinite; }
.scn-bearer-hired .steam { position:absolute; bottom:48%; left:56%; width:30px; height:40px; background: radial-gradient(ellipse, rgba(255,255,255,0.4) 0%, transparent 100%); border-radius: 50%; filter: blur(6px); animation: bh1-steam 5s ease-in-out infinite; }
.scn-bearer-hired .bed { position:absolute; bottom:10%; right:8%; width:100px; height:50px; background: linear-gradient(180deg, #c9b090 0%, #a88a70 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-bearer-hired .mattress { position:absolute; bottom:18%; right:10%; width:90px; height:15px; background: linear-gradient(180deg, #f0e0c8 0%, #dfcbb0 100%); border-radius: 40% 40% 10% 10%; border: 1px solid #c0a888; }
@keyframes bh1-door { 0%,100% { transform: rotateY(0deg); } 50% { transform: rotateY(-20deg); } }
@keyframes bh1-bearer { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(5px) rotate(4deg); } 50% { transform: translateX(0) rotate(-2deg); } 75% { transform: translateX(-5px) rotate(3deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes bh1-bucket { 0% { transform: rotate(0) translateY(0); } 33% { transform: rotate(-5deg) translateY(-2px); } 66% { transform: rotate(5deg) translateY(-1px); } 100% { transform: rotate(0) translateY(0); } }
@keyframes bh1-steam { 0% { opacity:0; transform: translateY(0) scale(1); } 30% { opacity:0.6; transform: translateY(-20px) scale(1.5); } 100% { opacity:0; transform: translateY(-40px) scale(0.8); } }

/* minister-parting */
.scn-minister-parting {
  background: linear-gradient(180deg, #f5e6c8 0%, #e3cba0 60%, #c8a87c 100%), radial-gradient(circle at 70% 30%, #fff7e6 0%, transparent 60%);
}
.scn-minister-parting .platform { position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #b3957a 0%, #8c7058 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); }
.scn-minister-parting .train-body { position: absolute; bottom: 28%; left: 15%; width: 60%; height: 50%; background: linear-gradient(135deg, #7a4e3a 0%, #5a3828 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -5px 15px rgba(0,0,0,0.4); animation: mp-train 10s ease-in-out infinite alternate; }
.scn-minister-parting .train-window { position: absolute; bottom: 48%; left: 20%; width: 12%; height: 20%; background: radial-gradient(circle, #c0d8f0 0%, #6a8aaa 100%); border: 3px solid #4a2a1a; border-radius: 20%; box-shadow: inset 0 0 10px rgba(255,255,255,0.3); animation: mp-glow 4s ease-in-out infinite; }
.scn-minister-parting .train-door { position: absolute; bottom: 28%; left: 35%; width: 8%; height: 30%; background: #4a2a1a; border: 2px solid #3a1a0a; border-radius: 5% 5% 0 0; }
.scn-minister-parting .figure { position: absolute; bottom: 25%; left: 60%; width: 8%; height: 35%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: mp-walk 6s ease-in-out infinite; }
.scn-minister-parting .lamp { position: absolute; bottom: 30%; left: 80%; width: 4%; height: 6%; background: radial-gradient(circle, #ffe680 0%, #cc8800 100%); border-radius: 50%; box-shadow: 0 0 20px 5px rgba(255,180,50,0.7); animation: mp-flicker 2s ease-in-out infinite alternate; }
.scn-minister-parting .sign { position: absolute; bottom: 65%; left: 55%; width: 15%; height: 8%; background: linear-gradient(135deg, #f0d8a0 0%, #d4b870 100%); border: 2px solid #8c6a3a; border-radius: 10%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
@keyframes mp-train { 0% { transform: translateX(0); } 50% { transform: translateX(5px) translateY(-2px); } 100% { transform: translateX(-3px); } }
@keyframes mp-glow { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes mp-walk { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(8px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(16px) translateY(0) rotate(-1deg); } 75% { transform: translateX(22px) translateY(-1px) rotate(2deg); } 100% { transform: translateX(30px) translateY(0) rotate(0); } }
@keyframes mp-flicker { 0% { opacity: 0.7; box-shadow: 0 0 15px 3px rgba(255,180,50,0.5); } 50% { opacity: 1; box-shadow: 0 0 25px 8px rgba(255,200,80,0.8); } 100% { opacity: 0.8; box-shadow: 0 0 18px 4px rgba(255,180,50,0.6); } }

/* christchurch-english */
.scn-christchurch-english {
  background: linear-gradient(180deg, #b8d4e0 0%, #8cb4c8 40%, #e8e0a0 100%), radial-gradient(ellipse at 60% 20%, #fff8e0 0%, transparent 70%);
}
.scn-christchurch-english .sky { position: absolute; inset: 0 0 60% 0; background: linear-gradient(180deg, #8cc0d8 0%, #b8e0f0 60%, transparent 100%); animation: ce-sky 20s ease-in-out infinite alternate; }
.scn-christchurch-english .sun { position: absolute; top: 10%; left: 20%; width: 8%; height: 8%; background: radial-gradient(circle, #fff8a0 0%, #f0c040 100%); border-radius: 50%; box-shadow: 0 0 40px 15px rgba(255,220,100,0.5); animation: ce-sun 30s linear infinite; }
.scn-christchurch-english .grass { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, #7ab060 0%, #4a8a30 100%); border-radius: 40% 50% 0 0 / 30% 40% 0 0; }
.scn-christchurch-english .brook { position: absolute; bottom: 25%; left: 0; right: 0; height: 8%; background: linear-gradient(90deg, #60a0c0 0%, #80c0e0 50%, #60a0c0 100%); border-radius: 0 0 30% 30% / 50% 50% 70% 70%; animation: ce-brook 6s ease-in-out infinite; }
.scn-christchurch-english .bridge { position: absolute; bottom: 28%; left: 40%; width: 20%; height: 6%; background: linear-gradient(135deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 3px 8px rgba(0,0,0,0.3); }
.scn-christchurch-english .tree-1 { position: absolute; bottom: 35%; left: 15%; width: 12%; height: 40%; background: radial-gradient(ellipse at 50% 80%, #3a6a2a 0%, #2a4a1a 100%); border-radius: 40% 40% 20% 20%; transform-origin: bottom center; animation: ce-tree1 12s ease-in-out infinite alternate; }
.scn-christchurch-english .tree-2 { position: absolute; bottom: 32%; right: 20%; width: 10%; height: 35%; background: radial-gradient(ellipse at 50% 80%, #4a7a3a 0%, #2a5a1a 100%); border-radius: 40% 40% 20% 20%; transform-origin: bottom center; animation: ce-tree2 15s ease-in-out infinite alternate; }
@keyframes ce-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes ce-sun { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(15px) scale(1.05); } 100% { transform: translateX(30px) scale(0.95); } }
@keyframes ce-brook { 0% { background-position: 0 0; opacity: 0.9; } 50% { background-position: 20px 0; opacity: 1; } 100% { background-position: 40px 0; opacity: 0.8; } }
@keyframes ce-tree1 { 0% { transform: translateX(0) skewX(0deg); } 50% { transform: translateX(3px) skewX(1deg); } 100% { transform: translateX(-2px) skewX(-1deg); } }
@keyframes ce-tree2 { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(-4px) scaleY(0.98); } 100% { transform: translateX(2px) scaleY(1.02); } }

/* maori-house */
.scn-maori-house {
  background: linear-gradient(180deg, #4a2a1a 0%, #7a4a2a 30%, #8a5a3a 60%, #5a3a1a 100%), radial-gradient(circle at 50% 40%, #c08050 0%, transparent 60%);
}
.scn-maori-house .wall-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, #5a3a1a 0%, #3a1a0a 100%); }
.scn-maori-house .roof { position: absolute; top: 0; left: 10%; right: 10%; height: 40%; background: linear-gradient(180deg, #6a4a2a 0%, #8a5a3a 100%); clip-path: polygon(0% 100%, 50% 0%, 100% 100%); animation: mh-roof 8s ease-in-out infinite alternate; }
.scn-maori-house .post-left { position: absolute; bottom: 15%; left: 12%; width: 3%; height: 60%; background: linear-gradient(180deg, #4a2a1a 0%, #6a3a1a 100%); border-radius: 20%; box-shadow: inset -3px 0 5px rgba(0,0,0,0.4); animation: mh-post 6s ease-in-out infinite; }
.scn-maori-house .post-right { position: absolute; bottom: 15%; right: 12%; width: 3%; height: 60%; background: linear-gradient(180deg, #4a2a1a 0%, #6a3a1a 100%); border-radius: 20%; box-shadow: inset 3px 0 5px rgba(0,0,0,0.4); animation: mh-post 6s ease-in-out infinite 0.3s; }
.scn-maori-house .carving { position: absolute; bottom: 25%; left: 35%; width: 30%; height: 20%; background: radial-gradient(ellipse at 30% 50%, #8a5a3a 0%, #6a3a1a 100%); border-radius: 30% 70% 50% 50% / 60% 40% 60% 40%; border: 2px solid #c88040; animation: mh-carve 10s ease-in-out infinite; }
.scn-maori-house .floor { position: absolute; bottom: 0; left: 5%; right: 5%; height: 20%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%); border-radius: 0 0 10% 10%; box-shadow: inset 0 5px 10px rgba(0,0,0,0.3); }
.scn-maori-house .doorway { position: absolute; bottom: 10%; left: 40%; width: 20%; height: 35%; background: #2a1a0a; border: 3px solid #8a5a3a; border-radius: 20% 20% 0 0; animation: mh-door 5s ease-in-out infinite alternate; }
@keyframes mh-roof { 0% { clip-path: polygon(0% 100%, 50% 0%, 100% 100%); } 50% { clip-path: polygon(0% 100%, 55% 0%, 100% 100%); } 100% { clip-path: polygon(0% 100%, 50% 0%, 100% 100%); } }
@keyframes mh-post { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes mh-carve { 0% { transform: scaleX(1) translateX(0); } 50% { transform: scaleX(1.05) translateX(3px); } 100% { transform: scaleX(0.95) translateX(-2px); } }
@keyframes mh-door { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(5deg); } 100% { transform: rotateY(-3deg); } }

/* jade-trinkets */
.scn-jade-trinkets {
  background: linear-gradient(180deg, #1a2a1a 0%, #2a3a2a 50%, #3a4a3a 100%), radial-gradient(circle at 50% 60%, #4a6a4a 0%, transparent 70%);
}
.scn-jade-trinkets .table { position: absolute; bottom: 20%; left: 10%; right: 10%; height: 60%; background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 100%); border-radius: 5% 5% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.5); }
.scn-jade-trinkets .case { position: absolute; bottom: 25%; left: 25%; right: 25%; height: 40%; background: linear-gradient(135deg, #4a6a4a 0%, #3a5a3a 100%); border: 2px solid #5a7a5a; border-radius: 4% 4% 2% 2%; box-shadow: 0 0 30px rgba(100,200,100,0.2); animation: jt-case 12s ease-in-out infinite; }
.scn-jade-trinkets .jade-god { position: absolute; bottom: 40%; left: 30%; width: 6%; height: 10%; background: radial-gradient(circle, #70b080 0%, #408050 100%); border-radius: 40% 40% 30% 30%; box-shadow: 0 0 10px 2px rgba(80,160,80,0.5); animation: jt-god 8s ease-in-out infinite; }
.scn-jade-trinkets .jade-weapon { position: absolute; bottom: 38%; left: 45%; width: 8%; height: 8%; background: linear-gradient(90deg, #60a060 0%, #80c080 50%, #60a060 100%); clip-path: polygon(0% 40%, 50% 0%, 100% 40%, 80% 100%, 20% 100%); animation: jt-weapon 10s ease-in-out infinite; }
.scn-jade-trinkets .jade-pendant { position: absolute; bottom: 42%; left: 55%; width: 5%; height: 5%; background: radial-gradient(circle, #80c080 0%, #50a050 100%); border-radius: 50%; box-shadow: 0 0 12px 3px rgba(80,160,80,0.6); animation: jt-pendant 6s ease-in-out infinite alternate; }
.scn-jade-trinkets .light-spot { position: absolute; top: 20%; left: 40%; width: 20%; height: 30%; background: radial-gradient(ellipse, rgba(200,255,200,0.3) 0%, transparent 100%); animation: jt-light 15s ease-in-out infinite; }
.scn-jade-trinkets .shadow { position: absolute; bottom: 22%; left: 30%; right: 30%; height: 10%; background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 100%); animation: jt-shadow 10s ease-in-out infinite; }
@keyframes jt-case { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(5px) scale(1.02); } 100% { transform: translateX(-3px) scale(0.98); } }
@keyframes jt-god { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(5deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes jt-weapon { 0% { transform: rotateZ(0deg); } 50% { transform: rotateZ(10deg); } 100% { transform: rotateZ(-5deg); } }
@keyframes jt-pendant { 0% { opacity: 0.9; } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0.8; } }
@keyframes jt-light { 0% { opacity: 0.1; } 50% { opacity: 0.3; } 100% { opacity: 0.15; } }
@keyframes jt-shadow { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.2); } 100% { transform: scaleX(0.9); } }

/* ---- savage-grabs (sg) ---- */
.scn-savage-grabs {
  background:
    linear-gradient(180deg, #f5e6d0 0%, #d9c4a8 40%, #b89a7a 100%),
    radial-gradient(ellipse at 50% 0%, #fff5e6 0%, transparent 70%);
}
.scn-savage-grabs .room-bg {
  position:absolute; inset:0;
  background: linear-gradient(180deg, #e8dccc 0%, #c4b09a 100%);
  animation: sg-room 12s ease-in-out infinite alternate;
}
.scn-savage-grabs .desk {
  position:absolute; bottom:8%; left:15%; right:15%; height:35%;
  background: linear-gradient(180deg, #8b6f50 0%, #5c442e 100%);
  border-radius: 2% 2% 0 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  animation: sg-desk 9s ease-in-out infinite;
}
.scn-savage-grabs .map {
  position:absolute; bottom:20%; left:25%; width:50%; height:30%;
  background: linear-gradient(135deg, #e3d5b5 0%, #c4af93 50%, #a68f72 100%);
  border-radius: 4% 4% 2% 2%;
  transform: rotate(-2deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: sg-map 15s ease-in-out infinite alternate;
}
.scn-savage-grabs .globe {
  position:absolute; bottom:22%; left:12%; width:12%; padding-bottom:12%;
  background: radial-gradient(circle at 30% 30%, #4a7a9c 0%, #2a4a6a 60%, #1a2a3a 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0,0,0,0.3), inset -4px -4px 8px rgba(0,0,0,0.2);
  animation: sg-globe 20s linear infinite;
}
.scn-savage-grabs .papers {
  position:absolute; bottom:25%; left:35%; width:8%; height:12%;
  background: linear-gradient(180deg, #f0e2c8 0%, #d4c0a0 100%);
  border-radius: 2%;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  transform: rotate(5deg);
  animation: sg-papers 8s ease-in-out infinite alternate;
}
.scn-savage-grabs .window {
  position:absolute; top:6%; left:70%; width:25%; height:40%;
  background: linear-gradient(180deg, #b3d4e8 0%, #7aacc8 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3), 0 4px 10px rgba(0,0,0,0.2);
  animation: sg-window 10s ease-in-out infinite alternate;
}
.scn-savage-grabs .pen {
  position:absolute; bottom:28%; left:50%; width:2%; height:15%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 0 0 50% 50%;
  transform: rotate(20deg);
  transform-origin: bottom center;
  animation: sg-pen 5s ease-in-out infinite;
}
@keyframes sg-room { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.92 } }
@keyframes sg-desk { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes sg-map { 0% { transform: rotate(-2deg) translateX(0) } 50% { transform: rotate(-1deg) translateX(2px) } 100% { transform: rotate(-2deg) translateX(0) } }
@keyframes sg-globe { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes sg-papers { 0% { transform: rotate(5deg) translateY(0) } 50% { transform: rotate(6deg) translateY(-1px) } 100% { transform: rotate(5deg) translateY(0) } }
@keyframes sg-window { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes sg-pen { 0%,100% { transform: rotate(20deg) } 50% { transform: rotate(25deg) translateY(-1px) } }

/* ---- gather-shells (gs) ---- */
.scn-gather-shells {
  background:
    linear-gradient(180deg, #fdf2e3 0%, #f0dcc4 40%, #d4bba3 100%),
    radial-gradient(ellipse at 70% 20%, #fff9e6 0%, transparent 60%);
}
.scn-gather-shells .table {
  position:absolute; bottom:10%; left:10%; right:10%; height:30%;
  background: linear-gradient(180deg, #b8976a 0%, #8b6f4c 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  animation: gs-table 8s ease-in-out infinite;
}
.scn-gather-shells .shell {
  position:absolute; bottom:32%; width:5%; height:5%;
  background: linear-gradient(135deg, #f5d9b8 0%, #e0b88a 50%, #c09060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.scn-gather-shells .se-shell { left:30%; animation: gs-shell1 3s ease-in-out infinite; }
.scn-gather-shells .le-shell { left:55%; animation: gs-shell2 3.5s ease-in-out infinite 0.5s; }
.scn-gather-shells .bottle {
  position:absolute; bottom:38%; width:4%; height:14%;
  background: linear-gradient(180deg, #8a9a6a 0%, #5c6a3a 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  animation: gs-bottle 5s ease-in-out infinite alternate;
}
.scn-gather-shells .bot1 { left:20%; }
.scn-gather-shells .bot2 { left:70%; animation-delay: 1s; }
.scn-gather-shells .mug {
  position:absolute; bottom:36%; left:45%; width:6%; height:10%;
  background: linear-gradient(180deg, #c0a080 0%, #9a7a5a 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  animation: gs-mug 4s ease-in-out infinite;
}
.scn-gather-shells .hand {
  position:absolute; bottom:42%; left:42%; width:5%; height:8%;
  background: radial-gradient(ellipse, #d4a878 0%, #b88860 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gs-hand 2s ease-in-out infinite;
}
@keyframes gs-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes gs-shell1 { 0%,100% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-2px) rotate(5deg) } 60% { transform: translateY(1px) rotate(-3deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes gs-shell2 { 0%,100% { transform: translateY(0) rotate(0deg) } 40% { transform: translateY(-3px) rotate(-4deg) } 70% { transform: translateY(1px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes gs-bottle { 0% { transform: rotate(-5deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(-5deg) } }
@keyframes gs-mug { 0% { transform: rotate(1deg) } 50% { transform: rotate(-2deg) translateY(-2px) } 100% { transform: rotate(1deg) } }
@keyframes gs-hand { 0%,100% { transform: translateX(0) rotate(-5deg) } 50% { transform: translateX(4px) rotate(3deg) } }

/* ---- indian-women-labor (iw) ---- */
.scn-indian-women-labor {
  background:
    linear-gradient(180deg, #f0e0b8 0%, #c4a87a 40%, #8a6e4a 100%),
    radial-gradient(ellipse at 50% 0%, #fff2d0 0%, transparent 60%);
}
.scn-indian-women-labor .sun {
  position:absolute; top:2%; left:50%; width:16%; padding-bottom:16%;
  background: radial-gradient(circle, #ffdf80 0%, #f0b040 70%, transparent 100%);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 40px 20px rgba(240,176,64,0.3);
  animation: iw-sun 12s ease-in-out infinite alternate;
}
.scn-indian-women-labor .sky {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #fff5d0 0%, #e8d0a0 80%, transparent 100%);
  animation: iw-sky 8s ease-in-out infinite alternate;
}
.scn-indian-women-labor .ground {
  position:absolute; bottom:0; left:0; right:0; height:45%;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a2a 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-indian-women-labor .woman {
  position:absolute; bottom:42%; width:8%; height:30%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: iw-woman 6s ease-in-out infinite;
}
.scn-indian-women-labor .w1 { left:25%; animation-delay: 0s; }
.scn-indian-women-labor .w2 { left:45%; animation-delay: 2s; }
.scn-indian-women-labor .mat {
  position:absolute; bottom:68%; left:30%; width:14%; height:6%;
  background: linear-gradient(180deg, #c0a060 0%, #8a7030 100%);
  border-radius: 10% 10% 30% 30%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: iw-mat 5s ease-in-out infinite;
}
.scn-indian-women-labor .shadow {
  position:absolute; bottom:40%; left:22%; width:15%; height:4%;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 100%);
  border-radius: 50%;
  animation: iw-shadow 6s ease-in-out infinite alternate;
}
@keyframes iw-sun { 0% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.05) } 100% { transform: translateX(-50%) scale(0.95) } }
@keyframes iw-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes iw-woman { 0%,100% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-2px) rotate(1deg) } 60% { transform: translateY(0) rotate(-1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes iw-mat { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes iw-shadow { 0%,100% { opacity:0.3 } 50% { opacity:0.6 } }

/* ---- camaron-delicacy (cd) ---- */
.scn-camaron-delicacy {
  background:
    linear-gradient(180deg, #fce8c8 0%, #e8c890 40%, #c8a060 100%),
    radial-gradient(ellipse at 50% 100%, #fff0d0 0%, transparent 70%);
}
.scn-camaron-delicacy .table {
  position:absolute; bottom:8%; left:10%; right:10%; height:35%;
  background: linear-gradient(180deg, #b08a5a 0%, #8a6a3a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  animation: cd-table 10s ease-in-out infinite;
}
.scn-camaron-delicacy .plate {
  position:absolute; bottom:22%; left:30%; width:40%; padding-bottom:20%;
  background: radial-gradient(ellipse, #f0e0c0 0%, #d8c0a0 70%);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2), inset 0 0 20px rgba(255,255,255,0.3);
  animation: cd-plate 8s ease-in-out infinite alternate;
}
.scn-camaron-delicacy .camaron {
  position:absolute; bottom:30%; left:38%; width:10%; height:6%;
  background: linear-gradient(135deg, #e8a050 0%, #d08030 50%, #b06020 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: cd-camaron 4s ease-in-out infinite;
}
.scn-camaron-delicacy .sauce {
  position:absolute; bottom:25%; left:43%; width:6%; height:4%;
  background: radial-gradient(circle, #c04020 0%, #8a2010 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(192,64,32,0.4);
  animation: cd-sauce 3s ease-in-out infinite alternate;
}
.scn-camaron-delicacy .steam {
  position:absolute; bottom:38%; left:35%; width:10%; height:20%;
  background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, transparent 100%);
  filter: blur(6px);
  border-radius: 50%;
  animation: cd-steam 6s ease-in-out infinite;
}
.scn-camaron-delicacy .guard {
  position:absolute; bottom:15%; left:55%; width:6%; height:18%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cd-guard 5s ease-in-out infinite;
}
.scn-camaron-delicacy .lantern {
  position:absolute; bottom:45%; left:60%; width:4%; height:6%;
  background: radial-gradient(circle, #ffdd88 0%, #cc8820 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 20px 6px rgba(204,136,32,0.5);
  animation: cd-lantern 3s ease-in-out infinite alternate;
}
@keyframes cd-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes cd-plate { 0% { transform: scale(1) rotate(0deg) } 50% { transform: scale(1.02) rotate(1deg) } 100% { transform: scale(1) rotate(0deg) } }
@keyframes cd-camaron { 0%,100% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(3deg) } }
@keyframes cd-sauce { 0% { opacity:0.7; transform: scale(1) } 100% { opacity:1; transform: scale(1.1) } }
@keyframes cd-steam { 0% { transform: translateY(0) scale(1); opacity:0.4 } 50% { transform: translateY(-12px) scale(1.3); opacity:0.1 } 100% { transform: translateY(0) scale(0.8); opacity:0.3 } }
@keyframes cd-guard { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(2deg) translateX(1px) } }
@keyframes cd-lantern { 0% { transform: rotate(-3deg); opacity:0.8 } 100% { transform: rotate(3deg); opacity:1 } }

/* amazement – funny bright interior */
.scn-amazement {
  background:
    linear-gradient(180deg, #f9f3e7 0%, #ede0d0 30%, #d4c4a8 100%),
    radial-gradient(ellipse at 50% 60%, #fff8e0 0%, transparent 70%);
}
.scn-amazement .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #f5ede0 0%, #e8dcc8 100%); }
.scn-amazement .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #b8a080 0%, #9c8468 100%); border-top: 4px solid #a08464; }
.scn-amazement .table { position:absolute; bottom:22%; left:50%; width:120px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #c8a868 0%, #a88848 100%); border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-amazement .chair-left,
.scn-amazement .chair-right { position:absolute; bottom:28%; width:20px; height:40px; background: linear-gradient(180deg, #5a4a32 0%, #3a2a1a 100%); border-radius: 4px; }
.scn-amazement .chair-left { left:38%; animation: amz-chair 4s ease-in-out infinite; }
.scn-amazement .chair-right { right:38%; animation: amz-chair 4s ease-in-out 2s infinite; }
.scn-amazement .figure { position:absolute; bottom:18%; width:18px; height:50px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; }
.scn-amazement .figure-center { left:50%; transform:translateX(-50%); animation: amz-figc 5s ease-in-out infinite; }
.scn-amazement .figure-left { left:35%; transform:translateX(-50%); animation: amz-figl 5s ease-in-out 1s infinite; }
.scn-amazement .figure-right { right:35%; transform:translateX(50%); animation: amz-figr 5s ease-in-out 2.5s infinite; }
.scn-amazement .lamp { position:absolute; top:8%; left:50%; width:12px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #c8a040 0%, #806020 100%); border-radius: 4px; }
.scn-amazement .lamp::after { content:''; position:absolute; top:-6px; left:-4px; width:20px; height:14px; background: radial-gradient(circle, #ffd080 0%, #e8b060 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 30px 10px rgba(255,208,128,0.5); animation: amz-lamp 3s ease-in-out infinite alternate; }
@keyframes amz-chair { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-2deg); } }
@keyframes amz-figc { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 30% { transform: translateX(-50%) translateY(-2px) rotate(3deg); } 60% { transform: translateX(-50%) translateY(0) rotate(-2deg); } }
@keyframes amz-figl { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 20% { transform: translateX(-50%) translateY(-3px) rotate(5deg); } 40% { transform: translateX(-50%) translateY(-1px) rotate(-3deg); } 60% { transform: translateX(-50%) translateY(0) rotate(2deg); } 80% { transform: translateX(-50%) translateY(-2px) rotate(0deg); } }
@keyframes amz-figr { 0%,100% { transform: translateX(50%) translateY(0) rotate(0deg); } 25% { transform: translateX(50%) translateY(-2px) rotate(-4deg); } 50% { transform: translateX(50%) translateY(-1px) rotate(2deg); } 75% { transform: translateX(50%) translateY(0) rotate(-1deg); } }
@keyframes amz-lamp { 0% { opacity:0.8; box-shadow: 0 0 20px 6px rgba(255,208,128,0.4); } 100% { opacity:1; box-shadow: 0 0 40px 14px rgba(255,208,128,0.7); } }

/* ed-grateful – warm bright interior toast */
.scn-ed-grateful {
  background:
    linear-gradient(180deg, #f2e8d8 0%, #e0d0b8 40%, #c8b090 100%),
    radial-gradient(ellipse at 50% 30%, #fff5e0 0%, transparent 70%);
}
.scn-ed-grateful .bg-warm { position:absolute; inset:0; background: linear-gradient(135deg, #f0e4d0 0%, #dccbb0 100%); }
.scn-ed-grateful .table-wood { position:absolute; bottom:20%; left:10%; right:10%; height:20px; background: linear-gradient(180deg, #8a6a44 0%, #6a4e2e 100%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.scn-ed-grateful .glass-left,
.scn-ed-grateful .glass-right { position:absolute; bottom:22%; width:16px; height:30px; background: linear-gradient(180deg, #fff8e0 0%, #e8d8b0 100%); border-radius: 4px 4px 2px 2px; box-shadow: 0 4px 6px rgba(0,0,0,0.15); }
.scn-ed-grateful .glass-left { left:28%; animation: edg-glass 2s ease-in-out infinite; }
.scn-ed-grateful .glass-right { right:30%; animation: edg-glass 2s ease-in-out 1s infinite; }
.scn-ed-grateful .arm-arm { position:absolute; bottom:18%; left:42%; width:10px; height:40px; background: linear-gradient(180deg, #3a2a2a 0%, #2a1a1a 100%); border-radius: 6px; transform: rotate(30deg); transform-origin: bottom center; animation: edg-arm 3s ease-in-out infinite; }
.scn-ed-grateful .arm-hand { position:absolute; bottom:22%; left:45%; width:14px; height:14px; background: linear-gradient(180deg, #4a3a3a 0%, #2a1a1a 100%); border-radius: 50%; animation: edg-hand 3s ease-in-out infinite; }
.scn-ed-grateful .bottle { position:absolute; bottom:20%; left:20%; width:10px; height:26px; background: linear-gradient(180deg, #6a4a2e 0%, #4a2e1a 100%); border-radius: 4px; transform: rotate(15deg); }
.scn-ed-grateful .sparkles { position:absolute; top:20%; left:30%; width:100%; height:60%; background: radial-gradient(circle at 60% 40%, #ffd080 0%, transparent 60%); animation: edg-sparkle 4s ease-in-out infinite alternate; }
@keyframes edg-glass { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(5deg); } }
@keyframes edg-arm { 0%,100% { transform: rotate(30deg); } 50% { transform: rotate(35deg); } }
@keyframes edg-hand { 0%,100% { transform: translate(0,0); } 50% { transform: translate(2px,-2px); } }
@keyframes edg-sparkle { 0% { opacity:0.6; transform: scale(0.95); } 100% { opacity:1; transform: scale(1.05); } }

/* self-respect – funny bright interior with mirror */
.scn-self-respect {
  background:
    linear-gradient(180deg, #faf3e8 0%, #ede2d2 50%, #dacbb8 100%),
    radial-gradient(ellipse at 50% 20%, #fff8e8 0%, transparent 80%);
}
.scn-self-respect .wall-bright { position:absolute; inset:0; background: linear-gradient(135deg, #f5ede2 0%, #e4d6c4 100%); }
.scn-self-respect .mirror-frame { position:absolute; top:6%; left:50%; width:100px; height:140px; transform:translateX(-50%); background: linear-gradient(180deg, #8a7a62 0%, #6a5a46 100%); border-radius: 8px; box-shadow: 0 6px 12px rgba(0,0,0,0.25); }
.scn-self-respect .mirror-glass { position:absolute; top:10%; left:52%; width:88px; height:120px; transform:translateX(-50%); background: linear-gradient(180deg, #e8e0d8 0%, #d0c8c0 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.1); }
.scn-self-respect .figure-mirror { position:absolute; top:18%; left:54%; width:20px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: srs-mirror 6s ease-in-out infinite; }
.scn-self-respect .figure-real { position:absolute; bottom:10%; left:40%; width:20px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #3a2a3a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: srs-real 6s ease-in-out infinite; }
.scn-self-respect .hat { position:absolute; top:14%; left:38%; width:26px; height:8px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 0 0; transform: rotate(-8deg); animation: srs-hat 6s ease-in-out infinite; }
.scn-self-respect .shadow-self { position:absolute; bottom:8%; left:60%; width:20px; height:40px; background: rgba(0,0,0,0.15); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(-1); animation: srs-shadow 6s ease-in-out infinite; }
@keyframes srs-mirror { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 30% { transform: translateX(-50%) translateY(-2px) rotate(2deg); } 60% { transform: translateX(-50%) translateY(0) rotate(-2deg); } }
@keyframes srs-real { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 20% { transform: translateX(-50%) translateY(-3px) rotate(-3deg); } 50% { transform: translateX(-50%) translateY(-1px) rotate(2deg); } 80% { transform: translateX(-50%) translateY(0) rotate(0deg); } }
@keyframes srs-hat { 0%,100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
@keyframes srs-shadow { 0%,100% { opacity:0.5; } 50% { opacity:0.2; } }

/* derwent-estuary – sunlit seascape */
.scn-derwent-estuary {
  background:
    linear-gradient(180deg, #a8c8e8 0%, #7ba8d0 30%, #f0e8c0 60%, #f8d080 80%, #f8c860 100%),
    radial-gradient(ellipse at 80% 30%, #f8e0a0 0%, transparent 70%);
}
.scn-derwent-estuary .sky-sun { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #90b8e0 0%, #c8d8f0 40%, #f0e8c0 100%); }
.scn-derwent-estuary .water { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #4a7a9a 0%, #2a5a7a 50%, #1a3a5a 100%); animation: dest-water 12s ease-in-out infinite alternate; }
.scn-derwent-estuary .cliff-left,
.scn-derwent-estuary .cliff-right { position:absolute; bottom:40%; width:25%; height:60%; background: linear-gradient(180deg, #6a5a42 0%, #4a3a2a 100%); border-radius: 20% 20% 0 0; }
.scn-derwent-estuary .cliff-left { left:0; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); animation: dest-cliff 20s ease-in-out infinite; }
.scn-derwent-estuary .cliff-right { right:0; clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%); animation: dest-cliff 20s ease-in-out 10s infinite; }
.scn-derwent-estuary .ship-hull { position:absolute; bottom:35%; left:40%; width:40px; height:20px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 0 0 30% 30%; animation: dest-ship 8s ease-in-out infinite; }
.scn-derwent-estuary .sail-main { position:absolute; bottom:45%; left:42%; width:4px; height:50px; background: linear-gradient(180deg, #f0e0c0 0%, #e0c8a0 100%); transform: rotate(10deg); transform-origin: bottom center; animation: dest-sail 8s ease-in-out infinite; }
.scn-derwent-estuary .sail-main::after { content:''; position:absolute; top:0; left:4px; width:30px; height:40px; background: linear-gradient(180deg, #f8e8d0 0%, #e0c8a0 100%); clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%); animation: dest-sail-fill 8s ease-in-out infinite; }
.scn-derwent-estuary .sail-jib { position:absolute; bottom:42%; left:38%; width:3px; height:30px; background: linear-gradient(180deg, #f0e0c0 0%, #e0c8a0 100%); transform: rotate(20deg); transform-origin: bottom center; animation: dest-sail 8s ease-in-out 2s infinite; }
.scn-derwent-estuary .sun-glint { position:absolute; top:15%; right:20%; width:30px; height:30px; background: radial-gradient(circle, #fff8d0 0%, #f8e0a0 40%, transparent 100%); border-radius: 50%; box-shadow: 0 0 60px 20px rgba(255,240,160,0.5); animation: dest-glint 6s ease-in-out infinite alternate; }
.scn-derwent-estuary .clouds { position:absolute; top:8%; left:10%; width:120px; height:16px; background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); border-radius: 50%; filter: blur(6px); animation: dest-cloud 40s linear infinite; }
@keyframes dest-water { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes dest-cliff { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes dest-ship { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } }
@keyframes dest-sail { 0%,100% { transform: rotate(10deg); } 50% { transform: rotate(15deg); } }
@keyframes dest-sail-fill { 0%,100% { opacity:0.9; } 50% { opacity:1; } }
@keyframes dest-glint { 0% { opacity:0.7; transform: scale(0.95); } 100% { opacity:1; transform: scale(1.1); } }
@keyframes dest-cloud { 0% { transform: translateX(-30px); } 100% { transform: translateX(110vw); } }

.scn-melbourne-museums { background: linear-gradient(180deg, #f7e8d0 0%, #e3cba0 40%, #c0a070 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 70%); }
.scn-melbourne-museums .mm-gallery { position:absolute; inset:0; background: linear-gradient(180deg, #f2dbb8 0%, #dab88a 50%, #b89060 100%); opacity:0.7; }
.scn-melbourne-museums .mm-arch { position:absolute; top:5%; left:20%; width:60%; height:60%; border-radius:20% 20% 0 0 / 30% 30% 0 0; background: linear-gradient(180deg, #d4b88a 0%, #b89060 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.15); animation: mm-arch-pulse 6s ease-in-out infinite; }
.scn-melbourne-museums .mm-window { position:absolute; top:10%; left:35%; width:30%; height:40%; background: linear-gradient(180deg, #fff8dc 0%, #ffe8b0 100%); border-radius:4%; box-shadow: inset 0 0 30px rgba(255,255,200,0.3), 0 0 40px rgba(255,200,100,0.2); animation: mm-window-glow 4s ease-in-out infinite alternate; }
.scn-melbourne-museums .mm-case { position:absolute; bottom:10%; left:10%; width:25%; height:35%; background: linear-gradient(135deg, #8b6b40 0%, #a07848 50%, #7a5a30 100%); border-radius:4%; box-shadow: 0 6px 12px rgba(0,0,0,0.3); animation: mm-case-float 8s ease-in-out infinite; }
.scn-melbourne-museums .mm-statue { position:absolute; bottom:15%; left:60%; width:12%; height:25%; background: linear-gradient(180deg, #d4c4a0 0%, #b09070 50%, #7a6040 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mm-statue-sway 10s ease-in-out infinite; }
.scn-melbourne-museums .mm-lightbeam { position:absolute; top:0; left:30%; width:40%; height:100%; background: linear-gradient(180deg, rgba(255,240,200,0.15) 0%, rgba(255,240,200,0.05) 100%); transform: skewX(-5deg); filter: blur(10px); animation: mm-beam-move 15s ease-in-out infinite alternate; }
.scn-melbourne-museums .mm-dust { position:absolute; top:20%; left:25%; width:50%; height:10%; background: radial-gradient(circle, rgba(255,255,200,0.1) 0%, transparent 60%); filter: blur(8px); animation: mm-dust-drift 25s linear infinite; }
@keyframes mm-arch-pulse   { 0% { opacity:0.8; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.02); } 100% { opacity:0.8; transform: scaleY(1); } }
@keyframes mm-window-glow  { 0% { box-shadow: 0 0 20px rgba(255,200,100,0.2); } 50% { box-shadow: 0 0 60px rgba(255,200,100,0.5); } 100% { box-shadow: 0 0 30px rgba(255,200,100,0.3); } }
@keyframes mm-case-float   { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes mm-statue-sway  { 0% { transform: rotate(-1deg); } 25% { transform: rotate(1deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-beam-move    { 0% { transform: skewX(-5deg) translateX(0); } 100% { transform: skewX(-5deg) translateX(-10px); } }
@keyframes mm-dust-drift   { 0% { transform: translateX(0); } 100% { transform: translateX(100vw); } }

.scn-convict-origin { background: linear-gradient(180deg, #e6d5b8 0%, #d4bfa0 40%, #b8a080 100%), radial-gradient(ellipse at 50% 80%, #f0e0c0 0%, transparent 60%); }
.scn-convict-origin .co-wall { position:absolute; bottom:0; left:0; right:0; height:70%; background: linear-gradient(180deg, #c8a87a 0%, #a08060 100%); border-radius:4% 4% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); animation: co-wall-texture 20s linear infinite; }
.scn-convict-origin .co-floor { position:absolute; bottom:0; left:0; right:0; height:10%; background: linear-gradient(180deg, #8b6d4a 0%, #6d5238 100%); }
.scn-convict-origin .co-window { position:absolute; top:10%; left:30%; width:40%; height:30%; background: linear-gradient(180deg, #ffe8d0 0%, #ffdbb0 100%); border:6px solid #7a5a30; border-radius:4%; box-shadow: inset 0 0 40px rgba(255,235,180,0.4); animation: co-sunlight 6s ease-in-out infinite alternate; }
.scn-convict-origin .co-brickpile { position:absolute; bottom:12%; right:15%; width:20%; height:20%; background: linear-gradient(135deg, #8a6040 0%, #704c30 50%, #5a3820 100%); border-radius:10% 10% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.4); animation: co-pile-settle 12s ease-in-out infinite; }
.scn-convict-origin .co-figure { position:absolute; bottom:12%; left:20%; width:10%; height:25%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%); border-radius:50% 50% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom center; animation: co-convict-walk 8s ease-in-out infinite; }
.scn-convict-origin .co-sunbeam { position:absolute; top:0; left:30%; width:40%; height:100%; background: linear-gradient(180deg, rgba(255,240,200,0.2) 0%, rgba(255,240,200,0.05) 100%); transform: skewX(3deg); filter: blur(12px); animation: co-beam-flicker 5s ease-in-out infinite alternate; }
.scn-convict-origin .co-dust { position:absolute; top:20%; left:10%; width:80%; height:8%; background: radial-gradient(circle, rgba(255,240,200,0.08) 0%, transparent 60%); filter: blur(10px); animation: co-dust-drift 30s linear infinite; }
@keyframes co-wall-texture   { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes co-sunlight       { 0% { box-shadow: 0 0 20px rgba(255,235,180,0.2); } 50% { box-shadow: 0 0 70px rgba(255,235,180,0.6); } 100% { box-shadow: 0 0 30px rgba(255,235,180,0.3); } }
@keyframes co-pile-settle    { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes co-convict-walk   { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(5px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(10px) translateY(0) rotate(-1deg); } 75% { transform: translateX(15px) translateY(-1px) rotate(2deg); } 100% { transform: translateX(20px) translateY(0) rotate(0deg); } }
@keyframes co-beam-flicker   { 0% { opacity:0.7; transform: skewX(3deg) scaleY(1); } 50% { opacity:1; transform: skewX(3deg) scaleY(1.05); } 100% { opacity:0.7; transform: skewX(3deg) scaleY(1); } }
@keyframes co-dust-drift     { 0% { transform: translateX(0); } 100% { transform: translateX(100vw); } }

.scn-empire-trade { background: linear-gradient(180deg, #d4c4a0 0%, #c0a878 40%, #a88860 100%), radial-gradient(ellipse at 30% 40%, #e8d8b0 0%, transparent 60%); }
.scn-empire-trade .et-study { position:absolute; inset:0; background: linear-gradient(180deg, #c8b898 0%, #a89070 50%, #8a7050 100%); opacity:0.8; }
.scn-empire-trade .et-globe { position:absolute; top:15%; right:10%; width:20%; height:25%; background: radial-gradient(circle at 35% 35%, #80b0d0 0%, #406080 100%); border-radius:50%; box-shadow: 0 8px 16px rgba(0,0,0,0.3), inset -10px -10px 30px rgba(0,0,0,0.2); animation: et-globe-spin 30s linear infinite; }
.scn-empire-trade .et-books { position:absolute; bottom:20%; left:12%; width:30%; height:20%; background: linear-gradient(90deg, #6a4a30 0%, #7a5a40 20%, #5a3a20 40%, #7a5a40 60%, #6a4a30 80%); border-radius:4%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: et-books-shift 12s ease-in-out infinite; }
.scn-empire-trade .et-map { position:absolute; top:10%; left:8%; width:45%; height:35%; background: linear-gradient(135deg, #f0e0c0 0%, #d4c4a0 50%, #b8a080 100%); border-radius:2%; box-shadow: 0 6px 12px rgba(0,0,0,0.2); transform: rotate(-2deg); animation: et-map-float 8s ease-in-out infinite alternate; }
.scn-empire-trade .et-compass { position:absolute; top:45%; left:55%; width:12%; height:12%; background: radial-gradient(circle, #c0a050 0%, #8a7030 60%, #5a4020 100%); border-radius:50%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: et-compass-swing 6s ease-in-out infinite; }
.scn-empire-trade .et-candle { position:absolute; top:20%; left:45%; width:4%; height:18%; background: linear-gradient(180deg, #f0e0c0 0%, #d0b080 50%, #8a6030 100%); border-radius:20%; box-shadow: 0 0 30px rgba(255,200,100,0.5); animation: et-candle-flicker 3s ease-in-out infinite alternate; }
.scn-empire-trade .et-chest { position:absolute; bottom:10%; right:5%; width:25%; height:20%; background: linear-gradient(180deg, #6a5030 0%, #4a3018 100%); border-radius:6% 6% 4% 4%; box-shadow: 0 8px 16px rgba(0,0,0,0.4); animation: et-chest-close 10s ease-in-out infinite; }
@keyframes et-globe-spin       { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes et-books-shift      { 0% { transform: translateX(0); } 50% { transform: translateX(2px); } 100% { transform: translateX(0); } }
@keyframes et-map-float        { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-4px); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes et-compass-swing    { 0% { transform: rotate(-5deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(-3deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(-5deg); } }
@keyframes et-candle-flicker   { 0% { opacity:0.7; box-shadow: 0 0 20px rgba(255,200,100,0.3); } 50% { opacity:1; box-shadow: 0 0 50px rgba(255,200,100,0.7); } 100% { opacity:0.7; box-shadow: 0 0 30px rgba(255,200,100,0.4); } }
@keyframes et-chest-close      { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }

.scn-australasian-trade { background: linear-gradient(180deg, #eadcc8 0%, #d4c4a8 40%, #b8a888 100%), radial-gradient(ellipse at 60% 30%, #f0e4d0 0%, transparent 70%); }
.scn-australasian-trade .at-desk { position:absolute; bottom:0; left:10%; right:10%; height:40%; background: linear-gradient(180deg, #a89070 0%, #8a7050 100%); border-radius:4% 4% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.2); }
.scn-australasian-trade .at-ledger { position:absolute; bottom:15%; left:25%; width:30%; height:20%; background: linear-gradient(180deg, #f0e4d0 0%, #d4c4a8 100%); border-radius:2%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transform: rotate(2deg); animation: at-ledger-turn 10s ease-in-out infinite; }
.scn-australasian-trade .at-quill { position:absolute; bottom:30%; left:40%; width:3%; height:25%; background: linear-gradient(180deg, #d0c0a0 0%, #a89070 50%, #6a5030 100%); border-radius:30% 30% 10% 10%; transform: rotate(15deg); transform-origin: bottom; animation: at-quill-write 4s ease-in-out infinite; }
.scn-australasian-trade .at-coin { position:absolute; bottom:18%; right:20%; width:8%; height:8%; background: radial-gradient(circle, #e8d080 0%, #c0a050 60%, #8a7030 100%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: at-coin-spin 6s linear infinite; }
.scn-australasian-trade .at-map { position:absolute; top:10%; left:5%; width:50%; height:40%; background: linear-gradient(135deg, #f0e0c0 0%, #d4c4a0 50%, #b8a080 100%); border-radius:2%; box-shadow: 0 6px 12px rgba(0,0,0,0.15); transform: rotate(-1deg); animation: at-map-float 9s ease-in-out infinite alternate; }
.scn-australasian-trade .at-lamp { position:absolute; top:8%; left:55%; width:6%; height:15%; background: linear-gradient(180deg, #e8d8b0 0%, #c0a060 100%); border-radius:20%; box-shadow: 0 0 40px rgba(255,210,120,0.5); animation: at-lamp-glow 5s ease-in-out infinite alternate; }
.scn-australasian-trade .at-shadow { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%); }
@keyframes at-ledger-turn     { 0% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-2px); } 100% { transform: rotate(2deg) translateY(0); } }
@keyframes at-quill-write     { 0% { transform: rotate(15deg) translateY(0); } 25% { transform: rotate(10deg) translateY(-3px); } 50% { transform: rotate(15deg) translateY(0); } 75% { transform: rotate(20deg) translateY(-3px); } 100% { transform: rotate(15deg) translateY(0); } }
@keyframes at-coin-spin       { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }
@keyframes at-map-float       { 0% { transform: rotate(-1deg) translateY(0); } 50% { transform: rotate(-1deg) translateY(-5px); } 100% { transform: rotate(-1deg) translateY(0); } }
@keyframes at-lamp-glow       { 0% { box-shadow: 0 0 20px rgba(255,210,120,0.3); } 50% { box-shadow: 0 0 60px rgba(255,210,120,0.6); } 100% { box-shadow: 0 0 30px rgba(255,210,120,0.4); } }

/* death-rate */
.scn-death-rate { background: linear-gradient(180deg, #1c1a16 0%, #2b261f 40%, #3d3429 100%), radial-gradient(ellipse at 50% 80%, #4a3e2e 0%, transparent 70%); }
.scn-death-rate .wall      { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #2e2a22 0%, #1f1c16 100%); border-bottom:4px solid #4a3e2e; }
.scn-death-rate .desk      { position:absolute; bottom:18%; left:20%; width:60%; height:12%; background: linear-gradient(180deg, #5a4a36 0%, #3d3224 100%); border-radius:4% 4% 0 0; box-shadow:0 -6px 20px rgba(0,0,0,.6); }
.scn-death-rate .lamp      { position:absolute; bottom:38%; left:28%; width:22px; height:40px; background: linear-gradient(180deg, #8a7a52 0%, #5a4a2e 100%); border-radius:50% 50% 20% 20%/60% 60% 20% 20%; transform:rotate(-8deg); }
.scn-death-rate .light-cone{ position:absolute; bottom:20%; left:24%; width:120px; height:60px; background: radial-gradient(ellipse at 50% 0%, rgba(200,180,120,.25) 0%, transparent 100%); transform:rotate(-6deg); filter:blur(8px); animation: dr1-flicker 5s ease-in-out infinite alternate; }
.scn-death-rate .figure    { position:absolute; bottom:18%; right:22%; width:24px; height:45px; background: linear-gradient(180deg, #2a221a 0%, #15100c 100%); border-radius:45% 45% 35% 35%/55% 55% 35% 35%; transform-origin:bottom center; animation: dr1-bow 6s ease-in-out infinite; }
.scn-death-rate .ledger    { position:absolute; bottom:20%; left:45%; width:40px; height:30px; background: linear-gradient(135deg, #b8a88a 0%, #8a7a5e 100%); border-radius:2px; box-shadow:inset 0 2px 4px rgba(0,0,0,.4); transform:rotate(2deg); animation: dr1-page 8s ease-in-out infinite; }
.scn-death-rate .skull     { position:absolute; bottom:26%; left:52%; width:16px; height:20px; background: radial-gradient(circle at 50% 30%, #c8b898 0%, #8a7a5a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)); }
@keyframes dr1-flicker { 0% { opacity:.4; transform:rotate(-6deg) scale(1); } 50% { opacity:.8; transform:rotate(-4deg) scale(1.05); } 100% { opacity:.5; transform:rotate(-7deg) scale(0.95); } }
@keyframes dr1-bow     { 0%,100% { transform:translateX(0) rotate(0deg); } 25% { transform:translateX(-4px) rotate(-2deg); } 50% { transform:translateX(-8px) rotate(0deg); } 75% { transform:translateX(-4px) rotate(2deg); } }
@keyframes dr1-page    { 0%,100% { transform:rotate(2deg) scale(1); } 50% { transform:rotate(4deg) scale(1.02); } }

/* early-prophet */
.scn-early-prophet { background: linear-gradient(180deg, #f5dcc0 0%, #e8c99b 40%, #c9a66b 100%), radial-gradient(ellipse at 50% 0%, #fff5e0 0%, transparent 80%); }
.scn-early-prophet .bg-drape   { position:absolute; inset:0; background: linear-gradient(135deg, #b38a5e 0%, #8a6a3e 50%, #5a3e1e 100%); opacity:.4; }
.scn-early-prophet .lectern    { position:absolute; bottom:20%; left:50%; width:80px; height:65px; background: linear-gradient(180deg, #7a5a3a 0%, #4a3a22 100%); border-radius:6% 6% 0 0; box-shadow:0 4px 12px rgba(0,0,0,.3); transform:translateX(-50%); }
.scn-early-prophet .figure     { position:absolute; bottom:22%; left:45%; width:20px; height:50px; background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%); border-radius:45% 45% 30% 30%/60% 60% 30% 30%; transform-origin:bottom center; animation: ep1-orate 10s ease-in-out infinite; }
.scn-early-prophet .book       { position:absolute; bottom:24%; left:49%; width:40px; height:25px; background: linear-gradient(135deg, #d4b88a 0%, #b8986a 100%); border-radius:2px; box-shadow:inset 0 2px 6px rgba(0,0,0,.3); transform:rotate(1deg); }
.scn-early-prophet .candle     { position:absolute; bottom:36%; left:52%; width:8px; height:28px; background: linear-gradient(180deg, #f0e0c0 0%, #c8b080 100%); border-radius:20% 20% 10% 10%; transform:rotate(-3deg); }
.scn-early-prophet .glow       { position:absolute; bottom:32%; left:49%; width:60px; height:60px; background: radial-gradient(circle, rgba(255,220,120,.5) 0%, rgba(255,200,80,.2) 40%, transparent 100%); filter:blur(10px); animation: ep1-flicker 4s ease-in-out infinite alternate; }
.scn-early-prophet .frame-left { position:absolute; left:5%; top:10%; width:8%; height:80%; background: linear-gradient(180deg, #7a5a3a 0%, #4a3a22 100%); border-radius:4px; box-shadow:2px 0 8px rgba(0,0,0,.3); }
.scn-early-prophet .frame-right{ position:absolute; right:5%; top:10%; width:8%; height:80%; background: linear-gradient(180deg, #7a5a3a 0%, #4a3a22 100%); border-radius:4px; box-shadow:-2px 0 8px rgba(0,0,0,.3); }
@keyframes ep1-orate   { 0%,100% { transform:translateX(0) rotate(0deg); } 25% { transform:translateX(4px) rotate(2deg); } 50% { transform:translateX(0) rotate(-1deg); } 75% { transform:translateX(-3px) rotate(1deg); } }
@keyframes ep1-flicker { 0% { opacity:.6; transform:scale(1); } 50% { opacity:.9; transform:scale(1.2); } 100% { opacity:.7; transform:scale(0.9); } }

/* prophecy-quoted */
.scn-prophecy-quoted { background: linear-gradient(180deg, #f2e8d0 0%, #dac09a 40%, #b89a72 100%), radial-gradient(ellipse at 70% 30%, #ffe8c0 0%, transparent 60%); }
.scn-prophecy-quoted .sun-burst { position:absolute; top:10%; left:30%; width:180px; height:180px; background: radial-gradient(circle at 50% 50%, #ffd080 0%, #e8b050 40%, transparent 70%); filter:blur(18px); animation: pq1-pulse 8s ease-in-out infinite alternate; }
.scn-prophecy-quoted .scroll   { position:absolute; bottom:20%; left:50%; width:70px; height:120px; background: linear-gradient(180deg, #d4b888 0%, #b8986a 50%, #8a6a42 100%); border-radius:4% 4% 8% 8%; transform:translateX(-50%) rotate(2deg); box-shadow:0 6px 20px rgba(0,0,0,.4); }
.scn-prophecy-quoted .flame    { position:absolute; bottom:18%; left:48%; width:12px; height:24px; background: radial-gradient(ellipse at 50% 0%, #ffc060 0%, #e89030 60%, transparent 100%); border-radius:50%; animation: pq1-burn 3s ease-in-out infinite alternate; }
.scn-prophecy-quoted .wave-front{ position:absolute; bottom:12%; left:10%; width:80%; height:30px; background: linear-gradient(180deg, rgba(120,180,200,.5) 0%, rgba(60,120,160,.3) 100%); border-radius:40% 60% 50% 50% / 30% 60% 40% 70%; filter:blur(3px); animation: pq1-wave 12s linear infinite; }
.scn-prophecy-quoted .wave-back { position:absolute; bottom:15%; left:5%; width:90%; height:20px; background: linear-gradient(180deg, rgba(80,140,180,.3) 0%, rgba(40,100,140,.15) 100%); border-radius:50% 30% 60% 40% / 40% 50% 60% 50%; filter:blur(5px); animation: pq1-wave 15s linear infinite reverse; }
.scn-prophecy-quoted .ray-1    { position:absolute; top:20%; left:45%; width:6px; height:100px; background: linear-gradient(180deg, rgba(255,200,80,.6) 0%, transparent 100%); transform:rotate(-15deg); transform-origin:top center; animation: pq1-ray 6s ease-in-out infinite; }
.scn-prophecy-quoted .ray-2    { position:absolute; top:20%; left:50%; width:6px; height:120px; background: linear-gradient(180deg, rgba(255,200,80,.6) 0%, transparent 100%); transform:rotate(0deg); animation: pq1-ray 7s ease-in-out infinite 0.5s; }
.scn-prophecy-quoted .ray-3    { position:absolute; top:20%; left:55%; width:6px; height:90px; background: linear-gradient(180deg, rgba(255,200,80,.5) 0%, transparent 100%); transform:rotate(15deg); animation: pq1-ray 5s ease-in-out infinite 1s; }
@keyframes pq1-pulse { 0% { opacity:.5; transform:scale(0.95); } 50% { opacity:.9; transform:scale(1.05); } 100% { opacity:.6; transform:scale(1); } }
@keyframes pq1-burn  { 0% { transform:scaleY(1) rotate(-2deg); } 50% { transform:scaleY(1.3) rotate(2deg); } 100% { transform:scaleY(1) rotate(0deg); } }
@keyframes pq1-wave  { 0% { transform:translateX(0) scaleX(1); } 50% { transform:translateX(10%) scaleX(1.2); } 100% { transform:translateX(20%) scaleX(1); } }
@keyframes pq1-ray   { 0% { opacity:.3; transform:rotate(-15deg) scaleY(1); } 50% { opacity:.8; transform:rotate(-10deg) scaleY(1.1); } 100% { opacity:.4; transform:rotate(-15deg) scaleY(1); } }

/* bright-improvement */
.scn-bright-improvement { background: linear-gradient(180deg, #1a1a16 0%, #2e2820 40%, #453a2e 100%), radial-gradient(ellipse at 30% 70%, #5a4a32 0%, transparent 70%); }
.scn-bright-improvement .bg-shadow{ position:absolute; inset:0; background: linear-gradient(135deg, rgba(0,0,0,.4) 0%, transparent 60%); }
.scn-bright-improvement .umbrella { position:absolute; top:20%; left:30%; width:100px; height:80px; background: radial-gradient(ellipse at 50% 60%, #6a5a42 0%, #3a2a1a 100%); border-radius:50% 50% 20% 20% / 80% 80% 10% 10%; transform:rotate(10deg); box-shadow:0 8px 20px rgba(0,0,0,.5); animation: bi1-sway 8s ease-in-out infinite; }
.scn-bright-improvement .watch   { position:absolute; bottom:30%; left:55%; width:30px; height:50px; background: radial-gradient(circle at 50% 40%, #c8b080 0%, #8a7242 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; box-shadow:0 0 16px 4px rgba(200,176,128,.4); animation: bi1-glow 4s ease-in-out infinite alternate; }
.scn-bright-improvement .wheel   { position:absolute; bottom:15%; left:40%; width:80px; height:80px; border:6px solid #5a4a32; border-radius:50%; background: radial-gradient(circle at 50% 50%, #4a3a2a 0%, #2a1e14 100%); box-shadow:inset 0 0 20px rgba(0,0,0,.6); animation: bi1-roll 10s linear infinite; }
.scn-bright-improvement .hand    { position:absolute; bottom:25%; left:48%; width:8px; height:40px; background: linear-gradient(180deg, #b8986a 0%, #6a523a 100%); border-radius:4px; transform-origin:50% 100%; transform:rotate(-20deg); animation: bi1-point 6s ease-in-out infinite; }
.scn-bright-improvement .spoke-1 { position:absolute; bottom:15%; left:40%; width:80px; height:80px; border:2px solid #5a4a32; border-radius:50%; filter:blur(1px); animation: bi1-spin 10s linear infinite; }
.scn-bright-improvement .spoke-2 { position:absolute; bottom:15%; left:40%; width:80px; height:80px; border:2px solid #5a4a32; border-radius:50%; filter:blur(2px); animation: bi1-spin 10s linear infinite reverse; }
.scn-bright-improvement .spoke-3 { position:absolute; bottom:15%; left:40%; width:80px; height:80px; border:4px solid #4a3a2a; border-radius:50%; background: radial-gradient(circle, #6a523a 0%, transparent 60%); filter:blur(3px); animation: bi1-roll 10s linear infinite; }
@keyframes bi1-sway { 0%,100% { transform:rotate(10deg) translateX(0); } 50% { transform:rotate(6deg) translateX(8px); } }
@keyframes bi1-glow { 0% { box-shadow:0 0 12px 2px rgba(200,176,128,.3); } 50% { box-shadow:0 0 28px 10px rgba(200,176,128,.6); } 100% { box-shadow:0 0 16px 4px rgba(200,176,128,.4); } }
@keyframes bi1-roll { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
@keyframes bi1-spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(-360deg); } }
@keyframes bi1-point { 0%,100% { transform:rotate(-20deg); } 50% { transform:rotate(-10deg); } }

/* train-left-behind */
.scn-train-left-behind {
  background: linear-gradient(180deg, #f9e3a0 0%, #d4b872 40%, #b89a5a 100%),
              radial-gradient(ellipse at 30% 80%, #ffe080 0%, transparent 60%);
}
.scn-train-left-behind .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #b8d4f0 0%, #e6f2ff 60%, transparent 100%);
  animation: tl-sky 14s ease-in-out infinite alternate;
}
.scn-train-left-behind .platform {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 18%;
  background: linear-gradient(0deg, #a08060 0%, #c8b090 40%, #d8c8b0 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: inset 0 8px 12px rgba(0,0,0,0.2);
}
.scn-train-left-behind .train-body {
  position: absolute; bottom: 28%; left: 5%; width: 45%; height: 20%;
  background: linear-gradient(180deg, #2a4a7a 0%, #1a3a5a 100%);
  border-radius: 6% 6% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: tl-train 10s ease-in-out infinite;
}
.scn-train-left-behind .train-window {
  position: absolute; bottom: 32%; left: 10%; width: 10%; height: 10%;
  background: radial-gradient(circle, #c0d8ff 0%, #8090b0 70%);
  border-radius: 10%;
  box-shadow: 0 0 10px 2px rgba(128, 144, 176, 0.5);
}
.scn-train-left-behind .narrator {
  position: absolute; bottom: 23%; left: 55%; width: 8%; height: 18%;
  background: linear-gradient(180deg, #605040 0%, #3a2a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tl-walk 3s ease-in-out infinite;
}
.scn-train-left-behind .official {
  position: absolute; bottom: 24%; left: 70%; width: 7%; height: 17%;
  background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  animation: tl-official 3s ease-in-out infinite 1.5s;
}
.scn-train-left-behind .flag {
  position: absolute; bottom: 32%; left: 76%; width: 6%; height: 8%;
  background: linear-gradient(135deg, #58a84a 0%, #3a7a2a 100%);
  border-radius: 0 60% 60% 0;
  transform-origin: bottom left;
  animation: tl-flag 1.2s ease-in-out infinite alternate;
}
.scn-train-left-behind .smoke-a,
.scn-train-left-behind .smoke-b {
  position: absolute; top: 26%; background: radial-gradient(circle, rgba(200,200,200,0.6) 0%, transparent 70%);
  border-radius: 50%; filter: blur(5px);
}
.scn-train-left-behind .smoke-a { left: 20%; width: 12%; height: 10%; animation: tl-smoke-a 6s linear infinite; }
.scn-train-left-behind .smoke-b { left: 35%; width: 8%; height: 8%; animation: tl-smoke-b 8s linear infinite 3s; }

@keyframes tl-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes tl-train { 0%,100% { transform: translateX(0); } 50% { transform: translateX(-2px); } }
@keyframes tl-walk { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(5%) translateY(-2%) rotate(2deg); } 50% { transform: translateX(10%) translateY(0) rotate(-2deg); } 75% { transform: translateX(15%) translateY(-2%) rotate(2deg); } 100% { transform: translateX(20%) translateY(0) rotate(0); } }
@keyframes tl-official { 0% { transform: translateX(0) translateY(0) rotate(0); } 50% { transform: translateX(2%) translateY(-2%) rotate(2deg); } 100% { transform: translateX(0) translateY(0) rotate(0); } }
@keyframes tl-flag { 0% { transform: rotate(-10deg); } 100% { transform: rotate(10deg); } }
@keyframes tl-smoke-a { 0% { transform: translateX(0) scale(1); opacity: 0.6; } 100% { transform: translateX(40vw) scale(1.8); opacity: 0; } }
@keyframes tl-smoke-b { 0% { transform: translateX(0) scale(1); opacity: 0.6; } 100% { transform: translateX(60vw) scale(2.2); opacity: 0; } }

/* kindly-indians */
.scn-kindly-indians {
  background: linear-gradient(180deg, #e8d4b0 0%, #c8b090 50%, #a88460 100%),
              radial-gradient(ellipse at 50% 60%, #f0e0c0 0%, transparent 70%);
}
.scn-kindly-indians .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #d4c0a8 0%, #bca88c 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.1);
  animation: ki-wall 20s ease-in-out infinite alternate;
}
.scn-kindly-indians .table {
  position: absolute; bottom: 18%; left: 15%; right: 15%; height: 12%;
  background: linear-gradient(0deg, #6a4a2a 0%, #8a6a4a 100%);
  border-radius: 6% 6% 0 0;
  box-shadow: inset 0 -4px 6px rgba(0,0,0,0.3);
}
.scn-kindly-indians .book {
  position: absolute; bottom: 28%; left: 32%; width: 12%; height: 16%;
  background: linear-gradient(135deg, #9a7a4a 0%, #6a4a2a 100%);
  border-radius: 4% 8% 8% 4%;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  transform: rotate(-5deg);
  animation: ki-book 8s ease-in-out infinite;
}
.scn-kindly-indians .figure {
  position: absolute; bottom: 18%; left: 45%; width: 10%; height: 30%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ki-figure 6s ease-in-out infinite;
}
.scn-kindly-indians .lamp-glow {
  position: absolute; bottom: 50%; left: 50%; width: 20%; height: 20%;
  background: radial-gradient(circle, #ffd080 0%, transparent 70%);
  border-radius: 50%;
  animation: ki-lamp 4s ease-in-out infinite alternate;
}
.scn-kindly-indians .shadow {
  position: absolute; bottom: 18%; left: 42%; width: 16%; height: 4%;
  background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%);
  border-radius: 50%;
}
.scn-kindly-indians .vase {
  position: absolute; bottom: 30%; left: 25%; width: 6%; height: 14%;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a2a 100%);
  border-radius: 30% 30% 10% 10%;
}

@keyframes ki-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes ki-book { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-2px); } }
@keyframes ki-figure { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(4%) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes ki-lamp { 0% { opacity: 0.7; box-shadow: 0 0 10px 2px #ffd080; } 100% { opacity: 1; box-shadow: 0 0 25px 8px #ffd080; } }

/* sleeman-suttee */
.scn-sleeman-suttee {
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 40%, #1a0a00 100%),
              radial-gradient(ellipse at 50% 100%, #6a4a2a 0%, transparent 60%);
}
.scn-sleeman-suttee .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 60%, transparent 100%);
  animation: ss-sky 18s ease-in-out infinite alternate;
}
.scn-sleeman-suttee .river {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.4);
  animation: ss-river 12s ease-in-out infinite alternate;
}
.scn-sleeman-suttee .widow {
  position: absolute; bottom: 35%; left: 45%; width: 10%; height: 25%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ss-widow 7s ease-in-out infinite;
}
.scn-sleeman-suttee .pyre {
  position: absolute; bottom: 38%; left: 55%; width: 14%; height: 18%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.5);
}
.scn-sleeman-suttee .relative {
  position: absolute; bottom: 36%; left: 30%; width: 9%; height: 20%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  animation: ss-relative 5s ease-in-out infinite 2s;
}
.scn-sleeman-suttee .flame-a,
.scn-sleeman-suttee .flame-b {
  position: absolute; bottom: 48%; background: radial-gradient(circle, #ff6a20 0%, #cc4400 60%, transparent 100%);
  border-radius: 50%; filter: blur(3px);
}
.scn-sleeman-suttee .flame-a { left: 58%; width: 6%; height: 12%; animation: ss-flame-a 2s ease-in-out infinite alternate; }
.scn-sleeman-suttee .flame-b { left: 62%; width: 5%; height: 10%; animation: ss-flame-b 2.5s ease-in-out infinite alternate 0.5s; }

@keyframes ss-sky { 0% { opacity: 0.6; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } }
@keyframes ss-river { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes ss-widow { 0%,100% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(3%) rotate(2deg); } }
@keyframes ss-relative { 0%,100% { transform: translateX(0); } 50% { transform: translateX(5%); } }
@keyframes ss-flame-a { 0% { opacity: 0.8; transform: scaleY(0.8); } 100% { opacity: 1; transform: scaleY(1.2); } }
@keyframes ss-flame-b { 0% { opacity: 0.7; transform: scaleY(0.9); } 100% { opacity: 1; transform: scaleY(1.1); } }

/* widow-firm */
.scn-widow-firm {
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 40%, #0a0500 100%),
              radial-gradient(ellipse at 30% 60%, #4a2a1a 0%, transparent 70%);
}
.scn-widow-firm .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(0deg, #1a0a00 0%, #2a1a0a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.5);
}
.scn-widow-firm .sun {
  position: absolute; top: 12%; right: 15%; width: 14%; height: 14%;
  background: radial-gradient(circle, #ffd080 0%, #b08040 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(176,128,64,0.4);
  animation: wf-sun 20s ease-in-out infinite alternate;
}
.scn-widow-firm .widow-silhouette {
  position: absolute; bottom: 25%; left: 40%; width: 12%; height: 30%;
  background: linear-gradient(180deg, #0a0500 0%, #000 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wf-silhouette 8s ease-in-out infinite;
}
.scn-widow-firm .bracelet {
  position: absolute; bottom: 35%; left: 45%; width: 4%; height: 4%;
  background: radial-gradient(circle, #c8a060 0%, #6a4a2a 100%);
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(200,160,96,0.6);
  animation: wf-bracelet 4s ease-in-out infinite alternate;
}
.scn-widow-firm .flame-c,
.scn-widow-firm .flame-d {
  position: absolute; bottom: 42%; background: radial-gradient(circle, #ff6a20 0%, #cc4400 50%, transparent 100%);
  border-radius: 50%; filter: blur(2px);
}
.scn-widow-firm .flame-c { left: 30%; width: 5%; height: 10%; animation: wf-flame-c 2.2s ease-in-out infinite alternate; }
.scn-widow-firm .flame-d { left: 36%; width: 4%; height: 8%; animation: wf-flame-d 2.8s ease-in-out infinite alternate 0.7s; }
.scn-widow-firm .aura {
  position: absolute; bottom: 30%; left: 38%; width: 20%; height: 30%;
  background: radial-gradient(ellipse, rgba(255,200,100,0.2) 0%, transparent 70%);
  border-radius: 50%;
  animation: wf-aura 6s ease-in-out infinite alternate;
}

@keyframes wf-sun { 0% { opacity: 0.5; box-shadow: 0 0 20px 5px rgba(176,128,64,0.3); } 50% { opacity: 0.8; box-shadow: 0 0 35px 12px rgba(176,128,64,0.5); } 100% { opacity: 0.6; box-shadow: 0 0 25px 8px rgba(176,128,64,0.4); } }
@keyframes wf-silhouette { 0%,100% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(5%) rotate(2deg); } }
@keyframes wf-bracelet { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.3); opacity: 1; } }
@keyframes wf-flame-c { 0% { opacity: 0.7; transform: scaleY(0.8); } 100% { opacity: 1; transform: scaleY(1.2); } }
@keyframes wf-flame-d { 0% { opacity: 0.6; transform: scaleY(0.9); } 100% { opacity: 1; transform: scaleY(1.15); } }
@keyframes wf-aura { 0% { opacity: 0.2; transform: scale(0.9); } 100% { opacity: 0.5; transform: scale(1.1); } }

.scn-treachery-both-sides { background: linear-gradient(180deg, #1a1215 0%, #2c1f20 40%, #3d2c2a 100%), radial-gradient(ellipse at 50% 80%, #3d2c2a 0%, transparent 70%); }
.scn-treachery-both-sides .bg-room { position:absolute; inset:0; background: linear-gradient(180deg, #1a1215 0%, #2c1f20 50%, #1a1215 100%); animation: tb-room 12s ease-in-out infinite alternate; }
.scn-treachery-both-sides .table { position:absolute; bottom:18%; left:50%; width:240px; height:12px; transform:translateX(-50%); background: linear-gradient(90deg, #4a2e28 0%, #6a4038 50%, #4a2e28 100%); border-radius:4px; box-shadow: 0 -2px 6px rgba(0,0,0,.5); animation: tb-table 8s ease-in-out infinite; }
.scn-treachery-both-sides .figure-left { position:absolute; bottom:24%; left:30%; width:50px; height:110px; background: linear-gradient(180deg, #1c1519 0%, #0d090b 100%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tb-figure-l 4s ease-in-out infinite; }
.scn-treachery-both-sides .figure-right { position:absolute; bottom:24%; right:30%; width:50px; height:110px; background: linear-gradient(180deg, #1c1519 0%, #0d090b 100%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tb-figure-r 4.2s ease-in-out infinite reverse; }
.scn-treachery-both-sides .lantern { position:absolute; bottom:38%; left:50%; width:20px; height:30px; transform:translateX(-50%); background: radial-gradient(circle at 50% 60%, #d49a4a 0%, #8a5e2a 70%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 40px 12px rgba(212,154,74,.5), 0 0 80px 20px rgba(212,154,74,.2); animation: tb-lantern 3s ease-in-out infinite alternate; }
.scn-treachery-both-sides .shadow { position:absolute; bottom:16%; left:25%; right:25%; height:20px; background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,.6) 0%, transparent 70%); animation: tb-shadow 6s ease-in-out infinite; }
@keyframes tb-room { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes tb-table { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) rotate(.5deg) } }
@keyframes tb-figure-l { 0% { transform: rotate(0) scaleY(1) } 25% { transform: rotate(-2deg) scaleY(.98) } 50% { transform: rotate(2deg) scaleY(1.02) } 75% { transform: rotate(-1deg) scaleY(.99) } 100% { transform: rotate(0) scaleY(1) } }
@keyframes tb-figure-r { 0% { transform: rotate(0) scaleY(1) } 25% { transform: rotate(2deg) scaleY(.98) } 50% { transform: rotate(-2deg) scaleY(1.02) } 75% { transform: rotate(1deg) scaleY(.99) } 100% { transform: rotate(0) scaleY(1) } }
@keyframes tb-lantern { 0% { opacity:.7; box-shadow: 0 0 30px 8px rgba(212,154,74,.4) } 50% { opacity:1; box-shadow: 0 0 60px 16px rgba(212,154,74,.7) } 100% { opacity:.8; box-shadow: 0 0 40px 10px rgba(212,154,74,.5) } }
@keyframes tb-shadow { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(.95) } }

.scn-white-mans-spirit { background: linear-gradient(180deg, #1a1a1a 0%, #2a2420 50%, #3a322c 100%), radial-gradient(ellipse at 50% 100%, #3a322c 0%, transparent 80%); }
.scn-white-mans-spirit .bg-room { position:absolute; inset:0; background: linear-gradient(180deg, #1a1a1a 0%, #2a2420 60%, #1a1a1a 100%); animation: wm-room 14s ease-in-out infinite alternate; }
.scn-white-mans-spirit .desk { position:absolute; bottom:22%; left:50%; width:280px; height:14px; transform:translateX(-50%); background: linear-gradient(90deg, #4a3b30 0%, #6a5040 50%, #4a3b30 100%); border-radius:2px; box-shadow: 0 -3px 8px rgba(0,0,0,.6); animation: wm-desk 10s ease-in-out infinite; }
.scn-white-mans-spirit .figure { position:absolute; bottom:26%; left:35%; width:44px; height:130px; background: linear-gradient(180deg, #1c1815 0%, #0c0a08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wm-figure 6s ease-in-out infinite; }
.scn-white-mans-spirit .bottle { position:absolute; bottom:28%; left:50%; width:14px; height:22px; transform:translateX(-50%); background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%); border-radius: 30% 30% 20% 20%; box-shadow: 0 3px 6px rgba(0,0,0,.5); animation: wm-bottle 8s ease-in-out infinite; }
.scn-white-mans-spirit .chain { position:absolute; bottom:32%; right:38%; width:30px; height:4px; background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 50%, #6a5a4a 100%); border-radius:2px; box-shadow: 0 1px 2px rgba(0,0,0,.4); animation: wm-chain 5s ease-in-out infinite; }
.scn-white-mans-spirit .lamp { position:absolute; bottom:45%; left:50%; width:18px; height:26px; transform:translateX(-50%); background: radial-gradient(circle at 50% 60%, #c89648 0%, #7a5228 70%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 50px 14px rgba(200,150,72,.6), 0 0 100px 20px rgba(200,150,72,.3); animation: wm-lamp 3.5s ease-in-out infinite alternate; }
@keyframes wm-room { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes wm-desk { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) rotate(.3deg) } }
@keyframes wm-figure { 0% { transform: translateY(0) rotate(0) } 33% { transform: translateY(-2px) rotate(-1deg) } 66% { transform: translateY(0) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes wm-bottle { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-48%) } }
@keyframes wm-chain { 0% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(2px) scaleX(.95) } 100% { transform: translateX(0) scaleX(1) } }
@keyframes wm-lamp { 0% { opacity:.75; box-shadow: 0 0 40px 10px rgba(200,150,72,.4) } 50% { opacity:1; box-shadow: 0 0 60px 18px rgba(200,150,72,.7) } 100% { opacity:.85; box-shadow: 0 0 50px 12px rgba(200,150,72,.5) } }

.scn-new-caledonia { background: linear-gradient(180deg, #1e1a16 0%, #2e2822 50%, #3e3630 100%), radial-gradient(ellipse at 50% 100%, #3e3630 0%, transparent 70%); }
.scn-new-caledonia .bg-office { position:absolute; inset:0; background: linear-gradient(180deg, #1e1a16 0%, #2e2822 40%, #1e1a16 100%); animation: nc-room 16s ease-in-out infinite alternate; }
.scn-new-caledonia .desk { position:absolute; bottom:20%; left:50%; width:260px; height:14px; transform:translateX(-50%); background: linear-gradient(90deg, #3d322a 0%, #5a4a3e 50%, #3d322a 100%); border-radius:2px; box-shadow: 0 -2px 8px rgba(0,0,0,.5); animation: nc-desk 12s ease-in-out infinite; }
.scn-new-caledonia .governor { position:absolute; bottom:26%; left:40%; width:46px; height:120px; background: linear-gradient(180deg, #1c1814 0%, #0c0a08 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nc-gov 5s ease-in-out infinite; }
.scn-new-caledonia .kanaka { position:absolute; bottom:24%; right:30%; width:44px; height:115px; background: linear-gradient(180deg, #2a221a 0%, #14100c 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nc-kanaka 6.5s ease-in-out infinite reverse; }
.scn-new-caledonia .papers { position:absolute; bottom:25%; left:50%; width:40px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #d4c4a8 0%, #b8a890 100%); border-radius:2px; box-shadow: 0 2px 4px rgba(0,0,0,.4); animation: nc-papers 4s ease-in-out infinite; }
.scn-new-caledonia .window { position:absolute; top:15%; right:10%; width:80px; height:100px; background: linear-gradient(180deg, #2a3a2a 0%, #1a2a1a 100%); border: 2px solid #4a3a2a; border-radius:4px; box-shadow: inset 0 0 20px rgba(0,0,0,.5); animation: nc-window 20s ease-in-out infinite alternate; }
@keyframes nc-room { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes nc-desk { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-48%) } }
@keyframes nc-gov { 0% { transform: rotate(0) scaleY(1) } 25% { transform: rotate(1deg) scaleY(.98) } 50% { transform: rotate(-1deg) scaleY(1.02) } 75% { transform: rotate(1deg) scaleY(.99) } 100% { transform: rotate(0) scaleY(1) } }
@keyframes nc-kanaka { 0% { transform: translateX(0) translateY(0) } 33% { transform: translateX(-3px) translateY(2px) rotate(1deg) } 66% { transform: translateX(2px) translateY(-1px) rotate(-1deg) } 100% { transform: translateX(0) translateY(0) rotate(0) } }
@keyframes nc-papers { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-47%) translateY(-1px) } }
@keyframes nc-window { 0% { opacity:.4 } 50% { opacity:.7 } 100% { opacity:.3 } }

.scn-australian-writers { background: linear-gradient(180deg, #e8d8b8 0%, #c8b898 40%, #a89878 100%), radial-gradient(ellipse at 50% 0%, #f0e0c0 0%, transparent 70%); }
.scn-australian-writers .bg-library { position:absolute; inset:0; background: linear-gradient(180deg, #e8d8b8 0%, #c8b898 60%, #a89878 100%); animation: aw-bg 18s ease-in-out infinite alternate; }
.scn-australian-writers .window { position:absolute; top:10%; left:10%; width:100px; height:120px; background: linear-gradient(180deg, #c0d0e0 0%, #a0b0c0 100%); border: 3px solid #6a5a4a; border-radius:4px; box-shadow: inset 0 0 30px rgba(255,255,200,.3); animation: aw-window 25s ease-in-out infinite alternate; }
.scn-australian-writers .desk { position:absolute; bottom:22%; left:50%; width:280px; height:16px; transform:translateX(-50%); background: linear-gradient(90deg, #7a6a5a 0%, #9a8a7a 50%, #7a6a5a 100%); border-radius:3px; box-shadow: 0 -2px 10px rgba(0,0,0,.3); animation: aw-desk 10s ease-in-out infinite; }
.scn-australian-writers .writer { position:absolute; bottom:28%; left:40%; width:48px; height:120px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: aw-writer 7s ease-in-out infinite; }
.scn-australian-writers .books { position:absolute; bottom:20%; right:20%; width:30px; height:60px; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius:2px; box-shadow: 3px 0 6px rgba(0,0,0,.2), -3px 0 6px rgba(0,0,0,.2); animation: aw-books 12s ease-in-out infinite; }
.scn-australian-writers .lamp { position:absolute; bottom:46%; left:52%; width:16px; height:24px; background: radial-gradient(circle at 50% 60%, #f0d080 0%, #b09050 70%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 40px 10px rgba(240,208,128,.6), 0 0 80px 20px rgba(240,208,128,.3); animation: aw-lamp 4s ease-in-out infinite alternate; }
@keyframes aw-bg { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.95 } }
@keyframes aw-window { 0% { opacity:.5 } 50% { opacity:.8 } 100% { opacity:.6 } }
@keyframes aw-desk { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-49%) } }
@keyframes aw-writer { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-1px) rotate(0) } 100% { transform: translateY(0) rotate(0) } }
@keyframes aw-books { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } }
@keyframes aw-lamp { 0% { opacity:.8; box-shadow: 0 0 30px 8px rgba(240,208,128,.5) } 50% { opacity:1; box-shadow: 0 0 60px 16px rgba(240,208,128,.8) } 100% { opacity:.85; box-shadow: 0 0 40px 10px rgba(240,208,128,.6) } }

/* Paris Departure – warm interior, bright window light */
.scn-paris-departure {
  background: linear-gradient(180deg, #f5e6d0 0%, #e8d5b8 40%, #d4b896 100%), 
              radial-gradient(ellipse at 80% 50%, #ffe0b0 0%, transparent 70%);
}
.scn-paris-departure .wall   { position:absolute; inset:0 0 35% 0; background: linear-gradient(135deg, #f0d8b8, #dcc09a); }
.scn-paris-departure .floor  { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(0deg, #a5835a 0%, #c4a67a 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.15); }
.scn-paris-departure .window { position:absolute; top:15%; right:20%; width:35%; height:45%; background: linear-gradient(180deg, #ffefc0 0%, #ffe28a 50%, #fff4d0 100%); border-radius: 8px; box-shadow: 0 0 40px 10px rgba(255,226,138,.6), inset 0 0 20px rgba(255,255,255,.5); animation: pd-window 6s ease-in-out infinite alternate; }
.scn-paris-departure .trunk  { position:absolute; bottom:15%; left:50%; width:120px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #6b4c2a 0%, #4a331c 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: pd-trunk 8s ease-in-out infinite; }
.scn-paris-departure .coat   { position:absolute; bottom:32%; left:30%; width:30px; height:50px; background: linear-gradient(180deg, #c8553d 0%, #8a3a2a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform: rotate(-5deg); animation: pd-coat 5s ease-in-out infinite alternate; }
.scn-paris-departure .figure { position:absolute; bottom:20%; left:65%; width:20px; height:45px; background: linear-gradient(180deg, #2c1810 0%, #1a0e08 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: pd-figure 4s ease-in-out infinite; }
@keyframes pd-window  { 0% { opacity:.85; box-shadow:0 0 30px 8px rgba(255,226,138,.5) } 50% { opacity:1; box-shadow:0 0 60px 15px rgba(255,226,138,.8) } 100% { opacity:.9; box-shadow:0 0 40px 10px rgba(255,226,138,.6) } }
@keyframes pd-trunk  { 0%,100% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-2px) } }
@keyframes pd-coat   { 0% { transform: rotate(-5deg) translateX(0) } 100% { transform: rotate(2deg) translateX(3px) } }
@keyframes pd-figure { 0% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(2deg) } }

/* Crossing America – calm sunlit train interior with plains outside */
.scn-crossing-america {
  background: linear-gradient(180deg, #87c0e8 0%, #b2d4f0 30%, #e8f0e0 100%), 
              radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 70%);
}
.scn-crossing-america .sky    { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #9acef0 0%, #d0e8f8 100%); animation: ca-sky 15s ease-in-out infinite alternate; }
.scn-crossing-america .plains { position:absolute; bottom:30%; left:0; right:0; height:30%; background: linear-gradient(180deg, #b8a080 0%, #a08970 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; box-shadow: inset 0 6px 12px rgba(0,0,0,.2); animation: ca-plains 20s ease-in-out infinite alternate; }
.scn-crossing-america .train-outline { position:absolute; bottom:25%; left:5%; width:90%; height:40%; background: linear-gradient(90deg, #5a4a3a 0%, #7a6a5a 30%, #5a4a3a 70%, #7a6a5a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 8px 16px rgba(0,0,0,.3); }
.scn-crossing-america .window-frame { position:absolute; top:8%; left:15%; width:25%; height:30%; background: #4a3a2a; border-radius:8px; border:4px solid #6a5a4a; }
.scn-crossing-america .window-frame::before { content:''; position:absolute; inset:8px; background: linear-gradient(180deg, #b0d8f0, #d0e8ff); border-radius:4px; animation: ca-window-light 8s ease-in-out infinite alternate; }
.scn-crossing-america .seat  { position:absolute; bottom:20%; left:50%; width:50px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #6a5430 0%, #4a3c20 100%); border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
.scn-crossing-america .passenger { position:absolute; bottom:25%; left:55%; width:16px; height:30px; background: linear-gradient(180deg, #2c1e12 0%, #1a1008 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: ca-passenger 6s ease-in-out infinite; }
.scn-crossing-america .cloud { position:absolute; top:10%; left:20%; width:80px; height:20px; background: rgba(255,255,255,.5); border-radius:50%; filter: blur(8px); animation: ca-cloud 40s linear infinite; }
@keyframes ca-sky  { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes ca-plains { 0% { transform: translateX(-2px) } 50% { transform: translateX(2px) } 100% { transform: translateX(-1px) } }
@keyframes ca-window-light { 0% { background: linear-gradient(180deg, #b0d8f0, #d0e8ff) } 50% { background: linear-gradient(180deg, #e0f0ff, #f0f8ff) } 100% { background: linear-gradient(180deg, #b0d8f0, #d0e8ff) } }
@keyframes ca-passenger { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes ca-cloud { 0% { transform: translateX(-40px) } 100% { transform: translateX(120vw) } }

/* Sailing from Victoria – warm sunlit ocean with ship silhouette */
.scn-sailing-from-victoria {
  background: linear-gradient(180deg, #f0c868 0%, #f8d888 30%, #b8d8e8 60%, #b0d0d8 100%), 
              radial-gradient(ellipse at 70% 30%, #ffe8a0 0%, transparent 60%);
}
.scn-sailing-from-victoria .ocean-sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #f8d090 0%, #e8c888 40%, #b0c8d8 100%); }
.scn-sailing-from-victoria .ship-hull { position:absolute; bottom:38%; left:50%; width:160px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #5a4030 0%, #3a2818 100%); border-radius: 0 0 30% 30%/ 0 0 80% 80%; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: sf-ship 10s ease-in-out infinite alternate; }
.scn-sailing-from-victoria .sail-main { position:absolute; bottom:52%; left:50%; width:6px; height:70px; transform:translateX(-50%); background: #e8d8c0; border-radius:2px; box-shadow: -20px -10px 0 #e0c8a8, 20px -10px 0 #e0c8a8; animation: sf-sail 8s ease-in-out infinite alternate; }
.scn-sailing-from-victoria .sail-jib  { position:absolute; bottom:48%; left:35%; width:40px; height:50px; background: linear-gradient(135deg, #f0e0c8 0%, #d8c8b0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); animation: sf-jib 6s ease-in-out infinite alternate; }
.scn-sailing-from-victoria .wake     { position:absolute; bottom:30%; left:20%; right:20%; height:10px; background: linear-gradient(90deg, rgba(255,255,255,.6) 0%, transparent 60%, rgba(255,255,255,.3) 100%); border-radius:50%; filter: blur(4px); animation: sf-wake 5s ease-in-out infinite; }
.scn-sailing-from-victoria .sun-sparkle { position:absolute; top:20%; left:70%; width:12px; height:12px; background: radial-gradient(circle, #fff8e0 0%, transparent 60%); border-radius:50%; box-shadow: 0 0 30px 8px rgba(255,248,224,.7); animation: sf-sparkle 3s ease-in-out infinite alternate; }
@keyframes sf-ship  { 0% { transform: translateX(-50%) rotate(-.5deg) } 50% { transform: translateX(-50%) rotate(.5deg) } 100% { transform: translateX(-50%) rotate(.3deg) } }
@keyframes sf-sail { 0% { transform: translateX(-50%) skewX(0deg) } 50% { transform: translateX(-50%) skewX(3deg) } 100% { transform: translateX(-50%) skewX(-2deg) } }
@keyframes sf-jib  { 0% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-1deg) } }
@keyframes sf-wake { 0% { opacity:.5; transform: scaleX(1) } 50% { opacity:1; transform: scaleX(1.2) } 100% { opacity:.6; transform: scaleX(.9) } }
@keyframes sf-sparkle { 0% { transform: scale(.8); opacity:.7 } 50% { transform: scale(1.2); opacity:1 } 100% { transform: scale(.9); opacity:.8 } }

/* Steamer Chairs – funny deck scene with collapsing chairs */
.scn-steamer-chairs {
  background: linear-gradient(180deg, #e8f0f8 0%, #c8d8e8 30%, #a8c8d8 60%, #88b0c8 100%), 
              radial-gradient(ellipse at 50% 80%, #b0d0e0 0%, transparent 70%);
}
.scn-steamer-chairs .deck       { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #b0a080 0%, #908060 100%); border-radius: 20% 20% 0 0 / 10% 10% 0 0; }
.scn-steamer-chairs .chair-a    { position:absolute; bottom:25%; left:20%; width:40px; height:60px; background: linear-gradient(180deg, #c0a878 0%, #a08858 100%); border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%; transform-origin: bottom center; animation: sc-chair-a 2s ease-in-out infinite; }
.scn-steamer-chairs .chair-b    { position:absolute; bottom:28%; left:45%; width:40px; height:60px; background: linear-gradient(180deg, #b89868 0%, #987848 100%); border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%; transform-origin: bottom center; animation: sc-chair-b 1.5s ease-in-out infinite 0.3s; }
.scn-steamer-chairs .chair-c    { position:absolute; bottom:22%; left:70%; width:40px; height:60px; background: linear-gradient(180deg, #c0a878 0%, #a08858 100%); border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%; transform-origin: bottom center; animation: sc-chair-c 2.5s ease-in-out infinite 0.6s; }
.scn-steamer-chairs .figure-fall{ position:absolute; bottom:10%; left:35%; width:22px; height:50px; background: linear-gradient(180deg, #4a3c30 0%, #2c2018 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: 50% 100%; animation: sc-fall 1.8s ease-in-out infinite; }
.scn-steamer-chairs .cloud-puff { position:absolute; top:8%; left:50%; width:30px; height:30px; background: rgba(255,255,255,.6); border-radius:50%; filter: blur(10px); animation: sc-puff 4s ease-in-out infinite; }
@keyframes sc-chair-a { 0% { transform: rotate(0deg) scaleY(1) } 25% { transform: rotate(-15deg) scaleY(.8) } 50% { transform: rotate(5deg) scaleY(1.1) } 75% { transform: rotate(-10deg) scaleY(.9) } 100% { transform: rotate(0deg) scaleY(1) } }
@keyframes sc-chair-b { 0% { transform: rotate(5deg) scaleY(1) } 25% { transform: rotate(-20deg) scaleY(.7) } 50% { transform: rotate(10deg) scaleY(1.2) } 75% { transform: rotate(-5deg) scaleY(.95) } 100% { transform: rotate(5deg) scaleY(1) } }
@keyframes sc-chair-c { 0% { transform: rotate(-3deg) scaleY(1) } 25% { transform: rotate(15deg) scaleY(.85) } 50% { transform: rotate(-8deg) scaleY(1.05) } 75% { transform: rotate(12deg) scaleY(.9) } 100% { transform: rotate(-3deg) scaleY(1) } }
@keyframes sc-fall    { 0% { transform: rotate(0deg) translateY(0) } 20% { transform: rotate(-20deg) translateY(5px) } 40% { transform: rotate(10deg) translateY(-2px) } 60% { transform: rotate(-30deg) translateY(8px) } 80% { transform: rotate(15deg) translateY(-1px) } 100% { transform: rotate(0deg) translateY(0) } }
@keyframes sc-puff    { 0% { transform: translateX(0) scale(.8); opacity:.4 } 50% { transform: translateX(15px) scale(1.2); opacity:.8 } 100% { transform: translateX(-10px) scale(.9); opacity:.3 } }

.scn-costermonger-dialect { background: linear-gradient(180deg, #f5e6c8 0%, #e8d5a3 40%, #d4b87a 100%), radial-gradient(ellipse at 70% 60%, rgba(255,235,180,.3) 0%, transparent 60%); }
.scn-costermonger-dialect .wall { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #f0dbaa 0%, #e2c68a 100%); }
.scn-costermonger-dialect .floor { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #b8976a 0%, #8a6e4a 100%); border-top:3px solid #7a5e3e; }
.scn-costermonger-dialect .table { position:absolute; bottom:25%; left:30%; width:45%; height:20%; background: linear-gradient(180deg, #c8a87a 0%, #9a7a52 100%); border-radius:6px; box-shadow: 0 6px 12px rgba(0,0,0,.3); }
.scn-costermonger-dialect .tablecloth { position:absolute; bottom:27%; left:32%; width:41%; height:14%; background: linear-gradient(135deg, #f8f0e0 0%, #e8dcc8 50%, #f0e8d8 100%); border-radius:4px; box-shadow: inset 0 2px 6px rgba(0,0,0,.1); }
.scn-costermonger-dialect .plate { position:absolute; bottom:32%; left:40%; width:12%; height:8%; background: radial-gradient(circle, #f8f4ee 0%, #d8d0c0 70%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: cmd-plate 6s ease-in-out infinite alternate; }
.scn-costermonger-dialect .teacup { position:absolute; bottom:33%; left:52%; width:6%; height:7%; background: linear-gradient(180deg, #f0ece0 0%, #d4ccc0 100%); border-radius:20% 20% 30% 30% / 40% 40% 20% 20%; box-shadow: -2px 0 0 rgba(0,0,0,.1); animation: cmd-cup 8s ease-in-out infinite alternate; }
.scn-costermonger-dialect .chair { position:absolute; bottom:15%; left:25%; width:12%; height:30%; background: linear-gradient(180deg, #7a5e3e 0%, #5a4230 100%); border-radius:6px 6px 0 0; transform-origin: bottom center; animation: cmd-chair 10s ease-in-out infinite; }
.scn-costermonger-dialect .figure { position:absolute; bottom:22%; left:20%; width:14%; height:38%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: cmd-figure 4s ease-in-out infinite alternate; }
.scn-costermonger-dialect .lantern { position:absolute; bottom:60%; left:75%; width:8%; height:12%; background: radial-gradient(circle, #ffda80 0%, #d4a040 60%); border-radius:30% 30% 20% 20%; box-shadow: 0 0 24px 8px rgba(212,160,64,.5), 0 0 48px 16px rgba(212,160,64,.2); animation: cmd-lantern 3s ease-in-out infinite alternate; }
@keyframes cmd-plate { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes cmd-cup { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(2deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes cmd-chair { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } }
@keyframes cmd-figure { 0% { transform: translateX(0) rotate(-2deg) } 50% { transform: translateX(4px) rotate(2deg) } 100% { transform: translateX(-2px) rotate(1deg) } }
@keyframes cmd-lantern { 0% { opacity:.85; box-shadow: 0 0 20px 6px rgba(212,160,64,.4),0 0 40px 12px rgba(212,160,64,.15) } 50% { opacity:1; box-shadow: 0 0 30px 10px rgba(255,218,128,.6),0 0 60px 20px rgba(255,218,128,.3) } 100% { opacity:.9; box-shadow: 0 0 24px 8px rgba(212,160,64,.5),0 0 48px 16px rgba(212,160,64,.2) } }

.scn-home-sweet-home { background: linear-gradient(180deg, #d4c0a8 0%, #c0a888 40%, #a08868 100%), radial-gradient(ellipse at 50% 80%, #c8b090 0%, transparent 70%); }
.scn-home-sweet-home .wall { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #e0d0b8 0%, #c8b8a0 100%); }
.scn-home-sweet-home .hearth { position:absolute; bottom:20%; left:35%; width:30%; height:35%; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); border-radius:10% 10% 0 0; box-shadow: inset 0 12px 20px rgba(0,0,0,.4); }
.scn-home-sweet-home .fire { position:absolute; bottom:30%; left:42%; width:16%; height:18%; background: radial-gradient(circle at 50% 80%, #ff8c40 0%, #d06020 40%, #804010 70%); border-radius:50% 50% 30% 30% / 60% 60% 20% 20%; box-shadow: 0 0 40px 16px rgba(255,140,64,.4), 0 0 80px 30px rgba(255,140,64,.15); animation: hsh-fire 3s ease-in-out infinite alternate; }
.scn-home-sweet-home .mantel { position:absolute; bottom:48%; left:33%; width:34%; height:6%; background: linear-gradient(180deg, #8a6a4a 0%, #5a4230 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-home-sweet-home .clock { position:absolute; bottom:50%; left:46%; width:8%; height:10%; background: linear-gradient(180deg, #c8a87a 0%, #a08060 100%); border-radius:50%; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: hsh-clock 60s linear infinite; }
.scn-home-sweet-home .armchair { position:absolute; bottom:15%; left:20%; width:20%; height:28%; background: linear-gradient(180deg, #7a5a3a 0%, #5a3a20 100%); border-radius:30% 30% 10% 10% / 50% 50% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-home-sweet-home .figure-mother { position:absolute; bottom:18%; left:24%; width:14%; height:36%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: hsh-mother 6s ease-in-out infinite alternate; }
.scn-home-sweet-home .figure-child { position:absolute; bottom:20%; left:32%; width:10%; height:24%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: hsh-child 4s ease-in-out infinite alternate; }
.scn-home-sweet-home .picture-frame { position:absolute; bottom:52%; left:58%; width:12%; height:18%; background: linear-gradient(180deg, #c8a87a 0%, #a08060 100%); border:3px solid #8a6a4a; border-radius:4px; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: hsh-picture 12s ease-in-out infinite; }
@keyframes hsh-fire { 0% { transform: scaleY(1) scaleX(1); opacity:.8 } 50% { transform: scaleY(1.08) scaleX(1.04); opacity:1 } 100% { transform: scaleY(.95) scaleX(1.02); opacity:.85 } }
@keyframes hsh-clock { 0% { transform: rotate(0) } 50% { transform: rotate(6deg) } 100% { transform: rotate(0) } }
@keyframes hsh-mother { 0% { transform: translateX(0) rotate(-1deg) } 50% { transform: translateX(3px) rotate(1deg) } 100% { transform: translateX(-2px) rotate(0) } }
@keyframes hsh-child { 0% { transform: translateX(0) scaleY(1) } 50% { transform: translateX(5px) scaleY(1.02) } 100% { transform: translateX(-2px) scaleY(1) } }
@keyframes hsh-picture { 0%,100% { transform: rotate(0) } 50% { transform: rotate(2deg) } }

.scn-humor-origins { background: linear-gradient(180deg, #e8dcc8 0%, #d4c8b0 40%, #b8a888 100%), radial-gradient(ellipse at 50% 30%, #f0e8d8 0%, transparent 70%); }
.scn-humor-origins .bg-room { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #dcd0b8 0%, #c8bca0 100%); }
.scn-humor-origins .table-long { position:absolute; bottom:28%; left:15%; width:70%; height:18%; background: linear-gradient(180deg, #b89878 0%, #9a7858 100%); border-radius:8px; box-shadow: 0 6px 12px rgba(0,0,0,.3); }
.scn-humor-origins .chair-left { position:absolute; bottom:18%; left:18%; width:12%; height:28%; background: linear-gradient(180deg, #6a5040 0%, #4a3020 100%); border-radius:6px 6px 0 0; transform-origin: bottom center; animation: hum-chair-l 8s ease-in-out infinite alternate; }
.scn-humor-origins .chair-right { position:absolute; bottom:18%; right:18%; width:12%; height:28%; background: linear-gradient(180deg, #6a5040 0%, #4a3020 100%); border-radius:6px 6px 0 0; transform-origin: bottom center; animation: hum-chair-r 9s ease-in-out infinite alternate; }
.scn-humor-origins .figure-speaker { position:absolute; bottom:22%; left:35%; width:14%; height:38%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: hum-speaker 3s ease-in-out infinite alternate; }
.scn-humor-origins .figure-audience { position:absolute; bottom:20%; right:35%; width:12%; height:34%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0000 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: hum-audience 5s ease-in-out infinite alternate; }
.scn-humor-origins .wineglass { position:absolute; bottom:32%; left:45%; width:4%; height:10%; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(200,180,160,.3) 100%); border-radius:0 0 30% 30% / 0 0 50% 50%; box-shadow: 0 2px 4px rgba(0,0,0,.1); animation: hum-glass 6s ease-in-out infinite; }
.scn-humor-origins .chandelier { position:absolute; top:4%; left:30%; width:40%; height:16%; background: radial-gradient(ellipse at 50% 0%, #d4c0a0 0%, #b8a080 100%); border-radius:50% 50% 10% 10% / 80% 80% 10% 10%; box-shadow: 0 12px 24px rgba(0,0,0,.2); animation: hum-chandelier 14s ease-in-out infinite; }
@keyframes hum-chair-l { 0% { transform: rotate(0) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-1deg) } }
@keyframes hum-chair-r { 0% { transform: rotate(0) } 50% { transform: rotate(-2deg) } 100% { transform: rotate(1deg) } }
@keyframes hum-speaker { 0% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes hum-audience { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes hum-glass { 0%,100% { transform: rotate(0) } 50% { transform: rotate(4deg) } }
@keyframes hum-chandelier { 0% { transform: rotate(0) scaleY(1) } 50% { transform: rotate(1deg) scaleY(1.02) } 100% { transform: rotate(-1deg) scaleY(1) } }

.scn-hindu-dream { background: linear-gradient(180deg, #0a0a2e 0%, #1a1a4e 30%, #2a2a5e 60%, #1a1a3e 100%), radial-gradient(ellipse at 50% 40%, #3a3a7e 0%, transparent 70%); }
.scn-hindu-dream .bg-cosmos { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 40%, rgba(80,60,140,.3) 0%, transparent 60%); animation: hnd-cosmos 20s ease-in-out infinite alternate; }
.scn-hindu-dream .nebula { position:absolute; top:10%; left:20%; width:60%; height:40%; background: radial-gradient(ellipse at 50% 50%, rgba(100,80,200,.15) 0%, rgba(60,40,120,.08) 50%, transparent 100%); filter: blur(20px); animation: hnd-nebula 30s ease-in-out infinite alternate; }
.scn-hindu-dream .deity-silhouette { position:absolute; bottom:20%; left:35%; width:30%; height:50%; background: linear-gradient(180deg, rgba(20,10,40,.8) 0%, rgba(10,5,20,.9) 100%); border-radius:60% 60% 30% 30% / 80% 80% 20% 20%; transform-origin: bottom center; box-shadow: 0 0 60px 20px rgba(100,80,200,.15); animation: hnd-deity 12s ease-in-out infinite alternate; }
.scn-hindu-dream .orbits { position:absolute; top:14%; left:28%; width:44%; height:44%; border-radius:50%; border:2px solid rgba(180,160,255,.15); box-shadow: 0 0 20px rgba(180,160,255,.05), inset 0 0 20px rgba(180,160,255,.05); animation: hnd-orbits 50s linear infinite; }
.scn-hindu-dream .cell-microbe { position:absolute; top:40%; left:20%; width:10%; height:10%; background: radial-gradient(circle, rgba(160,200,255,.5) 0%, rgba(80,120,200,.2) 60%, transparent 100%); border-radius:50%; animation: hnd-cell 8s ease-in-out infinite alternate; }
.scn-hindu-dream .glow-core { position:absolute; bottom:45%; left:50%; width:20%; height:20%; transform:translate(-50%,0); background: radial-gradient(circle, rgba(200,180,255,.4) 0%, rgba(120,100,200,.15) 50%, transparent 100%); border-radius:50%; filter:blur(10px); animation: hnd-glow 6s ease-in-out infinite alternate; }
.scn-hindu-dream .stars { position:absolute; inset:0; background-image: radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,.6) 0%, transparent 100%), radial-gradient(1px 1px at 60% 15%, rgba(255,255,255,.5) 0%, transparent 100%), radial-gradient(2px 2px at 80% 50%, rgba(255,255,255,.4) 0%, transparent 100%), radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,.5) 0%, transparent 100%), radial-gradient(1px 1px at 10% 80%, rgba(255,255,255,.3) 0%, transparent 100%), radial-gradient(2px 2px at 70% 80%, rgba(255,255,255,.4) 0%, transparent 100%); animation: hnd-stars 40s linear infinite; }
.scn-hindu-dream .veil { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(5,5,20,.4) 100%); animation: hnd-veil 15s ease-in-out infinite alternate; }
@keyframes hnd-cosmos { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes hnd-nebula { 0% { transform: scale(1) translate(0,0); opacity:.4 } 50% { transform: scale(1.1) translate(5px,-5px); opacity:.6 } 100% { transform: scale(.95) translate(-3px,3px); opacity:.45 } }
@keyframes hnd-deity { 0% { transform: scaleY(1) translateY(0); opacity:.85 } 50% { transform: scaleY(1.03) translateY(-4px); opacity:1 } 100% { transform: scaleY(.98) translateY(2px); opacity:.9 } }
@keyframes hnd-orbits { 0% { transform: rotate(0) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } }
@keyframes hnd-cell { 0% { transform: translate(0,0) scale(.8); opacity:.3 } 50% { transform: translate(15px,-10px) scale(1.1); opacity:.6 } 100% { transform: translate(-10px,5px) scale(.9); opacity:.4 } }
@keyframes hnd-glow { 0% { transform:translate(-50%,0) scale(.9); opacity:.5 } 50% { transform:translate(-50%,0) scale(1.15); opacity:.8 } 100% { transform:translate(-50%,0) scale(1); opacity:.6 } }
@keyframes hnd-stars { 0% { opacity:.5 } 50% { opacity:.8 } 100% { opacity:.6 } }
@keyframes hnd-veil { 0% { opacity:.5 } 50% { opacity:.7 } 100% { opacity:.55 } }

.scn-man-appears {
  background: 
    linear-gradient(180deg, #f5e6c8 0%, #e2c9a3 40%, #c4a67a 100%),
    radial-gradient(ellipse at 50% 30%, #ffffff 0%, transparent 60%);
  overflow: hidden;
}
.scn-man-appears .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #d4b58a 0%, #b88f5a 100%);
  border-radius: 4px;
}
.scn-man-appears .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #a67c46 0%, #7a5a30 100%);
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.3);
}
.scn-man-appears .figure {
  position: absolute; bottom: 30%; left: 45%; width: 28px; height: 60px;
  background: linear-gradient(180deg, #3a2e1c 0%, #1f160a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ma-figure 5s ease-in-out infinite;
}
.scn-man-appears .shadow {
  position: absolute; bottom: 28%; left: 42%; width: 40px; height: 8px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 100%);
  animation: ma-shadow 5s ease-in-out infinite;
}
.scn-man-appears .lamp {
  position: absolute; bottom: 40%; left: 70%; width: 14px; height: 18px;
  background: linear-gradient(180deg, #f5d742 0%, #c99e2a 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 20px 6px #f5d742, 0 0 40px 12px rgba(245,215,66,0.3);
  animation: ma-lamp 3s ease-in-out infinite alternate;
}
.scn-man-appears .glow {
  position: absolute; bottom: 36%; left: 65%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(245,215,66,0.4) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
  animation: ma-glow 4s ease-in-out infinite alternate;
}
.scn-man-appears .brick-stack {
  position: absolute; bottom: 34%; left: 10%; width: 30px; height: 20px;
  background: linear-gradient(90deg, #8b5e3c 0%, #6e4a2e 50%, #8b5e3c 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 0 #5a3b22, 4px 4px 0 #4a2e1a;
  animation: ma-brick 8s linear infinite;
}

@keyframes ma-figure {
  0% { transform: translateY(5px); opacity: 0.3; }
  50% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(3px); opacity: 0.8; }
}
@keyframes ma-shadow {
  0% { transform: scaleX(0.6); opacity: 0.2; }
  50% { transform: scaleX(1.2); opacity: 0.6; }
  100% { transform: scaleX(0.8); opacity: 0.4; }
}
@keyframes ma-lamp {
  0% { box-shadow: 0 0 15px 4px #f5d742, 0 0 30px 8px rgba(245,215,66,0.2); }
  100% { box-shadow: 0 0 28px 10px #fce88a, 0 0 50px 18px rgba(252,232,138,0.5); }
}
@keyframes ma-glow {
  0% { opacity: 0.3; transform: scale(0.9); }
  50% { opacity: 0.6; transform: scale(1.1); }
  100% { opacity: 0.4; transform: scale(1.0); }
}
@keyframes ma-brick {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

.scn-ed-jackson-trip {
  background:
    linear-gradient(180deg, #fff9e6 0%, #f0dba8 50%, #dbb378 100%),
    radial-gradient(ellipse at 40% 50%, #ffffff 0%, transparent 60%);
  overflow: hidden;
}
.scn-ed-jackson-trip .train-body {
  position: absolute; bottom: 20%; left: 5%; right: 5%; height: 70%;
  background: linear-gradient(180deg, #8b5e3c 0%, #7a4e2e 60%, #5a3a1a 100%);
  border-radius: 30px 30px 10px 10px;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5);
}
.scn-ed-jackson-trip .window {
  position: absolute; top: 15%; left: 20%; width: 30%; height: 35%;
  background: linear-gradient(180deg, #b8d8f0 0%, #8ab4d4 100%);
  border: 6px solid #5a3a1a;
  border-radius: 10px;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.4);
}
.scn-ed-jackson-trip .seat {
  position: absolute; bottom: 22%; left: 22%; width: 25%; height: 20%;
  background: linear-gradient(180deg, #a0440a 0%, #6b2e08 100%);
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: ej-seat 2s ease-in-out infinite alternate;
}
.scn-ed-jackson-trip .figure-left {
  position: absolute; bottom: 28%; left: 25%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #1a4a3a 0%, #0a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ej-figure-l 6s ease-in-out infinite;
}
.scn-ed-jackson-trip .figure-right {
  position: absolute; bottom: 28%; right: 28%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #3a2a5a 0%, #1a0a3a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ej-figure-r 6s ease-in-out infinite 3s;
}
.scn-ed-jackson-trip .letter {
  position: absolute; bottom: 35%; right: 20%; width: 30px; height: 20px;
  background: linear-gradient(135deg, #f5f0c0 0%, #d8cf88 100%);
  border-radius: 2px;
  transform: rotate(-10deg);
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  animation: ej-letter 4s ease-in-out infinite alternate;
}
.scn-ed-jackson-trip .luggage {
  position: absolute; bottom: 15%; left: 15%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #4a6a3a 0%, #2a4a1a 100%);
  border-radius: 6px;
  box-shadow: 2px 2px 0 #1a2a0a;
  animation: ej-luggage 10s linear infinite;
}
.scn-ed-jackson-trip .steam {
  position: absolute; top: 5%; left: 50%; width: 40px; height: 30px;
  background: radial-gradient(circle, rgba(255,255,255,0.6) 0%, transparent 80%);
  filter: blur(8px);
  animation: ej-steam 12s linear infinite;
}

@keyframes ej-seat { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes ej-figure-l { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(2deg); } 50% { transform: translateX(10px) rotate(-1deg); } 75% { transform: translateX(5px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ej-figure-r { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-5px) rotate(-2deg); } 50% { transform: translateX(-10px) rotate(1deg); } 75% { transform: translateX(-5px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ej-letter { 0% { transform: rotate(-10deg) scale(1); } 50% { transform: rotate(-5deg) scale(1.05); } 100% { transform: rotate(-8deg) scale(1); } }
@keyframes ej-luggage { 0% { transform: translateX(0); } 50% { transform: translateX(3px); } 100% { transform: translateX(0); } }
@keyframes ej-steam { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(-15px) scaleY(1.5); } 100% { transform: translateX(0) scaleY(1); } }

.scn-forged-letter {
  background:
    linear-gradient(180deg, #fff7e6 0%, #f0dba8 50%, #dbb378 100%),
    radial-gradient(ellipse at 60% 40%, #ffffff 0%, transparent 70%);
  overflow: hidden;
}
.scn-forged-letter .desk {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 50%;
  background: linear-gradient(180deg, #c49a6a 0%, #a07850 60%, #7a5a38 100%);
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.4);
}
.scn-forged-letter .paper {
  position: absolute; bottom: 40%; left: 30%; width: 40%; height: 30%;
  background: linear-gradient(135deg, #f5f0c0 0%, #e8dba0 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  animation: fl-paper 6s ease-in-out infinite alternative;
}
.scn-forged-letter .pen {
  position: absolute; bottom: 55%; left: 35%; width: 4px; height: 30px;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 2px;
  transform: rotate(30deg);
  transform-origin: bottom center;
  animation: fl-pen 4s ease-in-out infinite;
}
.scn-forged-letter .hand {
  position: absolute; bottom: 48%; left: 28%; width: 20px; height: 28px;
  background: linear-gradient(180deg, #d4a07a 0%, #b8805a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fl-hand 4s ease-in-out infinite;
}
.scn-forged-letter .inkwell {
  position: absolute; bottom: 38%; right: 20%; width: 16px; height: 20px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a00 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
.scn-forged-letter .candle {
  position: absolute; bottom: 50%; right: 35%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #f5d742 0%, #c99e2a 100%);
  border-radius: 2px;
  box-shadow: 0 0 12px 4px #f5d742, 0 0 24px 8px rgba(245,215,66,0.3);
  animation: fl-candle 3s ease-in-out infinite alternate;
}
.scn-forged-letter .seal {
  position: absolute; bottom: 42%; left: 65%; width: 12px; height: 12px;
  background: radial-gradient(circle, #a0461a 0%, #6b2e08 100%);
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(160,70,26,0.5);
  animation: fl-seal 2s ease-in-out infinite;
}

@keyframes fl-paper { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-1deg); } }
@keyframes fl-pen { 0% { transform: rotate(30deg) translateY(0); } 25% { transform: rotate(25deg) translateY(-5px); } 50% { transform: rotate(30deg) translateY(-10px); } 75% { transform: rotate(35deg) translateY(-5px); } 100% { transform: rotate(30deg) translateY(0); } }
@keyframes fl-hand { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes fl-candle { 0% { box-shadow: 0 0 8px 2px #f5d742, 0 0 16px 4px rgba(245,215,66,0.2); } 100% { box-shadow: 0 0 18px 6px #fce88a, 0 0 32px 10px rgba(252,232,138,0.5); } }
@keyframes fl-seal { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }

.scn-vanderbilt-office {
  background:
    linear-gradient(135deg, #d4c4a8 0%, #b8a088 40%, #8a705a 100%),
    radial-gradient(ellipse at 70% 30%, #ffffff 0%, transparent 60%);
  overflow: hidden;
}
.scn-vanderbilt-office .paneling {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(90deg, #6a4a2e 0%, #4a2e1a 50%, #6a4a2e 100%);
  border-bottom: 4px solid #2a1a0a;
}
.scn-vanderbilt-office .desk-large {
  position: absolute; bottom: 20%; left: 15%; right: 15%; height: 30%;
  background: linear-gradient(180deg, #6a3e1a 0%, #4a2a0a 100%);
  border-radius: 6px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
}
.scn-vanderbilt-office .figure-seated {
  position: absolute; bottom: 32%; left: 50%; width: 28px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: vo-figure 7s ease-in-out infinite alternate;
}
.scn-vanderbilt-office .letter-in-hand {
  position: absolute; bottom: 38%; left: 48%; width: 24px; height: 16px;
  background: linear-gradient(135deg, #f5f0c0 0%, #d8cf88 100%);
  transform: rotate(-5deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: vo-letter 5s ease-in-out infinite;
}
.scn-vanderbilt-office .clock {
  position: absolute; top: 8%; right: 10%; width: 20px; height: 24px;
  background: linear-gradient(180deg, #c0a060 0%, #8a6a3a 100%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 0 10px 2px rgba(192,160,96,0.4);
  animation: vo-clock 1s ease-in-out infinite;
}
.scn-vanderbilt-office .lamp-desk {
  position: absolute; bottom: 40%; left: 25%; width: 10px; height: 16px;
  background: linear-gradient(180deg, #f5d742 0%, #c99e2a 100%);
  border-radius: 2px;
  box-shadow: 0 0 16px 4px #f5d742, 0 0 32px 8px rgba(245,215,66,0.3);
  animation: vo-lamp 4s ease-in-out infinite;
}
.scn-vanderbilt-office .shadow-sharp {
  position: absolute; bottom: 25%; left: 45%; width: 30px; height: 10px;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
  animation: vo-shadow 8s ease-in-out infinite;
}
.scn-vanderbilt-office .door {
  position: absolute; top: 0; right: 5%; width: 18%; height: 75%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a2e1a 100%);
  border-left: 4px solid #2a1a0a;
  border-bottom: 4px solid #2a1a0a;
  border-radius: 0 0 10px 10px;
  animation: vo-door 15s linear infinite;
}

@keyframes vo-figure {
  0% { transform: translateX(-50%) rotate(0deg); }
  50% { transform: translateX(-50%) rotate(-2deg); }
  100% { transform: translateX(-50%) rotate(2deg); }
}
@keyframes vo-letter {
  0% { transform: rotate(-5deg) translateY(0); }
  25% { transform: rotate(-2deg) translateY(-2px); }
  50% { transform: rotate(-5deg) translateY(0); }
  75% { transform: rotate(-8deg) translateY(2px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes vo-clock {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes vo-lamp {
  0% { box-shadow: 0 0 12px 3px #f5d742, 0 0 24px 6px rgba(245,215,66,0.2); }
  50% { box-shadow: 0 0 20px 8px #fce88a, 0 0 40px 14px rgba(252,232,138,0.5); }
  100% { box-shadow: 0 0 14px 4px #f5d742, 0 0 28px 8px rgba(245,215,66,0.3); }
}
@keyframes vo-shadow {
  0% { transform: scaleX(1); opacity: 0.3; }
  50% { transform: scaleX(1.5); opacity: 0.6; }
  100% { transform: scaleX(1); opacity: 0.3; }
}
@keyframes vo-door {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(0.95); }
  100% { transform: scaleX(1); }
}

.scn-fiji-approach {
  background: linear-gradient(180deg, #f2e3c6 0%, #d2c1a3 30%, #a8b8c8 60%, #688090 100%), radial-gradient(ellipse at 50% 40%, #f2e3c6 0%, transparent 70%);
}
.scn-fiji-approach .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #fae8c0 0%, #c4d8e8 70%, #a0b8c8 100%); animation: fa-sky 10s ease-in-out infinite alternate; }
.scn-fiji-approach .sun { position:absolute; top:10%; right:20%; width:50px; height:50px; background: radial-gradient(circle, #fff5d6 0%, #f2c86b 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 90px 40px #f2c86b, 0 0 180px 80px rgba(242,200,107,.3); animation: fa-sun 16s ease-in-out infinite alternate; }
.scn-fiji-approach .ocean { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(0deg, #4a6a80 0%, #7a9ab0 40%, #aac0d0 100%); box-shadow: inset 0 20px 40px rgba(0,0,0,.2); animation: fa-ocean 12s ease-in-out infinite; }
.scn-fiji-approach .island-a { position:absolute; bottom:40%; left:10%; width:90px; height:35px; background: linear-gradient(180deg, #7a8a6a 0%, #5a6a4a 60%, #3a4a2a 100%); border-radius: 60% 40% 10% 10% / 80% 70% 20% 20%; box-shadow: 0 4px 12px rgba(0,0,0,.15); animation: fa-island 22s ease-in-out infinite alternate; }
.scn-fiji-approach .island-b { position:absolute; bottom:43%; right:15%; width:60px; height:25px; background: linear-gradient(180deg, #6a8a7a 0%, #4a6a4a 60%, #2a4a2a 100%); border-radius: 50% 50% 10% 10% / 70% 70% 15% 15%; box-shadow: 0 2px 8px rgba(0,0,0,.12); animation: fa-island 28s ease-in-out infinite alternate-reverse; }
.scn-fiji-approach .cloud-a { position:absolute; top:12%; left:5%; width:140px; height:22px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,240,.2) 100%); border-radius:50%; filter: blur(8px); animation: fa-cloud 40s linear infinite; }
.scn-fiji-approach .cloud-b { position:absolute; top:20%; right:30%; width:100px; height:18px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(240,240,230,.2) 100%); border-radius:50%; filter: blur(6px); animation: fa-cloud 55s linear infinite reverse; }
.scn-fiji-approach .haze { position:absolute; bottom:50%; left:0; right:0; height:30%; background: radial-gradient(ellipse at 50% 0%, rgba(200,210,220,.3) 0%, transparent 70%); animation: fa-haze 8s ease-in-out infinite alternate; }
@keyframes fa-sky { 0%{ opacity:.85 } 50%{ opacity:1 } 100%{ opacity:.9 } }
@keyframes fa-sun { 0%{ transform: translate(0,0) scale(1); box-shadow:0 0 80px 30px #f2c86b } 50%{ transform: translate(5px,-3px) scale(1.02); box-shadow:0 0 110px 50px #f2c86b } 100%{ transform: translate(-2px,2px) scale(.98); box-shadow:0 0 70px 25px #f2c86b } }
@keyframes fa-ocean { 0%{ transform: translateY(0) } 50%{ transform: translateY(-4px) } 100%{ transform: translateY(0) } }
@keyframes fa-island { 0%{ transform: translateY(0) scaleY(1) } 50%{ transform: translateY(-2px) scaleY(1.02) } 100%{ transform: translateY(0) scaleY(1) } }
@keyframes fa-cloud { 0%{ transform: translateX(0) } 100%{ transform: translateX(120vw) } }
@keyframes fa-haze { 0%{ opacity:.3; filter: blur(10px) } 50%{ opacity:.6; filter: blur(6px) } 100%{ opacity:.2; filter: blur(12px) } }

.scn-pacific-wilderness {
  background: linear-gradient(180deg, #d6e2f0 0%, #aac4d8 40%, #7a9ab0 100%), radial-gradient(ellipse at 50% 50%, #d6e2f0 0%, transparent 60%);
}
.scn-pacific-wilderness .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #f0e8d8 0%, #c8d8e8 60%, #a8c0d0 100%); animation: pw-sky 14s ease-in-out infinite alternate; }
.scn-pacific-wilderness .sun-path { position:absolute; top:20%; left:30%; width:100px; height:20px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,245,200,.4) 40%, rgba(255,255,200,.6) 60%, rgba(255,245,200,.4) 80%, transparent 100%); border-radius:50%; filter: blur(20px); animation: pw-sunpath 20s ease-in-out infinite alternate; }
.scn-pacific-wilderness .sea-deep { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(0deg, #3a6a8a 0%, #6a9aba 100%); box-shadow: inset 0 30px 60px rgba(0,0,0,.3); animation: pw-sea 16s ease-in-out infinite; }
.scn-pacific-wilderness .sea-mid { position:absolute; bottom:25%; left:0; right:0; height:10%; background: linear-gradient(0deg, transparent 0%, rgba(160,200,220,.3) 50%, transparent 100%); animation: pw-sea-mid 9s ease-in-out infinite alternate; }
.scn-pacific-wilderness .sea-foam { position:absolute; bottom:10%; left:0; right:0; height:6%; background: linear-gradient(180deg, rgba(255,255,255,.2) 0%, transparent 100%); border-radius: 50% 50% 0 0; filter: blur(4px); animation: pw-foam 7s ease-in-out infinite; }
.scn-pacific-wilderness .horizon-glow { position:absolute; bottom:50%; left:0; right:0; height:8%; background: linear-gradient(0deg, rgba(255,240,200,.5) 0%, transparent 100%); animation: pw-glow 12s ease-in-out infinite alternate; }
.scn-pacific-wilderness .drift-line { position:absolute; top:55%; left:10%; width:80%; height:2px; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.3) 20%, rgba(255,255,255,.1) 80%, transparent 100%); filter: blur(1px); animation: pw-drift 30s linear infinite; }
@keyframes pw-sky { 0%{ opacity:.9 } 50%{ opacity:1 } 100%{ opacity:.85 } }
@keyframes pw-sunpath { 0%{ transform: translateX(-20px) scaleX(.9); opacity:.6 } 50%{ transform: translateX(10px) scaleX(1.1); opacity:1 } 100%{ transform: translateX(-10px) scaleX(.95); opacity:.7 } }
@keyframes pw-sea { 0%{ transform: translateY(0) } 50%{ transform: translateY(-3px) } 100%{ transform: translateY(0) } }
@keyframes pw-sea-mid { 0%{ opacity:.2; transform: translateY(0) } 50%{ opacity:.5; transform: translateY(-2px) } 100%{ opacity:.3; transform: translateY(1px) } }
@keyframes pw-foam { 0%{ transform: translateX(0) scaleX(1) } 50%{ transform: translateX(20px) scaleX(1.1) } 100%{ transform: translateX(-10px) scaleX(.95) } }
@keyframes pw-glow { 0%{ opacity:.4; filter: blur(10px) } 50%{ opacity:.8; filter: blur(5px) } 100%{ opacity:.5; filter: blur(8px) } }
@keyframes pw-drift { 0%{ transform: translateX(0) } 100%{ transform: translateX(50px) } }

.scn-fiji-characteristics {
  background: linear-gradient(180deg, #f2dbb0 0%, #d2c49a 30%, #b8a87a 60%, #7a9a80 100%), radial-gradient(ellipse at 50% 100%, #7a9a80 0%, transparent 70%);
}
.scn-fiji-characteristics .sand { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(0deg, #e8d4a0 0%, #f0e0b8 40%, #f8ecc8 100%); border-radius: 60% 40% 0 0 / 20% 15% 0 0; box-shadow: inset 0 20px 40px rgba(0,0,0,.1); animation: fc-sand 15s ease-in-out infinite alternate; }
.scn-fiji-characteristics .lagoon { position:absolute; bottom:30%; left:10%; width:80%; height:15%; background: linear-gradient(0deg, #5a9a8a 0%, #8ac0b0 50%, #a8e0d0 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: inset 0 8px 20px rgba(0,0,0,.15); animation: fc-lagoon 12s ease-in-out infinite; }
.scn-fiji-characteristics .palm-a { position:absolute; bottom:45%; left:20%; width:20px; height:100px; background: linear-gradient(180deg, #6a7a4a 0%, #4a5a2a 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; transform: rotate(10deg); animation: fc-palm 6s ease-in-out infinite; }
.scn-fiji-characteristics .palm-b { position:absolute; bottom:40%; right:25%; width:18px; height:80px; background: linear-gradient(180deg, #5a6a3a 0%, #3a4a1a 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; transform: rotate(-8deg); animation: fc-palm 7s ease-in-out infinite 1s; }
.scn-fiji-characteristics .hut { position:absolute; bottom:35%; left:40%; width:50px; height:35px; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius: 20% 20% 5% 5%; box-shadow: 0 6px 12px rgba(0,0,0,.2); animation: fc-hut 9s ease-in-out infinite; }
.scn-fiji-characteristics .foliage { position:absolute; bottom:45%; left:30%; width:70px; height:30px; background: radial-gradient(ellipse at 30% 50%, #6a9a4a 0%, #4a7a2a 50%, transparent 80%); border-radius: 60% 40% 50% 50%; filter: blur(3px); animation: fc-foliage 8s ease-in-out infinite alternate; }
.scn-fiji-characteristics .shadow { position:absolute; bottom:5%; left:15%; width:70%; height:20%; background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,.15) 0%, transparent 70%); border-radius: 50%; filter: blur(15px); animation: fc-shadow 10s ease-in-out infinite alternate; }
@keyframes fc-sand { 0%{ transform: translateY(0) } 50%{ transform: translateY(-2px) } 100%{ transform: translateY(0) } }
@keyframes fc-lagoon { 0%{ opacity:.85; transform: translateY(0) } 50%{ opacity:1; transform: translateY(-2px) } 100%{ opacity:.9; transform: translateY(1px) } }
@keyframes fc-palm { 0%{ transform: rotate(8deg) } 50%{ transform: rotate(12deg) } 100%{ transform: rotate(8deg) } }
@keyframes fc-hut { 0%{ transform: translateY(0) } 50%{ transform: translateY(-3px) } 100%{ transform: translateY(0) } }
@keyframes fc-foliage { 0%{ transform: scaleX(1) } 50%{ transform: scaleX(1.05) scaleY(.98) } 100%{ transform: scaleX(1) } }
@keyframes fc-shadow { 0%{ opacity:.3; filter: blur(12px) } 50%{ opacity:.6; filter: blur(18px) } 100%{ opacity:.25; filter: blur(10px) } }

.scn-suva-glimpse {
  background: linear-gradient(180deg, #d2e8f0 0%, #aac8d8 40%, #7aa0b0 100%), radial-gradient(ellipse at 50% 70%, #aac8d8 0%, transparent 60%);
}
.scn-suva-glimpse .hills { position:absolute; bottom:30%; left:0; right:0; height:40%; background: linear-gradient(180deg, #7a9a6a 0%, #5a7a4a 60%, #3a5a2a 100%); border-radius: 40% 60% 0 0 / 70% 80% 0 0; box-shadow: inset 0 20px 40px rgba(0,0,0,.2); animation: sg-hills 18s ease-in-out infinite alternate; }
.scn-suva-glimpse .harbor-water { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(0deg, #2a6a8a 0%, #4a8aa0 40%, #7abac0 100%); box-shadow: inset 0 15px 30px rgba(0,0,0,.2); animation: sg-water 14s ease-in-out infinite; }
.scn-suva-glimpse .ship { position:absolute; bottom:20%; left:25%; width:60px; height:30px; background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%); border-radius: 10% 10% 5% 5% / 30% 30% 15% 15%; box-shadow: 0 4px 10px rgba(0,0,0,.3); animation: sg-ship 9s ease-in-out infinite; }
.scn-suva-glimpse .sail { position:absolute; bottom:30%; left:32%; width:24px; height:40px; background: linear-gradient(180deg, #f0e8d8 0%, #d0c8b8 100%); border-radius: 20% 20% 5% 5% / 40% 40% 10% 10%; transform-origin: bottom center; transform: rotate(5deg); box-shadow: 2px 4px 8px rgba(0,0,0,.15); animation: sg-sail 7s ease-in-out infinite alternate; }
.scn-suva-glimpse .reflection { position:absolute; bottom:5%; left:15%; width:70%; height:10%; background: linear-gradient(0deg, rgba(255,255,255,.15) 0%, transparent 100%); border-radius: 50%; filter: blur(8px); animation: sg-reflect 11s ease-in-out infinite; }
.scn-suva-glimpse .cloud-a { position:absolute; top:12%; left:5%; width:120px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(240,240,230,.2) 100%); border-radius:50%; filter: blur(6px); animation: sg-cloud 45s linear infinite; }
.scn-suva-glimpse .cloud-b { position:absolute; top:22%; right:10%; width:90px; height:16px; background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(230,230,220,.15) 100%); border-radius:50%; filter: blur(5px); animation: sg-cloud 60s linear infinite reverse; }
.scn-suva-glimpse .sun-glint { position:absolute; bottom:25%; left:60%; width:30px; height:30px; background: radial-gradient(circle, rgba(255,255,200,.6) 0%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(255,255,200,.2); animation: sg-glint 8s ease-in-out infinite alternate; }
@keyframes sg-hills { 0%{ transform: translateY(0) } 50%{ transform: translateY(-3px) } 100%{ transform: translateY(0) } }
@keyframes sg-water { 0%{ transform: translateY(0) } 50%{ transform: translateY(-2px) } 100%{ transform: translateY(0) } }
@keyframes sg-ship { 0%{ transform: translateX(0) translateY(0) rotate(-1deg) } 50%{ transform: translateX(10px) translateY(-2px) rotate(1deg) } 100%{ transform: translateX(0) translateY(0) rotate(0) } }
@keyframes sg-sail { 0%{ transform: rotate(3deg) } 50%{ transform: rotate(7deg) } 100%{ transform: rotate(4deg) } }
@keyframes sg-reflect { 0%{ opacity:.3; filter: blur(6px) } 50%{ opacity:.6; filter: blur(10px) } 100%{ opacity:.4; filter: blur(8px) } }
@keyframes sg-cloud { 0%{ transform: translateX(0) } 100%{ transform: translateX(120vw) } }
@keyframes sg-glint { 0%{ opacity:.4; transform: scale(1) } 50%{ opacity:.9; transform: scale(1.2) } 100%{ opacity:.5; transform: scale(.95) } }

.scn-bearer-english {
  background: linear-gradient(180deg, #f5e6c8 0%, #e8d4a0 40%, #d4b880 100%), radial-gradient(ellipse at 50% 100%, #d4b880 0%, transparent 60%);
}
.scn-bearer-english .bg-wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(90deg, #e8d4a0 0%, #f0debc 50%, #e0c898 100%); }
.scn-bearer-english .floor { position:absolute; bottom:0; width:100%; height:35%; background: linear-gradient(180deg, #c4a882 0%, #b89872 100%); border-radius: 10% 10% 0 0; }
.scn-bearer-english .bearer { position:absolute; bottom:12%; left:35%; width:40px; height:80px; background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: be-walk 5s ease-in-out infinite; }
.scn-bearer-english .turban { position:absolute; bottom:70%; left:34%; width:30px; height:30px; background: radial-gradient(circle, #d0a060 0%, #b08040 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: be-turban 3s ease-in-out infinite alternate; }
.scn-bearer-english .tray { position:absolute; bottom:20%; left:32%; width:50px; height:8px; background: #8a6a4a; border-radius: 20%; transform-origin: left center; animation: be-tray 4s ease-in-out infinite; }
.scn-bearer-english .book { position:absolute; bottom:40%; right:35%; width:20px; height:28px; background: linear-gradient(180deg, #b0a070 0%, #807050 100%); border-radius: 5%; transform: rotate(-15deg); animation: be-book 7s ease-in-out infinite; }
.scn-bearer-english .lamp { position:absolute; bottom:35%; right:25%; width:16px; height:20px; background: radial-gradient(circle, #ffe080 0%, #c08040 70%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 30px 8px #ffd060, 0 0 60px 16px rgba(255,208,96,0.4); animation: be-glow 2s ease-in-out infinite alternate; }
@keyframes be-walk { 0%{transform:translateX(0) rotate(-2deg)} 25%{transform:translateX(8px) rotate(2deg)} 50%{transform:translateX(16px) rotate(-1deg)} 75%{transform:translateX(8px) rotate(1deg)} 100%{transform:translateX(0) rotate(0)} }
@keyframes be-turban { 0%{transform:rotate(-5deg) scale(1)} 50%{transform:rotate(5deg) scale(1.02)} 100%{transform:rotate(-3deg) scale(1)} }
@keyframes be-tray { 0%{transform:translateY(0) rotate(0)} 30%{transform:translateY(-3px) rotate(2deg)} 60%{transform:translateY(-1px) rotate(-1deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes be-book { 0%{transform:rotate(-15deg) translateY(0)} 50%{transform:rotate(-10deg) translateY(-4px)} 100%{transform:rotate(-18deg) translateY(0)} }
@keyframes be-glow { 0%{box-shadow:0 0 20px 4px #ffd060,0 0 40px 8px rgba(255,208,96,0.3);opacity:0.9} 50%{box-shadow:0 0 40px 12px #ffe080,0 0 80px 20px rgba(255,224,128,0.5);opacity:1} 100%{box-shadow:0 0 25px 6px #ffd060,0 0 50px 12px rgba(255,208,96,0.35);opacity:0.95} }

.scn-manuel-bearer {
  background: linear-gradient(180deg, #e0d0b0 0%, #c8b898 50%, #b0a080 100%), radial-gradient(ellipse at 30% 80%, #c0a878 0%, transparent 50%);
}
.scn-manuel-bearer .bg-desk { position:absolute; inset:0 0 30% 0; background: linear-gradient(90deg, #d8c8a8 0%, #e0d0b0 50%, #c8b898 100%); }
.scn-manuel-bearer .table { position:absolute; bottom:10%; left:10%; width:80%; height:20%; background: linear-gradient(180deg, #b09070 0%, #907050 100%); border-radius: 5% 5% 0 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.scn-manuel-bearer .papers { position:absolute; bottom:18%; left:25%; width:50px; height:35px; background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%); border-radius: 5%; transform: rotate(2deg); animation: mb-papers 8s ease-in-out infinite; }
.scn-manuel-bearer .stamp { position:absolute; bottom:22%; left:40%; width:12px; height:8px; background: #b03030; border-radius: 10%; animation: mb-stamp 4s ease-in-out infinite; }
.scn-manuel-bearer .manuel-fig { position:absolute; bottom:12%; right:20%; width:35px; height:75px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius: 25% 25% 15% 15% / 45% 45% 25% 25%; transform-origin: bottom center; animation: mb-fig 6s ease-in-out infinite; }
.scn-manuel-bearer .hat { position:absolute; bottom:74%; right:22%; width:28px; height:14px; background: #2a1a10; border-radius: 50% 50% 20% 20%; animation: mb-hat 3s ease-in-out infinite alternate; }
.scn-manuel-bearer .seal { position:absolute; bottom:20%; left:60%; width:10px; height:10px; background: radial-gradient(circle, #c04040 0%, #802020 100%); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(192,64,64,0.5); animation: mb-seal 7s ease-in-out infinite; }
@keyframes mb-papers { 0%{transform:translateX(0) rotate(2deg)} 33%{transform:translateX(-5px) rotate(-1deg)} 66%{transform:translateX(3px) rotate(3deg)} 100%{transform:translateX(0) rotate(2deg)} }
@keyframes mb-stamp { 0%{transform:translateY(0) scale(1)} 30%{transform:translateY(-8px) scale(1.2)} 50%{transform:translateY(2px) scale(0.9)} 100%{transform:translateY(0) scale(1)} }
@keyframes mb-fig { 0%{transform:translateX(0) rotate(-1deg)} 25%{transform:translateX(6px) rotate(1deg)} 50%{transform:translateX(12px) rotate(-1deg)} 75%{transform:translateX(6px) rotate(1deg)} 100%{transform:translateX(0) rotate(0)} }
@keyframes mb-hat { 0%{transform:rotate(-8deg) translateY(0)} 50%{transform:rotate(8deg) translateY(-3px)} 100%{transform:rotate(-6deg) translateY(0)} }
@keyframes mb-seal { 0%{box-shadow:0 0 4px 1px rgba(192,64,64,0.3)} 50%{box-shadow:0 0 12px 4px rgba(192,64,64,0.7)} 100%{box-shadow:0 0 6px 2px rgba(192,64,64,0.4)} }

.scn-manuel-english {
  background: linear-gradient(180deg, #f8ecd4 0%, #e8d8b8 50%, #d0c0a0 100%), radial-gradient(ellipse at 50% 30%, #e8d8b8 0%, transparent 70%);
}
.scn-manuel-english .bg-room { position:absolute; inset:0 0 25% 0; background: linear-gradient(90deg, #e8d8b8 0%, #f0e0c0 50%, #d8c8a8 100%); }
.scn-manuel-english .master { position:absolute; bottom:15%; left:28%; width:45px; height:70px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: me-master 5s ease-in-out infinite; }
.scn-manuel-english .chair { position:absolute; bottom:5%; left:25%; width:50px; height:50px; background: linear-gradient(180deg, #8a7050 0%, #685038 100%); border-radius: 10% 10% 5% 5%; animation: me-chair 8s ease-in-out infinite; }
.scn-manuel-english .bearer-manuel { position:absolute; bottom:12%; right:25%; width:38px; height:72px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius: 25% 25% 15% 15% / 45% 45% 25% 25%; animation: me-bearer 5s ease-in-out infinite; }
.scn-manuel-english .speech-bubble { position:absolute; top:30%; left:45%; width:40px; height:30px; background: white; border-radius: 50% 50% 50% 10%; box-shadow: 0 0 0 2px #ccc; animation: me-bubble 3s ease-in-out infinite; }
.scn-manuel-english .cravat { position:absolute; bottom:42%; right:28%; width:12px; height:16px; background: #c8553d; border-radius: 30% 30% 10% 10%; animation: me-cravat 6s ease-in-out infinite alternate; }
.scn-manuel-english .clock { position:absolute; top:10%; right:20%; width:20px; height:20px; background: radial-gradient(circle, #e0d0b0 50%, #808080 51%); border-radius: 50%; animation: me-clock 10s linear infinite; }
@keyframes me-master { 0%{transform:translateX(0) rotate(-1deg)} 25%{transform:translateX(5px) rotate(1deg)} 50%{transform:translateX(10px) rotate(-1deg)} 75%{transform:translateX(5px) rotate(1deg)} 100%{transform:translateX(0) rotate(0)} }
@keyframes me-chair { 0%{transform:translateY(0) scale(1)} 33%{transform:translateY(-2px) scale(0.98)} 66%{transform:translateY(-1px) scale(1.02)} 100%{transform:translateY(0) scale(1)} }
@keyframes me-bearer { 0%{transform:translateX(0) rotate(1deg)} 30%{transform:translateX(-6px) rotate(-1deg)} 60%{transform:translateX(-12px) rotate(1deg)} 100%{transform:translateX(0) rotate(0)} }
@keyframes me-bubble { 0%{transform:scale(1) rotate(0)} 50%{transform:scale(1.05) rotate(-3deg)} 100%{transform:scale(1) rotate(0)} }
@keyframes me-cravat { 0%{transform:rotate(5deg) translateY(0)} 50%{transform:rotate(-5deg) translateY(-2px)} 100%{transform:rotate(3deg) translateY(0)} }
@keyframes me-clock { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }

.scn-manuel-god {
  background: linear-gradient(180deg, #d8c8b0 0%, #c0b098 50%, #a89880 100%), radial-gradient(ellipse at 50% 60%, #b0a090 0%, transparent 50%);
}
.scn-manuel-god .bg-shade { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #c8b8a0 0%, #b0a090 40%, #a09080 100%); }
.scn-manuel-god .altar { position:absolute; bottom:15%; left:50%; width:80px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #908070 0%, #706050 100%); border-radius: 10% 10% 5% 5%; }
.scn-manuel-god .cross { position:absolute; bottom:35%; left:50%; width:6px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #8a6040 0%, #604030 100%); border-radius: 10%; animation: mg-cross 4s ease-in-out infinite; }
.scn-manuel-god .cross::after { content:''; position:absolute; top:20%; left:-12px; width:30px; height:6px; background: inherit; border-radius: 10%; } /* horizontal bar */
.scn-manuel-god .halo { position:absolute; bottom:58%; left:50%; width:30px; height:30px; transform:translateX(-50%); background: radial-gradient(circle, #ffe080 0%, rgba(255,224,128,0) 70%); border-radius: 50%; animation: mg-halo 6s ease-in-out infinite alternate; }
.scn-manuel-god .kneeling { position:absolute; bottom:10%; left:40%; width:30px; height:60px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: mg-kneel 5s ease-in-out infinite; }
.scn-manuel-god .mala { position:absolute; bottom:25%; left:45%; width:20px; height:4px; background: #a07040; border-radius: 50%; box-shadow: 0 0 0 2px #c09060; animation: mg-mala 7s ease-in-out infinite; }
.scn-manuel-god .flame { position:absolute; bottom:55%; left:55%; width:8px; height:12px; background: linear-gradient(180deg, #ff8040 0%, #ff6040 40%, #ff2020 100%); border-radius: 50% 50% 20% 20%; animation: mg-flame 2s ease-in-out infinite alternate; }
@keyframes mg-cross { 0%{transform:translateX(-50%) translateY(0) scale(1)} 50%{transform:translateX(-50%) translateY(-5px) scale(1.02)} 100%{transform:translateX(-50%) translateY(0) scale(1)} }
@keyframes mg-halo { 0%{opacity:0.7; transform:translateX(-50%) scale(1)} 50%{opacity:1; transform:translateX(-50%) scale(1.1)} 100%{opacity:0.8; transform:translateX(-50%) scale(1)} }
@keyframes mg-kneel { 0%{transform:translateX(0) rotate(-1deg)} 30%{transform:translateX(5px) rotate(1deg)} 60%{transform:translateX(10px) rotate(-1deg)} 100%{transform:translateX(0) rotate(0)} }
@keyframes mg-mala { 0%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-3px) rotate(10deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes mg-flame { 0%{transform:scale(1) rotate(0)} 50%{transform:scale(1.2) rotate(-5deg)} 100%{transform:scale(0.9) rotate(5deg)} }

/* Scene: melbourne-train */
.scn-melbourne-train {
  background: linear-gradient(180deg, #f7eace 0%, #e6d5b8 40%, #c4b093 100%),
              radial-gradient(ellipse at 50% 80%, #fff5e0 0%, transparent 60%);
}
.scn-melbourne-train .interior-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #d9c8a8 0%, #baa78a 100%);
  animation: mt-wall 12s ease-in-out infinite alternate;
}
.scn-melbourne-train .window-frame {
  position: absolute; top: 10%; left: 50%; width: 55%; height: 40%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #8b7355 0%, #5e4b37 100%);
  border-radius: 6px; box-shadow: inset 0 4px 12px rgba(0,0,0,.3);
  animation: mt-frame 8s ease-in-out infinite;
}
.scn-melbourne-train .outside-landscape {
  position: absolute; top: 12%; left: 52%; width: 51%; height: 36%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #87ceeb 0%, #6a9ec7 30%, #3a7a5a 70%, #2d5a3d 100%);
  border-radius: 4px; animation: mt-landscape 20s linear infinite;
}
.scn-melbourne-train .seat {
  position: absolute; bottom: 18%; left: 30%; width: 40%; height: 20%;
  background: linear-gradient(180deg, #6b4c34 0%, #4a3020 100%);
  border-radius: 10px 10px 6px 6px; box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: mt-seat 6s ease-in-out infinite alternate;
}
.scn-melbourne-train .lamp {
  position: absolute; top: 8%; right: 12%; width: 12px; height: 18px;
  background: radial-gradient(circle, #ffd080 0%, #c09040 100%);
  border-radius: 50% 50% 0 0; box-shadow: 0 0 20px 6px rgba(255,208,128,.6);
  animation: mt-lamp 3s ease-in-out infinite alternate;
}
.scn-melbourne-train .book-silhouette {
  position: absolute; bottom: 24%; left: 45%; width: 20px; height: 14px;
  background: #5e4b37; border-radius: 2px; transform: rotate(-10deg);
  animation: mt-book 4s ease-in-out infinite;
}
.scn-melbourne-train .passenger-silhouette {
  position: absolute; bottom: 18%; left: 32%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: mt-passenger 5s ease-in-out infinite;
}
.scn-melbourne-train .cloud-outside {
  position: absolute; top: 14%; left: 10%; width: 60px; height: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 100%);
  filter: blur(4px); border-radius: 50%; animation: mt-cloud 30s linear infinite;
}
@keyframes mt-wall { 0% { opacity:.95 } 50% { opacity:1 } 100% { opacity:.92 } }
@keyframes mt-frame { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) scale(1.01) } }
@keyframes mt-landscape { 0% { background-position: 0 0 } 100% { background-position: -200px 0 } }
@keyframes mt-seat { 0% { transform: translateY(0) } 100% { transform: translateY(-2px) } }
@keyframes mt-lamp { 0% { box-shadow: 0 0 12px 3px rgba(255,208,128,.4); opacity:.85 } 100% { box-shadow: 0 0 28px 8px rgba(255,208,128,.8); opacity:1 } }
@keyframes mt-book { 0%,100% { transform: rotate(-10deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-1px) } }
@keyframes mt-passenger { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes mt-cloud { 0% { transform: translateX(0) } 100% { transform: translateX(120vw) } }

/* Scene: sleeping-car */
.scn-sleeping-car {
  background: linear-gradient(180deg, #1c1e2e 0%, #141624 100%),
              radial-gradient(ellipse at 50% 100%, #2a2e4e 0%, transparent 70%);
}
.scn-sleeping-car .berth-wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #2a2d44 0%, #1a1c2a 100%);
  animation: sc-wall 10s ease-in-out infinite alternate;
}
.scn-sleeping-car .window-night {
  position: absolute; top: 12%; left: 50%; width: 35%; height: 30%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #0a0e1a 0%, #141c2a 100%);
  border-radius: 4px; box-shadow: inset 0 0 12px rgba(0,0,0,.6);
  animation: sc-window 15s ease-in-out infinite;
}
.scn-sleeping-car .curtain {
  position: absolute; top: 12%; left: 34%; width: 15%; height: 30%;
  background: linear-gradient(180deg, #4a5060 0%, #2a3040 100%);
  border-radius: 2px; animation: sc-curtain 8s ease-in-out infinite alternate;
}
.scn-sleeping-car .berth-bed {
  position: absolute; bottom: 20%; left: 30%; width: 40%; height: 18%;
  background: linear-gradient(180deg, #3a3e50 0%, #1e2230 100%);
  border-radius: 8px; box-shadow: 0 6px 10px rgba(0,0,0,.5);
  animation: sc-bed 6s ease-in-out infinite alternate;
}
.scn-sleeping-car .reading-lamp {
  position: absolute; top: 10%; right: 18%; width: 10px; height: 14px;
  background: radial-gradient(circle, #ffc060 0%, #a08030 100%);
  border-radius: 50% 50% 0 0; box-shadow: 0 0 14px 4px rgba(255,192,96,.5);
  animation: sc-lamp 4s ease-in-out infinite alternate;
}
.scn-sleeping-car .sleeping-figure {
  position: absolute; bottom: 22%; left: 38%; width: 22px; height: 16px;
  background: linear-gradient(180deg, #2a2e40 0%, #14182a 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%;
  transform: rotate(10deg); animation: sc-figure 7s ease-in-out infinite;
}
.scn-sleeping-car .star-outside {
  position: absolute; top: 14%; left: 45%; width: 4px; height: 4px;
  background: #e8e8ff; border-radius: 50%; box-shadow: 0 0 6px 2px rgba(232,232,255,.6);
  animation: sc-star 3s ease-in-out infinite alternate;
}
@keyframes sc-wall { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes sc-window { 0%,100% { opacity:.7 } 50% { opacity:.5 } }
@keyframes sc-curtain { 0% { transform: translateX(0) } 100% { transform: translateX(8px) } }
@keyframes sc-bed { 0% { transform: translateY(0) } 100% { transform: translateY(-3px) } }
@keyframes sc-lamp { 0% { box-shadow: 0 0 8px 2px rgba(255,192,96,.3); opacity:.8 } 100% { box-shadow: 0 0 22px 6px rgba(255,192,96,.7); opacity:1 } }
@keyframes sc-figure { 0%,100% { transform: rotate(10deg) translateY(0) } 50% { transform: rotate(8deg) translateY(-1px) } }
@keyframes sc-star { 0% { opacity:.3; transform: scale(.8) } 100% { opacity:1; transform: scale(1.2) } }

/* Scene: double-gauge */
.scn-double-gauge {
  background: linear-gradient(180deg, #0a0e1a 0%, #1c1e2e 50%, #0e1220 100%),
              radial-gradient(ellipse at 50% 0%, #2a2e4e 0%, transparent 80%);
}
.scn-double-gauge .night-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #1a1e30 0%, #0c1020 100%);
  animation: dg-sky 12s ease-in-out infinite alternate;
}
.scn-double-gauge .platform {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #4a5050 0%, #2a3030 100%);
  border-radius: 4px 4px 0 0; box-shadow: inset 0 6px 16px rgba(0,0,0,.7);
  animation: dg-platform 4s ease-in-out infinite alternate;
}
.scn-double-gauge .railway-track {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 8px;
  background: repeating-linear-gradient(90deg, #6a7070 0px, #6a7070 8px, #3a4040 8px, #3a4040 16px);
  box-shadow: 0 4px 8px rgba(0,0,0,.6);
  animation: dg-track 1s linear infinite;
}
.scn-double-gauge .train-silhouette {
  position: absolute; bottom: 28%; left: -20%; width: 60%; height: 40%;
  background: linear-gradient(180deg, #1a1e2a 0%, #0a0e14 100%);
  border-radius: 20% 20% 0 0; box-shadow: 0 0 30px rgba(0,0,0,.8);
  animation: dg-train 10s linear infinite;
}
.scn-double-gauge .lantern {
  position: absolute; bottom: 35%; left: 40%; width: 8px; height: 12px;
  background: radial-gradient(circle, #ffa050 0%, #c06020 100%);
  border-radius: 50%; box-shadow: 0 0 18px 6px rgba(255,160,80,.6);
  animation: dg-lantern 0.8s ease-in-out infinite alternate;
}
.scn-double-gauge .rushing-figure {
  position: absolute; bottom: 22%; left: 20%; width: 16px; height: 30px;
  background: linear-gradient(180deg, #1a1e2e 0%, #0a0e1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: dg-figure 2s ease-in-out infinite;
}
.scn-double-gauge .wind-swept-debris {
  position: absolute; bottom: 40%; left: 50%; width: 6px; height: 6px;
  background: #8a9090; border-radius: 50%; filter: blur(2px);
  animation: dg-debris 1.5s linear infinite;
}
@keyframes dg-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.75 } }
@keyframes dg-platform { 0% { transform: translateY(0) } 100% { transform: translateY(4px) } }
@keyframes dg-track { 0% { background-position: 0 0 } 100% { background-position: 16px 0 } }
@keyframes dg-train { 0% { transform: translateX(0) } 100% { transform: translateX(150vw) } }
@keyframes dg-lantern { 0% { box-shadow: 0 0 10px 2px rgba(255,160,80,.3); opacity:.6 } 100% { box-shadow: 0 0 24px 8px rgba(255,160,80,.9); opacity:1 } }
@keyframes dg-figure { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-6px) rotate(1deg) } 50% { transform: translateY(0) rotate(2deg) } 75% { transform: translateY(-4px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes dg-debris { 0% { transform: translate(0,0) scale(1) } 100% { transform: translate(-30px, -30px) scale(0) } }

/* Scene: custom-fences */
.scn-custom-fences {
  background: linear-gradient(180deg, #f0ebd8 0%, #ddd5c0 100%),
              radial-gradient(ellipse at 50% 90%, #fff8e8 0%, transparent 70%);
}
.scn-custom-fences .office-wall {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #c8bda8 0%, #afa48f 100%);
  animation: cf-wall 8s ease-in-out infinite alternate;
}
.scn-custom-fences .desk {
  position: absolute; bottom: 18%; left: 20%; width: 60%; height: 30%;
  background: linear-gradient(180deg, #8a7b64 0%, #5e4f3a 100%);
  border-radius: 4px; box-shadow: 0 6px 14px rgba(0,0,0,.3);
  animation: cf-desk 5s ease-in-out infinite;
}
.scn-custom-fences .desk-lamp {
  position: absolute; bottom: 40%; left: 30%; width: 10px; height: 14px;
  background: radial-gradient(circle, #ffd080 0%, #c09040 100%);
  border-radius: 50% 50% 0 0; box-shadow: 0 0 20px 6px rgba(255,208,128,.6);
  animation: cf-lamp 3s ease-in-out infinite alternate;
}
.scn-custom-fences .document-pile {
  position: absolute; bottom: 30%; left: 45%; width: 24px; height: 10px;
  background: linear-gradient(180deg, #f0e8d8 0%, #d8d0c0 100%);
  border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2);
  animation: cf-doc 6s ease-in-out infinite;
}
.scn-custom-fences .officer-silhouette {
  position: absolute; bottom: 16%; left: 50%; width: 18px; height: 34px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: cf-officer 4s ease-in-out infinite;
}
.scn-custom-fences .fence-bars {
  position: absolute; inset: 15% 10% 25% 10%;
  border-left: 4px solid #6a6048;
  border-right: 4px solid #6a6048;
  background: repeating-linear-gradient(90deg, transparent, transparent 20%, #6a6048 20%, #6a6048 24%);
  animation: cf-fence 3s ease-in-out infinite alternate;
}
.scn-custom-fences .stamp-hammer {
  position: absolute; bottom: 38%; left: 35%; width: 8px; height: 12px;
  background: #5e4f3a; border-radius: 2px;
  animation: cf-stamp 1s ease-in-out infinite;
}
@keyframes cf-wall { 0% { opacity:.95 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes cf-desk { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes cf-lamp { 0% { box-shadow: 0 0 12px 3px rgba(255,208,128,.4); opacity:.85 } 100% { box-shadow: 0 0 28px 8px rgba(255,208,128,.8); opacity:1 } }
@keyframes cf-doc { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(2deg) } }
@keyframes cf-officer { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-3px) rotate(0) } 50% { transform: translateY(0) rotate(1deg) } 75% { transform: translateY(-2px) rotate(0) } 100% { transform: translateY(0) rotate(0) } }
@keyframes cf-fence { 0% { border-width: 4px; background-size: 24px 100% } 100% { border-width: 6px; background-size: 28px 100% } }
@keyframes cf-stamp { 0%,100% { transform: translateY(0) scale(1) } 50% { transform: translateY(-6px) scale(1.1) } }

/* maxim-making */
.scn-maxim-making {
  background: linear-gradient(180deg, #2a1e1a 0%, #3a2a22 40%, #1a120e 100%), radial-gradient(ellipse at 50% 60%, #4a3a32 0%, transparent 70%);
}
.scn-maxim-making .bg-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #4a3a2e 0%, #2a1e16 100%);
  animation: mm-wall 12s ease-in-out infinite alternate;
}
.scn-maxim-making .desk {
  position: absolute; bottom: 12%; left: 20%; width: 60%; height: 8%;
  background: linear-gradient(180deg, #6a4a34 0%, #4a2e1a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  animation: mm-desk 8s ease-in-out infinite alternate;
}
.scn-maxim-making .chair {
  position: absolute; bottom: 18%; left: 35%; width: 20%; height: 22%;
  background: linear-gradient(180deg, #3a2a1e 0%, #1a120c 100%);
  border-radius: 50% 50% 10% 10% / 80% 80% 10% 10%;
  transform: rotate(-2deg);
  box-shadow: -2px 2px 6px rgba(0,0,0,0.5);
  animation: mm-chair 4s ease-in-out infinite;
}
.scn-maxim-making .figure {
  position: absolute; bottom: 20%; left: 42%; width: 14%; height: 28%;
  background: linear-gradient(180deg, #2a201c 0%, #1a1410 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mm-figure 6s ease-in-out infinite;
}
.scn-maxim-making .lamp {
  position: absolute; bottom: 32%; left: 25%; width: 10%; height: 14%;
  background: linear-gradient(180deg, #80604a 0%, #4a3224 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.5);
}
.scn-maxim-making .lamp-glow {
  position: absolute; bottom: 30%; left: 22%; width: 16%; height: 20%;
  background: radial-gradient(circle, #ffd080 0%, rgba(255,208,128,0.3) 60%, transparent 80%);
  border-radius: 50%;
  filter: blur(6px);
  animation: mm-glow 3s ease-in-out infinite alternate;
}
.scn-maxim-making .paper {
  position: absolute; bottom: 14%; left: 30%; width: 20%; height: 6%;
  background: linear-gradient(180deg, #e8dcc8 0%, #c8bca8 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transform: rotate(-2deg);
  animation: mm-paper 8s ease-in-out infinite alternate;
}
.scn-maxim-making .quill {
  position: absolute; bottom: 16%; left: 48%; width: 3%; height: 10%;
  background: linear-gradient(180deg, #e8e0d8 0%, #a09888 100%);
  border-radius: 50% 50% 10% 10% / 20% 20% 60% 60%;
  transform: rotate(15deg);
  transform-origin: bottom center;
  animation: mm-quill 5s ease-in-out infinite;
}
.scn-maxim-making .cat {
  position: absolute; bottom: 12%; right: 20%; width: 10%; height: 8%;
  background: linear-gradient(180deg, #3a2a1e 0%, #1a120c 100%);
  border-radius: 50% 50% 30% 30% / 80% 80% 30% 30%;
  animation: mm-cat 7s ease-in-out infinite alternate;
}
@keyframes mm-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes mm-desk { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes mm-chair { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(0deg); } }
@keyframes mm-figure { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes mm-glow { 0% { opacity: 0.7; transform: scale(0.95); } 50% { opacity: 0.9; transform: scale(1.05); } 100% { opacity: 0.75; transform: scale(0.98); } }
@keyframes mm-paper { 0% { transform: rotate(-2deg) translateX(0); } 50% { transform: rotate(2deg) translateX(2px); } 100% { transform: rotate(-2deg) translateX(0); } }
@keyframes mm-quill { 0%, 100% { transform: rotate(15deg) translateY(0); } 50% { transform: rotate(20deg) translateY(-3px); } }
@keyframes mm-cat { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(0.95); } 100% { transform: translateY(0) scale(1); } }

/* diamond-head-sighted */
.scn-diamond-head-sighted {
  background: linear-gradient(180deg, #1a2a40 0%, #4a6080 40%, #c8a060 80%, #d8a850 100%), radial-gradient(ellipse at 50% 30%, #e8c870 0%, transparent 60%);
}
.scn-diamond-head-sighted .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #1a2a50 0%, #d8b060 60%, transparent 100%);
  animation: ds-sky 15s ease-in-out infinite alternate;
}
.scn-diamond-head-sighted .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #2a5070 0%, #1a3048 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
  animation: ds-sea 10s ease-in-out infinite;
}
.scn-diamond-head-sighted .sun {
  position: absolute; top: 10%; left: 60%; width: 12%; height: 16%;
  background: radial-gradient(circle, #ffd080 0%, #f0b040 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(240,176,64,0.6), 0 0 80px 40px rgba(240,176,64,0.3);
  animation: ds-sun 20s ease-in-out infinite alternate;
}
.scn-diamond-head-sighted .diamond-peak {
  position: absolute; bottom: 36%; left: 30%; width: 30%; height: 30%;
  background: linear-gradient(180deg, #b8a078 0%, #8a7048 60%, #5a4a30 100%);
  clip-path: polygon(30% 100%, 50% 0%, 70% 100%);
  transform: rotate(2deg);
  animation: ds-peak 12s ease-in-out infinite;
}
.scn-diamond-head-sighted .ship {
  position: absolute; bottom: 28%; left: 45%; width: 15%; height: 10%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%;
  animation: ds-ship 25s linear infinite alternate;
}
.scn-diamond-head-sighted .sail {
  position: absolute; bottom: 30%; left: 47%; width: 8%; height: 14%;
  background: linear-gradient(180deg, #f0e8d8 0%, #c8b8a0 100%);
  border-radius: 30% 30% 10% 10% / 60% 60% 20% 20%;
  transform: rotate(10deg);
  transform-origin: bottom center;
  animation: ds-sail 8s ease-in-out infinite;
}
.scn-diamond-head-sighted .clouds {
  position: absolute; width: 18%; height: 8%;
  background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%;
  filter: blur(6px);
}
.scn-diamond-head-sighted .cloud-a {
  top: 8%; left: 10%;
  animation: ds-cloud 40s linear infinite;
}
.scn-diamond-head-sighted .cloud-b {
  top: 14%; right: 8%;
  animation: ds-cloud 50s linear infinite reverse;
}
@keyframes ds-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes ds-sea { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-4px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes ds-sun { 0% { transform: scale(0.95); } 50% { transform: scale(1.05); } 100% { transform: scale(0.98); } }
@keyframes ds-peak { 0%, 100% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(-1deg) translateY(-2px); } }
@keyframes ds-ship { 0% { transform: translateX(0) rotate(1deg); } 50% { transform: translateX(8px) rotate(-1deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes ds-sail { 0%, 100% { transform: rotate(10deg) translateY(0); } 50% { transform: rotate(12deg) translateY(-3px); } }
@keyframes ds-cloud { 0% { transform: translateX(-20px); } 100% { transform: translateX(120vw); } }

/* horseback-memories */
.scn-horseback-memories {
  background: linear-gradient(180deg, #80b0d0 0%, #a0c8e0 40%, #e8d8a0 70%, #c8a850 100%), radial-gradient(ellipse at 40% 20%, #f0e0b0 0%, transparent 60%);
}
.scn-horseback-memories .bg-sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #a0c8e0 0%, #e8d8a0 70%, transparent 100%);
  animation: hm-sky 15s ease-in-out infinite alternate;
}
.scn-horseback-memories .hills {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #b0c870 0%, #708050 60%, #485030 100%);
  border-radius: 70% 30% 0 0 / 50% 40% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: hm-hills 18s ease-in-out infinite alternate;
}
.scn-horseback-memories .horse {
  position: absolute; bottom: 28%; left: 30%; width: 20%; height: 22%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: hm-horse 6s ease-in-out infinite;
}
.scn-horseback-memories .rider {
  position: absolute; bottom: 32%; left: 34%; width: 12%; height: 18%;
  background: linear-gradient(180deg, #2a1e14 0%, #1a100a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(5deg);
  transform-origin: bottom center;
  animation: hm-rider 6s ease-in-out infinite;
}
.scn-horseback-memories .bones {
  position: absolute; width: 6%; height: 3%;
  background: linear-gradient(180deg, #e8dcc8 0%, #c8bca8 100%);
  border-radius: 30% 30% 50% 50% / 40% 40% 60% 60%;
}
.scn-horseback-memories .bone-1 {
  bottom: 20%; left: 15%; transform: rotate(30deg);
  animation: hm-bone 10s ease-in-out infinite;
}
.scn-horseback-memories .bone-2 {
  bottom: 18%; right: 25%; width: 4%; height: 2%;
  transform: rotate(-20deg);
  animation: hm-bone 12s ease-in-out infinite reverse;
}
.scn-horseback-memories .dust {
  position: absolute; bottom: 22%; left: 32%; width: 20%; height: 6%;
  background: radial-gradient(ellipse at 50% 50%, rgba(180,160,100,0.4) 0%, transparent 100%);
  filter: blur(4px);
  animation: hm-dust 5s ease-in-out infinite alternate;
}
@keyframes hm-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes hm-hills { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes hm-horse { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(-2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(2deg); } }
@keyframes hm-rider { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(-2px) rotate(0deg); } }
@keyframes hm-bone { 0% { transform: rotate(30deg) translateY(0); } 50% { transform: rotate(35deg) translateY(-2px); } 100% { transform: rotate(30deg) translateY(0); } }
@keyframes hm-dust { 0% { opacity: 0.3; transform: scaleY(0.8); } 50% { opacity: 0.6; transform: scaleY(1.2); } 100% { opacity: 0.2; transform: scaleY(0.7); } }

/* kamehameha-ambition */
.scn-kamehameha-ambition {
  background: linear-gradient(180deg, #e8dcc8 0%, #d0c4b0 40%, #a89880 100%), radial-gradient(ellipse at 50% 20%, #f0e8d8 0%, transparent 60%);
}
.scn-kamehameha-ambition .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #a09078 0%, #807060 100%);
  border-radius: 10% 10% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: ka-floor 12s ease-in-out infinite alternate;
}
.scn-kamehameha-ambition .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #d0c4b0 0%, #b8a890 100%);
  box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
}
.scn-kamehameha-ambition .table {
  position: absolute; bottom: 18%; left: 15%; width: 70%; height: 6%;
  background: linear-gradient(180deg, #8a7058 0%, #5a4a38 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: ka-table 8s ease-in-out infinite;
}
.scn-kamehameha-ambition .map {
  position: absolute; bottom: 22%; left: 25%; width: 40%; height: 12%;
  background: linear-gradient(180deg, #e8dcb0 0%, #b8a870 100%);
  border-radius: 5%;
  transform: rotate(-1deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: ka-map 10s ease-in-out infinite alternate;
}
.scn-kamehameha-ambition .king {
  position: absolute; bottom: 22%; left: 20%; width: 14%; height: 30%;
  background: linear-gradient(180deg, #2a1e16 0%, #1a120c 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: ka-king 6s ease-in-out infinite;
}
.scn-kamehameha-ambition .crown {
  position: absolute; bottom: 42%; left: 21%; width: 12%; height: 6%;
  background: linear-gradient(180deg, #d8b040 0%, #a08020 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 10% 10%;
  transform: rotate(-2deg);
  animation: ka-crown 4s ease-in-out infinite;
}
.scn-kamehameha-ambition .light-shaft {
  position: absolute; top: 0; left: 35%; width: 30%; height: 80%;
  background: linear-gradient(180deg, rgba(255,255,240,0.3) 0%, rgba(255,255,240,0.05) 100%);
  transform: rotate(5deg);
  filter: blur(4px);
  animation: ka-light 15s ease-in-out infinite alternate;
}
.scn-kamehameha-ambition .motes {
  position: absolute; top: 10%; left: 40%; width: 20%; height: 20%;
  background: radial-gradient(circle, rgba(255,255,220,0.6) 0%, transparent 100%);
  filter: blur(2px);
  animation: ka-motes 5s ease-in-out infinite alternate;
}
@keyframes ka-floor { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes ka-table { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes ka-map { 0% { transform: rotate(-1deg) scale(1); } 50% { transform: rotate(1deg) scale(1.02); } 100% { transform: rotate(-1deg) scale(1); } }
@keyframes ka-king { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ka-crown { 0%, 100% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-2px); } }
@keyframes ka-light { 0% { opacity: 0.3; transform: rotate(5deg) scaleX(1); } 50% { opacity: 0.6; transform: rotate(7deg) scaleX(1.1); } 100% { opacity: 0.4; transform: rotate(5deg) scaleX(1); } }
@keyframes ka-motes { 0% { opacity: 0.2; transform: scale(0.8); } 50% { opacity: 0.5; transform: scale(1.2); } 100% { opacity: 0.3; transform: scale(0.9); } }

.scn-fortunes-made {
  background:
    linear-gradient(180deg, #2a1a0e 0%, #4a3020 30%, #6a4a30 60%, #8a6a50 100%),
    radial-gradient(ellipse at 30% 80%, #e0c090 0%, transparent 70%);
}
.scn-fortunes-made .cabin-wall { position:absolute; inset:0 0 0 0; background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0e 100%); border-radius: 4%/2%; transform: scale(0.98); }
.scn-fortunes-made .porthole { position:absolute; top:12%; left:8%; width:30%; height:50%; background: radial-gradient(circle at 50% 50%, #a0d0e0 0%, #4080a0 60%, #1a3a4a 100%); border-radius:50%; border: 8px solid #5a3a2a; box-shadow: inset 0 0 30px #1a3a4a, 0 0 40px #5a3a2a; animation: fm-porthole 12s ease-in-out infinite alternate; }
.scn-fortunes-made .sea { position:absolute; top:55%; left:10%; width:26%; height:25%; background: linear-gradient(180deg, #2a5a6a 0%, #1a3a4a 100%); border-radius: 0 0 50% 50%; opacity:0.8; animation: fm-sea 8s ease-in-out infinite alternate; }
.scn-fortunes-made .horizon { position:absolute; top:48%; left:10%; width:26%; height:3%; background: linear-gradient(90deg, #a0b0c0 0%, #c0d0e0 100%); filter: blur(2px); }
.scn-fortunes-made .table { position:absolute; bottom:12%; left:50%; width:45%; height:18%; transform:translateX(-50%); background: linear-gradient(180deg, #6a4a30 0%, #4a2a1a 100%); border-radius: 4% 4% 2% 2%; box-shadow: 0 -6px 20px rgba(0,0,0,0.5); }
.scn-fortunes-made .lamp { position:absolute; bottom:28%; left:38%; width:8%; height:14%; background: radial-gradient(circle at 50% 30%, #ffd080 0%, #b08040 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 15px rgba(255,208,128,0.6); animation: fm-lamp 3s ease-in-out infinite alternate; }
.scn-fortunes-made .figure { position:absolute; bottom:12%; left:32%; width:12%; height:25%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: fm-figure 4s ease-in-out infinite; }
.scn-fortunes-made .shadow { position:absolute; bottom:12%; left:30%; width:20%; height:6%; background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%); filter: blur(4px); animation: fm-shadow 4s ease-in-out infinite; }
@keyframes fm-porthole { 0% { box-shadow: inset 0 0 30px #1a3a4a, 0 0 40px #5a3a2a; } 50% { box-shadow: inset 0 0 50px #2a5a6a, 0 0 60px #6a4a30; } 100% { box-shadow: inset 0 0 30px #1a3a4a, 0 0 40px #5a3a2a; } }
@keyframes fm-sea { 0% { transform: scaleY(1); opacity:0.8; } 50% { transform: scaleY(1.05) translateY(-2px); opacity:0.9; } 100% { transform: scaleY(1); opacity:0.8; } }
@keyframes fm-lamp { 0% { box-shadow: 0 0 30px 15px rgba(255,208,128,0.6); opacity:0.9; } 50% { box-shadow: 0 0 50px 25px rgba(255,224,160,0.8); opacity:1; } 100% { box-shadow: 0 0 30px 15px rgba(255,208,128,0.6); opacity:0.9; } }
@keyframes fm-figure { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(8px) rotate(2deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-8px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes fm-shadow { 0% { transform: translateX(0) scaleX(1); } 25% { transform: translateX(6px) scaleX(1.1); } 50% { transform: translateX(0) scaleX(1); } 75% { transform: translateX(-6px) scaleX(0.9); } 100% { transform: translateX(0) scaleX(1); } }

.scn-ballarat-nuggets {
  background:
    linear-gradient(180deg, #5a3a2a 0%, #8a6a4a 40%, #6a4a30 100%),
    radial-gradient(ellipse at 50% 0%, #b09070 0%, transparent 60%);
}
.scn-ballarat-nuggets .tent-bg { position:absolute; inset:0; background: linear-gradient(135deg, #8a6a4a 0%, #6a4a30 30%, #5a3a2a 100%); border-radius: 6% 6% 0 0; }
.scn-ballarat-nuggets .table { position:absolute; bottom:15%; left:10%; width:80%; height:30%; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 4% 4% 2% 2%; box-shadow: 0 -8px 20px rgba(0,0,0,0.6); }
.scn-ballarat-nuggets .nugget-big { position:absolute; bottom:30%; left:20%; width:25%; height:25%; background: radial-gradient(circle at 40% 40%, #ffd080 0%, #c08040 60%, #804020 100%); border-radius: 50% 40% 30% 50%; transform: rotate(-10deg); box-shadow: 0 0 40px 10px rgba(255,200,100,0.5); animation: bn-nugget-big 6s ease-in-out infinite alternate; }
.scn-ballarat-nuggets .nugget-small { position:absolute; bottom:35%; left:55%; width:14%; height:18%; background: radial-gradient(circle at 40% 40%, #ffd080 0%, #c08040 60%, #804020 100%); border-radius: 40% 50% 30% 40%; transform: rotate(15deg); box-shadow: 0 0 30px 8px rgba(255,200,100,0.4); animation: bn-nugget-small 8s ease-in-out infinite alternate; }
.scn-ballarat-nuggets .lantern { position:absolute; top:10%; left:50%; width:10%; height:18%; transform:translateX(-50%); background: radial-gradient(circle at 50% 30%, #ffd080 0%, #b08040 70%); border-radius: 30% 30% 20% 20%; box-shadow: 0 0 50px 20px rgba(255,208,128,0.7); animation: bn-lantern 3s ease-in-out infinite alternate; }
.scn-ballarat-nuggets .scale { position:absolute; bottom:38%; left:35%; width:20%; height:8%; background: linear-gradient(90deg, #5a3a2a 0%, #8a6a4a 50%, #5a3a2a 100%); border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.4); }
.scn-ballarat-nuggets .hand { position:absolute; bottom:20%; left:15%; width:12%; height:18%; background: linear-gradient(180deg, #c0a080 0%, #8a6a4a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; transform-origin: bottom center; animation: bn-hand 4s ease-in-out infinite; }
@keyframes bn-nugget-big { 0% { transform: rotate(-10deg) scale(1); } 50% { transform: rotate(-5deg) scale(1.02); } 100% { transform: rotate(-10deg) scale(1); } }
@keyframes bn-nugget-small { 0% { transform: rotate(15deg) scale(1); } 50% { transform: rotate(10deg) scale(0.98); } 100% { transform: rotate(15deg) scale(1); } }
@keyframes bn-lantern { 0% { box-shadow: 0 0 50px 20px rgba(255,208,128,0.7); } 50% { box-shadow: 0 0 70px 30px rgba(255,224,160,0.9); } 100% { box-shadow: 0 0 50px 20px rgba(255,208,128,0.7); } }
@keyframes bn-hand { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(10px) rotate(5deg); } 60% { transform: translateX(0) rotate(0deg); } 100% { transform: translateX(10px) rotate(5deg); } }

.scn-mining-tax {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #5a3a2a 40%, #4a2a1a 80%, #2a1a0e 100%),
    radial-gradient(ellipse at 50% 0%, #7a5a3a 0%, transparent 60%);
}
.scn-mining-tax .tent-interior { position:absolute; inset:0; background: linear-gradient(135deg, #4a2a1a 0%, #3a1a0a 100%); border-radius: 8% 8% 0 0; transform: scale(0.96); }
.scn-mining-tax .desk { position:absolute; bottom:10%; left:15%; width:70%; height:25%; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 -8px 20px rgba(0,0,0,0.5); }
.scn-mining-tax .paper { position:absolute; bottom:20%; left:35%; width:20%; height:15%; background: linear-gradient(135deg, #d0c0a0 0%, #b0a080 100%); transform: rotate(-5deg); box-shadow: 2px 2px 6px rgba(0,0,0,0.3); animation: mt-paper 2s ease-in-out infinite alternate; }
.scn-mining-tax .official-a { position:absolute; bottom:10%; left:25%; width:12%; height:30%; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 20% 20%; transform-origin: bottom center; animation: mt-official-a 3s ease-in-out infinite; }
.scn-mining-tax .official-b { position:absolute; bottom:10%; left:50%; width:12%; height:32%; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 20% 20%; transform-origin: bottom center; animation: mt-official-b 2.5s ease-in-out infinite; }
.scn-mining-tax .miner { position:absolute; bottom:10%; left:65%; width:10%; height:28%; background: linear-gradient(180deg, #6a4a30 0%, #4a2a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: mt-miner 1.8s ease-in-out infinite; }
.scn-mining-tax .badge { position:absolute; bottom:22%; left:32%; width:4%; height:6%; background: radial-gradient(circle, #ffd080 0%, #b08040 70%); border-radius: 50%; box-shadow: 0 0 10px 5px rgba(255,208,128,0.5); animation: mt-badge 1.5s ease-in-out infinite alternate; }
.scn-mining-tax .shadow-stripe { position:absolute; top:0; left:10%; width:80%; height:100%; background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.2) 20%, transparent 40%, rgba(0,0,0,0.15) 60%, transparent 80%); animation: mt-stripe 5s ease-in-out infinite alternate; }
@keyframes mt-paper { 0% { transform: rotate(-5deg) translateY(0); } 100% { transform: rotate(5deg) translateY(-2px); } }
@keyframes mt-official-a { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(4px) rotate(3deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-4px) rotate(-3deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes mt-official-b { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(-3px) rotate(-2deg); } 60% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes mt-miner { 0% { transform: translateX(0) translateY(0); } 25% { transform: translateX(-5px) translateY(-2px) rotate(-2deg); } 50% { transform: translateX(0) translateY(0); } 75% { transform: translateX(5px) translateY(-2px) rotate(2deg); } 100% { transform: translateX(0) translateY(0); } }
@keyframes mt-badge { 0% { box-shadow: 0 0 10px 5px rgba(255,208,128,0.5); } 100% { box-shadow: 0 0 20px 10px rgba(255,224,160,0.8); } }
@keyframes mt-stripe { 0% { transform: translateX(0); } 100% { transform: translateX(15%); } }

.scn-surface-mining-risk {
  background:
    linear-gradient(180deg, #5a4a3a 0%, #8a7a6a 30%, #6a5a4a 70%, #3a2a1a 100%),
    radial-gradient(ellipse at 50% 100%, #b0a090 0%, transparent 60%);
}
.scn-surface-mining-risk .pit-wall { position:absolute; inset:0; background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 30%, #6a5a4a 70%, #4a3a2a 100%); border-radius: 0 0 20% 20%; }
.scn-surface-mining-risk .dirt { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 20% 20% 0 0; }
.scn-surface-mining-risk .shovel { position:absolute; bottom:30%; left:40%; width:8%; height:35%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 4% 4% 40% 40%; transform: rotate(-30deg); transform-origin: bottom center; box-shadow: 0 0 10px rgba(0,0,0,0.3); animation: sr-shovel 4s ease-in-out infinite; }
.scn-surface-mining-risk .hands { position:absolute; bottom:42%; left:36%; width:16%; height:18%; background: linear-gradient(180deg, #c0a080 0%, #8a6a4a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; transform-origin: bottom center; animation: sr-hands 3s ease-in-out infinite; }
.scn-surface-mining-risk .nugget-tiny { position:absolute; bottom:22%; left:55%; width:6%; height:8%; background: radial-gradient(circle at 40% 40%, #ffd080 0%, #b08040 80%); border-radius: 50%; box-shadow: 0 0 10px 4px rgba(255,200,100,0.5); animation: sr-nugget 5s ease-in-out infinite alternate; }
.scn-surface-mining-risk .particle-a { position:absolute; bottom:35%; left:20%; width:3%; height:3%; background: radial-gradient(circle, #d0c0b0 0%, transparent 100%); border-radius: 50%; animation: sr-particle-a 2s ease-in-out infinite; }
.scn-surface-mining-risk .particle-b { position:absolute; bottom:30%; left:70%; width:2%; height:2%; background: radial-gradient(circle, #d0c0b0 0%, transparent 100%); border-radius: 50%; animation: sr-particle-b 2.5s ease-in-out infinite; }
.scn-surface-mining-risk .sweat-drops { position:absolute; top:45%; left:45%; width:2%; height:3%; background: radial-gradient(circle, #a0c0d0 0%, transparent 100%); border-radius: 50%; animation: sr-sweat 1.5s ease-in-out infinite; }
@keyframes sr-shovel { 0% { transform: rotate(-30deg) translateY(0); } 50% { transform: rotate(-25deg) translateY(-4px); } 100% { transform: rotate(-30deg) translateY(0); } }
@keyframes sr-hands { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(6px) rotate(3deg); } 60% { transform: translateX(-6px) rotate(-3deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sr-nugget { 0% { transform: scale(1); opacity:0.8; } 50% { transform: scale(1.1); opacity:1; } 100% { transform: scale(1); opacity:0.8; } }
@keyframes sr-particle-a { 0% { transform: translateY(0) scale(1); opacity:0.6; } 50% { transform: translateY(-20px) scale(0.5); opacity:0; } 100% { transform: translateY(0) scale(1); opacity:0.6; } }
@keyframes sr-particle-b { 0% { transform: translateY(0) scale(1); opacity:0.5; } 50% { transform: translateY(-15px) scale(0.6); opacity:0; } 100% { transform: translateY(0) scale(1); opacity:0.5; } }
@keyframes sr-sweat { 0% { transform: translateY(0) scale(1); opacity:0.7; } 50% { transform: translateY(8px) scale(0.8); opacity:0.2; } 100% { transform: translateY(0) scale(1); opacity:0.7; } }

.scn-rhone-journey {
  background: linear-gradient(180deg, #2c3e4e 0%, #1a2a3a 40%, #0f1e2c 100%),
              radial-gradient(ellipse at 50% 120%, #3a5060 0%, transparent 70%);
}
.scn-rhone-journey .sky    { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #6b7a8a 0%, #3a4a5a 60%, #1a2a3a 100%); animation: rnj-sky 15s ease-in-out infinite alternate; }
.scn-rhone-journey .hills  { position:absolute; bottom:45%; left:0; right:0; height:20%; background: linear-gradient(180deg, #2a3a2a 0%, #1a2a1a 100%); border-radius: 30% 70% 0 0 / 60% 80% 0 0; box-shadow: inset 0 6px 15px rgba(0,0,0,.5); animation: rnj-hills 20s ease-in-out infinite alternate; }
.scn-rhone-journey .river  { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%); box-shadow: inset 0 10px 30px rgba(0,0,0,.6); animation: rnj-river 10s ease-in-out infinite alternate; }
.scn-rhone-journey .boat   { position:absolute; bottom:20%; left:20%; width:80px; height:16px; background: linear-gradient(90deg, #3a2a1a 0%, #5a3a2a 50%, #3a2a1a 100%); border-radius: 0 0 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.6); animation: rnj-boat 12s ease-in-out infinite; }
.scn-rhone-journey .tavern { position:absolute; bottom:38%; left:55%; width:60px; height:50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,.7); }
.scn-rhone-journey .tavern-window { position:absolute; bottom:42%; left:58%; width:12px; height:14px; background: radial-gradient(circle, #e0c060 0%, #b08030 70%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 20px 5px #b08030, 0 0 40px 10px rgba(176,128,48,.4); animation: rnj-glow 4s ease-in-out infinite alternate; }
.scn-rhone-journey .statue { position:absolute; bottom:38%; left:35%; width:8px; height:20px; background: linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); border-radius: 40% 40% 0 0; transform: scaleY(1.3); }
.scn-rhone-journey .rain-a { position:absolute; top:0; left:0; right:0; bottom:0; background: repeating-linear-gradient(45deg, rgba(255,255,255,.15) 0px, rgba(255,255,255,.15) 1px, transparent 1px, transparent 6px); animation: rnj-rain-a 1.5s linear infinite; }
.scn-rhone-journey .rain-b { position:absolute; top:0; left:0; right:0; bottom:0; background: repeating-linear-gradient(-45deg, rgba(255,255,255,.1) 0px, rgba(255,255,255,.1) 1px, transparent 1px, transparent 8px); animation: rnj-rain-b 2s linear infinite reverse; }

@keyframes rnj-sky    { 0% { opacity:.6 } 50% { opacity:.9 } 100% { opacity:.7 } }
@keyframes rnj-hills  { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes rnj-river  { 0% { background-position: 0% 0% } 50% { background-position: 10% 5% } 100% { background-position: 0% 0% } }
@keyframes rnj-boat   { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(10px) rotate(2deg) } 50% { transform: translateX(20px) rotate(0deg) } 75% { transform: translateX(10px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes rnj-glow   { 0% { box-shadow: 0 0 12px 3px #b08030, 0 0 24px 6px rgba(176,128,48,.3); opacity:.8 } 50% { box-shadow: 0 0 24px 6px #e0c060, 0 0 48px 12px rgba(224,192,96,.5); opacity:1 } 100% { box-shadow: 0 0 16px 4px #b08030, 0 0 32px 8px rgba(176,128,48,.35); opacity:.9 } }
@keyframes rnj-rain-a { 0% { transform: translateY(0) } 100% { transform: translateY(20px) } }
@keyframes rnj-rain-b { 0% { transform: translateY(0) } 100% { transform: translateY(15px) } }

.scn-washerwomen {
  background: linear-gradient(180deg, #2a3a3a 0%, #1a2a2a 50%, #0a1a1a 100%),
              radial-gradient(ellipse at 50% 100%, #3a4a4a 0%, transparent 60%);
}
.scn-washerwomen .wall         { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #3a3a2a 0%, #2a2a1a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,.4); }
.scn-washerwomen .window-frame { position:absolute; bottom:25%; left:15%; right:15%; top:5%; border: 6px solid #2a1a0a; background: transparent; border-radius: 4px; box-shadow: inset 0 0 30px rgba(0,0,0,.6); }
.scn-washerwomen .river-surface { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #2a3a3a 0%, #1a2a2a 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.7); animation: was-river 8s ease-in-out infinite alternate; }
.scn-washerwomen .woman        { position:absolute; bottom:10%; width:20px; height:30px; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); }
.scn-washerwomen .young        { left:20%; animation: was-walk-1 6s ease-in-out infinite; }
.scn-washerwomen .mother       { left:40%; animation: was-walk-2 7s ease-in-out infinite reverse; }
.scn-washerwomen .grandmother  { left:60%; animation: was-walk-3 8s ease-in-out infinite; }
.scn-washerwomen .cart         { position:absolute; bottom:15%; right:10%; width:50px; height:20px; background: linear-gradient(90deg, #3a2a1a 0%, #5a3a2a 100%); border-radius: 10% 10% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.6); animation: was-cart 12s linear infinite; }
.scn-washerwomen .man          { position:absolute; bottom:20%; right:15%; width:24px; height:36px; background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 0 2px rgba(255,255,255,.1); }
.scn-washerwomen .rain-w       { position:absolute; top:0; left:0; right:0; bottom:0; background: repeating-linear-gradient(60deg, rgba(255,255,255,.12) 0px, rgba(255,255,255,.12) 1px, transparent 1px, transparent 5px); animation: was-rain 1.2s linear infinite; }

@keyframes was-river   { 0% { background-position: 0% 0% } 50% { background-position: 5% 3% } 100% { background-position: 0% 0% } }
@keyframes was-walk-1  { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(8px) rotate(2deg) } 50% { transform: translateX(16px) rotate(-2deg) } 75% { transform: translateX(8px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes was-walk-2  { 0% { transform: translateX(0) scaleX(-1) rotate(2deg) } 50% { transform: translateX(-10px) scaleX(-1) rotate(-2deg) } 100% { transform: translateX(0) scaleX(-1) rotate(2deg) } }
@keyframes was-walk-3  { 0% { transform: translateX(0) rotate(-1deg) } 33% { transform: translateX(5px) rotate(1deg) } 66% { transform: translateX(10px) rotate(-1deg) } 100% { transform: translateX(0) rotate(-1deg) } }
@keyframes was-cart    { 0% { transform: translateX(0) } 50% { transform: translateX(-15px) } 100% { transform: translateX(0) } }
@keyframes was-rain    { 0% { transform: translateY(0) } 100% { transform: translateY(18px) } }

.scn-drowned-women {
  background: linear-gradient(180deg, #1a1a2a 0%, #0f0f1a 40%, #05050a 100%),
              radial-gradient(ellipse at 50% 80%, #2a2a3a 0%, transparent 70%);
}
.scn-drowned-women .interior-wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); box-shadow: inset 0 10px 30px rgba(0,0,0,.7); }
.scn-drowned-women .table         { position:absolute; bottom:25%; left:25%; right:25%; height:5%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.5); }
.scn-drowned-women .book          { position:absolute; bottom:29%; left:38%; width:30px; height:22px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.4); animation: drw-book 8s ease-in-out infinite alternate; }
.scn-drowned-women .candle        { position:absolute; bottom:30%; left:45%; width:6px; height:18px; background: linear-gradient(180deg, #f0e0c0 0%, #d0b080 30%, #a07040 100%); border-radius: 50% 50% 0 0; box-shadow: 0 0 16px 4px #d0b080; animation: drw-candle 3s ease-in-out infinite alternate; }
.scn-drowned-women .window-looking-out { position:absolute; bottom:10%; left:10%; right:60%; top:5%; border: 4px solid #1a0a0a; background: linear-gradient(180deg, #2a3a3a 0%, #0a1a1a 100%); border-radius: 4px; overflow: hidden; }
.scn-drowned-women .figure         { position:absolute; bottom:10%; width:18px; height:28px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 30% 30%; }
.scn-drowned-women .carrying-basket { left:20%; animation: drw-carry 10s ease-in-out infinite; }
.scn-drowned-women .trudging       { left:40%; animation: drw-trudge 12s ease-in-out infinite reverse; }
.scn-drowned-women .rain-d         { position:absolute; top:0; left:0; right:0; bottom:0; background: repeating-linear-gradient(30deg, rgba(255,255,255,.08) 0px, rgba(255,255,255,.08) 1px, transparent 1px, transparent 7px); animation: drw-rain 1.8s linear infinite; }

@keyframes drw-book   { 0% { transform: rotate(0deg) translateY(0) } 50% { transform: rotate(5deg) translateY(-2px) } 100% { transform: rotate(0deg) translateY(0) } }
@keyframes drw-candle { 0% { box-shadow: 0 0 10px 2px #d0b080; opacity:.8 } 50% { box-shadow: 0 0 20px 6px #f0e0c0; opacity:1 } 100% { box-shadow: 0 0 12px 3px #d0b080; opacity:.9 } }
@keyframes drw-carry  { 0% { transform: translateX(0) rotate(2deg) } 30% { transform: translateX(12px) rotate(-2deg) } 60% { transform: translateX(24px) rotate(2deg) } 100% { transform: translateX(36px) rotate(-1deg) } }
@keyframes drw-trudge { 0% { transform: translateX(0) rotate(-1deg) } 50% { transform: translateX(-10px) rotate(1deg) } 100% { transform: translateX(-20px) rotate(-1deg) } }
@keyframes drw-rain   { 0% { transform: translateY(0) } 100% { transform: translateY(15px) } }

.scn-every-prospect-pleases {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 40%, #1a0a00 100%),
              radial-gradient(ellipse at 50% 80%, #4a3a2a 0%, transparent 70%);
}
.scn-every-prospect-pleases .room-wall         { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,.5); }
.scn-every-prospect-pleases .window-with-mountains { position:absolute; bottom:25%; left:10%; right:10%; top:5%; border: 6px solid #1a0a00; background: linear-gradient(180deg, #5a7a8a 0%, #3a5a6a 30%, #1a2a3a 100%); border-radius: 4px; overflow: hidden; animation: epp-mountains 20s ease-in-out infinite alternate; }
.scn-every-prospect-pleases .desk              { position:absolute; bottom:15%; left:25%; right:25%; height:4%; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.scn-every-prospect-pleases .lamp              { position:absolute; bottom:18%; left:30%; width:10px; height:24px; background: linear-gradient(180deg, #c0a070 0%, #805030 100%); border-radius: 50% 50% 0 0; box-shadow: 0 0 30px 8px #c0a070, 0 0 60px 15px rgba(192,160,112,.3); animation: epp-lamp 5s ease-in-out infinite alternate; }
.scn-every-prospect-pleases .figure            { position:absolute; bottom:10%; left:20%; width:24px; height:34px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 0 0 2px rgba(255,255,255,.1); animation: epp-figure 6s ease-in-out infinite; }
.scn-every-prospect-pleases .book-open         { position:absolute; bottom:14%; left:45%; width:30px; height:18px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4px; transform: perspective(40px) rotateX(20deg); box-shadow: 0 2px 4px rgba(0,0,0,.5); animation: epp-book 10s ease-in-out infinite alternate; }
.scn-every-prospect-pleases .teacup            { position:absolute; bottom:16%; left:55%; width:12px; height:14px; background: radial-gradient(circle at 50% 30%, #d0c0a0 0%, #a09070 100%); border-radius: 0 0 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,.4); animation: epp-teacup 7s ease-in-out infinite; }

@keyframes epp-mountains { 0% { background-position: 0% 0% } 50% { background-position: 10% 5% } 100% { background-position: 0% 0% } }
@keyframes epp-lamp  { 0% { box-shadow: 0 0 20px 5px #c0a070; opacity:.8 } 50% { box-shadow: 0 0 40px 12px #e0c090; opacity:1 } 100% { box-shadow: 0 0 25px 6px #c0a070; opacity:.9 } }
@keyframes epp-figure { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 25% { transform: translateX(4px) translateY(-1px) rotate(1deg) } 50% { transform: translateX(8px) translateY(0) rotate(-1deg) } 75% { transform: translateX(4px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(-1deg) } }
@keyframes epp-book  { 0% { transform: perspective(40px) rotateX(20deg) translateY(0) } 50% { transform: perspective(40px) rotateX(25deg) translateY(-2px) } 100% { transform: perspective(40px) rotateX(20deg) translateY(0) } }
@keyframes epp-teacup { 0% { transform: translateY(0) rotate(0deg) } 33% { transform: translateY(-1px) rotate(3deg) } 66% { transform: translateY(0) rotate(0deg) } 100% { transform: translateY(-1px) rotate(-3deg) } }

.scn-knowledge-of-salvation {
  background:
    linear-gradient(180deg, #f5e6d0 0%, #e4d5b5 40%, #c9b899 100%) no-repeat,
    radial-gradient(ellipse at 30% 60%, #fff6e0 0%, transparent 60%) no-repeat;
  background-color: #f0e0c0;
}
.scn-knowledge-of-salvation .well-stone {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);
  width: 120px; height: 90px;
  background: linear-gradient(180deg, #b8a080 0%, #8a7058 100%);
  border-radius: 40% 40% 10% 10% / 30% 30% 10% 10%;
  box-shadow: inset 0 8px 12px rgba(0,0,0,0.3);
}
.scn-knowledge-of-salvation .water-surface {
  position: absolute; bottom: 26%; left: 38%; width: 80px; height: 20px;
  background: linear-gradient(90deg, #7ab8d4 0%, #9cd4e8 50%, #7ab8d4 100%);
  border-radius: 50%;
  animation: ks-water 4s ease-in-out infinite;
}
.scn-knowledge-of-salvation .bucket {
  position: absolute; bottom: 35%; left: 50%; transform: translateX(-50%);
  width: 20px; height: 24px;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a3a2a 100%);
  border-radius: 0 0 20% 20%;
}
.scn-knowledge-of-salvation .rope {
  position: absolute; bottom: 55%; left: 50%; transform: translateX(-50%);
  width: 4px; height: 50px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  animation: ks-rope 2s ease-in-out infinite alternate;
}
.scn-knowledge-of-salvation .fig-pilgrim {
  position: absolute; bottom: 15%; left: 35%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: ks-pilgrim 6s ease-in-out infinite;
}
.scn-knowledge-of-salvation .splash {
  position: absolute; bottom: 24%; left: 42%; width: 12px; height: 12px;
  background: radial-gradient(circle, #ffffff 0%, #a0d8f0 40%, transparent 70%);
  border-radius: 50%;
  animation: ks-splash 1.5s ease-out infinite;
}
.scn-knowledge-of-salvation .sparkle {
  position: absolute; width: 6px; height: 6px;
  background: radial-gradient(circle, #fffbe0 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 6px 2px #fff0a0;
}
.scn-knowledge-of-salvation .sparkle-1 {
  top: 30%; left: 60%;
  animation: ks-sparkle 3s ease-in-out infinite 0s;
}
.scn-knowledge-of-salvation .sparkle-2 {
  top: 15%; right: 20%;
  animation: ks-sparkle 3s ease-in-out infinite 1.5s;
}
@keyframes ks-water {
  0% { transform: scale(1) translateY(0); opacity: 0.8; }
  50% { transform: scale(1.05) translateY(-2px); opacity: 1; }
  100% { transform: scale(1) translateY(0); opacity: 0.8; }
}
@keyframes ks-rope {
  0% { transform: translateX(-50%) rotate(-2deg); }
  100% { transform: translateX(-50%) rotate(2deg); }
}
@keyframes ks-pilgrim {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(8px) rotate(2deg); }
  50% { transform: translateX(16px) rotate(-1deg); }
  75% { transform: translateX(8px) rotate(1deg); }
  100% { transform: translateX(0) rotate(-2deg); }
}
@keyframes ks-splash {
  0% { transform: scale(1); opacity: 0.9; }
  100% { transform: scale(2.5); opacity: 0; }
}
@keyframes ks-sparkle {
  0%, 100% { opacity: 0; transform: scale(0.5); }
  50% { opacity: 1; transform: scale(1); }
}

.scn-reborn-as-ass {
  background:
    linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 40%, #b8a888 100%) no-repeat,
    radial-gradient(ellipse at 50% 70%, #f0e0c8 0%, transparent 60%) no-repeat;
  background-color: #e0d0b8;
}
.scn-reborn-as-ass .river-bg {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #6a9ab8 0%, #4a7a98 100%);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
}
.scn-reborn-as-ass .river-wave {
  position: absolute; bottom: 10%; width: 120px; height: 15px;
  background: linear-gradient(90deg, transparent, #8xxxxx, transparent); /* corrected */
  background: linear-gradient(90deg, transparent, #9ac4d8 50%, transparent);
  border-radius: 50%;
  filter: blur(2px);
}
.scn-reborn-as-ass .wave-1 {
  left: 10%;
  animation: ra-wave 6s ease-in-out infinite;
}
.scn-reborn-as-ass .wave-2 {
  right: 10%;
  animation: ra-wave 6s ease-in-out infinite 3s;
}
.scn-reborn-as-ass .fig-pilgrim {
  position: absolute; bottom: 35%; left: 30%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: ra-pilgrim 5s ease-in-out infinite;
}
.scn-reborn-as-ass .fig-donkey {
  position: absolute; bottom: 30%; right: 20%; width: 30px; height: 25px;
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: ra-donkey 4s ease-in-out infinite alternate;
}
.scn-reborn-as-ass .plank {
  position: absolute; bottom: 38%; left: 35%; width: 80px; height: 8px;
  background: linear-gradient(90deg, #6a5a4a 0%, #8a7a5a 50%, #6a5a4a 100%);
  border-radius: 4px;
  transform: rotate(2deg);
  animation: ra-plank 8s ease-in-out infinite;
}
.scn-reborn-as-ass .splash {
  position: absolute; bottom: 28%; left: 40%; width: 10px; height: 10px;
  background: radial-gradient(circle, #ffffff 0%, #80b8d0 50%, transparent);
  border-radius: 50%;
  animation: ra-splash 2s ease-out infinite;
}
@keyframes ra-wave {
  0% { transform: translateX(-20px) scaleY(1); }
  50% { transform: translateX(20px) scaleY(0.8); }
  100% { transform: translateX(-20px) scaleY(1); }
}
@keyframes ra-pilgrim {
  0% { transform: translateX(0) rotate(-3deg); }
  20% { transform: translateX(10px) rotate(2deg); }
  40% { transform: translateX(20px) rotate(-1deg); }
  60% { transform: translateX(30px) rotate(3deg); }
  80% { transform: translateX(20px) rotate(-2deg); }
  100% { transform: translateX(0) rotate(-3deg); }
}
@keyframes ra-donkey {
  0% { transform: translateY(0) rotate(-4deg); }
  50% { transform: translateY(-5px) rotate(4deg); }
  100% { transform: translateY(0) rotate(-4deg); }
}
@keyframes ra-plank {
  0% { transform: rotate(2deg) translateX(0); }
  50% { transform: rotate(-2deg) translateX(10px); }
  100% { transform: rotate(2deg) translateX(0); }
}
@keyframes ra-splash {
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(2.5); opacity: 0; }
}

.scn-missionaries-benares {
  background:
    linear-gradient(180deg, #f0e4d0 0%, #e0d0b8 40%, #c8b898 100%) no-repeat,
    radial-gradient(ellipse at 30% 20%, #fff8e8 0%, transparent 50%) no-repeat;
  background-color: #e8d8c0;
}
.scn-missionaries-benares .temple-wall {
  position: absolute; inset: 15% 10% 20% 10%;
  background: linear-gradient(180deg, #c8b080 0%, #a89070 50%, #8a7058 100%);
  border-radius: 5% 5% 3% 3%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
.scn-missionaries-benares .pillar {
  position: absolute; bottom: 20%; left: 20%;
  width: 12px; height: 120px;
  background: linear-gradient(180deg, #b8a080 0%, #9a8a6a 50%, #8a7058 100%);
  border-radius: 4px;
  box-shadow: 2px 0 4px rgba(0,0,0,0.15);
}
.scn-missionaries-benares .fig-devotee {
  position: absolute; bottom: 28%; left: 40%;
  width: 20px; height: 35px;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: mb-devotee 8s ease-in-out infinite;
}
.scn-missionaries-benares .clay-god {
  position: absolute; width: 8px; height: 12px;
  background: linear-gradient(180deg, #9a7a5a 0%, #7a5a3a 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%;
}
.scn-missionaries-benares .clay-1 {
  bottom: 24%; left: 45%; transform: rotate(10deg);
  animation: mb-clay 6s ease-in-out infinite 0s;
}
.scn-missionaries-benares .clay-2 {
  bottom: 22%; left: 50%; transform: rotate(-15deg);
  animation: mb-clay 6s ease-in-out infinite 2s;
}
.scn-missionaries-benares .clay-3 {
  bottom: 26%; left: 55%; transform: rotate(5deg);
  animation: mb-clay 6s ease-in-out infinite 4s;
}
.scn-missionaries-benares .window {
  position: absolute; top: 18%; left: 35%;
  width: 30px; height: 40px;
  background: linear-gradient(180deg, #b0d8f0 0%, #80b8d8 100%);
  border: 3px solid #9a8a6a;
  border-radius: 20% 20% 10% 10%;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}
.scn-missionaries-benares .sunbeam {
  position: absolute; top: 18%; left: 35%;
  width: 120px; height: 100px;
  background: linear-gradient(135deg, rgba(255,255,230,0.25) 0%, transparent 70%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  animation: mb-sunbeam 12s ease-in-out infinite alternate;
}
@keyframes mb-devotee {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes mb-clay {
  0% { opacity: 0.7; transform: translateY(0) rotate(0deg); }
  50% { opacity: 1; transform: translateY(-6px) rotate(10deg); }
  100% { opacity: 0.7; transform: translateY(0) rotate(0deg); }
}
@keyframes mb-sunbeam {
  0% { opacity: 0.3; transform: scale(1); }
  100% { opacity: 0.6; transform: scale(1.1); }
}

.scn-ganges-front {
  background:
    linear-gradient(180deg, #ffd699 0%, #ffb366 30%, #ff9944 60%, #cc7722 100%) no-repeat,
    radial-gradient(ellipse at 50% 20%, #ffdbb8 0%, transparent 50%) no-repeat;
  background-color: #ffcc88;
}
.scn-ganges-front .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffbe7a 0%, #ff8c42 100%);
  animation: gf-sky 20s ease-in-out infinite alternate;
}
.scn-ganges-front .river {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #4a8ab8 0%, #2a6a98 100%);
}
.scn-ganges-front .ghats {
  position: absolute; bottom: 30%; left: 5%; right: 5%; height: 25%;
  background: linear-gradient(180deg, #b8a080 0%, #8a7058 50%, #6a5a4a 100%);
  clip-path: polygon(0% 0%, 10% 15%, 20% 5%, 30% 20%, 40% 10%, 50% 25%, 60% 15%, 70% 20%, 80% 10%, 90% 15%, 100% 0%, 100% 100%, 0% 100%);
  animation: gf-ghats 15s ease-in-out infinite;
}
.scn-ganges-front .temple-spire {
  position: absolute; bottom: 40%; left: 30%; width: 30px; height: 80px;
  background: linear-gradient(180deg, #cc9966 0%, #a07040 100%);
  clip-path: polygon(50% 0%, 80% 30%, 100% 100%, 0% 100%, 20% 30%);
  animation: gf-spire 10s ease-in-out infinite alternate;
}
.scn-ganges-front .palace {
  position: absolute; bottom: 35%; right: 15%; width: 80px; height: 60px;
  background: linear-gradient(180deg, #d4b088 0%, #b89060 100%);
  border-radius: 5% 5% 3% 3%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.scn-ganges-front .figures {
  position: absolute; bottom: 30%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
}
.scn-ganges-front .fig-1 { left: 20%; animation: gf-fig 8s ease-in-out infinite 0s; }
.scn-ganges-front .fig-2 { left: 45%; animation: gf-fig 8s ease-in-out infinite 2s; }
.scn-ganges-front .fig-3 { left: 70%; animation: gf-fig 8s ease-in-out infinite 4s; }
@keyframes gf-sky {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes gf-ghats {
  0% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0); }
}
@keyframes gf-spire {
  0% { transform: scale(1); }
  100% { transform: scale(1.05); }
}
@keyframes gf-fig {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(4px) rotate(2deg); }
  50% { transform: translateX(8px) rotate(-1deg); }
  75% { transform: translateX(4px) rotate(1deg); }
  100% { transform: translateX(0) rotate(-2deg); }
}

/* scene: indicator-reef */
.scn-indicator-reef {
  background: 
    radial-gradient(ellipse at 30% 70%, #d4a76a 0%, transparent 50%),
    linear-gradient(180deg, #a88b5e 0%, #6b5a3a 100%);
}
.scn-indicator-reef .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #8a7a5a 0%, #4a3a2a 100%); animation: ir-room 10s ease-in-out infinite alternate; }
.scn-indicator-reef .window { position:absolute; top:15%; left:10%; width:60%; height:70%; background: linear-gradient(180deg, #b8a880 0%, #7a6a4a 100%); border-radius:2% 2% 4% 4%; box-shadow: inset 0 4px 12px rgba(0,0,0,.4); animation: ir-window 6s ease-in-out infinite; }
.scn-indicator-reef .reef { position:absolute; bottom:20%; left:5%; right:5%; height:30%; background: linear-gradient(180deg, #4a6a4a 0%, #2a4a2a 100%); border-radius:30% 40% 20% 30% / 50% 60% 40% 30%; animation: ir-reef 14s ease-in-out infinite alternate; }
.scn-indicator-reef .streak { position:absolute; bottom:35%; left:30%; width:40%; height:1%; background: #2a2a1a; border-radius:40%; box-shadow: 0 0 4px #1a1a0a; animation: ir-streak 7s ease-in-out infinite; }
.scn-indicator-reef .figure { position:absolute; bottom:25%; left:20%; width:12px; height:28px; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 40% 40% 50% / 60% 50% 50% 40%; transform-origin: bottom center; animation: ir-figure 4s ease-in-out infinite; }
.scn-indicator-reef .desk { position:absolute; bottom:18%; left:35%; width:30%; height:6%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:2px; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: ir-desk 8s ease-in-out infinite alternate; }
.scn-indicator-reef .lamp-glow { position:absolute; bottom:28%; left:50%; width:20px; height:20px; background: radial-gradient(circle, #f0c060 0%, #c08030 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 30px 15px rgba(192,128,48,.5); animation: ir-lamp 3s ease-in-out infinite alternate; }
@keyframes ir-room { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes ir-window { 0% { transform: scaleX(1) scaleY(1) } 50% { transform: scaleX(1.02) scaleY(1.01) } 100% { transform: scaleX(1) scaleY(1) } }
@keyframes ir-reef { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes ir-streak { 0% { opacity:.6; transform: translateX(-10px) } 50% { opacity:1; transform: translateX(10px) } 100% { opacity:.6; transform: translateX(0) } }
@keyframes ir-figure { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(8px) translateY(-1px) rotate(2deg) } 50% { transform: translateX(16px) translateY(0) rotate(-2deg) } 75% { transform: translateX(24px) translateY(-1px) rotate(2deg) } 100% { transform: translateX(32px) translateY(0) rotate(0) } }
@keyframes ir-desk { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.01) } 100% { transform: scaleX(1) } }
@keyframes ir-lamp { 0% { opacity:.7; transform: scale(.8) } 50% { opacity:1; transform: scale(1.2) } 100% { opacity:.85; transform: scale(1) } }

/* scene: ballarat-town */
.scn-ballarat-town {
  background: 
    radial-gradient(ellipse at 70% 20%, #f0d080 0%, transparent 60%),
    linear-gradient(180deg, #b0c8d0 0%, #90a8b0 30%, #607888 100%);
}
.scn-ballarat-town .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #d0e0e8 0%, #90a8b0 100%); animation: bt-sky 14s ease-in-out infinite alternate; }
.scn-ballarat-town .sun { position:absolute; top:8%; right:15%; width:40px; height:40px; background: radial-gradient(circle, #ffe080 0%, #f0c040 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 60px 30px rgba(240,192,64,.4); animation: bt-sun 6s ease-in-out infinite; }
.scn-ballarat-town .buildings { position:absolute; bottom:20%; left:5%; right:5%; height:40%; background: linear-gradient(180deg, #a08870 0%, #605040 100%); clip-path: polygon(0% 100%, 0% 40%, 8% 40%, 8% 20%, 16% 20%, 16% 35%, 25% 35%, 25% 10%, 35% 10%, 35% 30%, 45% 30%, 45% 15%, 55% 15%, 55% 25%, 65% 25%, 65% 20%, 75% 20%, 75% 35%, 85% 35%, 85% 15%, 95% 15%, 95% 40%, 100% 40%, 100% 100%); border-radius:0; animation: bt-buildings 10s ease-in-out infinite alternate; }
.scn-ballarat-town .street { position:absolute; bottom:10%; left:0; right:0; height:12%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:0; animation: bt-street 12s ease-in-out infinite alternate; }
.scn-ballarat-town .tree { position:absolute; bottom:28%; left:55%; width:30px; height:50px; background: linear-gradient(180deg, #4a7a4a 0%, #2a4a2a 100%); border-radius:60% 60% 40% 40% / 70% 70% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: bt-tree 8s ease-in-out infinite; }
.scn-ballarat-town .figure { position:absolute; bottom:14%; left:30%; width:10px; height:24px; background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%); border-radius:50% 40% 40% 50% / 60% 50% 50% 40%; transform-origin: bottom center; animation: bt-figure 5s ease-in-out infinite; }
@keyframes bt-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes bt-sun { 0% { transform: translateY(0) scale(.9); box-shadow: 0 0 40px 20px rgba(240,192,64,.3) } 50% { transform: translateY(-4px) scale(1.1); box-shadow: 0 0 80px 40px rgba(240,192,64,.5) } 100% { transform: translateY(0) scale(1); box-shadow: 0 0 50px 25px rgba(240,192,64,.35) } }
@keyframes bt-buildings { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(.98) } }
@keyframes bt-street { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes bt-tree { 0% { transform: rotate(-3deg) translateX(0) } 25% { transform: rotate(2deg) translateX(2px) } 50% { transform: rotate(-1deg) translateX(0) } 75% { transform: rotate(3deg) translateX(-2px) } 100% { transform: rotate(-3deg) translateX(0) } }
@keyframes bt-figure { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 30% { transform: translateX(10px) translateY(-1px) rotate(2deg) } 60% { transform: translateX(20px) translateY(0) rotate(-2deg) } 100% { transform: translateX(30px) translateY(0) rotate(0) } }

/* scene: mayor-little-speech */
.scn-mayor-little-speech {
  background: 
    radial-gradient(ellipse at 50% 60%, #c89050 0%, transparent 70%),
    linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
}
.scn-mayor-little-speech .stage-bg { position:absolute; inset:0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); animation: mls-stage 8s ease-in-out infinite alternate; }
.scn-mayor-little-speech .podium { position:absolute; bottom:25%; left:40%; width:25%; height:15%; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius:4% 4% 2% 2%; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: mls-podium 6s ease-in-out infinite; }
.scn-mayor-little-speech .speaker { position:absolute; bottom:40%; left:44%; width:12%; height:20%; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 40% 40% 50% / 60% 50% 50% 40%; transform-origin: bottom center; animation: mls-speaker 4s ease-in-out infinite; }
.scn-mayor-little-speech .audience { position:absolute; bottom:20%; left:10%; right:10%; height:25%; background: linear-gradient(90deg, #1a1a1a 0%, #0a0a0a 20%, #1a1a1a 40%, #0a0a0a 60%, #1a1a1a 80%, #0a0a0a 100%); border-radius:30% 30% 0 0; clip-path: polygon(0% 100%, 0% 0%, 5% 0%, 5% 30%, 10% 30%, 10% 0%, 15% 0%, 15% 40%, 20% 40%, 20% 0%, 25% 0%, 25% 20%, 30% 20%, 30% 0%, 35% 0%, 35% 35%, 40% 35%, 40% 0%, 45% 0%, 45% 15%, 50% 15%, 50% 0%, 55% 0%, 55% 25%, 60% 25%, 60% 0%, 65% 0%, 65% 30%, 70% 30%, 70% 0%, 75% 0%, 75% 20%, 80% 20%, 80% 0%, 85% 0%, 85% 35%, 90% 35%, 90% 0%, 95% 0%, 95% 25%, 100% 25%, 100% 100%); animation: mls-audience 10s ease-in-out infinite alternate; }
.scn-mayor-little-speech .spotlight { position:absolute; top:0; left:35%; width:30%; height:80%; background: radial-gradient(ellipse at 50% 0%, rgba(255,220,150,.5) 0%, transparent 70%); animation: mls-spotlight 5s ease-in-out infinite; }
.scn-mayor-little-speech .papers { position:absolute; bottom:29%; left:44%; width:8%; height:3%; background: linear-gradient(180deg, #e8d8b0 0%, #c8b090 100%); border-radius:1px; box-shadow: 0 1px 2px rgba(0,0,0,.3); animation: mls-papers 3s ease-in-out infinite alternate; }
@keyframes mls-stage { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes mls-podium { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes mls-speaker { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(10px) rotate(-1deg) } 75% { transform: translateX(15px) rotate(3deg) } 100% { transform: translateX(20px) rotate(0) } }
@keyframes mls-audience { 0% { opacity:.7; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.02) } 100% { opacity:.8; transform: scaleY(.98) } }
@keyframes mls-spotlight { 0% { opacity:.4; transform: scaleX(.95) } 50% { opacity:.7; transform: scaleX(1.05) } 100% { opacity:.5; transform: scaleX(1) } }
@keyframes mls-papers { 0% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }

/* scene: ballarat-english */
.scn-ballarat-english {
  background: 
    radial-gradient(ellipse at 60% 80%, #b89060 0%, transparent 50%),
    linear-gradient(180deg, #a08860 0%, #605040 100%);
}
.scn-ballarat-english .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #7a6a4a 0%, #4a3a2a 100%); animation: be-room 12s ease-in-out infinite alternate; }
.scn-ballarat-english .bookcase { position:absolute; left:5%; top:10%; width:20%; height:70%; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius:2px; box-shadow: inset 0 0 10px rgba(0,0,0,.5); animation: be-books 9s ease-in-out infinite; }
.scn-ballarat-english .teacher { position:absolute; bottom:30%; left:40%; width:14%; height:25%; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius:50% 40% 40% 50% / 60% 50% 50% 40%; transform-origin: bottom center; animation: be-teacher 5s ease-in-out infinite; }
.scn-ballarat-english .students { position:absolute; bottom:15%; left:30%; right:20%; height:30%; background: linear-gradient(90deg, #1a1a1a 0%, #0a0a0a 15%, #1a1a1a 30%, #0a0a0a 45%, #1a1a1a 60%, #0a0a0a 75%, #1a1a1a 90%, #0a0a0a 100%); clip-path: polygon(0% 100%, 0% 0%, 10% 0%, 10% 40%, 20% 40%, 20% 0%, 30% 0%, 30% 20%, 40% 20%, 40% 0%, 50% 0%, 50% 35%, 60% 35%, 60% 0%, 70% 0%, 70% 15%, 80% 15%, 80% 0%, 90% 0%, 90% 25%, 100% 25%, 100% 100%); animation: be-students 8s ease-in-out infinite alternate; }
.scn-ballarat-english .window { position:absolute; top:20%; right:10%; width:25%; height:40%; background: linear-gradient(180deg, #b0a080 0%, #706050 100%); border-radius:4% 4% 8% 8%; box-shadow: inset 0 2px 8px rgba(0,0,0,.3); animation: be-window 6s ease-in-out infinite; }
.scn-ballarat-english .lamp { position:absolute; bottom:45%; left:55%; width:12px; height:18px; background: radial-gradient(circle, #f0c060 0%, #c08030 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 20px 10px rgba(192,128,48,.4); animation: be-lamp 4s ease-in-out infinite alternate; }
@keyframes be-room { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes be-books { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(.98) } }
@keyframes be-teacher { 0% { transform: translateX(0) rotate(-2deg) } 30% { transform: translateX(8px) rotate(2deg) } 60% { transform: translateX(16px) rotate(-1deg) } 100% { transform: translateX(24px) rotate(0) } }
@keyframes be-students { 0% { opacity:.7; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.01) } 100% { opacity:.8; transform: scaleY(.99) } }
@keyframes be-window { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.01) scaleY(1.02) } 100% { transform: scaleX(1) } }
@keyframes be-lamp { 0% { opacity:.6; transform: scale(.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(1) } }

.scn-crown-colony {
  background: linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 30%, #c0b090 60%, #a09070 100%);
  background-blend-mode: overlay;
  position: relative;
  overflow: hidden;
}
.scn-crown-colony .wall-back {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(90deg, #c2b59a 0%, #d6cbb4 30%, #d4c4a8 70%, #b8a88c 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.12);
  animation: cc-wall-sway 14s ease-in-out infinite alternate;
}
.scn-crown-colony .wall-front {
  position: absolute;
  inset: 0 0 20% 0;
  background: linear-gradient(180deg, #e2d4be 0%, #cfbea2 50%, #b8a488 100%);
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%);
  animation: cc-wall-sway 16s ease-in-out infinite alternate-reverse;
}
.scn-crown-colony .desk {
  position: absolute;
  bottom: 15%;
  left: 40%;
  width: 35%;
  height: 12%;
  background: linear-gradient(180deg, #8b7355 0%, #6e5b40 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  transform: perspective(400px) rotateX(5deg);
  animation: cc-desk 9s ease-in-out infinite;
}
.scn-crown-colony .chair {
  position: absolute;
  bottom: 18%;
  left: 52%;
  width: 12%;
  height: 20%;
  background: linear-gradient(180deg, #402020 0%, #201010 100%);
  border-radius: 6px 6px 0 0;
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  box-shadow: 4px 0 8px rgba(0,0,0,0.2);
  animation: cc-chair 12s ease-in-out infinite;
}
.scn-crown-colony .governor {
  position: absolute;
  bottom: 17%;
  left: 45%;
  width: 8%;
  height: 26%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cc-governor 6s ease-in-out infinite;
}
.scn-crown-colony .document {
  position: absolute;
  bottom: 22%;
  left: 44%;
  width: 10%;
  height: 6%;
  background: #f5eed6;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transform: rotate(-2deg);
  animation: cc-document 8s ease-in-out infinite;
}
.scn-crown-colony .window {
  position: absolute;
  top: 8%;
  right: 10%;
  width: 15%;
  height: 22%;
  background: radial-gradient(ellipse at center, #b0d8f0 0%, #7aafd4 70%, transparent 100%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 0 30px rgba(255,255,255,0.4), 0 0 20px rgba(176,216,240,0.3);
  animation: cc-window-glow 4s ease-in-out infinite alternate;
}
.scn-crown-colony .light-shaft {
  position: absolute;
  top: 8%;
  right: 10%;
  width: 15%;
  height: 70%;
  background: linear-gradient(180deg, rgba(255,245,220,0.25) 0%, rgba(255,245,220,0) 100%);
  clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 40% 100%);
  animation: cc-light-shaft 5s ease-in-out infinite alternate;
}
@keyframes cc-wall-sway { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.002); } 100% { transform: translateY(0) scale(1); } }
@keyframes cc-desk { 0%,100% { transform: perspective(400px) rotateX(5deg) translateY(0); } 50% { transform: perspective(400px) rotateX(7deg) translateY(-1px); } }
@keyframes cc-chair { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(1deg); } }
@keyframes cc-governor { 0%,100% { transform: translateX(0) rotate(-1deg); } 30% { transform: translateX(4px) rotate(0); } 70% { transform: translateX(-4px) rotate(2deg); } }
@keyframes cc-document { 0%,100% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(-1deg) translateY(-1px); } }
@keyframes cc-window-glow { 0% { opacity: 0.7; box-shadow: 0 0 20px rgba(176,216,240,0.2); } 100% { opacity: 1; box-shadow: 0 0 40px rgba(176,216,240,0.6); } }
@keyframes cc-light-shaft { 0% { opacity: 0.5; transform: scaleY(1); } 100% { opacity: 1; transform: scaleY(1.1); } }

.scn-extraordinary-quarantines {
  background: linear-gradient(180deg, #89bdd3 0%, #4682b4 40%, #2c5f7a 70%, #1a3a4a 100%);
  position: relative;
  overflow: hidden;
}
.scn-extraordinary-quarantines .bg-sky {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0d8f0 0%, #89bdd3 50%, transparent 100%);
  animation: eq-sky 20s ease-in-out infinite alternate;
}
.scn-extraordinary-quarantines .bg-sea {
  position: absolute;
  inset: auto 0 0 0;
  height: 50%;
  background: linear-gradient(180deg, #2c5f7a 0%, #1a3a4a 100%);
  clip-path: polygon(0% 20%, 20% 0%, 40% 25%, 60% 5%, 80% 30%, 100% 10%, 100% 100%, 0% 100%);
  animation: eq-sea 8s ease-in-out infinite alternate;
}
.scn-extraordinary-quarantines .ship-hull {
  position: absolute;
  bottom: 35%;
  left: 30%;
  width: 40%;
  height: 20%;
  background: linear-gradient(180deg, #6b4c3a 0%, #4a3020 100%);
  border-radius: 0 0 40% 40% / 0 0 80% 80%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  animation: eq-ship-bob 5s ease-in-out infinite;
}
.scn-extraordinary-quarantines .ship-cabin {
  position: absolute;
  bottom: 44%;
  left: 38%;
  width: 24%;
  height: 14%;
  background: linear-gradient(180deg, #8b7355 0%, #5e4a30 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.3);
  animation: eq-cabin 5s ease-in-out infinite;
}
.scn-extraordinary-quarantines .flag {
  position: absolute;
  bottom: 56%;
  left: 50%;
  width: 8%;
  height: 12%;
  background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);
  transform-origin: left center;
  animation: eq-flag 3s ease-in-out infinite;
}
.scn-extraordinary-quarantines .captain {
  position: absolute;
  bottom: 44%;
  left: 44%;
  width: 6%;
  height: 12%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: eq-captain 4s ease-in-out infinite;
}
.scn-extraordinary-quarantines .seagull {
  position: absolute;
  top: 15%;
  left: 60%;
  width: 10%;
  height: 6%;
  background: radial-gradient(ellipse at 30% 50%, #ffffff 0%, #d0d0d0 100%);
  clip-path: polygon(0% 50%, 20% 0%, 40% 40%, 60% 0%, 80% 50%, 60% 100%, 40% 60%, 20% 100%);
  filter: blur(0.5px);
  animation: eq-gull 12s linear infinite;
}
.scn-extraordinary-quarantines .wave-foam {
  position: absolute;
  bottom: 37%;
  left: 0;
  right: 0;
  height: 4%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.6) 0%, transparent 100%);
  animation: eq-foam 3s ease-in-out infinite alternate;
}
@keyframes eq-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes eq-sea { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.05); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes eq-ship-bob { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-4px) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(1deg); } }
@keyframes eq-cabin { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes eq-flag { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(15deg); } }
@keyframes eq-captain { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(8px) rotate(-3deg); } 75% { transform: translateX(-8px) rotate(3deg); } }
@keyframes eq-gull { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(-30px) translateY(-10px); } 100% { transform: translateX(-60px) translateY(0); } }
@keyframes eq-foam { 0% { transform: scaleX(1) translateY(0); opacity: 0.6; } 100% { transform: scaleX(1.2) translateY(-2px); opacity: 1; } }

.scn-mauritian-pride {
  background: radial-gradient(ellipse at 50% 40%, #1a2a4a 0%, #0a1a2a 50%, #000010 100%);
  position: relative;
  overflow: hidden;
}
.scn-mauritian-pride .bg-globe {
  position: absolute;
  top: 10%;
  left: 25%;
  width: 50%;
  height: 60%;
  background: radial-gradient(circle at 40% 40%, #2a5a7a 0%, #1a3a5a 40%, #0a1a2a 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px rgba(26,58,90,0.6);
  animation: mp-globe 30s linear infinite;
}
.scn-mauritian-pride .globe-europe {
  position: absolute;
  top: 18%;
  left: 40%;
  width: 12%;
  height: 20%;
  background: linear-gradient(180deg, #5a7a3a 0%, #3a5a2a 100%);
  clip-path: polygon(0% 20%, 30% 0%, 70% 10%, 100% 30%, 70% 80%, 40% 100%, 10% 70%);
  filter: blur(1px);
  animation: mp-globe-spin 30s linear infinite;
}
.scn-mauritian-pride .globe-africa {
  position: absolute;
  top: 38%;
  left: 48%;
  width: 10%;
  height: 18%;
  background: linear-gradient(180deg, #7a6a3a 0%, #5a4a2a 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 40%, 60% 100%, 10% 70%);
  filter: blur(1px);
  animation: mp-globe-spin 30s linear infinite reverse;
}
.scn-mauritian-pride .globe-ocean {
  position: absolute;
  top: 40%;
  left: 60%;
  width: 8%;
  height: 12%;
  background: #2a5a7a;
  border-radius: 0 40% 40% 0;
  filter: blur(1px);
  animation: mp-globe-spin 30s linear infinite;
}
.scn-mauritian-pride .figure-point {
  position: absolute;
  bottom: 20%;
  left: 35%;
  width: 6%;
  height: 20%;
  background: linear-gradient(180deg, #1a0a00 0%, #0a0500 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: mp-point 4s ease-in-out infinite;
}
.scn-mauritian-pride .figure-tall {
  position: absolute;
  bottom: 20%;
  left: 55%;
  width: 5%;
  height: 22%;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: mp-tall 4s ease-in-out infinite 0.5s;
}
.scn-mauritian-pride .speech-bubble {
  position: absolute;
  top: 5%;
  left: 35%;
  width: 30%;
  height: 18%;
  background: rgba(255,255,255,0.1);
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  filter: blur(2px);
  animation: mp-bubble 7s ease-in-out infinite;
}
.scn-mauritian-pride .sparkle {
  position: absolute;
  top: 30%;
  left: 20%;
  width: 4%;
  height: 4%;
  background: radial-gradient(circle, #ffd700 0%, transparent 100%);
  border-radius: 50%;
  animation: mp-sparkle 2s ease-in-out infinite alternate;
}
@keyframes mp-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes mp-globe-spin { 0% { transform: rotate(0deg) translateY(0); } 100% { transform: rotate(360deg) translateY(0); } }
@keyframes mp-point { 0%,100% { transform: translateX(0) rotate(-2deg); } 30% { transform: translateX(15px) rotate(5deg); } 70% { transform: translateX(-10px) rotate(-5deg); } }
@keyframes mp-tall { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-12px) rotate(3deg); } 75% { transform: translateX(8px) rotate(-3deg); } }
@keyframes mp-bubble { 0%,100% { transform: scale(1) translateY(0); opacity: 0.3; } 50% { transform: scale(1.1) translateY(-5px); opacity: 0.7; } }
@keyframes mp-sparkle { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1.5) rotate(45deg); } }

.scn-newspaper-education {
  background: linear-gradient(180deg, #f0e8d8 0%, #e0d0b8 30%, #d0bca0 100%);
  position: relative;
  overflow: hidden;
}
.scn-newspaper-education .bg-room {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 60% 40%, #e8d8c0 0%, #c8b498 100%);
  animation: ne-room-pulse 12s ease-in-out infinite alternate;
}
.scn-newspaper-education .table {
  position: absolute;
  bottom: 15%;
  left: 20%;
  width: 60%;
  height: 12%;
  background: linear-gradient(180deg, #7a6a4a 0%, #5a4a2a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  transform: perspective(500px) rotateX(8deg);
  animation: ne-table 10s ease-in-out infinite;
}
.scn-newspaper-education .newspaper {
  position: absolute;
  bottom: 28%;
  left: 30%;
  width: 18%;
  height: 14%;
  background: linear-gradient(180deg, #f5f0e0 0%, #e8dcc8 100%);
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transform: rotate(-5deg);
  animation: ne-paper 7s ease-in-out infinite;
}
.scn-newspaper-education .newspaper-fr {
  position: absolute;
  bottom: 28%;
  left: 52%;
  width: 18%;
  height: 14%;
  background: linear-gradient(180deg, #f5f0e0 0%, #e8dcc8 100%);
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transform: rotate(3deg);
  animation: ne-paper 7s ease-in-out infinite 0.5s;
}
.scn-newspaper-education .hand-left {
  position: absolute;
  bottom: 22%;
  left: 38%;
  width: 4%;
  height: 12%;
  background: linear-gradient(180deg, #8a7050 0%, #6a5030 100%);
  border-radius: 20% 20% 40% 40% / 30% 30% 50% 50%;
  transform-origin: bottom;
  animation: ne-hand-left 4s ease-in-out infinite;
}
.scn-newspaper-education .hand-right {
  position: absolute;
  bottom: 22%;
  left: 60%;
  width: 4%;
  height: 12%;
  background: linear-gradient(180deg, #8a7050 0%, #6a5030 100%);
  border-radius: 20% 20% 40% 40% / 30% 30% 50% 50%;
  transform-origin: bottom;
  animation: ne-hand-right 4s ease-in-out infinite 0.3s;
}
.scn-newspaper-education .lamp {
  position: absolute;
  top: 5%;
  left: 45%;
  width: 10%;
  height: 16%;
  background: linear-gradient(180deg, #d4a060 0%, #b08040 60%, #8a6030 100%);
  border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%;
  box-shadow: 0 0 30px rgba(180,128,64,0.4);
  animation: ne-lamp 5s ease-in-out infinite alternate;
}
.scn-newspaper-education .books {
  position: absolute;
  bottom: 16%;
  left: 22%;
  width: 6%;
  height: 8%;
  background: linear-gradient(90deg, #5a3a1a 0%, #4a2a0a 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
  transform: rotate(-10deg);
  animation: ne-books 8s ease-in-out infinite;
}
@keyframes ne-room-pulse { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes ne-table { 0%,100% { transform: perspective(500px) rotateX(8deg) translateY(0); } 50% { transform: perspective(500px) rotateX(10deg) translateY(-2px); } }
@keyframes ne-paper { 0%,100% { transform: rotate(-5deg) translateY(0) scale(1); } 25% { transform: rotate(-3deg) translateY(-1px) scale(1.02); } 75% { transform: rotate(-7deg) translateY(-1px) scale(0.98); } }
@keyframes ne-hand-left { 0%,100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(8px) rotate(5deg); } }
@keyframes ne-hand-right { 0%,100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(-8px) rotate(-5deg); } }
@keyframes ne-lamp { 0% { box-shadow: 0 0 20px rgba(180,128,64,0.3); } 100% { box-shadow: 0 0 50px rgba(180,128,64,0.6); } }
@keyframes ne-books { 0%,100% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-8deg) translateY(-3px); } }

.scn-custom-house-letter {
  background: linear-gradient(180deg, #f5e6c8 0%, #c8b28a 60%, #9a8a6a 100%), radial-gradient(ellipse at 50% 20%, #f5e6c8 0%, transparent 70%);
}
.scn-custom-house-letter .bg-walls {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #d4c4a0 0%, #b8a88a 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.15);
  animation: chl-wall 20s ease-in-out infinite alternate;
}
.scn-custom-house-letter .counter {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, #8b6f4e 0%, #6a5030 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
}
.scn-custom-house-letter .trunk {
  position: absolute; bottom: 15%; left: 40%; width: 80px; height: 60px;
  background: linear-gradient(135deg, #5c4328 0%, #3e2c1a 100%);
  border-radius: 4px 4px 6px 6px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: chl-trunk 8s ease-in-out infinite;
}
.scn-custom-house-letter .uniform {
  position: absolute; bottom: 18%; left: 52%; width: 50px; height: 110px;
  background: linear-gradient(180deg, #2d5a3d 0%, #1e3c28 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: chl-bow 6s ease-in-out infinite alternate;
}
.scn-custom-house-letter .cap {
  position: absolute; bottom: 80%; left: 52%; width: 34px; height: 14px;
  background: #6a5030;
  border-radius: 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: chl-cap 6s ease-in-out infinite alternate;
}
.scn-custom-house-letter .letter {
  position: absolute; bottom: 35%; left: 48%; width: 16px; height: 22px;
  background: radial-gradient(circle, #ffefa0 0%, #d4b060 80%);
  border-radius: 2px;
  box-shadow: 0 0 20px 6px rgba(212,176,96,0.5), 0 0 40px 12px rgba(212,176,96,0.2);
  animation: chl-letter 3s ease-in-out infinite alternate;
}
.scn-custom-house-letter .dust-a {
  position: absolute; top: 30%; left: 15%; width: 4px; height: 4px;
  background: rgba(255,255,240,0.6);
  border-radius: 50%;
  filter: blur(2px);
  animation: chl-dust 12s linear infinite;
}
.scn-custom-house-letter .dust-b {
  position: absolute; top: 35%; right: 20%; width: 3px; height: 3px;
  background: rgba(255,255,240,0.5);
  border-radius: 50%;
  filter: blur(2px);
  animation: chl-dust 15s linear infinite reverse;
}
@keyframes chl-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes chl-trunk {
  0%, 100% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-2px) rotate(1deg); }
  75% { transform: translateY(1px) rotate(-1deg); }
}
@keyframes chl-bow {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(8deg) translateY(-3px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes chl-cap {
  0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-4px) rotate(10deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes chl-letter {
  0% { opacity: 0.7; box-shadow: 0 0 12px 2px rgba(212,176,96,0.4); }
  50% { opacity: 1; box-shadow: 0 0 28px 8px rgba(255,239,160,0.7); }
  100% { opacity: 0.8; box-shadow: 0 0 16px 4px rgba(212,176,96,0.5); }
}
@keyframes chl-dust {
  0% { transform: translate(0, 0); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translate(30px, -60px); opacity: 0; }
}

.scn-tobacco-disaster {
  background: linear-gradient(180deg, #f0e4c8 0%, #d4c0a0 60%, #b8a08a 100%), radial-gradient(ellipse at 70% 30%, #f5e6d0 0%, transparent 70%);
}
.scn-tobacco-disaster .bg-tile {
  position: absolute; inset: 0 0 15% 0;
  background: linear-gradient(90deg, #d8d0c0 0%, #c8c0b0 50%, #d8d0c0 100%);
  background-size: 60px 60px;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
  animation: tbd-tile 30s linear infinite;
}
.scn-tobacco-disaster .overcoat {
  position: absolute; bottom: 20%; left: 35%; width: 80px; height: 100px;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: center bottom;
  animation: tbd-coat 4s ease-in-out infinite;
}
.scn-tobacco-disaster .narrator-fig {
  position: absolute; bottom: 18%; left: 20%; width: 30px; height: 70px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: tbd-walk 3s ease-in-out infinite;
}
.scn-tobacco-disaster .soldier {
  position: absolute; bottom: 18%; right: 20%; width: 32px; height: 80px;
  background: linear-gradient(180deg, #3d5a3d 0%, #1e3a1e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tbd-point 2s ease-in-out infinite alternate;
}
.scn-tobacco-disaster .tobacco-a {
  position: absolute; bottom: 25%; left: 42%; width: 8px; height: 12px;
  background: #8b6f4e;
  border-radius: 40% 40% 30% 30%;
  animation: tbd-fall 3s ease-in infinite;
}
.scn-tobacco-disaster .tobacco-b {
  position: absolute; bottom: 25%; left: 50%; width: 6px; height: 10px;
  background: #7a5a3a;
  border-radius: 40% 40% 30% 30%;
  animation: tbd-fall 3.5s ease-in infinite 0.5s;
}
.scn-tobacco-disaster .tobacco-c {
  position: absolute; bottom: 25%; left: 46%; width: 7px; height: 11px;
  background: #6a4a2a;
  border-radius: 40% 40% 30% 30%;
  animation: tbd-fall 2.8s ease-in infinite 1s;
}
.scn-tobacco-disaster .dramatic-light {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, rgba(255,240,200,0.15) 0%, transparent 60%);
  animation: tbd-light 6s ease-in-out infinite alternate;
}
@keyframes tbd-tile {
  0% { background-position: 0 0; }
  100% { background-position: 60px 60px; }
}
@keyframes tbd-coat {
  0%, 100% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(15deg) translateY(-4px); }
}
@keyframes tbd-walk {
  0% { transform: translateX(0) translateY(0) rotate(-2deg); }
  25% { transform: translateX(8px) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(16px) translateY(0) rotate(-2deg); }
  75% { transform: translateX(24px) translateY(-1px) rotate(1deg); }
  100% { transform: translateX(32px) translateY(0) rotate(0); }
}
@keyframes tbd-point {
  0% { transform: rotate(0deg) translateY(0); }
  100% { transform: rotate(-20deg) translateY(-3px); }
}
@keyframes tbd-fall {
  0% { transform: translateY(-60px) rotate(0deg); opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateY(30px) rotate(180deg); opacity: 0; }
}
@keyframes tbd-light {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}

.scn-station-master-rescue {
  background: linear-gradient(180deg, #e8dcc8 0%, #c8b8a0 60%, #a89880 100%), radial-gradient(ellipse at 50% 15%, #f5ecdc 0%, transparent 70%);
}
.scn-station-master-rescue .bg-windows {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #d4c4a8 0%, #b8a890 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}
.scn-station-master-rescue .station-office {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-station-master-rescue .master-hat {
  position: absolute; bottom: 72%; left: 45%; width: 40px; height: 18px;
  background: #3d2a1a;
  border-radius: 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: smr-hat 4s ease-in-out infinite alternate;
}
.scn-station-master-rescue .master-fig {
  position: absolute; bottom: 28%; left: 40%; width: 40px; height: 90px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: smr-bow 5s ease-in-out infinite alternate;
}
.scn-station-master-rescue .soldier-fig {
  position: absolute; bottom: 25%; right: 25%; width: 30px; height: 75px;
  background: linear-gradient(180deg, #3d5a3d 0%, #1e3a1e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: smr-soldier 3s ease-in-out infinite alternate;
}
.scn-station-master-rescue .narrator-fig {
  position: absolute; bottom: 25%; left: 15%; width: 28px; height: 65px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: smr-walk 4s ease-in-out infinite;
}
.scn-station-master-rescue .desk {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 18%;
  background: linear-gradient(180deg, #8b6f4e 0%, #6a5030 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
}
.scn-station-master-rescue .lamp {
  position: absolute; bottom: 45%; left: 55%; width: 10px; height: 16px;
  background: radial-gradient(circle, #ffd080 0%, #b08040 80%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 40px 12px rgba(255,208,128,0.4), 0 0 80px 20px rgba(255,208,128,0.15);
  animation: smr-lamp 6s ease-in-out infinite alternate;
}
@keyframes smr-hat {
  0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-6px) rotate(15deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes smr-bow {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(10deg) translateY(-4px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes smr-soldier {
  0% { transform: rotate(0deg) translateY(0); }
  100% { transform: rotate(-15deg) translateY(-2px); }
}
@keyframes smr-walk {
  0% { transform: translateX(0) translateY(0) rotate(-1deg); }
  25% { transform: translateX(6px) translateY(-1px) rotate(1deg); }
  50% { transform: translateX(12px) translateY(0) rotate(-1deg); }
  75% { transform: translateX(18px) translateY(-1px) rotate(1deg); }
  100% { transform: translateX(24px) translateY(0) rotate(0); }
}
@keyframes smr-lamp {
  0% { opacity: 0.8; box-shadow: 0 0 20px 6px rgba(255,208,128,0.3); }
  50% { opacity: 1; box-shadow: 0 0 50px 16px rgba(255,208,128,0.6); }
  100% { opacity: 0.9; box-shadow: 0 0 30px 8px rgba(255,208,128,0.4); }
}

.scn-envied-wish {
  background: linear-gradient(180deg, #f5f0e0 0%, #e0d8c0 60%, #c8c0a8 100%), radial-gradient(ellipse at 50% 80%, #f5f0e0 0%, transparent 70%);
}
.scn-envied-wish .bg-room {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #d8d0b8 0%, #c0b8a0 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}
.scn-envied-wish .window {
  position: absolute; top: 10%; left: 10%; width: 80px; height: 100px;
  background: linear-gradient(180deg, #b8d8e8 0%, #90b8d0 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2), 0 0 0 4px #8b6f4e;
  animation: env-win 15s ease-in-out infinite alternate;
}
.scn-envied-wish .thrower {
  position: absolute; bottom: 10%; left: 45%; width: 40px; height: 100px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: env-throw 4s ease-in-out infinite;
}
.scn-envied-wish .twig {
  position: absolute; bottom: 35%; left: 55%; width: 70px; height: 6px;
  background: linear-gradient(90deg, #6a5030 0%, #8b6f4e 100%);
  border-radius: 20% 80% 80% 20%;
  transform-origin: left center;
  animation: env-twig 3s ease-in-out infinite;
}
.scn-envied-wish .weet-weet {
  position: absolute; bottom: 40%; left: 60%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #b8885a 0%, #8b6f4e 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: 50% 100%;
  animation: env-weet 2.5s ease-in-out infinite;
}
.scn-envied-wish .motion-line {
  position: absolute; bottom: 45%; left: 55%; width: 40px; height: 2px;
  background: rgba(0,0,0,0.15);
  border-radius: 50%;
  filter: blur(1px);
  animation: env-motion 3s ease-in-out infinite;
}
.scn-envied-wish .shadow-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 10%;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, transparent 100%);
  animation: env-shadow 5s ease-in-out infinite alternate;
}
@keyframes env-win {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes env-throw {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(5px) rotate(-8deg); }
  50% { transform: translateX(10px) rotate(-16deg); }
  75% { transform: translateX(5px) rotate(-8deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes env-twig {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(30deg); }
  100% { transform: rotate(0deg); }
}
@keyframes env-weet {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(10px) translateY(-20px) rotate(15deg); }
  50% { transform: translateX(20px) translateY(-40px) rotate(30deg); }
  75% { transform: translateX(10px) translateY(-20px) rotate(15deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes env-motion {
  0% { opacity: 0; transform: scaleX(0); }
  50% { opacity: 0.5; transform: scaleX(1); }
  100% { opacity: 0; transform: scaleX(0); }
}
@keyframes env-shadow {
  0% { opacity: 0.3; }
  100% { opacity: 0.1; }
}

/* campbell-approaches */
.scn-campbell-approaches {
  background: linear-gradient(135deg, #1e1a1f 0%, #2c252a 40%, #1a1619 100%), radial-gradient(ellipse at 60% 30%, #3a2f35 0%, transparent 60%);
}
.scn-campbell-approaches .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3a2a20 0%, #2a1f18 50%, #1e1410 100%);
  border-radius: 0 0 8% 8%;
}
.scn-campbell-approaches .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #251d14 0%, #0f0b08 100%);
}
.scn-campbell-approaches .window {
  position: absolute; top: 10%; left: 25%; width: 35%; height: 40%;
  background: radial-gradient(ellipse at 50% 50%, #4a6070 0%, #1a252f 70%);
  border: 6px solid #2a1c14;
  border-radius: 4% 4% 8% 8%;
  box-shadow: inset 0 0 20px #1a252f;
  animation: ca-window 12s ease-in-out infinite;
}
.scn-campbell-approaches .figure {
  position: absolute; bottom: 30%; left: 40%; width: 12%; height: 35%;
  background: linear-gradient(180deg, #1a1512 0%, #0e0a07 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 30% 30%;
  transform-origin: center bottom;
  animation: ca-figure 4s ease-in-out infinite;
}
.scn-campbell-approaches .table {
  position: absolute; bottom: 30%; left: 55%; width: 18%; height: 8%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%);
  border-radius: 6%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.7);
}
.scn-campbell-approaches .map {
  position: absolute; bottom: 33%; left: 57%; width: 14%; height: 10%;
  background: linear-gradient(135deg, #b8a880 0%, #8a7a5a 50%, #b8a880 100%);
  border-radius: 4%;
  animation: ca-map 8s ease-in-out infinite;
}
.scn-campbell-approaches .candle {
  position: absolute; bottom: 35%; left: 52%; width: 2%; height: 6%;
  background: linear-gradient(180deg, #e0c080 0%, #4a3020 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 20px 8px #d0a060, 0 0 40px 16px rgba(200,120,60,0.3);
  animation: ca-candle 3s ease-in-out infinite alternate;
}
.scn-campbell-approaches .dust {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 30% 40%, rgba(200,180,160,0.15) 0%, transparent 70%);
  animation: ca-dust 6s ease-in-out infinite alternate;
}
@keyframes ca-window {
  0%,100% { opacity: 0.6; filter: brightness(0.8); }
  50% { opacity: 0.9; filter: brightness(1.1); }
}
@keyframes ca-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(2%) rotate(1deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-2%) rotate(0deg); }
  100% { transform: translateX(0) rotate(1deg); }
}
@keyframes ca-map {
  0%,100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(0.95) rotate(2deg); }
}
@keyframes ca-candle {
  0% { box-shadow: 0 0 20px 6px #d0a060, 0 0 40px 12px rgba(200,120,60,0.2); opacity: 0.9; }
  50% { box-shadow: 0 0 28px 12px #e0c080, 0 0 60px 24px rgba(200,140,60,0.4); opacity: 1; }
  100% { box-shadow: 0 0 16px 4px #b08050, 0 0 30px 8px rgba(180,100,40,0.15); opacity: 0.85; }
}
@keyframes ca-dust {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.02); }
  100% { opacity: 0.4; transform: scale(0.98); }
}

/* siege-ends */
.scn-siege-ends {
  background: linear-gradient(180deg, #f5e6d0 0%, #d4b896 40%, #b08860 100%), radial-gradient(ellipse at 50% 0%, #f0d8b8 0%, transparent 70%);
}
.scn-siege-ends .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #f0d8b8 0%, #d4b896 100%);
  border-radius: 0 0 30% 30%;
  animation: se-sky 15s ease-in-out infinite alternate;
}
.scn-siege-ends .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a30 100%);
}
.scn-siege-ends .arch {
  position: absolute; bottom: 30%; left: 30%; width: 40%; height: 50%;
  background: linear-gradient(180deg, #c8b090 0%, #a88868 100%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  border: 4px solid #7a6040;
  box-shadow: inset 0 8px 24px rgba(0,0,0,0.15);
}
.scn-siege-ends .officer-left {
  position: absolute; bottom: 28%; left: 33%; width: 9%; height: 30%;
  background: linear-gradient(180deg, #1a3028 0%, #0e1a12 100%);
  border-radius: 40% 40% 30% 30% / 55% 55% 30% 30%;
  animation: se-officer-left 5s ease-in-out infinite;
}
.scn-siege-ends .officer-right {
  position: absolute; bottom: 28%; right: 33%; width: 9%; height: 28%;
  background: linear-gradient(180deg, #1a3028 0%, #0e1a12 100%);
  border-radius: 40% 40% 30% 30% / 55% 55% 30% 30%;
  animation: se-officer-right 5s ease-in-out infinite;
}
.scn-siege-ends .gate {
  position: absolute; bottom: 30%; left: 42%; width: 16%; height: 40%;
  background: linear-gradient(180deg, #6a5030 0%, #4a3018 100%);
  border-radius: 10% 10% 0 0;
  border: 4px solid #3a2010;
  transform: skewX(-5deg);
  animation: se-gate 6s ease-in-out infinite;
}
.scn-siege-ends .glow {
  position: absolute; bottom: 40%; left: 40%; width: 20%; height: 20%;
  background: radial-gradient(circle, #f0d8a0 0%, transparent 70%);
  animation: se-glow 4s ease-in-out infinite alternate;
}
.scn-siege-ends .shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.2) 100%);
}
@keyframes se-sky {
  0%,100% { opacity: 0.7; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.15); }
}
@keyframes se-officer-left {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(1%) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-1%) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes se-officer-right {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-1%) rotate(-2deg); }
  50% { transform: translateX(0) rotate(1deg); }
  75% { transform: translateX(1%) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes se-gate {
  0%,100% { transform: skewX(-5deg) translateY(0); }
  50% { transform: skewX(-5deg) translateY(-2%); }
}
@keyframes se-glow {
  0% { opacity: 0.5; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1.15); }
}

/* secret-evacuation */
.scn-secret-evacuation {
  background: linear-gradient(180deg, #0a0f1a 0%, #141c2e 40%, #1a2438 100%), radial-gradient(ellipse at 50% 100%, #1a2438 0%, transparent 60%);
}
.scn-secret-evacuation .sky-night {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #0a0f1a 0%, #141c2e 100%);
  border-radius: 0 0 20% 20%;
  animation: ev-sky 20s ease-in-out infinite alternate;
}
.scn-secret-evacuation .alley-wall {
  position: absolute; left: 0; top: 0; bottom: 0; width: 30%;
  background: linear-gradient(180deg, #2a2f3a 0%, #1a1f2a 100%);
  box-shadow: 4px 0 12px rgba(0,0,0,0.6);
}
.scn-secret-evacuation .alley-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #1a1f2a 0%, #0a0f14 100%);
}
.scn-secret-evacuation .figure-fwd {
  position: absolute; bottom: 20%; left: 35%; width: 8%; height: 34%;
  background: linear-gradient(180deg, #1a1a24 0%, #0e0e14 100%);
  border-radius: 45% 45% 30% 30% / 55% 55% 30% 30%;
  transform-origin: center bottom;
  animation: ev-fwd 6s ease-in-out infinite;
}
.scn-secret-evacuation .figure-rear {
  position: absolute; bottom: 20%; left: 50%; width: 8%; height: 32%;
  background: linear-gradient(180deg, #1a1a24 0%, #0e0e14 100%);
  border-radius: 45% 45% 30% 30% / 55% 55% 30% 30%;
  transform-origin: center bottom;
  animation: ev-rear 6s ease-in-out infinite 2s;
}
.scn-secret-evacuation .lantern-glint {
  position: absolute; bottom: 32%; left: 40%; width: 2%; height: 2%;
  background: #b0a080;
  border-radius: 50%;
  box-shadow: 0 0 12px 4px #c8b090, 0 0 24px 8px rgba(200,176,144,0.3);
  animation: ev-lantern 3s ease-in-out infinite alternate;
}
.scn-secret-evacuation .telescope {
  position: absolute; bottom: 30%; left: 70%; width: 15%; height: 4%;
  background: linear-gradient(90deg, #3a3020 0%, #5a4830 50%, #3a3020 100%);
  border-radius: 20% 40% 40% 20%;
  transform: rotate(-15deg);
  animation: ev-telescope 8s ease-in-out infinite;
}
.scn-secret-evacuation .mist {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(180,200,220,0.08) 0%, transparent 70%);
  animation: ev-mist 12s ease-in-out infinite alternate;
}
@keyframes ev-sky {
  0% { filter: brightness(0.7); }
  100% { filter: brightness(0.9); }
}
@keyframes ev-fwd {
  0% { transform: translateX(0) scaleY(1); }
  25% { transform: translateX(1%) scaleY(1.02); }
  50% { transform: translateX(2%) scaleY(1); }
  75% { transform: translateX(1%) scaleY(0.98); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes ev-rear {
  0% { transform: translateX(0) scaleY(1); }
  25% { transform: translateX(-1%) scaleY(0.98); }
  50% { transform: translateX(-2%) scaleY(1); }
  75% { transform: translateX(-1%) scaleY(1.02); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes ev-lantern {
  0% { box-shadow: 0 0 8px 2px #c8b090, 0 0 16px 4px rgba(200,176,144,0.2); opacity: 0.6; }
  100% { box-shadow: 0 0 16px 6px #d0c0a0, 0 0 28px 10px rgba(208,192,160,0.5); opacity: 1; }
}
@keyframes ev-telescope {
  0%,100% { transform: rotate(-15deg) translateX(0); }
  50% { transform: rotate(-12deg) translateX(3%); }
}
@keyframes ev-mist {
  0% { opacity: 0.2; }
  50% { opacity: 0.6; }
  100% { opacity: 0.3; }
}

/* bailie-guard */
.scn-bailie-guard {
  background: linear-gradient(180deg, #4a3828 0%, #2a1c10 60%, #1a0c04 100%), radial-gradient(ellipse at 50% 80%, #3a2818 0%, transparent 60%);
}
.scn-bailie-guard .gateway {
  position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%); width: 50%; height: 70%;
  background: linear-gradient(180deg, #6a5038 0%, #4a3020 100%);
  border-radius: 30% 30% 0 0 / 40% 40% 0 0;
  box-shadow: inset 0 -12px 24px rgba(0,0,0,0.4);
}
.scn-bailie-guard .wall-left {
  position: absolute; bottom: 0; left: 0; width: 25%; height: 80%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2818 100%);
  border-right: 2px solid #1a0c04;
}
.scn-bailie-guard .wall-right {
  position: absolute; bottom: 0; right: 0; width: 25%; height: 80%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2818 100%);
  border-left: 2px solid #1a0c04;
}
.scn-bailie-guard .figure-1 {
  position: absolute; bottom: 18%; left: 38%; width: 10%; height: 32%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1c1208 100%);
  border-radius: 45% 45% 30% 30% / 55% 55% 30% 30%;
  animation: bg-fig1 6s ease-in-out infinite;
}
.scn-bailie-guard .figure-2 {
  position: absolute; bottom: 18%; right: 38%; width: 10%; height: 32%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1c1208 100%);
  border-radius: 45% 45% 30% 30% / 55% 55% 30% 30%;
  animation: bg-fig2 6s ease-in-out infinite;
}
.scn-bailie-guard .hat-off {
  position: absolute; bottom: 30%; left: 45%; width: 10%; height: 8%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2818 100%);
  border-radius: 50% 50% 20% 20%;
  transform: rotate(-20deg);
  animation: bg-hat 5s ease-in-out infinite;
}
.scn-bailie-guard .torch-glow {
  position: absolute; bottom: 40%; left: 50%; width: 20%; height: 30%;
  background: radial-gradient(circle, #e0a050 0%, #b07030 30%, transparent 70%);
  mix-blend-mode: screen;
  animation: bg-torch 3s ease-in-out infinite alternate;
}
.scn-bailie-guard .paving {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: repeating-linear-gradient(90deg, #1a0c04 0px, #1a0c04 4px, #2a1c10 4px, #2a1c10 8px);
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.5);
}
@keyframes bg-fig1 {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2%) rotate(-1deg); }
  50% { transform: translateY(0) rotate(1deg); }
  75% { transform: translateY(1%) rotate(0deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes bg-fig2 {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(1%) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2%) rotate(0deg); }
  100% { transform: translateY(0) rotate(1deg); }
}
@keyframes bg-hat {
  0%,100% { transform: rotate(-20deg) translateX(0); }
  50% { transform: rotate(-10deg) translateX(3%); }
}
@keyframes bg-torch {
  0% { opacity: 0.5; transform: scale(1); }
  100% { opacity: 1; transform: scale(1.2); }
}

/* weary-consultation */
.scn-weary-consultation { background: linear-gradient(180deg, #87CEEB 0%, #FFE4B5 50%, #FFD700 100%), radial-gradient(ellipse at 50% 80%, #FFD700 0%, transparent 70%); }
.scn-weary-consultation .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #B0E0E6 0%, transparent 80%); animation: wc-sky 15s ease-in-out infinite alternate; }
.scn-weary-consultation .sun { position:absolute; top:8%; left:70%; width:50px; height:50px; background: radial-gradient(circle, #FFF5EE 0%, #FFD700 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 20px #FFD700; animation: wc-sun 20s linear infinite alternate; }
.scn-weary-consultation .field { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #C2B280 0%, #8B7355 100%); border-radius: 40% 20% 0 0; animation: wc-field 10s ease-in-out infinite; }
.scn-weary-consultation .buggy { position:absolute; bottom:25%; left:10%; width:100px; height:60px; background: linear-gradient(180deg, #A0522D 0%, #6B3A2A 100%); border-radius: 5px 5px 10px 10px; box-shadow: 0 8px 16px rgba(0,0,0,.3); animation: wc-buggy 8s ease-in-out infinite; }
.scn-weary-consultation .figure1 { position:absolute; bottom:28%; left:45%; width:20px; height:40px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom; animation: wc-nod 5s ease-in-out infinite; }
.scn-weary-consultation .figure2 { position:absolute; bottom:28%; left:55%; width:20px; height:38px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom; animation: wc-nod 6s ease-in-out infinite 0.5s; }
.scn-weary-consultation .figure3 { position:absolute; bottom:28%; left:65%; width:22px; height:42px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom; animation: wc-nod 4s ease-in-out infinite 1s; }
@keyframes wc-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes wc-sun { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-5px) scale(1.05) } 100% { transform: translateY(0) scale(1) } }
@keyframes wc-field { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes wc-buggy { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes wc-nod { 0% { transform: rotate(0deg) } 50% { transform: rotate(5deg) } 100% { transform: rotate(0deg) } }

/* logistics-problem */
.scn-logistics-problem { background: linear-gradient(180deg, #FFD700 0%, #FFA500 40%, #FF8C00 100%), radial-gradient(ellipse at 30% 20%, #FFF 0%, transparent 70%); }
.scn-logistics-problem .sun { position:absolute; top:5%; left:80%; width:40px; height:40px; background: radial-gradient(circle, #FFF8DC 0%, #FFA500 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 15px #FFA500; animation: lp-sun 12s ease-in-out infinite alternate; }
.scn-logistics-problem .ground { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #D2B48C 0%, #A0522D 100%); border-radius: 30% 50% 0 0; }
.scn-logistics-problem .buggy-body { position:absolute; bottom:25%; left:30%; width:120px; height:50px; background: linear-gradient(180deg, #8B4513 0%, #5C3A1E 100%); border-radius: 8px 8px 15px 15px; box-shadow: 0 6px 12px rgba(0,0,0,.4); animation: lp-body 6s ease-in-out infinite; }
.scn-logistics-problem .wheel1 { position:absolute; bottom:15%; left:32%; width:25px; height:25px; background: radial-gradient(circle, #3E2723 0%, #1E120E 100%); border-radius:50%; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: lp-wheel 3s linear infinite; }
.scn-logistics-problem .wheel2 { position:absolute; bottom:15%; left:62%; width:25px; height:25px; background: radial-gradient(circle, #3E2723 0%, #1E120E 100%); border-radius:50%; box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: lp-wheel 3s linear infinite 1.5s; }
.scn-logistics-problem .lifting-figure { position:absolute; bottom:22%; left:40%; width:18px; height:45px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 40% 40% 35% 35% / 50% 50% 35% 35%; transform-origin: bottom center; animation: lp-lift 4s ease-in-out infinite; }
.scn-logistics-problem .old-person { position:absolute; bottom:28%; left:55%; width:22px; height:35px; background: linear-gradient(180deg, #7B6F5E 0%, #4D3E35 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; animation: lp-seat 4s ease-in-out infinite 1s; }
@keyframes lp-sun { 0% { transform: translateX(0) } 50% { transform: translateX(8px) } 100% { transform: translateX(0) } }
@keyframes lp-body { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes lp-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes lp-lift { 0% { transform: translateY(0) rotate(-5deg) } 50% { transform: translateY(-5px) rotate(5deg) } 100% { transform: translateY(0) rotate(-5deg) } }
@keyframes lp-seat { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }

/* baffling-situation */
.scn-baffling-situation { background: linear-gradient(180deg, #FFFACD 0%, #FFD700 30%, #FFB347 100%), radial-gradient(circle at 50% 100%, #FFD700 0%, transparent 60%); }
.scn-baffling-situation .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #B0E0E6 0%, transparent 100%); animation: bs-sky 20s ease-in-out infinite alternate; }
.scn-baffling-situation .ground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #C2B280 0%, #9ACD32 100%); border-radius: 50% 30% 0 0; }
.scn-baffling-situation .figure { position:absolute; bottom:20%; width:20px; height:40px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom; }
.scn-baffling-situation .f1 { left:30%; animation: bs-turn 8s ease-in-out infinite; }
.scn-baffling-situation .f2 { left:45%; animation: bs-turn 9s ease-in-out infinite 1s; }
.scn-baffling-situation .f3 { left:60%; animation: bs-turn 7s ease-in-out infinite 2s; }
.scn-baffling-situation .pointing-figure { position:absolute; bottom:20%; left:50%; width:22px; height:45px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: bs-point 5s ease-in-out infinite; }
.scn-baffling-situation .pointing-figure::before { content:''; position:absolute; top:-30%; right:-50%; width:20px; height:5px; background:#5C4033; border-radius:0 10px 10px 0; transform-origin: left center; animation: bs-arm 5s ease-in-out infinite; }
@keyframes bs-sky { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes bs-turn { 0% { transform: rotate(0deg) } 50% { transform: rotate(-10deg) } 100% { transform: rotate(0deg) } }
@keyframes bs-point { 0% { transform: rotate(0deg) } 50% { transform: rotate(20deg) } 100% { transform: rotate(0deg) } }
@keyframes bs-arm { 0% { transform: rotate(-5deg) } 50% { transform: rotate(25deg) } 100% { transform: rotate(-5deg) } }

/* new-plan */
.scn-new-plan { background: linear-gradient(180deg, #FFE4B5 0%, #F0E68C 40%, #FFD700 100%), radial-gradient(ellipse at 30% 30%, #FFF8DC 0%, transparent 60%); }
.scn-new-plan .sky { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #B0C4DE 0%, transparent 80%); animation: np-sky 18s ease-in-out infinite alternate; }
.scn-new-plan .ground { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #D2B48C 0%, #8B7355 100%); border-radius: 30% 30% 0 0; }
.scn-new-plan .path { position:absolute; bottom:10%; left:30%; width:40%; height:10%; background: linear-gradient(90deg, #D2B48C 0%, #C4A882 50%, #D2B48C 100%); border-radius:20%; animation: np-path 12s linear infinite; }
.scn-new-plan .figure { position:absolute; bottom:22%; left:50%; width:24px; height:50px; background: linear-gradient(180deg, #5C4033 0%, #3E2723 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: np-stretch 6s ease-in-out infinite; }
.scn-new-plan .map { position:absolute; bottom:45%; left:45%; width:30px; height:20px; background: linear-gradient(135deg, #FAFAD2 0%, #EEE8AA 100%); border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: np-map 7s ease-in-out infinite; }
.scn-new-plan .sun { position:absolute; top:8%; left:20%; width:45px; height:45px; background: radial-gradient(circle, #FFF8DC 0%, #FFD700 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 15px #FFD700; animation: np-sunray 10s ease-in-out infinite alternate; }
.scn-new-plan .bush { position:absolute; bottom:20%; left:70%; width:30px; height:30px; background: radial-gradient(circle, #6B8E23 0%, #556B2F 100%); border-radius:50%; box-shadow: 0 0 10px rgba(0,0,0,.3); animation: np-bush 15s ease-in-out infinite; }
@keyframes np-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes np-path { 0% { transform: translateX(-20px) } 50% { transform: translateX(20px) } 100% { transform: translateX(-20px) } }
@keyframes np-stretch { 0% { transform: scaleY(1) rotate(0deg) } 50% { transform: scaleY(1.08) rotate(3deg) } 100% { transform: scaleY(1) rotate(0deg) } }
@keyframes np-map { 0% { transform: rotate(0deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(0deg) } }
@keyframes np-sunray { 0% { box-shadow: 0 0 20px 10px #FFD700 } 100% { box-shadow: 0 0 40px 20px #FFD700 } }
@keyframes np-bush { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(1) } }

/* tournament-champion */
.scn-tournament-champion {
  background:
    radial-gradient(ellipse 70% 60% at 50% 10%, #fce4b8 0%, transparent 70%),
    linear-gradient(180deg, #fad685 0%, #e0a852 40%, #c97e2e 100%);
}
.scn-tournament-champion .sun-sky {
  position:absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #ffe4a0 0%, #ffd080 50%, transparent 100%);
  animation: tc-sky 14s ease-in-out infinite alternate;
}
.scn-tournament-champion .deck-rail {
  position:absolute; bottom:45%; left:0; right:0; height:8px;
  background: linear-gradient(90deg, #8a6030 0%, #b88a50 50%, #7a5230 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
}
.scn-tournament-champion .crowd {
  position:absolute; bottom:28%; width:35%; height:40%;
  background: radial-gradient(ellipse at bottom, #4a3020 0%, transparent 70%);
  filter: blur(1px);
}
.scn-tournament-champion .crowd-left {
  left:5%;
  animation: tc-crowd 8s ease-in-out infinite alternate;
}
.scn-tournament-champion .crowd-right {
  right:5%;
  animation: tc-crowd 8s ease-in-out infinite alternate-reverse;
}
.scn-tournament-champion .table {
  position:absolute; bottom:20%; left:50%; width:120px; height:18px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #b08040 0%, #d4a960 50%, #b08040 100%);
  border-radius: 4px;
  box-shadow: 0 8px 16px rgba(0,0,0,.4);
}
.scn-tournament-champion .disk.trophy {
  position:absolute; bottom:32%; left:52%; width:16px; height:16px;
  background: radial-gradient(circle at 40% 35%, #ffe870, #b8860b);
  border-radius: 50%;
  box-shadow: 0 0 12px 4px #eebb55, 0 0 20px 8px rgba(238,187,85,.3);
  animation: tc-disk 6s ease-in-out infinite;
}
.scn-tournament-champion .champion {
  position:absolute; bottom:22%; left:44%; width:20px; height:40px;
  background: linear-gradient(180deg, #3a2518, #1f140e);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tc-champ 5s ease-in-out infinite;
}
.scn-tournament-champion .sun-ray {
  position:absolute; top:8%; left:30%; width:40%; height:20%;
  background: radial-gradient(ellipse at center, rgba(255,220,140,.2) 0%, transparent 70%);
  animation: tc-ray 20s linear infinite;
}
@keyframes tc-sky {
  0% { opacity: .7; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.05); }
  100% { opacity: .9; transform: scaleY(.98); }
}
@keyframes tc-crowd {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-2px) scaleX(1.02); }
  100% { transform: translateY(0) scaleX(.98); }
}
@keyframes tc-disk {
  0% { transform: translate(0,0) rotate(0deg); opacity:.9; }
  33% { transform: translate(3px,-2px) rotate(10deg); opacity:1; }
  66% { transform: translate(-2px,1px) rotate(-5deg); opacity:.85; }
  100% { transform: translate(0,0) rotate(0deg); opacity:.9; }
}
@keyframes tc-champ {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(4px) rotate(1deg); }
  50% { transform: translateX(0) rotate(2deg); }
  75% { transform: translateX(-4px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(-2deg); }
}
@keyframes tc-ray {
  0% { transform: rotate(0deg) scale(1); opacity:.15; }
  50% { transform: rotate(180deg) scale(1.2); opacity:.25; }
  100% { transform: rotate(360deg) scale(1); opacity:.15; }
}

/* smith-beaten */
.scn-smith-beaten {
  background:
    linear-gradient(180deg, #fae1a0 0%, #d4a76a 40%, #b8864e 80%, #8a6030 100%),
    radial-gradient(ellipse at 80% 70%, #fce4b8 0%, transparent 60%);
}
.scn-smith-beaten .floor {
  position:absolute; bottom:0; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #d4a76a 0%, #b08040 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.3);
}
.scn-smith-beaten .wall {
  position:absolute; inset:0 0 25% 0;
  background: linear-gradient(180deg, #fae1a0 0%, #e0a852 100%);
}
.scn-smith-beaten .table {
  position:absolute; bottom:22%; left:30%; width:100px; height:16px;
  background: linear-gradient(90deg, #a07030, #c89050, #a07030);
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0,0,0,.4);
}
.scn-smith-beaten .disk-lost {
  position:absolute; bottom:30%; left:42%; width:12px; height:12px;
  background: radial-gradient(circle at 35% 30%, #eebb55, #b8860b);
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(200,140,30,.5);
  animation: sb-disk 4s ease-in-out infinite;
}
.scn-smith-beaten .smith-figure {
  position:absolute; bottom:20%; left:25%; width:18px; height:36px;
  background: linear-gradient(180deg, #3a2518, #1f140e);
  border-radius: 45% 45% 35% 35% / 55% 55% 45% 45%;
  transform-origin: bottom center;
  animation: sb-smith 6s ease-in-out infinite;
}
.scn-smith-beaten .shadow {
  position:absolute; bottom:18%; left:22%; width:30px; height:6px;
  background: radial-gradient(ellipse, rgba(0,0,0,.4), transparent);
  animation: sb-shadow 6s ease-in-out infinite;
}
@keyframes sb-disk {
  0% { transform: translate(0,0) rotate(0deg) scale(1); }
  33% { transform: translate(8px,-3px) rotate(40deg) scale(.9); }
  66% { transform: translate(-2px,2px) rotate(-20deg) scale(1.05); }
  100% { transform: translate(0,0) rotate(0deg) scale(1); }
}
@keyframes sb-smith {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  25% { transform: translateX(-3px) rotate(-5deg) scaleY(.97); }
  50% { transform: translateX(0) rotate(3deg) scaleY(1.02); }
  75% { transform: translateX(2px) rotate(-2deg) scaleY(.98); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes sb-shadow {
  0% { opacity:.6; transform: scaleX(1); }
  50% { opacity:.3; transform: scaleX(.8); }
  100% { opacity:.6; transform: scaleX(1); }
}

/* thomas-victory */
.scn-thomas-victory {
  background:
    radial-gradient(ellipse 50% 40% at 50% 70%, #fce4b8 0%, transparent 70%),
    linear-gradient(180deg, #ffe4a0 0%, #e0a852 60%, #c97e2e 100%);
}
.scn-thomas-victory .table-top {
  position:absolute; bottom:15%; left:25%; right:25%; height:40%;
  background: linear-gradient(180deg, #d4a76a 0%, #b08040 100%);
  border-radius: 8px;
  box-shadow: inset 0 0 30px rgba(0,0,0,.3), 0 8px 20px rgba(0,0,0,.5);
}
.scn-thomas-victory .ring-10 {
  position:absolute; bottom:30%; left:50%; width:80px; height:80px;
  background: transparent;
  border-radius: 50%;
  border: 3px solid #c89050;
  transform: translateX(-50%) scale(.95);
  box-shadow: 0 0 20px 6px rgba(200,140,50,.2);
  animation: tv-ring 10s ease-in-out infinite alternate;
}
.scn-thomas-victory .disk {
  position:absolute; bottom:45%; width:14px; height:14px;
  background: radial-gradient(circle at 40% 35%, #ffe870, #c89030);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(200,140,30,.5);
}
.scn-thomas-victory .disk-1 { left:44%; animation: tv-disk1 5s ease-in-out infinite; }
.scn-thomas-victory .disk-2 { left:48%; animation: tv-disk2 5s ease-in-out infinite .5s; }
.scn-thomas-victory .disk-3 { left:52%; animation: tv-disk3 5s ease-in-out infinite 1s; }
.scn-thomas-victory .thomas-hand {
  position:absolute; bottom:25%; left:38%; width:16px; height:28px;
  background: linear-gradient(180deg, #6a4020, #3a2518);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: tv-hand 7s ease-in-out infinite;
}
@keyframes tv-ring {
  0% { transform: translateX(-50%) scale(.95); opacity:.8; }
  50% { transform: translateX(-50%) scale(1); opacity:1; }
  100% { transform: translateX(-50%) scale(.97); opacity:.9; }
}
@keyframes tv-disk1 {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  25% { transform: translateY(-2px) rotate(15deg) scale(1.05); }
  50% { transform: translateY(0) rotate(-10deg) scale(.95); }
  75% { transform: translateY(-1px) rotate(5deg) scale(1.02); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}
@keyframes tv-disk2 {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  25% { transform: translateY(-3px) rotate(-10deg) scale(1.03); }
  50% { transform: translateY(0) rotate(8deg) scale(.97); }
  75% { transform: translateY(-2px) rotate(-5deg) scale(1.01); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}
@keyframes tv-disk3 {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  25% { transform: translateY(-2px) rotate(20deg) scale(.98); }
  50% { transform: translateY(0) rotate(-15deg) scale(1.04); }
  75% { transform: translateY(-1px) rotate(10deg) scale(.96); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}
@keyframes tv-hand {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(8px) rotate(5deg); }
  50% { transform: translateX(16px) rotate(0deg); }
  75% { transform: translateX(8px) rotate(-5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/* miracle-innings */
.scn-miracle-innings {
  background:
    radial-gradient(ellipse 60% 50% at 50% 30%, #fce4b8 0%, transparent 60%),
    linear-gradient(180deg, #ffe4a0 0%, #e0a852 50%, #c97e2e 100%);
}
.scn-miracle-innings .bg-sun {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #fad685 0%, #ffd080 50%, transparent 100%);
  animation: mi-sun 20s ease-in-out infinite alternate;
}
.scn-miracle-innings .table {
  position:absolute; bottom:20%; left:20%; right:20%; height:35%;
  background: linear-gradient(180deg, #d4a76a 0%, #b08040 100%);
  border-radius: 8px;
  box-shadow: inset 0 0 40px rgba(0,0,0,.3), 0 8px 20px rgba(0,0,0,.5);
}
.scn-miracle-innings .ring-10 {
  position:absolute; bottom:30%; left:50%; width:80px; height:80px;
  background: transparent;
  border-radius: 50%;
  border: 3px solid #c89050;
  transform: translateX(-50%);
  box-shadow: 0 0 30px 10px rgba(200,140,50,.3);
  animation: mi-ring 8s ease-in-out infinite alternate;
}
.scn-miracle-innings .disk {
  position:absolute; bottom:47%; width:12px; height:12px;
  background: radial-gradient(circle at 40% 35%, #ffe870, #c89030);
  border-radius: 50%;
  box-shadow: 0 0 10px 3px rgba(200,140,30,.6);
}
.scn-miracle-innings .disk-a { left:46%; animation: mi-disk 6s ease-in-out infinite; }
.scn-miracle-innings .disk-b { left:49.5%; animation: mi-disk 6s ease-in-out infinite .15s; }
.scn-miracle-innings .disk-c { left:53%; animation: mi-disk 6s ease-in-out infinite .3s; }
.scn-miracle-innings .disk-d { left:56.5%; animation: mi-disk 6s ease-in-out infinite .45s; }
.scn-miracle-innings .glow {
  position:absolute; bottom:38%; left:50%; width:100px; height:30px;
  background: radial-gradient(ellipse, rgba(255,220,100,.4), transparent);
  transform: translateX(-50%);
  animation: mi-glow 4s ease-in-out infinite;
}
@keyframes mi-sun {
  0% { opacity: .8; transform: scaleY(1); }
  50% { opacity: 1; transform: scaleY(1.03); }
  100% { opacity: .9; transform: scaleY(.97); }
}
@keyframes mi-ring {
  0% { transform: translateX(-50%) scale(1); opacity:.9; }
  50% { transform: translateX(-50%) scale(1.02); opacity:1; }
  100% { transform: translateX(-50%) scale(.98); opacity:.85; }
}
@keyframes mi-disk {
  0% { transform: translateY(0) rotate(0deg) scale(1); opacity:.85; }
  25% { transform: translateY(-1px) rotate(8deg) scale(1.03); opacity:1; }
  50% { transform: translateY(0) rotate(-6deg) scale(.97); opacity:.9; }
  75% { transform: translateY(-2px) rotate(4deg) scale(1.01); opacity:1; }
  100% { transform: translateY(0) rotate(0deg) scale(1); opacity:.85; }
}
@keyframes mi-glow {
  0% { opacity: .2; transform: translateX(-50%) scale(1); }
  50% { opacity: .5; transform: translateX(-50%) scale(1.3); }
  100% { opacity: .3; transform: translateX(-50%) scale(.9); }
}

/* hobart-neat – warm sunlit town */
.scn-hobart-neat {
  background: 
    linear-gradient(180deg, #f7e8c4 0%, #e8d3a6 30%, #c9b080 70%, #a88a5e 100%),
    radial-gradient(ellipse at 50% 20%, #fff4d6 0%, transparent 60%);
}
.scn-hobart-neat .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #b8d4f0 0%, #d4eaff 40%, transparent 100%); animation: hn-sky 10s ease-in-out infinite alternate; }
.scn-hobart-neat .sun { position:absolute; top:8%; left:70%; width:60px; height:60px; background: radial-gradient(circle, #fff7c0 0%, #ffd966 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 30px rgba(255,217,102,0.4); animation: hn-sun 8s ease-in-out infinite alternate; }
.scn-hobart-neat .hills-back { position:absolute; bottom:35%; left:0; right:0; height:20%; background: linear-gradient(180deg, #7a9e7a 0%, #5a7a5a 100%); border-radius: 60% 40% 0 0 / 80% 70% 0 0; box-shadow: inset 0 5px 15px rgba(0,0,0,0.15); animation: hn-hills 15s ease-in-out infinite; }
.scn-hobart-neat .hills-front { position:absolute; bottom:25%; left:0; right:0; height:18%; background: linear-gradient(180deg, #5b8a5b 0%, #3a5a3a 100%); border-radius: 30% 70% 0 0 / 60% 90% 0 0; box-shadow: inset 0 3px 10px rgba(0,0,0,0.2); animation: hn-hills 12s ease-in-out infinite reverse; }
.scn-hobart-neat .houses { position:absolute; bottom:22%; left:10%; right:10%; height:15%; background: repeating-linear-gradient(90deg, #b8885e 0px, #b8885e 12px, transparent 12px, transparent 16px, #a0704a 16px, #a0704a 28px, transparent 28px, transparent 32px, #c89868 32px, #c89868 44px, transparent 44px, transparent 48px); border-radius:4px 4px 0 0; box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: hn-houses 6s ease-in-out infinite alternate; }
.scn-hobart-neat .tree { position:absolute; bottom:27%; left:28%; width:10px; height:20px; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform:scale(1.2); animation: hn-tree 9s ease-in-out infinite; }
.scn-hobart-neat .path { position:absolute; bottom:8%; left:20%; right:20%; height:6%; background: linear-gradient(180deg, #c9a87a 0%, #a88a5e 100%); border-radius:10px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); animation: hn-path 4s ease-in-out infinite; }
.scn-hobart-neat .cloud-a { position:absolute; top:12%; left:5%; width:120px; height:30px; background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 100%); border-radius:50%; filter: blur(8px); animation: hn-drift 40s linear infinite; }
.scn-hobart-neat .cloud-b { position:absolute; top:20%; right:8%; width:80px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.05) 100%); border-radius:50%; filter: blur(6px); animation: hn-drift 55s linear infinite reverse; }
@keyframes hn-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes hn-sun { 0% { transform: scale(1) rotate(0deg); opacity:0.9 } 50% { transform: scale(1.05) rotate(5deg); opacity:1 } 100% { transform: scale(1) rotate(-2deg); opacity:0.9 } }
@keyframes hn-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes hn-houses { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.98) } 100% { transform: scaleX(1) } }
@keyframes hn-tree { 0% { transform: scale(1.2) translateX(0) } 50% { transform: scale(1.15) translateX(2px) } 100% { transform: scale(1.2) translateX(0) } }
@keyframes hn-path { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.7 } }
@keyframes hn-drift { 0% { transform: translateX(-60px) } 100% { transform: translateX(120vw) } }

/* tasmania-museum – warm bright interior */
.scn-tasmania-museum {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #dcc8a0 40%, #b89e78 100%),
    radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 60%);
}
.scn-tasmania-museum .wall { position:absolute; inset:0 0 25% 0; background: linear-gradient(90deg, #e8d6b8 0%, #f0e0c0 50%, #dcc8a0 100%); box-shadow: inset 0 0 40px rgba(0,0,0,0.1); }
.scn-tasmania-museum .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #a08060 0%, #8a6a4a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.2); }
.scn-tasmania-museum .case { position:absolute; bottom:20%; left:15%; right:15%; height:40%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 4px 4px 8px 8px; box-shadow: 0 6px 16px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.1); animation: tm-case 8s ease-in-out infinite alternate; }
.scn-tasmania-museum .marsupial { position:absolute; bottom:35%; left:30%; width:30px; height:40px; background: linear-gradient(180deg, #8a6a4a 0%, #4a3a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(-5deg); animation: tm-marsupial 5s ease-in-out infinite; }
.scn-tasmania-museum .arrow { position:absolute; bottom:40%; left:55%; width:4px; height:20px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius:2px; transform: rotate(30deg); animation: tm-arrow 7s ease-in-out infinite; }
.scn-tasmania-museum .knife { position:absolute; bottom:40%; left:62%; width:3px; height:16px; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius:1px; transform: rotate(-20deg); animation: tm-knife 7s ease-in-out infinite reverse; }
.scn-tasmania-museum .label { position:absolute; bottom:28%; left:30%; width:40px; height:8px; background: #c8b898; border-radius:2px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); animation: tm-label 10s ease-in-out infinite; }
.scn-tasmania-museum .light-beam { position:absolute; top:5%; left:20%; right:20%; height:70%; background: linear-gradient(180deg, rgba(255,255,240,0.4) 0%, rgba(255,255,240,0) 100%); filter: blur(10px); animation: tm-beam 6s ease-in-out infinite alternate; }
.scn-tasmania-museum .dust { position:absolute; top:30%; left:40%; width:100px; height:100px; background: radial-gradient(circle, rgba(255,255,200,0.2) 0%, transparent 60%); filter: blur(15px); animation: tm-dust 15s linear infinite; }
@keyframes tm-case { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes tm-marsupial { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(3deg) translateY(-3px) } 100% { transform: rotate(-5deg) translateY(0) } }
@keyframes tm-arrow { 0% { transform: rotate(30deg) } 50% { transform: rotate(25deg) } 100% { transform: rotate(30deg) } }
@keyframes tm-knife { 0% { transform: rotate(-20deg) } 50% { transform: rotate(-15deg) } 100% { transform: rotate(-20deg) } }
@keyframes tm-label { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes tm-beam { 0% { opacity:0.3 } 50% { opacity:0.6 } 100% { opacity:0.3 } }
@keyframes tm-dust { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(5px,-5px) scale(1.1) } 100% { transform: translate(-3px,3px) scale(0.9) } }

/* hobart-short-visit – calm sunlit harbor departure */
.scn-hobart-short-visit {
  background:
    linear-gradient(180deg, #b8d4f0 0%, #d4e9ff 40%, #a0c0e0 100%),
    radial-gradient(ellipse at 50% 30%, #fff4d6 0%, transparent 50%);
}
.scn-hobart-short-visit .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #c4d8f0 0%, #e0eeff 50%, transparent 100%); animation: hsv-sky 12s ease-in-out infinite alternate; }
.scn-hobart-short-visit .sun { position:absolute; top:10%; left:65%; width:50px; height:50px; background: radial-gradient(circle, #fff2b0 0%, #ffda70 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 50px 25px rgba(255,218,112,0.4); animation: hsv-sun 9s ease-in-out infinite alternate; }
.scn-hobart-short-visit .sea { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #5a8a9a 0%, #3a6a7a 50%, #1a4a5a 100%); animation: hsv-sea 6s ease-in-out infinite; }
.scn-hobart-short-visit .steamer-hull { position:absolute; bottom:32%; left:20%; right:20%; height:12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 30% 30% 10% 10% / 80% 80% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: hsv-hull 8s ease-in-out infinite; }
.scn-hobart-short-visit .steamer-funnel { position:absolute; bottom:40%; left:32%; width:8%; height:10%; background: linear-gradient(180deg, #6a3a2a 0%, #3a1a0a 100%); border-radius: 20% 20% 10% 10%; box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); animation: hsv-funnel 4s ease-in-out infinite; }
.scn-hobart-short-visit .steamer-smoke { position:absolute; bottom:50%; left:34%; width:20px; height:30px; background: radial-gradient(circle, rgba(200,200,200,0.5) 0%, rgba(150,150,150,0.2) 50%, transparent 70%); filter: blur(8px); animation: hsv-smoke 6s ease-out infinite; }
.scn-hobart-short-visit .hills { position:absolute; bottom:35%; left:0; right:0; height:15%; background: linear-gradient(180deg, #6a8a5a 0%, #4a6a3a 100%); border-radius: 40% 60% 0 0 / 70% 80% 0 0; box-shadow: inset 0 4px 12px rgba(0,0,0,0.2); animation: hsv-hills 18s ease-in-out infinite alternate; }
.scn-hobart-short-visit .cloud-a { position:absolute; top:18%; left:10%; width:100px; height:24px; background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); border-radius:50%; filter: blur(6px); animation: hsv-drift 35s linear infinite; }
.scn-hobart-short-visit .cloud-b { position:absolute; top:25%; right:5%; width:70px; height:18px; background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.05) 100%); border-radius:50%; filter: blur(5px); animation: hsv-drift 50s linear infinite reverse; }
@keyframes hsv-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes hsv-sun { 0% { transform: scale(1) translate(0,0) } 50% { transform: scale(1.04) translate(3px,-2px) } 100% { transform: scale(1) translate(0,0) } }
@keyframes hsv-sea { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes hsv-hull { 0% { transform: translateX(0) } 50% { transform: translateX(5px) } 100% { transform: translateX(-3px) } }
@keyframes hsv-funnel { 0% { transform: rotate(0deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-1deg) } }
@keyframes hsv-smoke { 0% { opacity:1; transform: translateY(0) scale(1) } 50% { opacity:0.6; transform: translateY(-15px) scale(1.3) } 100% { opacity:0; transform: translateY(-30px) scale(1.6) } }
@keyframes hsv-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes hsv-drift { 0% { transform: translateX(-50px) } 100% { transform: translateX(120vw) } }

/* bluff-new-zealand – warm dawn coastal */
.scn-bluff-new-zealand {
  background:
    linear-gradient(180deg, #f5d0b0 0%, #e8b88a 30%, #b88a6a 60%, #6a5a4a 100%),
    radial-gradient(ellipse at 50% 20%, #ffe0b0 0%, transparent 50%);
}
.scn-bluff-new-zealand .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #f5d8b8 0%, #e8c8a0 30%, #d4a87a 60%, transparent 100%); animation: bnz-sky 10s ease-in-out infinite alternate; }
.scn-bluff-new-zealand .sun { position:absolute; top:8%; left:75%; width:45px; height:45px; background: radial-gradient(circle, #ffdca0 0%, #f0b060 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(240,176,96,0.5); animation: bnz-sun 8s ease-in-out infinite alternate; }
.scn-bluff-new-zealand .sea { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #5a8a8a 0%, #3a6a6a 50%, #2a4a5a 100%); animation: bnz-sea 7s ease-in-out infinite; }
.scn-bluff-new-zealand .cliffs { position:absolute; bottom:25%; left:0; right:0; height:25%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 60% 40% 0 0 / 40% 60% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,0.4); animation: bnz-cliffs 20s ease-in-out infinite; }
.scn-bluff-new-zealand .lighthouse-tower { position:absolute; bottom:30%; left:35%; width:12px; height:30px; background: linear-gradient(180deg, #e0c8a0 0%, #c8b090 100%); border-radius: 4px 4px 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: bnz-tower 6s ease-in-out infinite; }
.scn-bluff-new-zealand .lighthouse-beam { position:absolute; bottom:50%; left:30%; width:80px; height:4px; background: linear-gradient(90deg, #ffe8b0 0%, rgba(255,232,176,0) 100%); border-radius:2px; filter: blur(2px); animation: bnz-beam 4s ease-in-out infinite alternate; transform-origin: left center; }
.scn-bluff-new-zealand .grass { position:absolute; bottom:24%; left:0; right:0; height:6%; background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 100%); border-radius:60% 60% 0 0; animation: bnz-grass 5s ease-in-out infinite; }
.scn-bluff-new-zealand .bird-a { position:absolute; top:20%; left:15%; width:20px; height:10px; background: radial-gradient(ellipse at 50% 50%, #2a2a2a 30%, transparent 70%); transform: rotate(-10deg); animation: bnz-bird 7s ease-in-out infinite; }
.scn-bluff-new-zealand .bird-b { position:absolute; top:25%; left:50%; width:16px; height:8px; background: radial-gradient(ellipse at 50% 50%, #2a2a2a 30%, transparent 70%); transform: rotate(5deg); animation: bnz-bird 9s ease-in-out infinite reverse; }
@keyframes bnz-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes bnz-sun { 0% { transform: scale(1) rotate(0deg); opacity:0.9 } 50% { transform: scale(1.03) rotate(4deg); opacity:1 } 100% { transform: scale(1) rotate(-2deg); opacity:0.9 } }
@keyframes bnz-sea { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes bnz-cliffs { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes bnz-tower { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(1) } }
@keyframes bnz-beam { 0% { transform: scaleX(0.5); opacity:0.6 } 50% { transform: scaleX(1); opacity:1 } 100% { transform: scaleX(0.7); opacity:0.8 } }
@keyframes bnz-grass { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes bnz-bird { 0% { transform: translateX(0) rotate(-10deg) } 50% { transform: translateX(15px) rotate(-5deg) } 100% { transform: translateX(0) rotate(-10deg) } }

/* enderby-plan */
.scn-enderby-plan { background: linear-gradient(180deg, #b8d4f0 0%, #d4eaff 40%, #fdf4d4 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%); }
.scn-enderby-plan .sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #a4c8eb 0%, transparent 100%); }
.scn-enderby-plan .sun { position: absolute; top: 8%; left: 75%; width: 40px; height: 40px; background: radial-gradient(circle, #fff4c0 0%, #f0d080 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 20px rgba(240,208,128,0.3); animation: ep-sun 6s ease-in-out infinite alternate; }
.scn-enderby-plan .road { position: absolute; bottom: 25%; left: 10%; right: 10%; height: 18%; background: linear-gradient(180deg, #b89868 0%, #a08050 100%); border-radius: 20% 20% 40% 40%; box-shadow: inset 0 6px 10px rgba(0,0,0,0.15); }
.scn-enderby-plan .horse { position: absolute; bottom: 30%; left: 20%; width: 70px; height: 50px; background: linear-gradient(135deg, #8a6a4a 0%, #6a4a2a 100%); border-radius: 50% 40% 40% 50% / 60% 50% 40% 50%; transform-origin: 50% 100%; animation: ep-horse 2s ease-in-out infinite alternate; }
.scn-enderby-plan .rider { position: absolute; bottom: 43%; left: 24%; width: 24px; height: 36px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ep-rider 2s ease-in-out infinite alternate; }
.scn-enderby-plan .dust { position: absolute; bottom: 30%; left: 15%; width: 50px; height: 10px; background: rgba(200,180,140,0.4); border-radius: 50%; filter: blur(4px); animation: ep-dust 1.5s ease-out infinite; }
.scn-enderby-plan .cloud { position: absolute; top: 12%; background: rgba(255,255,255,0.6); border-radius: 50%; filter: blur(6px); }
.scn-enderby-plan .c1 { left: -10%; width: 80px; height: 20px; animation: ep-cloud 30s linear infinite; }
.scn-enderby-plan .c2 { left: 60%; width: 60px; height: 15px; animation: ep-cloud 40s linear infinite reverse; animation-delay: -10s; }
@keyframes ep-sun { 0% { transform: scale(0.95); opacity: 0.9; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); opacity: 0.95; } }
@keyframes ep-horse { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-3px); } 100% { transform: rotate(-1deg) translateY(0); } }
@keyframes ep-rider { 0% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-2px); } 100% { transform: rotate(-1deg) translateY(0); } }
@keyframes ep-dust { 0% { transform: translateX(0) scale(1); opacity: 0.6; } 100% { transform: translateX(40px) scale(2); opacity: 0; } }
@keyframes ep-cloud { 0% { transform: translateX(0); } 100% { transform: translateX(120vw); } }

/* brown-plea */
.scn-brown-plea { background: linear-gradient(180deg, #c8e0f0 0%, #e0f0ff 40%, #fff8e8 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%); }
.scn-brown-plea .sky { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #b0d0ee 0%, transparent 100%); }
.scn-brown-plea .ground { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, #90b060 0%, #6a8a3a 100%); border-radius: 20% 20% 0 0; box-shadow: inset 0 12px 20px rgba(0,0,0,0.1); }
.scn-brown-plea .brown-figure { position: absolute; bottom: 20%; left: 30%; width: 20px; height: 44px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: bp-brown 3s ease-in-out infinite; }
.scn-brown-plea .brown-figure::before { content: ''; position: absolute; top: -4px; left: 50%; width: 14px; height: 14px; background: radial-gradient(circle, #f0d0a0 0%, #c09060 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-brown-plea .enderby-figure { position: absolute; bottom: 22%; left: 60%; width: 24px; height: 50px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: bp-enderby 4s ease-in-out infinite alternate; }
.scn-brown-plea .enderby-figure::before { content: ''; position: absolute; top: -4px; left: 50%; width: 16px; height: 16px; background: radial-gradient(circle, #f0d8b0 0%, #c8a070 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-brown-plea .parasol { position: absolute; bottom: 55%; left: 62%; width: 40px; height: 20px; background: linear-gradient(180deg, #f0e0c0 0%, #d0b890 100%); border-radius: 50% 50% 20% 20%; transform-origin: bottom center; animation: bp-parasol 3s ease-in-out infinite alternate; }
.scn-brown-plea .bench { position: absolute; bottom: 18%; left: 45%; width: 50px; height: 8px; background: #6a4a2a; border-radius: 4px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
.scn-brown-plea .shadow { position: absolute; bottom: 14%; left: 25%; width: 100px; height: 12px; background: rgba(0,0,0,0.15); border-radius: 50%; filter: blur(6px); animation: bp-shadow 3s ease-in-out infinite; }
@keyframes bp-brown { 0% { transform: rotate(-5deg) translateY(0); } 25% { transform: rotate(3deg) translateY(-2px); } 50% { transform: rotate(-2deg) translateY(0); } 75% { transform: rotate(4deg) translateY(-1px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes bp-enderby { 0% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-2px); } 100% { transform: rotate(1deg) translateY(0); } }
@keyframes bp-parasol { 0% { transform: rotate(-5deg) scale(1); } 50% { transform: rotate(5deg) scale(1.05); } 100% { transform: rotate(-3deg) scale(1); } }
@keyframes bp-shadow { 0% { transform: scaleX(1); opacity: 0.3; } 50% { transform: scaleX(1.2); opacity: 0.5; } 100% { transform: scaleX(1); opacity: 0.3; } }

/* sympathies-poured */
.scn-sympathies-poured { background: linear-gradient(180deg, #c4daf0 0%, #e0f0fa 40%, #fdf6e0 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%); }
.scn-sympathies-poured .sky { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #b0ccee 0%, transparent 100%); }
.scn-sympathies-poured .ground { position: absolute; bottom: 0; left: 0; right: 0; height: 55%; background: linear-gradient(180deg, #98b860 0%, #708a3a 100%); border-radius: 30% 30% 0 0; box-shadow: inset 0 8px 14px rgba(0,0,0,0.1); }
.scn-sympathies-poured .brown-fig { position: absolute; bottom: 20%; left: 42%; width: 22px; height: 46px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: sp-brown 3s ease-in-out infinite; }
.scn-sympathies-poured .brown-fig::before { content: ''; position: absolute; top: -4px; left: 50%; width: 15px; height: 15px; background: radial-gradient(circle, #f0d0a0 0%, #c09060 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-sympathies-poured .lady1 { position: absolute; bottom: 18%; left: 18%; width: 26px; height: 50px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: sp-lady 4s ease-in-out infinite alternate; animation-delay: -1s; }
.scn-sympathies-poured .lady1::before { content: ''; position: absolute; top: -4px; left: 50%; width: 16px; height: 16px; background: radial-gradient(circle, #f0d8b0 0%, #c8a070 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-sympathies-poured .lady2 { position: absolute; bottom: 19%; left: 55%; width: 26px; height: 48px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: sp-lady 4s ease-in-out infinite alternate; animation-delay: -2s; }
.scn-sympathies-poured .lady2::before { content: ''; position: absolute; top: -4px; left: 50%; width: 15px; height: 15px; background: radial-gradient(circle, #f0e0c0 0%, #d0b890 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-sympathies-poured .lady3 { position: absolute; bottom: 20%; left: 72%; width: 24px; height: 46px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: sp-lady 4s ease-in-out infinite alternate; animation-delay: -3s; }
.scn-sympathies-poured .lady3::before { content: ''; position: absolute; top: -4px; left: 50%; width: 14px; height: 14px; background: radial-gradient(circle, #f0d0a0 0%, #c09060 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-sympathies-poured .handkerchief { position: absolute; bottom: 30%; left: 42%; width: 14px; height: 10px; background: #f0e0c0; border-radius: 20% 20% 50% 50% / 30% 30% 40% 40%; transform-origin: center top; animation: sp-handkerchief 2s ease-in-out infinite; }
.scn-sympathies-poured .flutter { position: absolute; bottom: 25%; left: 58%; width: 10px; height: 10px; background: rgba(255,255,255,0.4); border-radius: 50%; filter: blur(3px); animation: sp-flutter 3s ease-in-out infinite; }
@keyframes sp-brown { 0% { transform: rotate(-3deg) translateY(0); } 25% { transform: rotate(2deg) translateY(-2px); } 50% { transform: rotate(-1deg) translateY(0); } 75% { transform: rotate(3deg) translateY(-1px); } 100% { transform: rotate(-3deg) translateY(0); } }
@keyframes sp-lady { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-3px); } 100% { transform: rotate(-1deg) translateY(0); } }
@keyframes sp-handkerchief { 0% { transform: rotate(-10deg) scaleY(1); } 50% { transform: rotate(10deg) scaleY(1.3); } 100% { transform: rotate(-5deg) scaleY(1); } }
@keyframes sp-flutter { 0% { transform: translateX(0) scale(1); opacity: 0.6; } 50% { transform: translateX(6px) scale(1.5); opacity: 0.2; } 100% { transform: translateX(0) scale(1); opacity: 0.6; } }

/* revise-plan-again */
.scn-revise-plan-again { background: linear-gradient(180deg, #b8d4f0 0%, #d4eaff 40%, #fdf4d4 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%); }
.scn-revise-plan-again .sky { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #a4c8eb 0%, transparent 100%); }
.scn-revise-plan-again .sun { position: absolute; top: 10%; left: 70%; width: 36px; height: 36px; background: radial-gradient(circle, #fff4c0 0%, #f0d080 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 30px 15px rgba(240,208,128,0.3); animation: rp-sun 6s ease-in-out infinite alternate; }
.scn-revise-plan-again .house { position: absolute; bottom: 25%; left: 50%; width: 80px; height: 60px; background: linear-gradient(180deg, #c8a870 0%, #a08050 100%); border-radius: 10% 10% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,0.2); transform: translateX(-50%); }
.scn-revise-plan-again .door { position: absolute; bottom: 25%; left: 50%; width: 20px; height: 30px; background: #6a4a2a; border-radius: 4px 4px 0 0; transform: translateX(-50%); animation: rp-door 1.5s ease-in-out infinite alternate; }
.scn-revise-plan-again .fig-a { position: absolute; bottom: 20%; left: 20%; width: 22px; height: 44px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: rp-fig 3s ease-in-out infinite; }
.scn-revise-plan-again .fig-a::before { content: ''; position: absolute; top: -4px; left: 50%; width: 14px; height: 14px; background: radial-gradient(circle, #f0d0a0 0%, #c09060 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-revise-plan-again .fig-b { position: absolute; bottom: 22%; left: 38%; width: 20px; height: 42px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: rp-fig 3.5s ease-in-out infinite; animation-delay: -1s; }
.scn-revise-plan-again .fig-b::before { content: ''; position: absolute; top: -4px; left: 50%; width: 13px; height: 13px; background: radial-gradient(circle, #f0e0c0 0%, #d0b890 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-revise-plan-again .fig-c { position: absolute; bottom: 21%; left: 65%; width: 24px; height: 46px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: rp-fig 4s ease-in-out infinite; animation-delay: -2s; }
.scn-revise-plan-again .fig-c::before { content: ''; position: absolute; top: -4px; left: 50%; width: 15px; height: 15px; background: radial-gradient(circle, #f0d8b0 0%, #c8a070 100%); border-radius: 50%; transform: translateX(-50%); }
.scn-revise-plan-again .path { position: absolute; bottom: 15%; left: 30%; width: 60px; height: 8px; background: #b89868; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.15); }
.scn-revise-plan-again .tree { position: absolute; bottom: 25%; left: 78%; width: 30px; height: 50px; background: linear-gradient(180deg, #3a6a3a 0%, #1a3a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
@keyframes rp-sun { 0% { transform: scale(0.95); opacity: 0.9; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); opacity: 0.95; } }
@keyframes rp-door { 0% { transform: translateX(-50%) scaleX(1); } 50% { transform: translateX(-50%) scaleX(1.05); } 100% { transform: translateX(-50%) scaleX(1); } }
@keyframes rp-fig { 0% { transform: rotate(-3deg) translateY(0); } 25% { transform: rotate(2deg) translateY(-2px); } 50% { transform: rotate(-1deg) translateY(0); } 75% { transform: rotate(1deg) translateY(-1px); } 100% { transform: rotate(-2deg) translateY(0); } }

.scn-warren-hastings-benares {
  background: linear-gradient(180deg, #d4c4a0 0%, #c8b080 40%, #a08860 100%), radial-gradient(ellipse at 30% 50%, #f0e0c0 0%, transparent 70%);
}
.scn-warren-hastings-benares .wall-bg {
  position: absolute; inset: 0; background: linear-gradient(135deg, #e8dcc8 0%, #c8b898 50%, #a89070 100%);
  animation: whb-wall 8s ease-in-out infinite alternate;
}
.scn-warren-hastings-benares .pillar-l {
  position: absolute; left: 10%; top: 10%; width: 8%; height: 80%; background: linear-gradient(90deg, #b09878 0%, #c8b090 30%, #a08060 100%);
  border-radius: 4px; box-shadow: 8px 0 16px rgba(0,0,0,.3); animation: whb-pillar 6s ease-in-out infinite;
}
.scn-warren-hastings-benares .pillar-r {
  position: absolute; right: 10%; top: 10%; width: 8%; height: 80%; background: linear-gradient(270deg, #b09878 0%, #c8b090 30%, #a08060 100%);
  border-radius: 4px; box-shadow: -8px 0 16px rgba(0,0,0,.3); animation: whb-pillar 6s ease-in-out infinite reverse;
}
.scn-warren-hastings-benares .throne {
  position: absolute; bottom: 20%; left: 50%; width: 120px; height: 80px; transform: translateX(-50%); background: linear-gradient(180deg, #c8a860 0%, #a08040 100%);
  border-radius: 12% 12% 20% 20%; box-shadow: 0 8px 24px rgba(0,0,0,.5); animation: whb-throne 4s ease-in-out infinite;
}
.scn-warren-hastings-benares .rajah {
  position: absolute; bottom: 28%; left: 50%; width: 40px; height: 60px; transform: translateX(-50%);
  background: linear-gradient(180deg, #d4b080 0%, #b89060 50%, #806040 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  animation: whb-rajah 3s ease-in-out infinite alternate;
}
.scn-warren-hastings-benares .hastings {
  position: absolute; bottom: 22%; left: 30%; width: 36px; height: 64px;
  background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%);
  border-radius: 45% 45% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: whb-hastings 5s ease-in-out infinite;
}
.scn-warren-hastings-benares .sepoy-1 {
  position: absolute; bottom: 20%; left: 22%; width: 28px; height: 56px;
  background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%);
  border-radius: 40% 40% 35% 35% / 55% 55% 35% 35%;
  animation: whb-sepoy 4s ease-in-out infinite;
}
.scn-warren-hastings-benares .sepoy-2 {
  position: absolute; bottom: 20%; left: 38%; width: 28px; height: 56px;
  background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%);
  border-radius: 40% 40% 35% 35% / 55% 55% 35% 35%;
  animation: whb-sepoy 4s ease-in-out infinite 0.5s reverse;
}
.scn-warren-hastings-benares .mob-shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
  animation: whb-mob 10s ease-in-out infinite alternate;
}
@keyframes whb-wall { 0% { opacity: .9 } 50% { opacity: .7 } 100% { opacity: .85 } }
@keyframes whb-pillar { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(1) } }
@keyframes whb-throne { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) translateY(-3px) } }
@keyframes whb-rajah { 0% { transform: translateX(-50%) rotate(0) } 50% { transform: translateX(-50%) rotate(2deg) translateY(-2px) } 100% { transform: translateX(-50%) rotate(-1deg) } }
@keyframes whb-hastings { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(3px) rotate(-3deg) } 50% { transform: translateX(0) rotate(0) } 75% { transform: translateX(-3px) rotate(3deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes whb-sepoy { 0% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes whb-mob { 0% { opacity: .2 } 50% { opacity: .5 } 100% { opacity: .3 } }

.scn-second-living-god {
  background: linear-gradient(180deg, #f5e6c8 0%, #e8d0a0 50%, #c8a870 100%), radial-gradient(ellipse at 50% 30%, #fcf0d8 0%, transparent 60%);
}
.scn-second-living-god .temple-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #f0e0c0 0%, #d8c090 100%); animation: slg-bg 15s ease-in-out infinite alternate;
}
.scn-second-living-god .altar {
  position: absolute; bottom: 15%; left: 50%; width: 100px; height: 20px; transform: translateX(-50%); background: linear-gradient(180deg, #b89860 0%, #907040 100%);
  border-radius: 20% 20% 0 0; box-shadow: 0 4px 12px rgba(0,0,0,.3); animation: slg-altar 6s ease-in-out infinite;
}
.scn-second-living-god .god-figure {
  position: absolute; bottom: 25%; left: 50%; width: 44px; height: 70px; transform: translateX(-50%);
  background: linear-gradient(180deg, #d4b080 0%, #b89060 40%, #805040 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: slg-god 7s ease-in-out infinite alternate;
}
.scn-second-living-god .halo {
  position: absolute; bottom: 48%; left: 50%; width: 60px; height: 30px; transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(255,215,140,.6) 0%, rgba(255,215,140,0) 80%);
  border-radius: 50%; filter: blur(8px); animation: slg-halo 4s ease-in-out infinite alternate;
}
.scn-second-living-god .lamp-l {
  position: absolute; bottom: 35%; left: 25%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #e8c060 0%, #c09840 100%); border-radius: 4px;
  box-shadow: 0 0 40px 10px rgba(232,192,96,.6); animation: slg-lamp 5s ease-in-out infinite;
}
.scn-second-living-god .lamp-r {
  position: absolute; bottom: 35%; right: 25%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #e8c060 0%, #c09840 100%); border-radius: 4px;
  box-shadow: 0 0 40px 10px rgba(232,192,96,.6); animation: slg-lamp 5s ease-in-out infinite reverse;
}
.scn-second-living-god .devotee-1 {
  position: absolute; bottom: 16%; left: 15%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #c8a880 0%, #a08060 100%);
  border-radius: 40% 40% 35% 35% / 55% 55% 30% 30%;
  transform-origin: bottom center;
  animation: slg-devotee 8s ease-in-out infinite;
}
.scn-second-living-god .devotee-2 {
  position: absolute; bottom: 16%; right: 15%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #c8a880 0%, #a08060 100%);
  border-radius: 40% 40% 35% 35% / 55% 55% 30% 30%;
  transform-origin: bottom center;
  animation: slg-devotee 8s ease-in-out infinite 2s reverse;
}
.scn-second-living-god .incense {
  position: absolute; bottom: 35%; left: 40%; width: 8px; height: 8px;
  background: radial-gradient(circle, #a09070 0%, transparent 100%);
  border-radius: 50%; filter: blur(4px); animation: slg-incense 10s ease-in-out infinite;
}
@keyframes slg-bg { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes slg-altar { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) translateY(-2px) } }
@keyframes slg-god { 0% { transform: translateX(-50%) rotate(0) } 50% { transform: translateX(-50%) rotate(2deg) translateY(-3px) } 100% { transform: translateX(-50%) rotate(-1deg) } }
@keyframes slg-halo { 0% { opacity: .5; transform: translateX(-50%) scale(1) } 50% { opacity: .8; transform: translateX(-50%) scale(1.1) } 100% { opacity: .6; transform: translateX(-50%) scale(.95) } }
@keyframes slg-lamp { 0% { box-shadow: 0 0 30px 6px rgba(232,192,96,.4); transform: translateY(0) } 50% { box-shadow: 0 0 50px 14px rgba(232,192,96,.7); transform: translateY(-2px) } 100% { box-shadow: 0 0 35px 8px rgba(232,192,96,.45); transform: translateY(0) } }
@keyframes slg-devotee { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-1px) rotate(3deg) } 50% { transform: translateY(0) rotate(0) } 75% { transform: translateY(-1px) rotate(-3deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes slg-incense { 0% { opacity: .2; transform: translateY(0) scale(1) } 50% { opacity: .6; transform: translateY(-10px) scale(2) } 100% { opacity: .3; transform: translateY(0) scale(1) } }

.scn-taj-vs-god {
  background: linear-gradient(180deg, #f5c8a0 0%, #e0a870 40%, #d09860 100%), radial-gradient(ellipse at 60% 20%, #fce8d0 0%, transparent 70%);
}
.scn-taj-vs-god .sky-warm {
  position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #fad6a0 0%, #f0b878 60%, #d09050 100%);
  animation: tvg-sky 12s ease-in-out infinite alternate;
}
.scn-taj-vs-god .taj-dome {
  position: absolute; bottom: 30%; left: 20%; width: 80px; height: 60px;
  background: radial-gradient(ellipse at 50% 0%, #f0e0c0 0%, #d4b898 60%, #b09878 100%);
  border-radius: 50% 50% 0 0; box-shadow: 0 4px 20px rgba(0,0,0,.3);
  animation: tvg-dome 9s ease-in-out infinite;
}
.scn-taj-vs-god .taj-minaret {
  position: absolute; bottom: 30%; width: 12px; height: 80px;
  background: linear-gradient(180deg, #f0e0c0 0%, #d4b898 100%);
  border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.2);
  animation: tvg-minaret 10s ease-in-out infinite;
}
.scn-taj-vs-god .minaret-l { left: 15%; transform-origin: bottom center; animation-delay: 0s; }
.scn-taj-vs-god .minaret-r { right: 15%; transform-origin: bottom center; animation-delay: 1s; }
.scn-taj-vs-god .god-silhouette {
  position: absolute; bottom: 20%; right: 25%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tvg-god 5s ease-in-out infinite alternate;
}
.scn-taj-vs-god .sun-glow {
  position: absolute; top: 15%; right: 30%; width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(255,200,100,.8) 0%, rgba(255,200,100,0) 60%);
  border-radius: 50%; filter: blur(10px); animation: tvg-sun 20s ease-in-out infinite alternate;
}
.scn-taj-vs-god .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #a08050 0%, #705030 100%);
  border-radius: 30% 30% 0 0 / 50% 50% 0 0;
  animation: tvg-ground 7s ease-in-out infinite alternate;
}
@keyframes tvg-sky { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes tvg-dome { 0%,100% { transform: scale(1) } 50% { transform: scale(1.02) } }
@keyframes tvg-minaret { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.03) } 100% { transform: scaleY(1) } }
@keyframes tvg-god { 0% { transform: translateX(0) rotate(0) } 50% { transform: translateX(3px) rotate(3deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes tvg-sun { 0% { opacity: .5; transform: scale(1) } 50% { opacity: .9; transform: scale(1.2) } 100% { opacity: .6; transform: scale(1) } }
@keyframes tvg-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }

.scn-sri-108 {
  background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 50%, #1a1008 100%), radial-gradient(ellipse at 50% 40%, #6a5a4a 0%, transparent 70%);
}
.scn-sri-108 .room-bg {
  position: absolute; inset: 0; background: linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 100%);
  animation: sri-bg 15s ease-in-out infinite alternate;
}
.scn-sri-108 .swami-body {
  position: absolute; bottom: 20%; left: 50%; width: 50px; height: 80px; transform: translateX(-50%);
  background: linear-gradient(180deg, #c8a060 0%, #a08040 60%, #705030 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 8px 24px rgba(0,0,0,.5); animation: sri-body 6s ease-in-out infinite alternate;
}
.scn-sri-108 .swami-head {
  position: absolute; bottom: 68%; left: 50%; width: 36px; height: 40px; transform: translateX(-50%);
  background: radial-gradient(ellipse, #c8a060 0%, #a08040 100%);
  border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.4); animation: sri-head 8s ease-in-out infinite;
}
.scn-sri-108 .swami-hands {
  position: absolute; bottom: 30%; left: 35%; width: 20px; height: 16px;
  background: linear-gradient(180deg, #b09050 0%, #907040 100%);
  border-radius: 40% 40% 20% 20%; transform-origin: 50% 100%;
  animation: sri-hands 5s ease-in-out infinite;
}
.scn-sri-108 .bead-mala {
  position: absolute; bottom: 52%; left: 50%; width: 40px; height: 8px; transform: translateX(-50%);
  background: repeating-linear-gradient(90deg, #806040 0px, #a08060 4px, #806040 8px);
  border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: sri-mala 10s linear infinite;
}
.scn-sri-108 .offering-bowl {
  position: absolute; bottom: 8%; left: 42%; width: 30px; height: 12px;
  background: linear-gradient(180deg, #d4a860 0%, #b08040 100%);
  border-radius: 40% 40% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: sri-bowl 7s ease-in-out infinite alternate;
}
.scn-sri-108 .shadow-bg {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.6) 100%);
  animation: sri-shadow 12s ease-in-out infinite alternate;
}
@keyframes sri-bg { 0% { opacity: .9 } 50% { opacity: .8 } 100% { opacity: .85 } }
@keyframes sri-body { 0% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.02) translateY(-2px) } 100% { transform: translateX(-50%) scale(1) } }
@keyframes sri-head { 0%,100% { transform: translateX(-50%) rotate(0) } 50% { transform: translateX(-50%) rotate(2deg) } }
@keyframes sri-hands { 0% { transform: rotate(0) } 50% { transform: rotate(10deg) } 100% { transform: rotate(0) } }
@keyframes sri-mala { 0% { background-position: 0 0 } 100% { background-position: 40px 0 } }
@keyframes sri-bowl { 0% { transform: translateX(0) } 50% { transform: translateX(3px) } 100% { transform: translateX(0) } }
@keyframes sri-shadow { 0% { opacity: .4 } 50% { opacity: .6 } 100% { opacity: .5 } }

/* waiting-garden — tense sunlit garden */
.scn-waiting-garden { background: linear-gradient(180deg, #7ba7c4 0%, #e6d7b3 40%, #d4b87a 100%), radial-gradient(ellipse at 50% 0%, #f9e6c0 0%, transparent 70%); }
.scn-waiting-garden .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #9bc2da 0%, #f5d9a9 100%); animation: wg-sky 6s ease-in-out infinite alternate; }
.scn-waiting-garden .dome { position:absolute; bottom:40%; left:35%; width:20%; height:25%; background: radial-gradient(ellipse at 50% 100%, #d4b87a 0%, #a0825a 90%); border-radius: 50% 50% 30% 30% / 80% 80% 30% 30%; box-shadow: 0 -10px 30px rgba(0,0,0,0.2); }
.scn-waiting-garden .bush-a { position:absolute; bottom:30%; left:10%; width:25%; height:20%; background: radial-gradient(ellipse at 50% 100%, #4a6b3a 0%, #2a4a2a 100%); border-radius: 50% 50% 40% 40% / 80% 80% 40% 40%; animation: wg-bush 8s ease-in-out infinite alternate; }
.scn-waiting-garden .bush-b { position:absolute; bottom:32%; right:15%; width:20%; height:18%; background: radial-gradient(ellipse at 50% 100%, #3b5a2e 0%, #1e3a1e 100%); border-radius: 50% 50% 40% 40% / 80% 80% 40% 40%; animation: wg-bush 7s ease-in-out infinite alternate-reverse; }
.scn-waiting-garden .path { position:absolute; bottom:20%; left:35%; width:30%; height:8%; background: linear-gradient(90deg, #c4a66b 0%, #d4b87a 50%, #c4a66b 100%); border-radius: 20% 20% 0 0; }
.scn-waiting-garden .figure-waiting { position:absolute; bottom:24%; left:45%; width:6%; height:20%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; transform-origin: bottom center; animation: wg-figure 3s ease-in-out infinite; }
.scn-waiting-garden .shadow { position:absolute; bottom:22%; left:43%; width:10%; height:3%; background: rgba(0,0,0,0.3); border-radius: 50%; filter: blur(4px); animation: wg-shadow 3s ease-in-out infinite; }
.scn-waiting-garden .ray { position:absolute; top:10%; left:20%; width:60%; height:90%; background: linear-gradient(180deg, transparent 0%, rgba(255,220,150,0.3) 30%, transparent 70%); clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%); animation: wg-ray 5s ease-in-out infinite alternate; }
@keyframes wg-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes wg-bush { 0% { transform: scaleX(1) translateY(0); } 50% { transform: scaleX(1.05) translateY(-3px); } 100% { transform: scaleX(1) translateY(0); } }
@keyframes wg-figure { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(2deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-5px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes wg-shadow { 0% { transform: scaleX(1); opacity:0.6; } 50% { transform: scaleX(1.2); opacity:0.3; } 100% { transform: scaleX(1); opacity:0.6; } }
@keyframes wg-ray { 0% { transform: rotate(-5deg) translateX(-10%); } 50% { transform: rotate(5deg) translateX(10%); } 100% { transform: rotate(-5deg) translateX(-10%); } }

/* god-personal — warm bright interior with deity */
.scn-god-personal { background: linear-gradient(180deg, #f5d9a9 0%, #e6c48a 40%, #c9a56a 100%), radial-gradient(ellipse at 30% 40%, #ffedc0 0%, transparent 60%); }
.scn-god-personal .room-back { position:absolute; inset:0; background: linear-gradient(90deg, #d9b880 0%, #e6c48a 30%, #d4b87a 70%, #c4a66b 100%); }
.scn-god-personal .window { position:absolute; top:15%; left:60%; width:20%; height:40%; background: radial-gradient(ellipse at 50% 50%, #98d8e8 0%, #6ab0c0 100%); border: 8px solid #8a6a4a; border-radius: 10px; box-shadow: inset 0 0 30px rgba(255,255,200,0.5); animation: gp-window 10s ease-in-out infinite alternate; }
.scn-god-personal .light-beam { position:absolute; top:20%; left:60%; width:30%; height:70%; background: linear-gradient(135deg, rgba(255,240,200,0.4) 0%, transparent 70%); clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 30% 100%); animation: gp-beam 6s ease-in-out infinite alternate; }
.scn-god-personal .throne { position:absolute; bottom:18%; left:25%; width:40%; height:30%; background: linear-gradient(180deg, #b08a5a 0%, #8a6a4a 100%); border-radius: 20% 20% 30% 30% / 50% 50% 30% 30%; box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.scn-god-personal .figure-deity { position:absolute; bottom:20%; left:32%; width:20%; height:45%; background: linear-gradient(180deg, #f5e6d0 0%, #d4b8a0 100%); border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; transform-origin: bottom center; animation: gp-deity 8s ease-in-out infinite; }
.scn-god-personal .cloth { position:absolute; bottom:18%; left:30%; width:24%; height:20%; background: linear-gradient(180deg, #f0e0c0 0%, #d4c0a0 100%); border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%; animation: gp-cloth 12s ease-in-out infinite alternate; }
.scn-god-personal .halo { position:absolute; top:10%; left:35%; width:15%; height:15%; background: radial-gradient(circle, rgba(255,220,100,0.8) 0%, rgba(255,200,50,0.3) 50%, transparent 70%); border-radius: 50%; box-shadow: 0 0 40px 15px rgba(255,200,50,0.5); animation: gp-halo 4s ease-in-out infinite alternate; }
@keyframes gp-window { 0% { opacity:0.8; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.05); } 100% { opacity:0.9; transform: scaleY(1); } }
@keyframes gp-beam { 0% { opacity:0.5; transform: rotate(-2deg); } 50% { opacity:0.8; transform: rotate(2deg); } 100% { opacity:0.5; transform: rotate(-2deg); } }
@keyframes gp-deity { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes gp-cloth { 0% { transform: skewX(0deg); } 50% { transform: skewX(-5deg); } 100% { transform: skewX(0deg); } }
@keyframes gp-halo { 0% { box-shadow: 0 0 30px 10px rgba(255,200,50,0.4); opacity:0.8; } 50% { box-shadow: 0 0 50px 20px rgba(255,220,100,0.7); opacity:1; } 100% { box-shadow: 0 0 30px 10px rgba(255,200,50,0.4); opacity:0.8; } }

/* autograph-exchange — funny bright interior, two figures exchanging books */
.scn-autograph-exchange { background: linear-gradient(180deg, #f5e6d0 0%, #e6d7b3 30%, #d4c4a0 100%), radial-gradient(ellipse at 50% 100%, #e6d7b3 0%, transparent 70%); }
.scn-autograph-exchange .table { position:absolute; bottom:25%; left:15%; width:70%; height:10%; background: linear-gradient(180deg, #b09070 0%, #8a7050 100%); border-radius: 10% 10% 5% 5%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-autograph-exchange .book-left { position:absolute; bottom:38%; left:20%; width:12%; height:8%; background: linear-gradient(135deg, #d04020 0%, #b03010 100%); border-radius: 5% 10% 10% 5%; transform: rotate(-10deg); animation: ae-book 2s ease-in-out infinite alternate; }
.scn-autograph-exchange .book-right { position:absolute; bottom:38%; right:20%; width:12%; height:8%; background: linear-gradient(135deg, #2050c0 0%, #103090 100%); border-radius: 10% 5% 5% 10%; transform: rotate(15deg); animation: ae-book 2.5s ease-in-out infinite alternate-reverse; }
.scn-autograph-exchange .arm-left { position:absolute; bottom:36%; left:25%; width:8%; height:15%; background: linear-gradient(180deg, #d4a080 0%, #b08060 100%); border-radius: 20% 20% 30% 30% / 40% 40% 30% 30%; transform-origin: bottom; transform: rotate(20deg); animation: ae-arm 1.5s ease-in-out infinite; }
.scn-autograph-exchange .arm-right { position:absolute; bottom:36%; right:25%; width:8%; height:15%; background: linear-gradient(180deg, #c09070 0%, #a07050 100%); border-radius: 20% 20% 30% 30% / 40% 40% 30% 30%; transform-origin: bottom; transform: rotate(-20deg); animation: ae-arm 1.8s ease-in-out infinite alternate; }
.scn-autograph-exchange .figure-left { position:absolute; bottom:30%; left:10%; width:15%; height:45%; background: #3a4a5a; border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; animation: ae-figure 3s ease-in-out infinite; }
.scn-autograph-exchange .figure-right { position:absolute; bottom:30%; right:10%; width:15%; height:45%; background: #4a3a2a; border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; animation: ae-figure 3.3s ease-in-out infinite alternate; }
.scn-autograph-exchange .pen { position:absolute; bottom:46%; left:28%; width:6%; height:4%; background: #503030; border-radius: 10% 10% 50% 50%; transform: rotate(30deg); animation: ae-pen 0.8s ease-in-out infinite alternate; }
@keyframes ae-book { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-3px); } 100% { transform: rotate(-10deg) translateY(0); } }
@keyframes ae-arm { 0% { transform: rotate(20deg) translateY(0); } 50% { transform: rotate(25deg) translateY(-2px); } 100% { transform: rotate(20deg) translateY(0); } }
@keyframes ae-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ae-pen { 0% { transform: rotate(25deg) scale(1); } 50% { transform: rotate(35deg) scale(1.1); } 100% { transform: rotate(25deg) scale(1); } }

/* scholar-meditating — calm bright interior with a meditating figure */
.scn-scholar-meditating { background: linear-gradient(180deg, #f0e8d8 0%, #e0d0b8 40%, #c8b898 100%), radial-gradient(ellipse at 50% 80%, #e8dcc8 0%, transparent 70%); }
.scn-scholar-meditating .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #c8b898 0%, #b8a888 100%); }
.scn-scholar-meditating .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #e8dcc8 0%, #d8c8b0 100%); }
.scn-scholar-meditating .window-pane { position:absolute; top:20%; left:15%; width:30%; height:40%; background: radial-gradient(ellipse at 50% 50%, #c0e8f0 0%, #90c0d0 100%); border: 6px solid #a09070; border-radius: 8px; box-shadow: inset 0 0 20px rgba(200,230,240,0.6); animation: sm-window 15s ease-in-out infinite alternate; }
.scn-scholar-meditating .cushion { position:absolute; bottom:35%; left:35%; width:30%; height:10%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%; }
.scn-scholar-meditating .scholar-body { position:absolute; bottom:35%; left:40%; width:20%; height:30%; background: linear-gradient(180deg, #d0b8a0 0%, #b09880 100%); border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; transform-origin: bottom center; animation: sm-body 12s ease-in-out infinite; }
.scn-scholar-meditating .scholar-head { position:absolute; bottom:58%; left:44%; width:10%; height:10%; background: #c8b098; border-radius: 50%; animation: sm-head 8s ease-in-out infinite alternate; }
.scn-scholar-meditating .glow { position:absolute; top:40%; left:35%; width:30%; height:30%; background: radial-gradient(circle, rgba(255,240,200,0.4) 0%, transparent 70%); border-radius: 50%; animation: sm-glow 6s ease-in-out infinite alternate; }
.scn-scholar-meditating .dust { position:absolute; top:30%; left:25%; width:50%; height:60%; background: repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(255,255,255,0.05) 10px, rgba(255,255,255,0.05) 11px); filter: blur(2px); animation: sm-dust 20s linear infinite; }
@keyframes sm-window { 0% { opacity:0.7; transform: scale(1); } 50% { opacity:1; transform: scale(1.02); } 100% { opacity:0.8; transform: scale(1); } }
@keyframes sm-body { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes sm-head { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.03) rotate(2deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes sm-glow { 0% { opacity:0.3; transform: scale(0.9); } 50% { opacity:0.6; transform: scale(1.1); } 100% { opacity:0.3; transform: scale(0.9); } }
@keyframes sm-dust { 0% { transform: translateY(0); } 100% { transform: translateY(-100px); } }

.scn-thugs-in-dreams {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a1a3e 40%, #1e1a2a 100%), radial-gradient(ellipse at 50% 0%, #4a2a5e 0%, transparent 70%);
}
.scn-thugs-in-dreams .bg-dream { position:absolute; inset:0; background: radial-gradient(circle at 30% 50%, #2a224a, transparent 60%); animation: td-pulse 8s ease-in-out infinite alternate; }
.scn-thugs-in-dreams .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(0deg, #1a121a 0%, #2a1a2a 100%); border-radius: 40% 60% 0 0 / 60% 40% 0 0; }
.scn-thugs-in-dreams .bed { position:absolute; bottom:20%; left:25%; width:50%; height:15%; background: linear-gradient(180deg, #3a2a3a 0%, #2a1a2a 100%); border-radius: 10px; box-shadow: 0 -4px 12px rgba(0,0,0,.6), inset 0 2px 4px #4a3a4a; }
.scn-thugs-in-dreams .sleeper { position:absolute; bottom:22%; left:35%; width:12%; height:10%; background: linear-gradient(180deg, #5a4a5a 0%, #3a2a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform: rotate(-5deg); animation: td-breathe 4s ease-in-out infinite; }
.scn-thugs-in-dreams .shadow-hand-1 { position:absolute; bottom:28%; left:30%; width:8%; height:12%; background: linear-gradient(180deg, #0a0a1a 0%, #1a0a1a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; clip-path: polygon(0% 50%,30% 0%,70% 30%,100% 60%,80% 100%,20% 80%); animation: td-reach 6s ease-in-out infinite alternate; }
.scn-thugs-in-dreams .shadow-hand-2 { position:absolute; bottom:30%; right:28%; width:7%; height:10%; background: linear-gradient(180deg, #0a0a1a 0%, #1a0a1a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; clip-path: polygon(70% 0%,100% 50%,80% 100%,20% 80%,0% 30%,40% 20%); animation: td-reach 6s ease-in-out infinite alternate-reverse; }
.scn-thugs-in-dreams .mist { position:absolute; inset:0; background: radial-gradient(ellipse at 60% 40%, rgba(80,60,100,.3), transparent 50%); filter: blur(8px); animation: td-mist 12s ease-in-out infinite alternate; }
.scn-thugs-in-dreams .glow-hint { position:absolute; top:10%; left:20%; width:15%; height:20%; background: radial-gradient(circle, rgba(180,140,200,.15), transparent 70%); border-radius:50%; animation: td-glow 9s ease-in-out infinite alternate; }
@keyframes td-pulse { 0%{opacity:.6} 50%{opacity:1} 100%{opacity:.7} }
@keyframes td-breathe { 0%{transform:rotate(-5deg) scaleY(1)} 50%{transform:rotate(-5deg) scaleY(1.04)} 100%{transform:rotate(-5deg) scaleY(1)} }
@keyframes td-reach { 0%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-6px) rotate(5deg)} 100%{transform:translateY(0) rotate(-5deg)} }
@keyframes td-mist { 0%{opacity:.3; transform:scale(1)} 50%{opacity:.6; transform:scale(1.1)} 100%{opacity:.4; transform:scale(.95)} }
@keyframes td-glow { 0%{opacity:.2; transform:translateY(0)} 50%{opacity:.4; transform:translateY(-8px) scale(1.2)} 100%{opacity:.25; transform:translateY(4px)} }

.scn-indian-well {
  background: linear-gradient(180deg, #f0e0b0 0%, #e8c880 40%, #d0a050 100%), radial-gradient(ellipse at 50% 0%, #f8e8c0 0%, transparent 70%);
}
.scn-indian-well .sky-warm { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #f8e0b0 0%, #f0d090 100%); animation: iw-sky 20s ease-in-out infinite alternate; }
.scn-indian-well .ground-dust { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #c8a060 0%, #a08040 100%); border-radius: 50% 50% 0 0 / 30% 30% 0 0; box-shadow: inset 0 10px 30px #806030; }
.scn-indian-well .well-rim { position:absolute; bottom:30%; left:40%; width:20%; height:10%; background: linear-gradient(180deg, #a08860 0%, #806040 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 6px 12px rgba(0,0,0,.3); }
.scn-indian-well .well-hole { position:absolute; bottom:32%; left:43%; width:14%; height:8%; background: #2a1a0a; border-radius: 50%; box-shadow: inset 0 0 20px #000; }
.scn-indian-well .oxen-1 { position:absolute; bottom:22%; left:30%; width:12%; height:8%; background: linear-gradient(180deg, #b09070 0%, #8a7050 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: iw-walk 4s ease-in-out infinite; }
.scn-indian-well .oxen-2 { position:absolute; bottom:22%; left:50%; width:12%; height:8%; background: linear-gradient(180deg, #b09070 0%, #8a7050 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: iw-walk 4s ease-in-out infinite 2s; }
.scn-indian-well .rope { position:absolute; bottom:30%; left:46%; width:8%; height:30%; background: linear-gradient(180deg, #5a3a1a, #3a2a0a); transform: rotate(5deg); border-radius: 2px; animation: iw-rope 3s ease-in-out infinite; }
.scn-indian-well .water-splash { position:absolute; bottom:28%; left:45%; width:10%; height:4%; background: radial-gradient(circle, #a0d0e0 0%, transparent 80%); border-radius: 50%; animation: iw-splash 5s ease-in-out infinite alternate; }
@keyframes iw-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.9} }
@keyframes iw-walk { 0%{transform:translateX(0) rotate(0deg)} 25%{transform:translateX(4px) rotate(2deg)} 50%{transform:translateX(0) rotate(0deg)} 75%{transform:translateX(-4px) rotate(-2deg)} 100%{transform:translateX(0) rotate(0deg)} }
@keyframes iw-rope { 0%{transform:rotate(5deg) scaleY(1)} 50%{transform:rotate(8deg) scaleY(1.02)} 100%{transform:rotate(5deg) scaleY(1)} }
@keyframes iw-splash { 0%{opacity:.3; transform:scale(1)} 50%{opacity:.7; transform:scale(1.3)} 100%{opacity:.4; transform:scale(.9)} }

.scn-old-city {
  background: linear-gradient(180deg, #e8d0a0 0%, #d0b880 50%, #b89860 100%), radial-gradient(ellipse at 50% 100%, #c8a870 0%, transparent 70%);
}
.scn-old-city .sky-old { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #f0e0c0 0%, #e0c890 100%); animation: oc-sky 25s ease-in-out infinite alternate; }
.scn-old-city .building-bg { position:absolute; bottom:20%; left:5%; width:30%; height:60%; background: linear-gradient(180deg, #c8a870 0%, #a88850 100%); border-radius: 10% 10% 0 0; box-shadow: inset -10px 0 20px rgba(0,0,0,.2); }
.scn-old-city .building-mid { position:absolute; bottom:20%; left:30%; width:40%; height:70%; background: linear-gradient(180deg, #b89860 0%, #907840 100%); border-radius: 5% 5% 0 0; box-shadow: inset 0 -10px 20px rgba(0,0,0,.2); }
.scn-old-city .building-fg { position:absolute; bottom:20%; right:5%; width:25%; height:55%; background: linear-gradient(180deg, #d0b080 0%, #b09050 100%); border-radius: 15% 15% 0 0; }
.scn-old-city .street { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(0deg, #a08040 0%, #c8a060 100%); border-radius: 20% 20% 0 0; }
.scn-old-city .elephant-slow { position:absolute; bottom:12%; left:40%; width:18%; height:20%; background: linear-gradient(180deg, #7a6a50 0%, #5a4a30 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; animation: oc-elephant 8s ease-in-out infinite; }
.scn-old-city .figure-1 { position:absolute; bottom:10%; left:20%; width:5%; height:12%; background: linear-gradient(180deg, #5a4a40 0%, #3a2a20 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: oc-walk 5s ease-in-out infinite; }
.scn-old-city .figure-2 { position:absolute; bottom:10%; right:20%; width:5%; height:12%; background: linear-gradient(180deg, #5a4a40 0%, #3a2a20 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: oc-walk 6s ease-in-out infinite 2s; }
.scn-old-city .cart-detail { position:absolute; bottom:8%; left:25%; width:12%; height:8%; background: linear-gradient(180deg, #8a7050 0%, #6a5030 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: oc-cart 12s linear infinite; }
@keyframes oc-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.85} }
@keyframes oc-elephant { 0%{transform:translateX(0) rotate(0deg)} 25%{transform:translateX(3px) rotate(1deg)} 50%{transform:translateX(0) rotate(0deg)} 75%{transform:translateX(-3px) rotate(-1deg)} 100%{transform:translateX(0) rotate(0deg)} }
@keyframes oc-walk { 0%{transform:translateX(0) translateY(0)} 25%{transform:translateX(8px) translateY(-2px)} 50%{transform:translateX(16px) translateY(0)} 75%{transform:translateX(24px) translateY(-2px)} 100%{transform:translateX(32px) translateY(0)} }
@keyframes oc-cart { 0%{transform:translateX(0)} 100%{transform:translateX(200px)} }

.scn-oldest-princedom {
  background: linear-gradient(180deg, #e0c890 0%, #c8a870 40%, #a88860 100%), radial-gradient(ellipse at 30% 0%, #f0d8a0 0%, transparent 70%);
}
.scn-oldest-princedom .sky-royal { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #f0e0c0 0%, #e0c890 100%); animation: op-sky 30s ease-in-out infinite alternate; }
.scn-oldest-princedom .palace-base { position:absolute; bottom:15%; left:15%; width:70%; height:60%; background: linear-gradient(180deg, #c8a870 0%, #a88850 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 -20px 40px rgba(0,0,0,.3); }
.scn-oldest-princedom .palace-dome { position:absolute; bottom:60%; left:30%; width:40%; height:30%; background: linear-gradient(180deg, #d0b880 0%, #b89850 100%); border-radius: 50% 50% 10% 10%; box-shadow: inset 0 10px 30px rgba(0,0,0,.2); }
.scn-oldest-princedom .columns-left { position:absolute; bottom:15%; left:20%; width:6%; height:50%; background: linear-gradient(0deg, #a08050 0%, #c0a060 100%); border-radius: 10px; box-shadow: -4px 0 8px rgba(0,0,0,.2); }
.scn-oldest-princedom .columns-right { position:absolute; bottom:15%; right:20%; width:6%; height:50%; background: linear-gradient(0deg, #a08050 0%, #c0a060 100%); border-radius: 10px; box-shadow: 4px 0 8px rgba(0,0,0,.2); }
.scn-oldest-princedom .banner-left { position:absolute; bottom:50%; left:22%; width:4%; height:20%; background: #7a5a3a; border-radius: 2px; transform-origin: top; animation: op-banner 6s ease-in-out infinite alternate; }
.scn-oldest-princedom .banner-right { position:absolute; bottom:50%; right:22%; width:4%; height:20%; background: #7a5a3a; border-radius: 2px; transform-origin: top; animation: op-banner 6s ease-in-out infinite alternate-reverse; }
.scn-oldest-princedom .elephant-royal { position:absolute; bottom:10%; left:40%; width:20%; height:22%; background: linear-gradient(180deg, #8a7a60 0%, #6a5a40 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; animation: op-elephant 10s ease-in-out infinite; }
.scn-oldest-princedom .dust { position:absolute; bottom:0; left:0; right:0; height:15%; background: radial-gradient(ellipse at 50% 100%, #c8a870 0%, transparent 80%); filter: blur(4px); animation: op-dust 12s ease-in-out infinite alternate; }
@keyframes op-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.85} }
@keyframes op-banner { 0%{transform:rotate(-5deg) scaleY(1)} 50%{transform:rotate(5deg) scaleY(1.1)} 100%{transform:rotate(-5deg) scaleY(1)} }
@keyframes op-elephant { 0%{transform:translateX(0) rotate(0deg)} 25%{transform:translateX(4px) rotate(1deg)} 50%{transform:translateX(0) rotate(0deg)} 75%{transform:translateX(-4px) rotate(-1deg)} 100%{transform:translateX(0) rotate(0deg)} }
@keyframes op-dust { 0%{opacity:.3; transform:scaleY(1)} 50%{opacity:.6; transform:scaleY(1.2)} 100%{opacity:.4; transform:scaleY(.8)} }

.scn-old-fort {
  background: linear-gradient(180deg, #87CEEB 0%, #F0E68C 40%, #FFD700 100%), radial-gradient(ellipse at 30% 50%, #FFD700 0%, transparent 60%);
}
.scn-old-fort .sky  { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #4A90D9 0%, #87CEEB 100%); animation: of-sky 8s ease-in-out infinite alternate; }
.scn-old-fort .sun  { position:absolute; top:8%; left:70%; width:60px; height:60px; background: radial-gradient(circle, #FFF5C2 0%, #FFD700 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px #FFD700; animation: of-sun 6s ease-in-out infinite alternate; }
.scn-old-fort .fort { position:absolute; bottom:20%; left:20%; width:40%; height:50%; background: linear-gradient(180deg, #B8860B 0%, #8B6508 50%, #6B4C1A 100%); border-radius: 30% 30% 0 0 / 20% 20% 0 0; box-shadow: 0 -10px 30px rgba(0,0,0,0.3); animation: of-fort 12s ease-in-out infinite; }
.scn-old-fort .rampart { position:absolute; bottom:20%; left:15%; width:70%; height:8%; background: linear-gradient(90deg, #8B6508 0%, #A08020 50%, #8B6508 100%); border-radius: 50% 50% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: of-rampart 10s ease-in-out infinite alternate; }
.scn-old-fort .river1  { position:absolute; bottom:2%; left:0; width:50%; height:12%; background: linear-gradient(90deg, #4682B4 0%, #87CEEB 50%, #B0E0E6 100%); border-radius: 0 40% 0 40%; opacity:0.8; animation: of-river 15s linear infinite; }
.scn-old-fort .river2  { position:absolute; bottom:2%; right:0; width:50%; height:12%; background: linear-gradient(90deg, #B0E0E6 0%, #87CEEB 50%, #4682B4 100%); border-radius: 40% 0 40% 0; opacity:0.8; animation: of-river 15s linear infinite reverse; }
.scn-old-fort .cloud-a { position:absolute; top:10%; left:10%; width:100px; height:25px; background: rgba(255,255,255,0.6); border-radius:50%; filter: blur(8px); animation: of-cloud 30s linear infinite; }
.scn-old-fort .cloud-b { position:absolute; top:18%; right:15%; width:80px; height:20px; background: rgba(255,255,255,0.5); border-radius:50%; filter: blur(6px); animation: of-cloud 40s linear infinite reverse; }
@keyframes of-sky    { 0%,100% { opacity:0.85 } 50% { opacity:1 } }
@keyframes of-sun    { 0% { transform: scale(0.95) translateY(0); opacity:0.9 } 50% { transform: scale(1.05) translateY(-4px); opacity:1 } 100% { transform: scale(0.95) translateY(0); opacity:0.9 } }
@keyframes of-fort   { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes of-rampart{ 0% { transform: translateX(-2px) scale(1) } 50% { transform: translateX(2px) scale(1.01) } 100% { transform: translateX(-2px) scale(1) } }
@keyframes of-river  { 0% { background-position-x: 0% } 100% { background-position-x: 100% } }
@keyframes of-cloud  { 0% { transform: translateX(0) } 50% { transform: translateX(30px) } 100% { transform: translateX(0) } }

.scn-dusty-benares {
  background: linear-gradient(180deg, #F5DEB3 0%, #D2B48C 40%, #C4A882 100%), radial-gradient(ellipse at 50% 100%, #E8D5B0 0%, transparent 70%);
}
.scn-dusty-benares .sky    { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #FFDAB9 0%, #F5DEB3 100%); animation: db-sky 10s ease-in-out infinite alternate; }
.scn-dusty-benares .dust   { position:absolute; top:30%; left:0; right:0; height:60%; background: radial-gradient(ellipse at 50% 0%, rgba(210,180,140,0.6) 0%, transparent 70%); filter: blur(15px); animation: db-dust 20s ease-in-out infinite; }
.scn-dusty-benares .road   { position:absolute; bottom:20%; left:10%; width:80%; height:30%; background: linear-gradient(180deg, #C4A882 0%, #A08060 100%); border-radius: 50% 50% 0 0 / 30% 30% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.2); animation: db-road 8s ease-in-out infinite alternate; }
.scn-dusty-benares .figure { position:absolute; bottom:25%; left:35%; width:20px; height:45px; background: linear-gradient(180deg, #4A3728 0%, #2C1E14 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: db-walk 4s ease-in-out infinite; }
.scn-dusty-benares .building { position:absolute; bottom:22%; right:15%; width:60px; height:80px; background: linear-gradient(180deg, #D2B48C 0%, #B8966A 100%); border-radius: 10% 10% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.3); animation: db-building 9s ease-in-out infinite; }
.scn-dusty-benares .gem    { position:absolute; top:35%; left:60%; width:12px; height:12px; background: radial-gradient(circle, #FFD700 0%, #B8860B 70%); border-radius:50%; box-shadow: 0 0 20px 6px #FFD700; animation: db-gem 3s ease-in-out infinite alternate; }
.scn-dusty-benares .heat-shimmer { position:absolute; top:45%; left:10%; width:40%; height:10%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); filter: blur(6px); animation: db-heat 5s ease-in-out infinite; }
@keyframes db-sky    { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes db-dust   { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-8px) scale(1.05) } 100% { transform: translateY(0) scale(1) } }
@keyframes db-road   { 0% { transform: scaleY(1) } 50% { transform: scaleY(0.98) } 100% { transform: scaleY(1) } }
@keyframes db-walk   { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(8px) translateY(-1px) rotate(2deg) } 50% { transform: translateX(16px) translateY(0) rotate(-2deg) } 75% { transform: translateX(24px) translateY(-1px) rotate(2deg) } 100% { transform: translateX(32px) translateY(0) rotate(0) } }
@keyframes db-building{ 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes db-gem    { 0% { box-shadow: 0 0 10px 2px #FFD700; opacity:0.6 } 50% { box-shadow: 0 0 30px 10px #FFD700; opacity:1 } 100% { box-shadow: 0 0 15px 4px #FFD700; opacity:0.7 } }
@keyframes db-heat   { 0% { opacity:0.2; transform: translateX(0) } 50% { opacity:0.5; transform: translateX(10px) } 100% { opacity:0.2; transform: translateX(0) } }

.scn-zenana-ladies {
  background: linear-gradient(180deg, #FFDAB9 0%, #FFFACD 30%, #FFE4B5 70%), radial-gradient(ellipse at 50% 100%, #FFD700 0%, transparent 60%);
}
.scn-zenana-ladies .sky    { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #87CEEB 0%, #FFDAB9 100%); animation: zl-sky 12s ease-in-out infinite alternate; }
.scn-zenana-ladies .sun    { position:absolute; top:10%; left:50%; width:80px; height:80px; border-radius:50%; background: radial-gradient(circle, #FFF5C2 0%, #FFD700 40%, transparent 70%); box-shadow: 0 0 120px 40px #FFD700; animation: zl-sun 5s ease-in-out infinite alternate; }
.scn-zenana-ladies .palanquin-a { position:absolute; bottom:20%; left:20%; width:100px; height:60px; background: linear-gradient(180deg, #C8553D 0%, #8B2B1F 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 8px 20px rgba(0,0,0,0.4); animation: zl-palanquin 6s ease-in-out infinite; }
.scn-zenana-ladies .palanquin-b { position:absolute; bottom:20%; right:20%; width:100px; height:60px; background: linear-gradient(180deg, #A0461A 0%, #6B2C0F 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 8px 20px rgba(0,0,0,0.4); animation: zl-palanquin 7s ease-in-out infinite 1s; }
.scn-zenana-ladies .curtain-a { position:absolute; bottom:25%; left:22%; width:16px; height:30px; background: linear-gradient(180deg, #FFD700 0%, #B8860B 100%); border-radius: 10% 10% 50% 50%; transform-origin: top center; animation: zl-curtain 3s ease-in-out infinite alternate; }
.scn-zenana-ladies .curtain-b { position:absolute; bottom:25%; right:22%; width:16px; height:30px; background: linear-gradient(180deg, #FFD700 0%, #B8860B 100%); border-radius: 10% 10% 50% 50%; transform-origin: top center; animation: zl-curtain 3.5s ease-in-out infinite alternate-reverse; }
.scn-zenana-ladies .silhouette { position:absolute; bottom:25%; left:48%; width:14px; height:36px; background: linear-gradient(180deg, #2C1E14 0%, #0A0604 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: zl-sway 4s ease-in-out infinite; }
@keyframes zl-sky    { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes zl-sun    { 0% { transform: scale(0.95) translateY(0); box-shadow: 0 0 100px 30px #FFD700 } 50% { transform: scale(1.05) translateY(-6px); box-shadow: 0 0 150px 50px #FFD700 } 100% { transform: scale(0.95) translateY(0); box-shadow: 0 0 100px 30px #FFD700 } }
@keyframes zl-palanquin { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-4px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes zl-curtain{ 0% { transform: rotate(0) scaleY(1) } 50% { transform: rotate(5deg) scaleY(1.1) } 100% { transform: rotate(0) scaleY(1) } }
@keyframes zl-sway   { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(2px) rotate(3deg) } 50% { transform: translateX(0) rotate(0) } 75% { transform: translateX(-2px) rotate(-3deg) } 100% { transform: translateX(0) rotate(0) } }

.scn-benares-outskirts {
  background: linear-gradient(180deg, #E8D5B0 0%, #D2B48C 30%, #8B7355 70%, #5C4033 100%), radial-gradient(ellipse at 50% 80%, #A08060 0%, transparent 60%);
}
.scn-benares-outskirts .sky    { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #B0C4DE 0%, #E8D5B0 100%); animation: bo-sky 14s ease-in-out infinite alternate; }
.scn-benares-outskirts .ground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #8B7355 0%, #5C4033 100%); border-radius: 40% 60% 0 0 / 20% 30% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,0.5); animation: bo-ground 10s ease-in-out infinite alternate; }
.scn-benares-outskirts .temple-ruin { position:absolute; bottom:25%; left:10%; width:80px; height:60px; background: linear-gradient(180deg, #A08060 0%, #706050 100%); border-radius: 20% 20% 0 0; box-shadow: inset 0 0 20px rgba(0,0,0,0.3); animation: bo-ruin 15s ease-in-out infinite; }
.scn-benares-outskirts .tomb   { position:absolute; bottom:30%; right:20%; width:50px; height:40px; background: linear-gradient(180deg, #C4A882 0%, #8B7355 100%); border-radius: 50% 50% 0 0 / 60% 60% 0 0; box-shadow: 0 4px 10px rgba(0,0,0,0.4); animation: bo-tomb 12s ease-in-out infinite alternate; }
.scn-benares-outskirts .tree   { position:absolute; bottom:22%; left:40%; width:30px; height:80px; background: linear-gradient(180deg, #3A2F1E 0%, #1F1A0E 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; animation: bo-tree 8s ease-in-out infinite; }
.scn-benares-outskirts .servant{ position:absolute; bottom:15%; left:60%; width:16px; height:40px; background: linear-gradient(180deg, #2C1E14 0%, #0A0604 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bo-glide 6s ease-in-out infinite; }
.scn-benares-outskirts .dust-cloud { position:absolute; top:40%; right:30%; width:60px; height:15px; background: rgba(210,180,140,0.3); border-radius:50%; filter: blur(8px); animation: bo-dust 20s linear infinite; }
@keyframes bo-sky    { 0% { opacity:0.8 } 50% { opacity:0.9 } 100% { opacity:0.75 } }
@keyframes bo-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes bo-ruin   { 0%,100% { transform: translateY(0) scale(1) } 50% { transform: translateY(-2px) scale(0.98) } }
@keyframes bo-tomb   { 0% { transform: translateX(-2px) } 50% { transform: translateX(2px) } 100% { transform: translateX(-2px) } }
@keyframes bo-tree   { 0% { transform: rotate(0) } 50% { transform: rotate(2deg) } 100% { transform: rotate(0) } }
@keyframes bo-glide  { 0% { transform: translateX(0) translateY(0) } 25% { transform: translateX(12px) translateY(-1px) } 50% { transform: translateX(24px) translateY(0) } 75% { transform: translateX(36px) translateY(-1px) } 100% { transform: translateX(48px) translateY(0) } }
@keyframes bo-dust   { 0% { transform: translateX(0) scale(1); opacity:0.3 } 50% { transform: translateX(20px) scale(1.2); opacity:0.5 } 100% { transform: translateX(40px) scale(1); opacity:0.3 } }

.scn-ship-maneuver {
  background: linear-gradient(180deg, #3b1f0e 0%, #7a4a2a 30%, #b87a4a 60%, #d9a66a 80%, #f2ca8a 100%),
              radial-gradient(ellipse at 30% 20%, #f2ca8a 0%, transparent 60%);
}
.scn-ship-maneuver .sky-dusk {
  position:absolute; inset:0 0 45% 0;
  background: linear-gradient(180deg, #2d1a0c 0%, #7a4a2a 40%, #c48a4a 100%);
  animation: sm-sky 12s ease-in-out infinite alternate;
}
.scn-ship-maneuver .sea-dusk {
  position:absolute; bottom:0; left:0; right:0; height:45%;
  background: linear-gradient(180deg, #1a2a3a 0%, #0d1a2a 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,.5);
  animation: sm-sea 8s ease-in-out infinite;
}
.scn-ship-maneuver .ship-hull {
  position:absolute; bottom:18%; left:35%; width:130px; height:40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  transform: rotate(-2deg);
  animation: sm-hull 6s ease-in-out infinite;
}
.scn-ship-maneuver .jib-sail {
  position:absolute; bottom:45%; left:38%; width:0; height:0;
  border-left: 40px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 70px solid #f2d9b3;
  filter: blur(1px);
  opacity: 0.7;
  animation: sm-jib 4s ease-in-out infinite alternate;
}
.scn-ship-maneuver .mast {
  position:absolute; bottom:33%; left:42%; width:4px; height:90px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  transform-origin: bottom center;
  animation: sm-mast 6s ease-in-out infinite;
}
.scn-ship-maneuver .bridge-shadow {
  position:absolute; bottom:26%; left:30%; width:40px; height:20px;
  background: radial-gradient(ellipse, #1a120a 0%, transparent 70%);
  filter: blur(3px);
  animation: sm-bridge 9s ease-in-out infinite alternate;
}
.scn-ship-maneuver .watcher-sil {
  position:absolute; bottom:19%; left:25%; width:12px; height:28px;
  background: linear-gradient(180deg, #0d0d1a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sm-watcher 5s ease-in-out infinite;
}
@keyframes sm-sky { 0%{opacity:.7} 50%{opacity:1} 100%{opacity:.8} }
@keyframes sm-sea { 0%{transform:translateY(0)} 50%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
@keyframes sm-hull { 0%{transform:rotate(-2deg) translateX(0)} 50%{transform:rotate(-1deg) translateX(-3px)} 100%{transform:rotate(-2deg) translateX(0)} }
@keyframes sm-jib { 0%{transform:scaleY(1) rotate(0)} 50%{transform:scaleY(1.05) rotate(-2deg)} 100%{transform:scaleY(1) rotate(0)} }
@keyframes sm-mast { 0%{transform:rotate(-1deg)} 50%{transform:rotate(1deg)} 100%{transform:rotate(-1deg)} }
@keyframes sm-bridge { 0%{opacity:.4} 50%{opacity:.7} 100%{opacity:.4} }
@keyframes sm-watcher { 0%{transform:translateX(0) rotate(-1deg)} 30%{transform:translateX(2px) rotate(1deg)} 70%{transform:translateX(-1px) rotate(-1deg)} 100%{transform:translateX(0) rotate(-1deg)} }

.scn-siam-annexed {
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a3a 40%, #2a2a4a 70%, #1a1a2a 100%),
              radial-gradient(ellipse at 70% 30%, #5a3a2a 0%, transparent 50%);
}
.scn-siam-annexed .bg-deep {
  position:absolute; inset:0;
  background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3a 50%, #2a2a4a 100%);
  animation: sa-bg 15s ease-in-out infinite alternate;
}
.scn-siam-annexed .cabin-wall {
  position:absolute; inset:10% 10% 10% 10%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 4%;
  box-shadow: inset 0 0 30px rgba(0,0,0,.6);
}
.scn-siam-annexed .lantern-glow {
  position:absolute; top:15%; left:20%; width:20px; height:20px;
  background: radial-gradient(circle, #f0c068 0%, #b08040 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px #c08040, 0 0 80px 20px rgba(192,128,64,.4);
  animation: sa-lantern 3s ease-in-out infinite alternate;
}
.scn-siam-annexed .vulture-sil {
  position:absolute; bottom:25%; left:55%; width:60px; height:40px;
  background: radial-gradient(ellipse, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  filter: blur(1px);
  transform: rotate(-5deg);
  animation: sa-vulture 8s ease-in-out infinite;
}
.scn-siam-annexed .vulture-sil::before {
  content: ''; position:absolute; top:-10px; left:20px; width:16px; height:16px;
  background: #5e2a1a; /* desaturated rust, not crimson */
  border-radius: 50% 50% 60% 60% / 70% 70% 40% 40%;
  transform: rotate(10deg);
}
.scn-siam-annexed .cage-bars {
  position:absolute; bottom:20%; left:52%; width:70px; height:60px;
  border: 3px solid #3a3a3a;
  border-radius: 4%;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  animation: sa-cage 10s ease-in-out infinite alternate;
}
.scn-siam-annexed .table-map {
  position:absolute; bottom:12%; left:35%; width:100px; height:10px;
  background: linear-gradient(90deg, #4a3a2a 0%, #5a4a3a 50%, #3a2a1a 100%);
  border-radius: 20%;
  transform: rotate(-3deg);
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: sa-table 14s ease-in-out infinite;
}
@keyframes sa-bg { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.85} }
@keyframes sa-lantern { 0%{box-shadow:0 0 30px 8px #c08040; opacity:.8} 50%{box-shadow:0 0 60px 20px #ffd060; opacity:1} 100%{box-shadow:0 0 35px 10px #c08040; opacity:.85} }
@keyframes sa-vulture { 0%{transform:rotate(-5deg) translateX(0)} 30%{transform:rotate(-3deg) translateX(2px)} 70%{transform:rotate(-6deg) translateX(-1px)} 100%{transform:rotate(-5deg) translateX(0)} }
@keyframes sa-cage { 0%{opacity:.7} 50%{opacity:1} 100%{opacity:.8} }
@keyframes sa-table { 0%{box-shadow:0 4px 8px rgba(0,0,0,.4)} 50%{box-shadow:0 6px 12px rgba(0,0,0,.5)} 100%{box-shadow:0 4px 8px rgba(0,0,0,.4)} }

.scn-federation-debate {
  background: linear-gradient(180deg, #f5f0e0 0%, #e8dcc8 40%, #d0c4b0 100%),
              radial-gradient(ellipse at 50% 30%, #fff8ea 0%, transparent 60%);
}
.scn-federation-debate .salon-wall {
  position:absolute; inset:5% 5% 5% 5%;
  background: linear-gradient(135deg, #e8dcc8 0%, #d4c8b0 100%);
  border-radius: 2%;
  box-shadow: inset 0 0 40px rgba(0,0,0,.1);
}
.scn-federation-debate .window-light {
  position:absolute; top:8%; left:15%; width:80px; height:120px;
  background: linear-gradient(180deg, #bfd8e8 0%, #8fb0c8 100%);
  border-radius: 4%;
  box-shadow: inset 0 0 20px rgba(255,255,255,.3), 0 0 30px rgba(200,220,240,.2);
  animation: fd-window 12s ease-in-out infinite alternate;
}
.scn-federation-debate .table-oval {
  position:absolute; bottom:20%; left:30%; width:120px; height:60px;
  background: linear-gradient(135deg, #8a7a6a 0%, #6a5a4a 50%, #5a4a3a 100%);
  border-radius: 50%;
  box-shadow: 0 6px 12px rgba(0,0,0,.3);
  transform: rotate(-2deg);
  animation: fd-table 20s ease-in-out infinite;
}
.scn-federation-debate .chair-left {
  position:absolute; bottom:25%; left:25%; width:30px; height:40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  transform: translateX(-10px);
  animation: fd-chair-l 8s ease-in-out infinite;
}
.scn-federation-debate .chair-right {
  position:absolute; bottom:25%; right:25%; width:30px; height:40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  transform: translateX(10px) scaleX(-1);
  animation: fd-chair-r 8s ease-in-out infinite;
}
.scn-federation-debate .figure-debate-a {
  position:absolute; bottom:28%; left:32%; width:20px; height:50px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fd-fig-a 6s ease-in-out infinite;
}
.scn-federation-debate .figure-debate-b {
  position:absolute; bottom:28%; right:32%; width:20px; height:50px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fd-fig-b 6s ease-in-out infinite reverse;
}
.scn-federation-debate .papers-scattered {
  position:absolute; bottom:15%; left:40%; width:50px; height:40px;
  background: linear-gradient(135deg, #e8dcc8 0%, #d0c0a0 100%);
  border-radius: 4%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  transform: rotate(5deg);
  animation: fd-papers 15s ease-in-out infinite alternate;
}
@keyframes fd-window { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.85} }
@keyframes fd-table { 0%{box-shadow:0 6px 12px rgba(0,0,0,.3)} 50%{box-shadow:0 8px 16px rgba(0,0,0,.35)} 100%{box-shadow:0 6px 12px rgba(0,0,0,.3)} }
@keyframes fd-chair-l { 0%{transform:translateX(-10px)} 50%{transform:translateX(-8px)} 100%{transform:translateX(-10px)} }
@keyframes fd-chair-r { 0%{transform:translateX(10px) scaleX(-1)} 50%{transform:translateX(8px) scaleX(-1)} 100%{transform:translateX(10px) scaleX(-1)} }
@keyframes fd-fig-a { 0%{transform:translateY(0) rotate(-2deg)} 30%{transform:translateY(-2px) rotate(2deg)} 70%{transform:translateY(-1px) rotate(-1deg)} 100%{transform:translateY(0) rotate(-2deg)} }
@keyframes fd-fig-b { 0%{transform:translateY(0) rotate(2deg)} 30%{transform:translateY(-2px) rotate(-2deg)} 70%{transform:translateY(-1px) rotate(1deg)} 100%{transform:translateY(0) rotate(2deg)} }
@keyframes fd-papers { 0%{transform:rotate(5deg)} 50%{transform:rotate(-3deg)} 100%{transform:rotate(5deg)} }

.scn-ceylon-arrival {
  background: linear-gradient(180deg, #f0d8a0 0%, #d0b080 30%, #a08060 60%, #709060 100%),
              radial-gradient(ellipse at 60% 20%, #fce4c0 0%, transparent 50%);
}
.scn-ceylon-arrival .sky-tropical {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #60b8e0 0%, #80d8f0 30%, #b0e8f8 60%, #f0f4e0 100%);
  animation: ca-sky 18s ease-in-out infinite alternate;
}
.scn-ceylon-arrival .sea-turquoise {
  position:absolute; bottom:0; left:0; right:0; height:45%;
  background: linear-gradient(180deg, #4ab8b0 0%, #308080 50%, #206060 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,.3);
  animation: ca-sea 10s ease-in-out infinite alternate;
}
.scn-ceylon-arrival .palm-green {
  position:absolute; bottom:12%; left:10%; width:120px; height:200px;
  background: linear-gradient(180deg, #3a7a3a 0%, #2a5a2a 100%);
  border-radius: 80% 80% 10% 10% / 90% 90% 20% 20%;
  transform: rotate(-10deg);
  filter: drop-shadow(0 0 8px rgba(0,0,0,.3));
  animation: ca-palm 14s ease-in-out infinite;
}
.scn-ceylon-arrival .colombo-building {
  position:absolute; bottom:8%; right:15%; width:100px; height:80px;
  background: linear-gradient(180deg, #e8d4b8 0%, #c8b498 50%, #a89078 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 8px 16px rgba(0,0,0,.4);
  transform: perspective(200px) rotateX(2deg);
  animation: ca-building 20s ease-in-out infinite alternate;
}
.scn-ceylon-arrival .ship-anchor {
  position:absolute; bottom:32%; left:40%; width:120px; height:40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  transform: rotate(1deg);
  animation: ca-ship 8s ease-in-out infinite;
}
.scn-ceylon-arrival .deck-passenger-a {
  position:absolute; bottom:34%; left:42%; width:14px; height:32px;
  background: linear-gradient(180deg, #e0d0b8 0%, #d0c0a8 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ca-pas-a 5s ease-in-out infinite;
}
.scn-ceylon-arrival .deck-passenger-b {
  position:absolute; bottom:34%; left:46%; width:14px; height:32px;
  background: linear-gradient(180deg, #e0d0b8 0%, #d0c0a8 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ca-pas-b 5s ease-in-out infinite reverse;
  filter: brightness(0.9);
}
.scn-ceylon-arrival .cricket-bat {
  position:absolute; bottom:30%; left:50%; width:40px; height:6px;
  background: linear-gradient(90deg, #a08060 0%, #c8a878 50%, #a08060 100%);
  border-radius: 40% 40% 10% 10% / 40% 40% 10% 10%;
  transform: rotate(-15deg);
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  animation: ca-bat 3s ease-in-out infinite alternate;
}
@keyframes ca-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.85} }
@keyframes ca-sea { 0%{transform:translateY(0)} 50%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
@keyframes ca-palm { 0%{transform:rotate(-10deg)} 50%{transform:rotate(-8deg) scale(1.02)} 100%{transform:rotate(-10deg)} }
@keyframes ca-building { 0%{transform:perspective(200px) rotateX(2deg)} 50%{transform:perspective(200px) rotateX(3deg)} 100%{transform:perspective(200px) rotateX(2deg)} }
@keyframes ca-ship { 0%{transform:rotate(1deg) translateY(0)} 50%{transform:rotate(0deg) translateY(-2px)} 100%{transform:rotate(1deg) translateY(0)} }
@keyframes ca-pas-a { 0%{transform:translateY(0) rotate(-2deg)} 30%{transform:translateY(-2px) rotate(2deg)} 70%{transform:translateY(-1px) rotate(-1deg)} 100%{transform:translateY(0) rotate(-2deg)} }
@keyframes ca-pas-b { 0%{transform:translateY(0) rotate(2deg)} 30%{transform:translateY(-2px) rotate(-2deg)} 70%{transform:translateY(-1px) rotate(1deg)} 100%{transform:translateY(0) rotate(2deg)} }
@keyframes ca-bat { 0%{transform:rotate(-15deg) scaleY(1)} 50%{transform:rotate(-10deg) scaleY(1.05)} 100%{transform:rotate(-15deg) scaleY(1)} }

.scn-aboriginal-dodging {
  background: linear-gradient(180deg, #fcecc0 0%, #f5d8a0 60%, #e8c080 100%),
    radial-gradient(ellipse at 30% 70%, #fff5e0 0%, transparent 70%);
}
.scn-aboriginal-dodging .bg-warm { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,245,230,.6) 0%, transparent 100%); }
.scn-aboriginal-dodging .window-frame { position:absolute; top:10%; left:30%; width:35%; height:60%; border:8px solid #8b6f4e; background: transparent; border-radius: 4px; box-shadow: inset 0 0 30px rgba(200,170,100,.3); }
.scn-aboriginal-dodging .window-pane { position:absolute; top:12%; left:32%; width:31%; height:56%; background: linear-gradient(135deg, #fffff0 0%, #f0e6c8 100%); border-radius:2px; opacity:.5; animation: ab-pane 8s ease-in-out infinite alternate; }
.scn-aboriginal-dodging .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #b89a6a 0%, #9c7e52 100%); border-radius: 20% 20% 0 0 / 10% 10% 0 0; }
.scn-aboriginal-dodging .figure { position:absolute; bottom:20%; left:45%; width:28px; height:60px; background: linear-gradient(180deg, #5a3e2e 0%, #3c2a1c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ab-dodge 3s ease-in-out infinite; }
.scn-aboriginal-dodging .shield { position:absolute; bottom:25%; left:42%; width:14px; height:40px; background: linear-gradient(180deg, #b87a4a 0%, #8c5e34 100%); border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: ab-shield 3s ease-in-out infinite; }
.scn-aboriginal-dodging .shadow-fig { position:absolute; bottom:15%; left:40%; width:50px; height:15px; background: rgba(0,0,0,.2); border-radius: 50%; filter: blur(4px); animation: ab-shadow 3s ease-in-out infinite; }
.scn-aboriginal-dodging .light-shaft { position:absolute; top:8%; left:35%; width:25%; height:40%; background: linear-gradient(135deg, rgba(255,255,200,.3) 0%, transparent 100%); clip-path: polygon(20% 0, 80% 0, 60% 100%, 0 100%); animation: ab-light 12s ease-in-out infinite alternate; }
@keyframes ab-pane { 0% { opacity:.4; transform: scaleX(1); } 50% { opacity:.6; transform: scaleX(1.02); } 100% { opacity:.5; transform: scaleX(1); } }
@keyframes ab-dodge { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(15px) rotate(-5deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-15px) rotate(5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ab-shield { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(10px) rotate(-10deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-10px) rotate(10deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ab-shadow { 0% { transform: translateX(0); opacity:.2; } 25% { transform: translateX(10px); opacity:.1; } 50% { transform: translateX(0); opacity:.2; } 75% { transform: translateX(-10px); opacity:.15; } 100% { transform: translateX(0); opacity:.2; } }
@keyframes ab-light { 0% { opacity:.3; transform: rotate(-2deg); } 50% { opacity:.6; transform: rotate(2deg); } 100% { opacity:.3; transform: rotate(-2deg); } }

.scn-cricket-throw {
  background: linear-gradient(180deg, #fef8e0 0%, #f5e5b0 50%, #e0c890 100%),
    radial-gradient(ellipse at 70% 40%, #fffff0 0%, transparent 60%);
}
.scn-cricket-throw .sky-bright { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #fff8e0 0%, #e8d8a8 100%); }
.scn-cricket-throw .ground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #b8a47a 0%, #9c8a62 100%); border-radius: 30% 70% 0 0 / 20% 40% 0 0; }
.scn-cricket-throw .figure-throw { position:absolute; bottom:22%; left:20%; width:30px; height:58px; background: linear-gradient(180deg, #4a3a2a 0%, #2e2216 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ct-throw 2.5s ease-in-out infinite; }
.scn-cricket-throw .ball { position:absolute; bottom:38%; left:28%; width:8px; height:8px; background: radial-gradient(circle, #f0e0c0 0%, #c0a070 100%); border-radius:50%; animation: ct-ball 2.5s ease-in-out infinite; }
.scn-cricket-throw .trail { position:absolute; bottom:36%; left:22%; width:60px; height:4px; background: linear-gradient(90deg, rgba(200,180,120,.6) 0%, transparent 100%); border-radius: 2px; animation: ct-trail 2.5s ease-in-out infinite; }
.scn-cricket-throw .trail-glow { position:absolute; bottom:34%; left:24%; width:40px; height:10px; background: radial-gradient(ellipse, rgba(255,200,100,.3) 0%, transparent 100%); animation: ct-trail-glow 2.5s ease-in-out infinite; }
.scn-cricket-throw .shadow-player { position:absolute; bottom:15%; left:15%; width:50px; height:12px; background: rgba(0,0,0,.2); border-radius:50%; filter: blur(3px); animation: ct-shadow 2.5s ease-in-out infinite; }
.scn-cricket-throw .sparkle { position:absolute; top:25%; left:70%; width:10px; height:10px; background: radial-gradient(circle, #ffe080 0%, transparent 100%); border-radius:50%; animation: ct-sparkle 4s ease-in-out infinite alternate; }
@keyframes ct-throw { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-10px) rotate(-20deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-5px) rotate(10deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ct-ball { 0% { transform: translate(0, 0) scale(1); } 25% { transform: translate(30px, -20px) scale(.9); } 50% { transform: translate(60px, 0) scale(1); } 75% { transform: translate(90px, -10px) scale(.95); } 100% { transform: translate(120px, 0) scale(1); } }
@keyframes ct-trail { 0% { width:0; opacity:0; } 25% { width:40px; opacity:.6; } 50% { width:80px; opacity:.4; } 75% { width:100px; opacity:.2; } 100% { width:0; opacity:0; } }
@keyframes ct-trail-glow { 0% { opacity:0; transform: scale(1); } 25% { opacity:.5; transform: scale(1.5); } 50% { opacity:.3; transform: scale(2); } 75% { opacity:.2; transform: scale(1.2); } 100% { opacity:0; transform: scale(1); } }
@keyframes ct-shadow { 0% { transform: translateX(0) scaleX(1); } 25% { transform: translateX(15px) scaleX(1.1); } 50% { transform: translateX(0) scaleX(1); } 75% { transform: translateX(10px) scaleX(1.05); } 100% { transform: translateX(0) scaleX(1); } }
@keyframes ct-sparkle { 0% { opacity:.3; transform: scale(1); } 50% { opacity:1; transform: scale(2.5); } 100% { opacity:.3; transform: scale(1); } }

.scn-kangaroo-art {
  background: linear-gradient(180deg, #ffd580 0%, #f8c060 40%, #e8a840 100%),
    radial-gradient(ellipse at 20% 80%, #ffe090 0%, transparent 60%);
}
.scn-kangaroo-art .sun-fun { position:absolute; top:8%; right:15%; width:60px; height:60px; background: radial-gradient(circle, #ffed80 0%, #ffcc40 70%); border-radius:50%; box-shadow: 0 0 40px 10px rgba(255,200,60,.5); animation: ka-sun 6s ease-in-out infinite alternate; }
.scn-kangaroo-art .outback { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #c8a050 0%, #a08030 100%); border-radius: 60% 40% 0 0 / 30% 20% 0 0; }
.scn-kangaroo-art .kangaroo { position:absolute; bottom:25%; left:40%; width:25px; height:50px; background: linear-gradient(180deg, #b08040 0%, #8c6028 100%); border-radius: 50% 50% 30% 30% / 70% 70% 40% 40%; transform-origin: bottom center; animation: ka-hop 4s ease-in-out infinite; }
.scn-kangaroo-art .hole { position:absolute; bottom:22%; left:45%; width:30px; height:12px; background: radial-gradient(ellipse, #7a5a20 0%, #4a3a10 100%); border-radius:40% 40% 30% 30%; animation: ka-hole 6s ease-in-out infinite; }
.scn-kangaroo-art .dust { position:absolute; bottom:20%; left:38%; width:40px; height:20px; background: radial-gradient(ellipse, rgba(200,160,80,.6) 0%, transparent 100%); filter: blur(3px); animation: ka-dust 4s ease-in-out infinite; }
.scn-kangaroo-art .cloud-puff { position:absolute; top:15%; left:10%; width:50px; height:15px; background: linear-gradient(90deg, rgba(255,255,220,.4) 0%, transparent 100%); border-radius:50%; filter: blur(4px); animation: ka-cloud 20s linear infinite; }
.scn-kangaroo-art .grass-blade { position:absolute; bottom:20%; left:20%; width:2px; height:25px; background: #6a8a3a; border-radius:1px; transform-origin: bottom; animation: ka-grass 3s ease-in-out infinite; }
.scn-kangaroo-art .pop { position:absolute; bottom:35%; left:55%; width:6px; height:6px; background: #ffd050; border-radius:50%; box-shadow: 0 0 12px 4px rgba(255,208,80,.6); animation: ka-pop 2s ease-in-out infinite; }
@keyframes ka-sun { 0% { transform: scale(1); box-shadow: 0 0 40px 10px rgba(255,200,60,.5); } 50% { transform: scale(1.15); box-shadow: 0 0 60px 20px rgba(255,200,60,.7); } 100% { transform: scale(1); box-shadow: 0 0 40px 10px rgba(255,200,60,.5); } }
@keyframes ka-hop { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-30px) rotate(-10deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-20px) rotate(10deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ka-hole { 0% { transform: scale(1); opacity:.8; } 50% { transform: scale(1.1); opacity:1; } 100% { transform: scale(1); opacity:.8; } }
@keyframes ka-dust { 0% { opacity:.3; transform: translateY(0) scale(1); } 25% { opacity:.6; transform: translateY(-10px) scale(1.5); } 50% { opacity:.4; transform: translateY(-5px) scale(1.2); } 75% { opacity:.5; transform: translateY(-15px) scale(1.8); } 100% { opacity:.3; transform: translateY(0) scale(1); } }
@keyframes ka-cloud { 0% { transform: translateX(-60px); } 100% { transform: translateX(120vw); } }
@keyframes ka-grass { 0% { transform: rotate(0deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } }
@keyframes ka-pop { 0% { transform: scale(1); opacity:.5; } 50% { transform: scale(2.5); opacity:1; } 100% { transform: scale(1); opacity:.5; } }

.scn-native-huntsman {
  background: linear-gradient(180deg, #f8e0b0 0%, #ecd090 50%, #d8b870 100%),
    radial-gradient(ellipse at 60% 30%, #ffe8c0 0%, transparent 50%);
}
.scn-native-huntsman .golden-sky { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #ffe8c0 0%, #f0d8a0 100%); }
.scn-native-huntsman .bush-back { position:absolute; bottom:15%; left:0; right:0; height:50%; background: linear-gradient(180deg, #7aa04a 0%, #4a6a2a 100%); border-radius: 60% 40% 0 0 / 30% 20% 0 0; }
.scn-native-huntsman .bush-fore { position:absolute; bottom:5%; left:10%; width:40%; height:40%; background: linear-gradient(180deg, #5a7a2a 0%, #3a4a1a 100%); border-radius: 50% 50% 0 0 / 80% 80% 0 0; }
.scn-native-huntsman .huntsman { position:absolute; bottom:20%; left:30%; width:24px; height:55px; background: linear-gradient(180deg, #4a2e1a 0%, #2a1a0e 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nh-sneak 5s ease-in-out infinite; }
.scn-native-huntsman .spear { position:absolute; bottom:30%; left:32%; width:3px; height:50px; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a12 100%); border-radius:1px; transform-origin: bottom center; animation: nh-spear 5s ease-in-out infinite; }
.scn-native-huntsman .emu-silhouette { position:absolute; bottom:22%; right:15%; width:30px; height:45px; background: linear-gradient(180deg, #3a3a2a 0%, #1a1a0e 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; animation: nh-emu 8s ease-in-out infinite alternate; }
.scn-native-huntsman .track-marks { position:absolute; bottom:10%; left:20%; width:20%; height:2px; border-left: 4px dotted rgba(0,0,0,.2); border-right: 4px dotted rgba(0,0,0,.1); background: transparent; animation: nh-tracks 12s linear infinite; }
.scn-native-huntsman .sun-ray { position:absolute; top:5%; left:25%; width:50%; height:30%; background: linear-gradient(135deg, rgba(255,240,180,.2) 0%, transparent 80%); clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); animation: nh-ray 10s ease-in-out infinite alternate; }
@keyframes nh-sneak { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(-2deg); } 50% { transform: translateX(10px) rotate(0deg); } 75% { transform: translateX(5px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes nh-spear { 0%,100% { transform: rotate(0deg); } 50% { transform: rotate(-10deg); } }
@keyframes nh-emu { 0% { transform: translateX(0) rotate(0deg); opacity:.9; } 50% { transform: translateX(-8px) rotate(3deg); opacity:1; } 100% { transform: translateX(0) rotate(0deg); opacity:.9; } }
@keyframes nh-tracks { 0% { background-position: 0 0; opacity:.5; } 100% { background-position: 100% 0; opacity:.5; } }
@keyframes nh-ray { 0% { opacity:.2; transform: rotate(0deg); } 50% { opacity:.5; transform: rotate(5deg); } 100% { opacity:.2; transform: rotate(0deg); } }

.scn-schoolboy-essay { background: linear-gradient(180deg, #fff5e0 0%, #f5e6c8 60%, #e8d5a3 100%), radial-gradient(ellipse at 70% 20%, #ffe8b0 0%, transparent 60%); }
.scn-schoolboy-essay .window { position:absolute; top:5%; left:20%; width:30%; height:35%; background: linear-gradient(0deg, #ffe8b0 0%, transparent 100%); border-radius: 20% 20% 0 0; opacity:.7; animation: sbe-window 15s ease-in-out infinite alternate; }
.scn-schoolboy-essay .desk { position:absolute; bottom:20%; left:10%; right:10%; height:12%; background: linear-gradient(180deg, #c4a265 0%, #a08050 100%); border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.3); }
.scn-schoolboy-essay .chair { position:absolute; bottom:24%; left:55%; width:12%; height:20%; background: linear-gradient(180deg, #8b6c3a 0%, #6b4c2a 100%); border-radius: 30% 30% 10% 10%; }
.scn-schoolboy-essay .boy { position:absolute; bottom:36%; left:52%; width:10%; height:25%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: sbe-boy 6s ease-in-out infinite; }
.scn-schoolboy-essay .paper { position:absolute; bottom:28%; left:20%; width:25%; height:10%; background: radial-gradient(ellipse at 50% 50%, #f0e0c0 0%, #d0c0a0 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: sbe-paper 4s ease-in-out infinite; }
.scn-schoolboy-essay .pen { position:absolute; bottom:30%; left:38%; width:8%; height:3%; background: linear-gradient(90deg, #654321 0%, #96794a 50%, #654321 100%); border-radius: 2px; transform-origin: right center; animation: sbe-pen 2s ease-in-out infinite; }
.scn-schoolboy-essay .lamp { position:absolute; top:15%; right:15%; width:15%; height:25%; background: radial-gradient(ellipse at 50% 0%, #ffe8b0 0%, #c8a060 60%, transparent 80%); border-radius: 50% 50% 10% 10%; box-shadow: 0 0 40px 20px #ffe8b0; animation: sbe-lamp 5s ease-in-out infinite alternate; }
.scn-schoolboy-essay .shadow { position:absolute; bottom:20%; left:8%; right:8%; height:8%; background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,.15) 0%, transparent 70%); animation: sbe-shadow 8s ease-in-out infinite; }
@keyframes sbe-window { 0%{opacity:.6} 50%{opacity:.85} 100%{opacity:.7} }
@keyframes sbe-boy { 0%,100%{transform: translateY(0) rotate(1deg)} 25%{transform: translateY(-3px) rotate(-1deg)} 50%{transform: translateY(0) rotate(2deg)} 75%{transform: translateY(-2px) rotate(-1deg)} }
@keyframes sbe-paper { 0%,100%{transform: scale(1) rotate(0)} 50%{transform: scale(1.02) rotate(2deg)} }
@keyframes sbe-pen { 0%,100%{transform: rotate(0)} 50%{transform: rotate(-20deg)} }
@keyframes sbe-lamp { 0%{opacity:.7; transform: scaleY(1)} 100%{opacity:1; transform: scaleY(1.05)} }
@keyframes sbe-shadow { 0%,100%{opacity:.3} 50%{opacity:.5} }

.scn-history-confusion { background: linear-gradient(180deg, #fff8e0 0%, #f0e0c0 60%, #e0c0a0 100%), radial-gradient(ellipse at 30% 50%, #fff0c0 0%, transparent 50%); }
.scn-history-confusion .bed { position:absolute; bottom:10%; left:10%; right:10%; height:25%; background: linear-gradient(180deg, #d0b890 0%, #b09878 100%); border-radius: 30px 30px 10px 10px; box-shadow: 0 8px 16px rgba(0,0,0,.2); }
.scn-history-confusion .boy-bed { position:absolute; bottom:20%; left:30%; width:15%; height:22%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: hco-boy 8s ease-in-out infinite; }
.scn-history-confusion .clock { position:absolute; top:10%; right:15%; width:20%; height:20%; background: radial-gradient(circle, #e0d0b0 0%, #c0a080 70%, #806040 100%); border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.3); animation: hco-clock 12s linear infinite; }
.scn-history-confusion .hand-hour { position:absolute; top:17%; right:22%; width:3%; height:8%; background: #4a3a2a; border-radius: 2px; transform-origin: bottom center; animation: hco-hour 12s linear infinite; }
.scn-history-confusion .hand-min { position:absolute; top:14%; right:21%; width:2.5%; height:11%; background: #4a3a2a; border-radius: 2px; transform-origin: bottom center; animation: hco-min 1s linear infinite; }
.scn-history-confusion .thought { position:absolute; top:5%; left:30%; width:20%; height:20%; background: radial-gradient(circle, rgba(255,255,255,.7) 0%, transparent 70%); border-radius: 50%; animation: hco-thought 4s ease-in-out infinite; }
.scn-history-confusion .question { position:absolute; top:8%; left:36%; width:8%; height:12%; background: linear-gradient(180deg, #6b4c3a 0%, #4a3a2a 100%); border-radius: 50% 50% 10% 10%; transform: rotate(5deg); animation: hco-q 3s ease-in-out infinite alternate; }
@keyframes hco-boy { 0%,100%{transform: translateY(0) rotate(0)} 30%{transform: translateY(-2px) rotate(3deg)} 60%{transform: translateY(2px) rotate(-3deg)} }
@keyframes hco-clock { 0%{transform: rotate(0)} 100%{transform: rotate(360deg)} }
@keyframes hco-hour { 0%{transform: rotate(0)} 100%{transform: rotate(360deg)} }
@keyframes hco-min { 0%{transform: rotate(0)} 100%{transform: rotate(4320deg)} }
@keyframes hco-thought { 0%,100%{opacity:.4; transform: scale(.8)} 50%{opacity:.8; transform: scale(1.1)} }
@keyframes hco-q { 0%{transform: rotate(5deg) scale(1)} 100%{transform: rotate(-5deg) scale(1.1)} }

.scn-wolsey-answers { background: linear-gradient(180deg, #f5e6c8 0%, #e0c8a8 60%, #c8a888 100%), radial-gradient(ellipse at 50% 80%, #f0d8b8 0%, transparent 60%); }
.scn-wolsey-answers .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, #b09070 0%, #907050 100%); border-radius: 0; }
.scn-wolsey-answers .figure-wolsey { position:absolute; bottom:15%; left:35%; width:20%; height:40%; background: linear-gradient(180deg, #6b4c3a 0%, #4a3a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; }
.scn-wolsey-answers .head-block { position:absolute; bottom:50%; left:38%; width:14%; height:14%; background: linear-gradient(135deg, #b09070 0%, #806040 100%); border-radius: 10%; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: wra-head 2s ease-in-out infinite; }
.scn-wolsey-answers .robe { position:absolute; bottom:15%; left:32%; width:26%; height:40%; background: linear-gradient(180deg, #804020 0%, #602010 100%); border-radius: 20% 20% 0 0; opacity:.9; }
.scn-wolsey-answers .staff { position:absolute; bottom:15%; left:55%; width:3%; height:50%; background: linear-gradient(0deg, #6b4c3a 0%, #8b6c3a 50%, #6b4c3a 100%); border-radius: 2px; transform-origin: bottom center; animation: wra-staff 6s ease-in-out infinite; }
.scn-wolsey-answers .sash { position:absolute; bottom:30%; left:34%; width:22%; height:6%; background: linear-gradient(90deg, #c8553d 0%, #a0461a 50%, #c8553d 100%); border-radius: 2px; transform: rotate(-5deg); animation: wra-sash 4s ease-in-out infinite; }
.scn-wolsey-answers .halo-wrong { position:absolute; top:42%; left:36%; width:20%; height:20%; background: radial-gradient(circle, rgba(255,200,100,.6) 0%, transparent 70%); border-radius: 50%; animation: wra-halo 3s ease-in-out infinite alternate; }
@keyframes wra-head { 0%,100%{transform: rotate(0) scale(1)} 25%{transform: rotate(10deg) scale(1.05)} 75%{transform: rotate(-10deg) scale(.95)} }
@keyframes wra-staff { 0%,100%{transform: rotate(0)} 50%{transform: rotate(5deg)} }
@keyframes wra-sash { 0%,100%{transform: rotate(-5deg) skewX(0)} 50%{transform: rotate(5deg) skewX(5deg)} }
@keyframes wra-halo { 0%{opacity:.3; transform: scale(.8)} 100%{opacity:.7; transform: scale(1.2)} }

.scn-ich-dien-answers { background: linear-gradient(180deg, #f0e0c0 0%, #e0c8a0 60%, #d0b080 100%), radial-gradient(ellipse at 50% 30%, #ffe8b0 0%, transparent 60%); }
.scn-ich-dien-answers .throne { position:absolute; bottom:10%; left:25%; right:25%; height:35%; background: linear-gradient(180deg, #c0a070 0%, #a08050 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 8px 20px rgba(0,0,0,.3); }
.scn-ich-dien-answers .crown { position:absolute; top:15%; left:40%; width:20%; height:15%; background: linear-gradient(180deg, #f0d060 0%, #c8a030 100%); border-radius: 50% 50% 0 0; clip-path: polygon(0% 100%, 15% 0%, 35% 30%, 50% 0%, 65% 30%, 85% 0%, 100% 100%); animation: ida-crown 3s ease-in-out infinite; }
.scn-ich-dien-answers .scepter { position:absolute; bottom:25%; left:55%; width:4%; height:40%; background: linear-gradient(180deg, #f0d060 0%, #c8a030 50%, #8b6c3a 100%); border-radius: 2px; transform-origin: bottom center; animation: ida-scepter 5s ease-in-out infinite; }
.scn-ich-dien-answers .figure-king { position:absolute; bottom:15%; left:33%; width:20%; height:40%; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; }
.scn-ich-dien-answers .shield { position:absolute; top:30%; left:30%; width:25%; height:25%; background: linear-gradient(135deg, #c8553d 0%, #a0461a 50%, #702243 100%); border-radius: 10% 30% 10% 30%; transform: rotate(45deg); box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: ida-shield 6s ease-in-out infinite; }
.scn-ich-dien-answers .mantle { position:absolute; bottom:15%; left:28%; right:28%; height:30%; background: linear-gradient(180deg, #805020 0%, #603010 100%); border-radius: 30% 30% 10% 10%; opacity:.8; }
.scn-ich-dien-answers .step { position:absolute; bottom:10%; left:30%; right:30%; height:5%; background: linear-gradient(0deg, #b09070 0%, #907050 100%); border-radius: 2px; }
@keyframes ida-crown { 0%,100%{transform: translateY(0) rotate(0)} 30%{transform: translateY(-5px) rotate(3deg)} 60%{transform: translateY(-2px) rotate(-3deg)} }
@keyframes ida-scepter { 0%,100%{transform: rotate(0)} 50%{transform: rotate(8deg)} }
@keyframes ida-shield { 0%,100%{transform: rotate(45deg) scale(1)} 50%{transform: rotate(55deg) scale(1.05)} }

/* shouting-service */
.scn-shouting-service {
  background:
    linear-gradient(180deg, #f9e4b7 0%, #d9a05b 100%),
    radial-gradient(ellipse at 50% 20%, #fff5d6 0%, transparent 60%);
}
.scn-shouting-service .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #f2d49b 0%, #e0b67a 100%);
}
.scn-shouting-service .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #8b5e3c 0%, #5a3d24 100%);
}
.scn-shouting-service .bed {
  position: absolute; bottom: 30%; left: 20%; width: 40%; height: 25%;
  background: #c49a6c;
  border-radius: 8px;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.3);
  animation: ss-bed 6s ease-in-out infinite;
}
.scn-shouting-service .figure {
  position: absolute; bottom: 30%; left: 45%; width: 28px; height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ss-shout 2s ease-in-out infinite;
}
.scn-shouting-service .slop-jar {
  position: absolute; bottom: 32%; left: 30%; width: 20px; height: 24px;
  background: radial-gradient(circle at 50% 30%, #b07d44, #6e4824);
  border-radius: 30% 30% 40% 40%;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4);
  animation: ss-jar 8s linear infinite;
}
.scn-shouting-service .lamp {
  position: absolute; top: 10%; left: 60%; width: 40px; height: 50px;
  background: radial-gradient(circle at 50% 40%, #ffe680, #cc9922, transparent);
  border-radius: 10% 10% 50% 50%;
  box-shadow: 0 0 40px 20px rgba(255,230,128,0.6);
  animation: ss-lamp 4s ease-in-out infinite alternate;
}
.scn-shouting-service .curtain {
  position: absolute; top: 0; bottom: 40%; width: 20%;
  background: linear-gradient(90deg, #8b5e3c 0%, #b8804a 100%);
  opacity: 0.8;
}
.scn-shouting-service .curtain.left {
  left: 0;
  animation: ss-curtain 10s ease-in-out infinite;
}
.scn-shouting-service .curtain.right {
  right: 0;
  animation: ss-curtain 10s ease-in-out infinite reverse;
}

@keyframes ss-bed {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes ss-shout {
  0%,100% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(4px) rotate(3deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-4px) rotate(2deg); }
}
@keyframes ss-jar {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(-5deg); }
  75% { transform: translateY(-1px) rotate(5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ss-lamp {
  0% { opacity: 0.7; box-shadow: 0 0 20px 10px rgba(255,230,128,0.4); }
  100% { opacity: 1; box-shadow: 0 0 60px 30px rgba(255,230,128,0.8); }
}
@keyframes ss-curtain {
  0%,100% { transform: scaleX(1); }
  50% { transform: scaleX(1.05); }
}

/* no-boots */
.scn-no-boots {
  background:
    linear-gradient(180deg, #f0e0c0 0%, #d4a96a 100%),
    radial-gradient(ellipse at 30% 40%, #fff3d4 0%, transparent 50%);
}
.scn-no-boots .bg-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e8cf9e 0%, #cfad7a 100%);
}
.scn-no-boots .bg-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #9a7040 0%, #684c28 100%);
}
.scn-no-boots .bed {
  position: absolute; bottom: 20%; left: 25%; width: 45%; height: 20%;
  background: #b3864a;
  border-radius: 10px;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.3);
  animation: nb-bed 5s ease-in-out infinite alternate;
}
.scn-no-boots .figure {
  position: absolute; bottom: 20%; left: 42%; width: 30px; height: 45px;
  background: linear-gradient(180deg, #2b1d12 0%, #140b06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: 50% 100%;
  animation: nb-sleep 8s ease-in-out infinite;
}
.scn-no-boots .clock {
  position: absolute; top: 15%; left: 65%; width: 40px; height: 40px;
  background: radial-gradient(circle at 50% 50%, #fcf0d0, #d4b07a);
  border-radius: 50%;
  box-shadow: 0 0 12px 4px rgba(0,0,0,0.2);
  animation: nb-clock 60s linear infinite;
}
.scn-no-boots .clock::after {
  content: '';
  position: absolute; top: 50%; left: 50%; width: 4px; height: 16px;
  background: #5a3d24;
  transform-origin: 50% 0;
  transform: translate(-50%, -100%) rotate(0deg);
  animation: nb-hand 6s linear infinite;
}
.scn-no-boots .boots {
  position: absolute; bottom: 25%; left: 20%; width: 16px; height: 20px;
  background: radial-gradient(ellipse at 50% 70%, #4a3220, #2a1c10);
  border-radius: 40% 40% 30% 30%;
  transform: rotate(-10deg);
  animation: nb-boots 4s ease-in-out infinite;
}
.scn-no-boots .boots::before {
  content: ''; position: absolute; top: -10px; left: 2px; width: 12px; height: 14px;
  background: #2a1c10; border-radius: 50% 50% 30% 30%;
}
.scn-no-boots .lamp {
  position: absolute; top: 8%; left: 20%; width: 30px; height: 50px;
  background: radial-gradient(circle at 50% 30%, #ffe68f, #cc9933);
  border-radius: 10% 10% 50% 50%;
  box-shadow: 0 0 30px 15px rgba(255,230,143,0.5);
  animation: nb-lamp 3s ease-in-out infinite alternate;
}
.scn-no-boots .window {
  position: absolute; top: 12%; left: 10%; width: 20%; height: 30%;
  background: linear-gradient(135deg, #aaccff 0%, #4488cc 100%);
  border-radius: 4px;
  box-shadow: inset -2px -2px 4px rgba(0,0,0,0.2);
  animation: nb-window 10s ease-in-out infinite alternate;
}

@keyframes nb-bed {
  0% { transform: scaleY(1); }
  100% { transform: scaleY(1.01); }
}
@keyframes nb-sleep {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(2deg); }
}
@keyframes nb-clock {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes nb-hand {
  0% { transform: translate(-50%, -100%) rotate(0deg); }
  100% { transform: translate(-50%, -100%) rotate(360deg); }
}
@keyframes nb-boots {
  0%,100% { transform: translateX(0) rotate(-10deg); }
  50% { transform: translateX(5px) rotate(-8deg); }
}
@keyframes nb-lamp {
  0% { opacity: 0.8; box-shadow: 0 0 15px 8px rgba(255,230,143,0.4); }
  100% { opacity: 1; box-shadow: 0 0 50px 25px rgba(255,230,143,0.7); }
}
@keyframes nb-window {
  0% { opacity: 0.9; }
  100% { opacity: 1; }
}

/* american-stranger */
.scn-american-stranger {
  background:
    linear-gradient(180deg, #f5e1c0 0%, #c99a5e 100%),
    radial-gradient(ellipse at 50% 20%, #fff9e6 0%, transparent 70%);
}
.scn-american-stranger .bg-train-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #e8ce9e 0%, #ccaa77 100%);
}
.scn-american-stranger .bg-train-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #8a623c 0%, #5a4024 100%);
}
.scn-american-stranger .figure {
  position: absolute; bottom: 30%; width: 30px; height: 50px;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  background: linear-gradient(180deg, #2b1d12 0%, #140b06 100%);
  transform-origin: bottom center;
}
.scn-american-stranger .figure.helper {
  left: 30%;
  animation: as-helper 6s ease-in-out infinite;
}
.scn-american-stranger .figure.stranger {
  left: 55%;
  animation: as-stranger 6s ease-in-out infinite reverse;
  width: 32px; height: 48px;
}
.scn-american-stranger .suitcase {
  position: absolute; bottom: 28%;
  width: 30px; height: 20px;
  background: linear-gradient(135deg, #876543, #4a3220);
  border-radius: 6px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  animation: as-suitcase 8s ease-in-out infinite;
}
.scn-american-stranger .suitcase.a {
  left: 40%;
  animation-delay: 0s;
}
.scn-american-stranger .suitcase.b {
  left: 50%;
  animation-delay: 2s;
}
.scn-american-stranger .overhead-lamp {
  position: absolute; top: 5%; left: 50%; transform: translateX(-50%);
  width: 50px; height: 40px;
  background: radial-gradient(circle at 50% 30%, #ffe58f, #cc9933);
  border-radius: 10% 10% 50% 50%;
  box-shadow: 0 0 50px 25px rgba(255,229,143,0.6);
  animation: as-lamp 4s ease-in-out infinite alternate;
}
.scn-american-stranger .train-window {
  position: absolute; top: 12%; right: 8%; width: 18%; height: 25%;
  background: linear-gradient(135deg, #bad9ff 0%, #5599cc 100%);
  border-radius: 6px;
  box-shadow: inset -3px -3px 6px rgba(0,0,0,0.2);
  animation: as-window 12s ease-in-out infinite alternate;
}

@keyframes as-helper {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(10px) rotate(-2deg); }
}
@keyframes as-stranger {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-8px) rotate(2deg); }
}
@keyframes as-suitcase {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(-5deg); }
}
@keyframes as-lamp {
  0% { opacity: 0.7; box-shadow: 0 0 20px 10px rgba(255,229,143,0.4); }
  100% { opacity: 1; box-shadow: 0 0 60px 30px rgba(255,229,143,0.8); }
}
@keyframes as-window {
  0% { opacity: 0.8; }
  100% { opacity: 1; }
}

/* executive-ability */
.scn-executive-ability {
  background:
    linear-gradient(180deg, #f0dcb0 0%, #b8874a 100%),
    radial-gradient(ellipse at 50% 15%, #fff5d6 0%, transparent 60%);
}
.scn-executive-ability .office-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #dec69a 0%, #b9956a 100%);
}
.scn-executive-ability .office-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #7a5838 0%, #4e3422 100%);
}
.scn-executive-ability .desk {
  position: absolute; bottom: 28%; left: 25%; width: 50%; height: 15%;
  background: linear-gradient(135deg, #b0804a, #6e4824);
  border-radius: 4px 4px 8px 8px;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4);
  animation: ea-desk 7s ease-in-out infinite;
}
.scn-executive-ability .chair {
  position: absolute; bottom: 26%; left: 30%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #4a3220, #2a1c10);
  border-radius: 20% 20% 10% 10%;
  animation: ea-chair 5s ease-in-out infinite alternate;
}
.scn-executive-ability .figure {
  position: absolute; bottom: 30%; width: 28px; height: 50px;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  background: linear-gradient(180deg, #2b1d12 0%, #140b06 100%);
  transform-origin: bottom center;
}
.scn-executive-ability .figure.executive {
  left: 40%;
  animation: ea-exec 3s ease-in-out infinite;
}
.scn-executive-ability .figure.listener {
  left: 55%;
  width: 30px; height: 48px;
  animation: ea-listen 4s ease-in-out infinite alternate;
}
.scn-executive-ability .map {
  position: absolute; bottom: 30%; left: 28%; width: 18%; height: 16%;
  background: linear-gradient(135deg, #d4b07a, #b0804a);
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: ea-map 10s ease-in-out infinite;
}
.scn-executive-ability .lamp {
  position: absolute; top: 5%; left: 15%; width: 30px; height: 50px;
  background: radial-gradient(circle at 50% 30%, #ffe68f, #cc9933);
  border-radius: 10% 10% 50% 50%;
  box-shadow: 0 0 40px 20px rgba(255,230,143,0.5);
  animation: ea-lamp 4s ease-in-out infinite alternate;
}

@keyframes ea-desk {
  0%,100% { transform: scaleX(1); }
  50% { transform: scaleX(1.02); }
}
@keyframes ea-chair {
  0% { transform: translateX(0) rotate(0deg); }
  100% { transform: translateX(3px) rotate(3deg); }
}
@keyframes ea-exec {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(5px) rotate(-2deg); }
}
@keyframes ea-listen {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-4px) rotate(2deg); }
}
@keyframes ea-map {
  0%,100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
}
@keyframes ea-lamp {
  0% { opacity: 0.8; box-shadow: 0 0 20px 10px rgba(255,230,143,0.4); }
  100% { opacity: 1; box-shadow: 0 0 60px 30px rgba(255,230,143,0.7); }
}

.scn-australia-fascinating {
  background: linear-gradient(135deg, #f5e6c8 0%, #d4a96a 50%, #b8884a 100%), radial-gradient(ellipse at 70% 80%, #e8c882 0%, transparent 60%);
}
.scn-australia-fascinating .window-frame {
  position: absolute; inset: 10% 15% 20% 15%; background: #8b6f4e; border-radius: 12px; box-shadow: inset 0 0 0 8px #6b4f2e, 0 8px 24px rgba(0,0,0,.4);
}
.scn-australia-fascinating .window-sky {
  position: absolute; inset: 5% 10% 45% 10%; background: linear-gradient(180deg, #f0d8a0 0%, #d4b880 100%); border-radius: 8px;
}
.scn-australia-fascinating .window-land {
  position: absolute; bottom: 22%; left: 12%; right: 12%; height: 28%; background: linear-gradient(180deg, #b08850 0%, #7a5a30 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0;
}
.scn-australia-fascinating .table {
  position: absolute; bottom: 14%; left: 30%; right: 30%; height: 16%; background: #6b4f2e; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.3);
}
.scn-australia-fascinating .map {
  position: absolute; bottom: 20%; left: 38%; width: 60px; height: 40px; background: #d4b880; border-radius: 4px 2px 8px 4px; transform: rotate(-3deg); box-shadow: 0 2px 8px rgba(0,0,0,.3); animation: aus-map 6s ease-in-out infinite;
}
.scn-australia-fascinating .lamp {
  position: absolute; bottom: 32%; left: 28%; width: 10px; height: 18px; background: radial-gradient(circle at 50% 30%, #ffd080 0%, #b88840 100%); border-radius: 30% 30% 20% 20%; box-shadow: 0 0 20px 6px #d4a060, 0 0 40px 12px rgba(212,160,96,.4); animation: aus-glow 4s ease-in-out infinite alternate;
}
.scn-australia-fascinating .dust {
  position: absolute; width: 40px; height: 12px; background: rgba(180,130,60,.3); border-radius: 50%; filter: blur(8px);
}
.scn-australia-fascinating .drift-a {
  top: 18%; left: 10%; animation: aus-drift 30s linear infinite;
}
.scn-australia-fascinating .drift-b {
  top: 28%; right: 25%; width: 60px; height: 16px; animation: aus-drift 45s linear infinite reverse;
}
@keyframes aus-map {
  0% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-2px); }
  100% { transform: rotate(-3deg) translateY(0); }
}
@keyframes aus-glow {
  0% { box-shadow: 0 0 15px 4px #d4a060, 0 0 30px 8px rgba(212,160,96,.3); opacity: .85; }
  50% { box-shadow: 0 0 30px 10px #ffd080, 0 0 50px 16px rgba(255,208,128,.5); opacity: 1; }
  100% { box-shadow: 0 0 20px 6px #d4a060, 0 0 35px 10px rgba(212,160,96,.35); opacity: .9; }
}
@keyframes aus-drift {
  0% { transform: translateX(-10px) scale(0.9); opacity: .3; }
  25% { opacity: .6; }
  50% { transform: translateX(30vw) scale(1.1); opacity: .4; }
  75% { opacity: .2; }
  100% { transform: translateX(80vw) scale(0.8); opacity: .3; }
}

.scn-convict-transport {
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #0e0e1a 100%), radial-gradient(ellipse at 30% 20%, #4a4a5a 0%, transparent 70%);
}
.scn-convict-transport .hold-wall {
  position: absolute; inset: 0; background: linear-gradient(90deg, #3a2a1a 0%, #4a3a2a 30%, #2a1a0a 70%, #1a0a00 100%); box-shadow: inset 0 0 30px #000;
}
.scn-convict-transport .light-beam {
  position: absolute; top: 0; left: 35%; right: 35%; height: 70%; background: linear-gradient(180deg, rgba(255,240,200,.6) 0%, rgba(255,240,200,.1) 100%); clip-path: polygon(45% 0, 55% 0, 65% 100%, 35% 100%); animation: conv-light 8s ease-in-out infinite alternate;
}
.scn-convict-transport .chain-1 {
  position: absolute; top: 12%; left: 28%; width: 4px; height: 80px; background: #6a5a4a; border-radius: 2px; transform-origin: top center; animation: conv-chain 6s ease-in-out infinite;
}
.scn-convict-transport .chain-2 {
  position: absolute; top: 16%; right: 30%; width: 4px; height: 70px; background: #6a5a4a; border-radius: 2px; transform-origin: top center; animation: conv-chain 9s ease-in-out infinite reverse;
}
.scn-convict-transport .figure-a {
  position: absolute; bottom: 18%; left: 22%; width: 30px; height: 60px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: conv-figure 5s ease-in-out infinite;
}
.scn-convict-transport .figure-b {
  position: absolute; bottom: 20%; right: 24%; width: 28px; height: 55px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: conv-figure 7s ease-in-out infinite -2s;
}
@keyframes conv-light {
  0% { opacity: .6; transform: skewX(-2deg); }
  50% { opacity: .9; transform: skewX(1deg); }
  100% { opacity: .7; transform: skewX(0); }
}
@keyframes conv-chain {
  0% { transform: rotate(-3deg); }
  50% { transform: rotate(4deg); }
  100% { transform: rotate(-3deg); }
}
@keyframes conv-figure {
  0% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-3px) rotate(2deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0); }
}

.scn-english-law-harsh {
  background: linear-gradient(180deg, #3a3a2a 0%, #2a2a1a 50%, #1a1a0a 100%), radial-gradient(ellipse at 50% 30%, #5a4a3a 0%, transparent 70%);
}
.scn-english-law-harsh .bench {
  position: absolute; top: 8%; left: 20%; right: 20%; height: 18%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 8px 8px 2px 2px; box-shadow: 0 4px 12px rgba(0,0,0,.5);
}
.scn-english-law-harsh .dock {
  position: absolute; bottom: 25%; left: 10%; right: 10%; height: 30%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: inset 0 0 20px #000;
}
.scn-english-law-harsh .child {
  position: absolute; bottom: 30%; left: 40%; width: 22px; height: 40px; background: #1a1a2a; border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: elaw-child 4s ease-in-out infinite;
}
.scn-english-law-harsh .bars {
  position: absolute; bottom: 25%; left: 15%; right: 15%; height: 30%; border-left: 4px solid #6a5a3a; border-right: 4px solid #6a5a3a; background: repeating-linear-gradient(90deg, transparent 0 18px, #6a5a3a 18px 22px);
}
.scn-english-law-harsh .lamp {
  position: absolute; top: 12%; left: 45%; width: 12px; height: 20px; background: radial-gradient(circle at 50% 30%, #f0d080 0%, #b08030 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 24px 6px #c09040; animation: elaw-lamp 3s ease-in-out infinite alternate;
}
.scn-english-law-harsh .shadow {
  position: absolute; bottom: 0; left: 30%; right: 30%; height: 40%; background: rgba(0,0,0,.5); filter: blur(12px); animation: elaw-shadow 6s ease-in-out infinite;
}
@keyframes elaw-child {
  0% { transform: translateY(0) rotate(-2deg); }
  30% { transform: translateY(-2px) rotate(2deg); }
  60% { transform: translateY(-1px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes elaw-lamp {
  0% { box-shadow: 0 0 18px 4px #c09040; opacity: .8; }
  50% { box-shadow: 0 0 30px 10px #f0d080; opacity: 1; }
  100% { box-shadow: 0 0 22px 6px #c09040; opacity: .85; }
}
@keyframes elaw-shadow {
  0% { transform: translateY(0) scaleX(1); opacity: .4; }
  50% { transform: translateY(8px) scaleX(1.1); opacity: .6; }
  100% { transform: translateY(0) scaleX(1); opacity: .4; }
}

.scn-cat-o-nine-tails {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 40% 30%, #5a3a2a 0%, transparent 70%);
}
.scn-cat-o-nine-tails .wall {
  position: absolute; inset: 0; background: repeating-linear-gradient(0deg, #5a3a2a 0px 2px, #4a2a1a 2px 4px); opacity: .6;
}
.scn-cat-o-nine-tails .whip {
  position: absolute; top: 5%; left: 35%; width: 8px; height: 80px; background: linear-gradient(180deg, #8a5a3a 0%, #5a2a1a 100%); border-radius: 4px; transform-origin: top center; animation: cat9-whip 2s ease-in-out infinite;
}
.scn-cat-o-nine-tails .victim {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 50%; background: #3a2a1a; border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%; animation: cat9-victim 3s ease-in-out infinite;
}
.scn-cat-o-nine-tails .stripes {
  position: absolute; bottom: 20%; left: 32%; right: 32%; height: 40%; background: repeating-linear-gradient(0deg, transparent 0px 6px, #a04a2a 6px 8px, transparent 8px 14px); opacity: .7; mix-blend-mode: multiply;
}
.scn-cat-o-nine-tails .light-shaft {
  position: absolute; top: 0; left: 25%; right: 25%; height: 80%; background: linear-gradient(180deg, rgba(255,200,150,.4) 0%, transparent 100%); clip-path: polygon(40% 0, 60% 0, 70% 100%, 30% 100%); animation: cat9-light 5s ease-in-out infinite alternate;
}
.scn-cat-o-nine-tails .splash {
  position: absolute; bottom: 22%; left: 42%; width: 6px; height: 6px; background: #a04a2a; border-radius: 50%; filter: blur(2px); animation: cat9-splash 4s ease-in-out infinite;
}
@keyframes cat9-whip {
  0% { transform: rotate(-30deg) translateX(-5px); }
  25% { transform: rotate(40deg) translateX(8px); }
  50% { transform: rotate(-20deg) translateX(-3px); }
  75% { transform: rotate(10deg) translateX(4px); }
  100% { transform: rotate(-30deg) translateX(-5px); }
}
@keyframes cat9-victim {
  0% { transform: translateY(0) scaleY(1); }
  25% { transform: translateY(-4px) scaleY(0.95); }
  50% { transform: translateY(0) scaleY(1); }
  75% { transform: translateY(-2px) scaleY(0.97); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes cat9-light {
  0% { opacity: .5; transform: skewX(-3deg); }
  50% { opacity: .9; transform: skewX(2deg); }
  100% { opacity: .6; transform: skewX(-1deg); }
}
@keyframes cat9-splash {
  0% { opacity: .3; transform: scale(1); }
  50% { opacity: .7; transform: scale(1.5); }
  100% { opacity: .3; transform: scale(1); }
}

/* commodore-guest */
.scn-commodore-guest {
  background: linear-gradient(180deg, #e8c88a 0%, #c8a66a 40%, #8a6a3a 100%),
              radial-gradient(ellipse at 50% 30%, #f0d8a0 0%, transparent 70%);
}
.scn-commodore-guest .room-bg {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #b08850 0%, #7a5a2a 100%);
  border-radius: 0 0 40% 40% / 20% 20% 0 0;
  animation: cg-room 12s ease-in-out infinite alternate;
}
.scn-commodore-guest .window {
  position: absolute; top: 8%; left: 70%; width: 22%; height: 32%;
  background: linear-gradient(180deg, #a0b8d0 0%, #7088a0 100%);
  border: 6px solid #5a3a1a;
  border-radius: 8% 8% 4% 4%;
  box-shadow: inset 0 0 20px #c0d0e0;
  animation: cg-win 15s ease-in-out infinite;
}
.scn-commodore-guest .table {
  position: absolute; bottom: 18%; left: 30%; width: 50%; height: 12%;
  background: linear-gradient(180deg, #8a5a2a 0%, #5a3a1a 100%);
  border-radius: 4% 4% 20% 20%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
.scn-commodore-guest .lamp-glow {
  position: absolute; bottom: 35%; left: 55%; width: 30px; height: 50px;
  background: radial-gradient(circle at 50% 20%, #ffd060 0%, #c08040 60%);
  border-radius: 40% 40% 30% 30%;
  box-shadow: 0 0 60px 20px #ffd06066, 0 0 120px 40px #ffc04033;
  animation: cg-lamp 4s ease-in-out infinite alternate;
}
.scn-commodore-guest .guest-fig {
  position: absolute; bottom: 12%; left: 35%; width: 32px; height: 60px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0502 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: cg-guest 8s ease-in-out infinite;
}
.scn-commodore-guest .host-fig {
  position: absolute; bottom: 12%; left: 58%; width: 40px; height: 72px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a02 100%);
  border-radius: 50% 50% 45% 45% / 75% 75% 25% 25%;
  transform-origin: bottom center;
  animation: cg-host 8s ease-in-out infinite 1s;
}
.scn-commodore-guest .curtain-a {
  position: absolute; top: 0; left: 65%; width: 8%; height: 40%;
  background: linear-gradient(180deg, #7a3a2a 0%, #4a1a0a 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: 2px 0 8px rgba(0,0,0,0.3);
  animation: cg-curl 12s ease-in-out infinite alternate;
}
.scn-commodore-guest .curtain-b {
  position: absolute; top: 0; right: 25%; width: 8%; height: 40%;
  background: linear-gradient(180deg, #7a3a2a 0%, #4a1a0a 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: -2px 0 8px rgba(0,0,0,0.3);
  animation: cg-curl 12s ease-in-out infinite alternate-reverse;
}
@keyframes cg-room { 0% { opacity: 0.9; transform: scale(1); } 50% { opacity: 1; transform: scale(1.01); } 100% { opacity: 0.95; transform: scale(0.99); } }
@keyframes cg-win { 0%,100% { opacity: 0.7; box-shadow: inset 0 0 20px #c0d0e0; } 50% { opacity: 1; box-shadow: inset 0 0 40px #e0f0ff; } }
@keyframes cg-lamp { 0% { opacity: 0.8; box-shadow: 0 0 50px 15px #ffd06066; } 50% { opacity: 1; box-shadow: 0 0 80px 30px #ffe08099; } 100% { opacity: 0.9; box-shadow: 0 0 60px 20px #ffc04044; } }
@keyframes cg-guest { 0%,100% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-2px) rotate(1deg); } 60% { transform: translateY(-1px) rotate(-1deg); } }
@keyframes cg-host { 0%,100% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-1px) rotate(-0.5deg); } 60% { transform: translateY(-3px) rotate(1.5deg); } }
@keyframes cg-curl { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(-5px) scaleY(1.02); } 100% { transform: translateX(0) scaleY(0.98); } }

/* commodore-testing */
.scn-commodore-testing {
  background: linear-gradient(135deg, #d0d4dc 0%, #b8bcc4 30%, #8a8e96 100%),
              radial-gradient(circle at 60% 40%, #e8ecf0 0%, transparent 60%);
}
.scn-commodore-testing .office-bg {
  position: absolute; inset: 0 0 10% 0;
  background: linear-gradient(180deg, #a8acb4 0%, #686c74 100%);
  border-radius: 0 0 30% 30% / 10% 10% 0 0;
  animation: ct-bg 20s ease-in-out infinite alternate;
}
.scn-commodore-testing .desk {
  position: absolute; bottom: 15%; left: 20%; width: 60%; height: 18%;
  background: linear-gradient(180deg, #3a2e24 0%, #201810 100%);
  border-radius: 2% 2% 10% 10%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5);
}
.scn-commodore-testing .lamp-beam {
  position: absolute; bottom: 30%; left: 50%; width: 40px; height: 70px;
  background: radial-gradient(ellipse at 50% 0%, #ffffee 0%, #d0d0b0 40%, transparent 70%);
  transform: translateX(-50%);
  border-radius: 40% 40% 50% 50%;
  animation: ct-beam 6s ease-in-out infinite alternate;
}
.scn-commodore-testing .clock {
  position: absolute; top: 10%; right: 10%; width: 40px; height: 40px;
  border-radius: 50%;
  background: radial-gradient(circle at 45% 40%, #f0f0e0 0%, #b0a088 100%);
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.2), 0 4px 8px rgba(0,0,0,0.3);
  animation: ct-clock 3s ease-in-out infinite;
}
.scn-commodore-testing .ed-fig {
  position: absolute; bottom: 22%; left: 30%; width: 28px; height: 54px;
  background: linear-gradient(180deg, #1a1a24 0%, #0a0a10 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: ct-ed 10s ease-in-out infinite;
}
.scn-commodore-testing .shadow-eye {
  position: absolute; bottom: 30%; left: 52%; width: 10px; height: 8px;
  background: #f0e0c0;
  border-radius: 50%;
  box-shadow: 0 0 12px 4px #00000033, 0 0 0 20px #1a1a1a;
  animation: ct-eye 4s ease-in-out infinite alternate;
}
.scn-commodore-testing .papers {
  position: absolute; bottom: 18%; left: 35%; width: 40px; height: 8px;
  background: linear-gradient(90deg, #f0e8d8 0%, #d8c8a8 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: ct-papers 8s ease-in-out infinite;
}
.scn-commodore-testing .inkpot {
  position: absolute; bottom: 16%; left: 60%; width: 12px; height: 16px;
  background: #1a1a1a;
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 8px 2px #00000055;
}
@keyframes ct-bg { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes ct-beam { 0% { transform: translateX(-50%) scaleY(1); opacity: 0.6; } 50% { transform: translateX(-50%) scaleY(1.2); opacity: 0.8; } 100% { transform: translateX(-50%) scaleY(0.9); opacity: 0.5; } }
@keyframes ct-clock { 0%,100% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 75% { transform: rotate(-3deg); } }
@keyframes ct-ed { 0%,100% { transform: translateY(0) rotate(0deg); } 20% { transform: translateY(-3px) rotate(2deg); } 50% { transform: translateY(-1px) rotate(-1deg); } 80% { transform: translateY(2px) rotate(0deg); } }
@keyframes ct-eye { 0% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.2); } 100% { opacity: 0.8; transform: scale(0.95); } }
@keyframes ct-papers { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(3px) rotate(2deg); } 70% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }

/* tobacco-business */
.scn-tobacco-business {
  background: linear-gradient(180deg, #c8b090 0%, #a08870 30%, #7a5a3a 100%),
              radial-gradient(ellipse at 40% 20%, #e0c8a0 0%, transparent 70%);
}
.scn-tobacco-business .map-bg {
  position: absolute; inset: 0 0 15% 0;
  background: linear-gradient(180deg, #b8a080 0%, #8a6a4a 100%);
  border-radius: 0 0 60% 60% / 30% 30% 0 0;
  animation: tb-bg 18s ease-in-out infinite alternate;
}
.scn-tobacco-business .tobacco-map {
  position: absolute; bottom: 30%; left: 10%; width: 70%; height: 35%;
  background: linear-gradient(90deg, #e0c8a0 0%, #c8a880 100%);
  border: 4px solid #5a3a1a;
  border-radius: 4% 4% 8% 8%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  animation: tb-map 7s ease-in-out infinite;
}
.scn-tobacco-business .commodore-shape {
  position: absolute; bottom: 15%; left: 55%; width: 36px; height: 64px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0502 100%);
  border-radius: 50% 50% 40% 40% / 80% 80% 20% 20%;
  transform-origin: bottom center;
  animation: tb-comm 9s ease-in-out infinite;
}
.scn-tobacco-business .cigar-smoke {
  position: absolute; bottom: 40%; left: 62%; width: 8px; height: 20px;
  background: radial-gradient(circle at 50% 0%, #d0c0a0 0%, transparent 100%);
  filter: blur(4px);
  border-radius: 50%;
  animation: tb-smoke 3s ease-in-out infinite alternate;
}
.scn-tobacco-business .stack-docs {
  position: absolute; bottom: 20%; left: 30%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #f0e8d8 0%, #d0c0a0 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  animation: tb-docs 12s ease-in-out infinite;
}
.scn-tobacco-business .desk-edge {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 12%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 0 0 10% 10%;
}
.scn-tobacco-business .lantern {
  position: absolute; bottom: 35%; left: 20%; width: 14px; height: 22px;
  background: radial-gradient(circle at 50% 30%, #ffc040 0%, #a06020 70%);
  border-radius: 40% 40% 30% 30%;
  box-shadow: 0 0 30px 10px #ffc04055;
  animation: tb-lantern 5s ease-in-out infinite alternate;
}
@keyframes tb-bg { 0% { opacity: 0.9; transform: scale(1); } 50% { opacity: 1; transform: scale(1.01); } 100% { opacity: 0.8; transform: scale(0.98); } }
@keyframes tb-map { 0%,100% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(2px) rotate(1deg); } 70% { transform: translateX(-1px) rotate(-1deg); } }
@keyframes tb-comm { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(1deg); } }
@keyframes tb-smoke { 0% { transform: translateY(0) scale(1); opacity: 0.6; } 50% { transform: translateY(-10px) scale(1.5); opacity: 0.3; } 100% { transform: translateY(-20px) scale(2); opacity: 0; } }
@keyframes tb-docs { 0%,100% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(3px) rotate(2deg); } 70% { transform: translateX(-2px) rotate(-1deg); } }
@keyframes tb-lantern { 0% { opacity: 0.8; box-shadow: 0 0 20px 6px #ffc04044; } 50% { opacity: 1; box-shadow: 0 0 40px 15px #ffd06088; } 100% { opacity: 0.9; box-shadow: 0 0 25px 8px #ffc04055; } }

/* return-to-memphis */
.scn-return-to-memphis {
  background: linear-gradient(180deg, #d8e8f0 0%, #e0f0ff 40%, #fff5e0 100%),
              radial-gradient(ellipse at 80% 20%, #fff8e0 0%, transparent 60%);
}
.scn-return-to-memphis .sky-glow {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #b0d0e0 0%, #d0e8f0 100%);
  animation: rm-sky 15s ease-in-out infinite alternate;
}
.scn-return-to-memphis .sun {
  position: absolute; top: 10%; right: 15%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffe060 0%, #ffd020 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 40px #ffe06033;
  animation: rm-sun 6s ease-in-out infinite alternate;
}
.scn-return-to-memphis .dock {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 12%;
  background: linear-gradient(180deg, #a08860 0%, #7a5a3a 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.2);
}
.scn-return-to-memphis .water {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #6890a8 0%, #3a5a70 100%);
  animation: rm-water 10s ease-in-out infinite;
}
.scn-return-to-memphis .flee-fig-a {
  position: absolute; bottom: 20%; left: 20%; width: 22px; height: 44px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a12 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: rm-flee 4s ease-in-out infinite;
}
.scn-return-to-memphis .flee-fig-b {
  position: absolute; bottom: 22%; left: 45%; width: 24px; height: 46px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a12 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: rm-flee 4s ease-in-out infinite 0.8s;
}
.scn-return-to-memphis .flee-fig-c {
  position: absolute; bottom: 18%; left: 65%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a12 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: rm-flee 4s ease-in-out infinite 1.6s;
}
.scn-return-to-memphis .barrel-a {
  position: absolute; bottom: 15%; left: 30%; width: 16px; height: 20px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  animation: rm-barrel 12s ease-in-out infinite;
}
.scn-return-to-memphis .barrel-b {
  position: absolute; bottom: 15%; right: 20%; width: 18px; height: 22px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  animation: rm-barrel 12s ease-in-out infinite 2s;
}
@keyframes rm-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes rm-sun { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.7; } }
@keyframes rm-water { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes rm-flee { 0% { transform: translateX(0) rotate(0deg); } 20% { transform: translateX(6px) rotate(-10deg); } 50% { transform: translateX(12px) rotate(5deg); } 80% { transform: translateX(18px) rotate(-5deg); } 100% { transform: translateX(24px) rotate(0deg); } }
@keyframes rm-barrel { 0%,100% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-2px) rotate(3deg); } 70% { transform: translateY(1px) rotate(-2deg); } }

/* die-easily - dark mood, bright interior */
.scn-die-easily {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #4a3a2a 40%, #2a1a0a 100%),
    radial-gradient(ellipse at 50% 80%, #5a4a3a 0%, transparent 60%);
}
.scn-die-easily .wall {
  position:absolute; inset:0; background: linear-gradient(135deg, #4a3a2a 0%, #3a2a1a 60%, #2a1a0a 100%);
}
.scn-die-easily .window {
  position:absolute; top:15%; left:65%; width:80px; height:100px; background: radial-gradient(circle at 30% 30%, #ffe0b0 0%, #c8a070 60%, #8a6a4a 100%);
  border: 6px solid #5a3a1a; border-radius: 4px; box-shadow: 0 0 40px 10px rgba(200,160,112,.5);
  animation: de-window 6s ease-in-out infinite alternate;
}
.scn-die-easily .bed {
  position:absolute; bottom:10%; left:20%; width:55%; height:30%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 8px 8px 4px 4px; box-shadow: inset 0 -10px 20px rgba(0,0,0,.4);
}
.scn-die-easily .figure {
  position:absolute; bottom:15%; left:35%; width:40px; height:60px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center;
  animation: de-figure 4s ease-in-out infinite;
}
.scn-die-easily .chair {
  position:absolute; bottom:10%; left:55%; width:30px; height:50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 6px 6px 2px 2px; box-shadow: 2px 4px 6px rgba(0,0,0,.3);
}
.scn-die-easily .lamp {
  position:absolute; top:30%; right:20%; width:20px; height:30px; background: linear-gradient(180deg, #c8a060 0%, #8a6a3a 100%);
  border-radius: 50% 50% 4px 4px / 60% 60% 4px 4px; box-shadow: 0 0 30px 10px rgba(200,160,96,.6);
  animation: de-lamp 5s ease-in-out infinite alternate;
}
@keyframes de-window {
  0% { opacity:.8; box-shadow: 0 0 30px 8px rgba(200,160,112,.4); }
  50% { opacity:1; box-shadow: 0 0 50px 15px rgba(200,160,112,.6); }
  100% { opacity:.85; box-shadow: 0 0 35px 10px rgba(200,160,112,.45); }
}
@keyframes de-figure {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-3px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes de-lamp {
  0% { box-shadow: 0 0 20px 5px rgba(200,160,96,.5); opacity:.9; }
  50% { box-shadow: 0 0 40px 15px rgba(200,160,96,.8); opacity:1; }
  100% { box-shadow: 0 0 25px 8px rgba(200,160,96,.55); opacity:.92; }
}

/* no-beggars - warm mood, sunlit */
.scn-no-beggars {
  background:
    linear-gradient(180deg, #6ec7e0 0%, #b0d8f0 40%, #f0e8c0 100%),
    radial-gradient(ellipse at 50% 0%, #f0e8c0 0%, transparent 60%);
}
.scn-no-beggars .sky {
  position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #8ad0e8 0%, #c0e0f0 100%);
  animation: nb-sky 12s ease-in-out infinite alternate;
}
.scn-no-beggars .ground {
  position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #a0b050 0%, #708030 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.15);
}
.scn-no-beggars .building-a {
  position:absolute; bottom:30%; left:10%; width:120px; height:180px; background: linear-gradient(180deg, #d0c0a0 0%, #b0a080 100%);
  border-radius: 4px 4px 0 0; box-shadow: 2px 4px 12px rgba(0,0,0,.2);
}
.scn-no-beggars .building-b {
  position:absolute; bottom:30%; right:15%; width:90px; height:140px; background: linear-gradient(180deg, #c0b090 0%, #a09070 100%);
  border-radius: 4px 4px 0 0; box-shadow: 2px 4px 12px rgba(0,0,0,.2);
  animation: nb-building 18s ease-in-out infinite;
}
.scn-no-beggars .tree {
  position:absolute; bottom:35%; left:45%; width:50px; height:120px; background: linear-gradient(180deg, #5a8030 0%, #3a6010 100%);
  border-radius: 60% 60% 20% 20% / 80% 80% 20% 20%; box-shadow: inset -8px 0 10px rgba(0,0,0,.2);
  animation: nb-tree 7s ease-in-out infinite alternate;
}
.scn-no-beggars .shadow {
  position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.15) 100%);
  border-radius: 50% 50% 0 0; animation: nb-shadow 10s linear infinite alternate;
}
@keyframes nb-sky {
  0% { background: linear-gradient(180deg, #8ad0e8 0%, #c0e0f0 100%); }
  50% { background: linear-gradient(180deg, #a0d8f0 0%, #d0e8ff 100%); }
  100% { background: linear-gradient(180deg, #7ac0d8 0%, #b8d8e8 100%); }
}
@keyframes nb-building {
  0%,100% { transform: scaleY(1); }
  50% { transform: scaleY(1.02); }
}
@keyframes nb-tree {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes nb-shadow {
  0% { opacity:.2; transform: scaleX(1); }
  50% { opacity:.4; transform: scaleX(1.1); }
  100% { opacity:.25; transform: scaleX(.95); }
}

/* land-robber-in-chief - dark mood, bright interior */
.scn-land-robber-in-chief {
  background:
    linear-gradient(135deg, #1a1a0a 0%, #2a2a1a 40%, #1a1a0a 100%),
    radial-gradient(ellipse at 60% 70%, #3a3a2a 0%, transparent 70%);
}
.scn-land-robber-in-chief .desk {
  position:absolute; bottom:10%; left:5%; right:5%; height:30%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 8px 8px 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,.5);
}
.scn-land-robber-in-chief .map {
  position:absolute; bottom:25%; left:15%; width:200px; height:120px; background: linear-gradient(135deg, #d0c0a0 0%, #b0a080 40%, #a09070 100%);
  border: 2px solid #6a5a3a; border-radius: 4px; box-shadow: 2px 4px 8px rgba(0,0,0,.4);
  animation: lr-map 25s linear infinite;
}
.scn-land-robber-in-chief .globe {
  position:absolute; bottom:30%; right:15%; width:60px; height:60px; background: radial-gradient(circle at 40% 40%, #4060a0 0%, #203060 40%, #102040 100%);
  border-radius: 50%; box-shadow: 0 6px 20px rgba(0,0,0,.5);
  animation: lr-globe 30s linear infinite;
}
.scn-land-robber-in-chief .figure {
  position:absolute; bottom:20%; left:40%; width:30px; height:70px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center;
  animation: lr-figure 5s ease-in-out infinite;
}
.scn-land-robber-in-chief .lamp {
  position:absolute; top:15%; right:25%; width:25px; height:40px; background: linear-gradient(180deg, #d0a060 0%, #a08040 100%);
  border-radius: 50% 50% 4px 4px / 60% 60% 4px 4px; box-shadow: 0 0 40px 15px rgba(160,128,64,.6);
  animation: lr-lamp 4s ease-in-out infinite alternate;
}
.scn-land-robber-in-chief .document {
  position:absolute; bottom:30%; left:30%; width:40px; height:50px; background: linear-gradient(135deg, #e0d0b0 0%, #c0b090 100%);
  border: 1px solid #8a7a5a; border-radius: 2px; transform: rotate(-15deg);
  animation: lr-doc 8s ease-in-out infinite;
}
@keyframes lr-map {
  0% { background-position: 0 0; background-size: 100% 100%; }
  50% { background-position: 10px 5px; background-size: 105% 105%; }
  100% { background-position: 0 0; background-size: 100% 100%; }
}
@keyframes lr-globe {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(.95); }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes lr-figure {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes lr-lamp {
  0% { box-shadow: 0 0 30px 10px rgba(160,128,64,.5); opacity:.9; }
  50% { box-shadow: 0 0 60px 20px rgba(160,128,64,.8); opacity:1; }
  100% { box-shadow: 0 0 35px 12px rgba(160,128,64,.55); opacity:.92; }
}
@keyframes lr-doc {
  0%,100% { transform: rotate(-15deg) translateY(0); }
  50% { transform: rotate(-10deg) translateY(-2px); }
}

/* formalities-morality - dark mood, bright interior */
.scn-formalities-morality {
  background:
    linear-gradient(180deg, #2a1a0a 0%, #3a2a1a 40%, #2a1a0a 100%),
    radial-gradient(ellipse at 50% 60%, #5a4a3a 0%, transparent 70%);
}
.scn-formalities-morality .table {
  position:absolute; bottom:10%; left:10%; right:10%; height:25%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 8px 8px 0 0; box-shadow: 0 -6px 20px rgba(0,0,0,.5);
}
.scn-formalities-morality .paper {
  position:absolute; bottom:25%; left:25%; width:100px; height:70px; background: linear-gradient(135deg, #e0d0b0 0%, #c0b090 100%);
  border: 1px solid #8a7a5a; border-radius: 2px; transform: rotate(-5deg);
  animation: fm-paper 7s ease-in-out infinite;
}
.scn-formalities-morality .gavel {
  position:absolute; bottom:30%; right:30%; width:30px; height:50px; background: linear-gradient(180deg, #6a4a2a 0%, #3a1a0a 100%);
  border-radius: 4px 4px 2px 2px; box-shadow: 0 2px 6px rgba(0,0,0,.4);
  animation: fm-gavel 3s ease-in-out infinite alternate;
}
.scn-formalities-morality .hand {
  position:absolute; bottom:25%; left:40%; width:25px; height:35px; background: radial-gradient(circle at 50% 40%, #d0b090 0%, #a08060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center;
  animation: fm-hand 5s ease-in-out infinite;
}
.scn-formalities-morality .book {
  position:absolute; bottom:25%; left:55%; width:60px; height:80px; background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 4px 4px 2px 2px; box-shadow: inset -4px -4px 8px rgba(0,0,0,.3), 2px 4px 10px rgba(0,0,0,.4);
  animation: fm-book 20s linear infinite;
}
.scn-formalities-morality .light {
  position:absolute; top:20%; left:50%; width:60px; height:80px; background: radial-gradient(ellipse at 50% 50%, #ffe0a0 0%, #c08040 40%, transparent 70%);
  border-radius: 50%; transform: translateX(-50%); filter: blur(10px);
  animation: fm-light 4s ease-in-out infinite alternate;
}
@keyframes fm-paper {
  0%,100% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(0deg) translateY(-2px); }
}
@keyframes fm-gavel {
  0% { transform: translateY(0) rotate(-10deg); }
  50% { transform: translateY(-2px) rotate(5deg); }
  100% { transform: translateY(0) rotate(-10deg); }
}
@keyframes fm-hand {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-5px) scaleY(1.05); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes fm-book {
  0% { box-shadow: inset -4px -4px 8px rgba(0,0,0,.3), 2px 4px 10px rgba(0,0,0,.4); }
  50% { box-shadow: inset -6px -6px 12px rgba(0,0,0,.4), 4px 6px 15px rgba(0,0,0,.5); }
  100% { box-shadow: inset -4px -4px 8px rgba(0,0,0,.3), 2px 4px 10px rgba(0,0,0,.4); }
}
@keyframes fm-light {
  0% { opacity:.7; filter: blur(8px); }
  50% { opacity:1; filter: blur(12px); }
  100% { opacity:.75; filter: blur(9px); }
}

.scn-half-dead {
  background: linear-gradient(180deg, #1a1512 0%, #2a201a 30%, #1e1814 70%, #0d0a08 100%), radial-gradient(ellipse at 40% 80%, #3a2c22 0%, transparent 60%);
}
.scn-half-dead .wall-left { position:absolute; left:0; top:0; bottom:0; width:35%; background: linear-gradient(90deg, #2a221c 0%, #1e1814 100%); box-shadow: inset -8px 0 12px rgba(0,0,0,.5); animation: hd-wall 15s ease-in-out infinite alternate; }
.scn-half-dead .wall-right { position:absolute; right:0; top:0; bottom:0; width:35%; background: linear-gradient(90deg, #1e1814 0%, #2a221c 100%); box-shadow: inset 8px 0 12px rgba(0,0,0,.5); animation: hd-wall 15s ease-in-out infinite alternate-reverse; }
.scn-half-dead .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #1a1410 0%, #0f0c09 100%); box-shadow: inset 0 6px 10px rgba(0,0,0,.6); animation: hd-floor 20s ease-in-out infinite; }
.scn-half-dead .corpse { position:absolute; bottom:8%; left:38%; width:60px; height:30px; background: linear-gradient(180deg, #3a2e26 0%, #1e1814 100%); border-radius: 40% 60% 30% 50% / 60% 50% 40% 50%; transform: rotate(-6deg); box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: hd-corpse 6s ease-in-out infinite; }
.scn-half-dead .candle { position:absolute; bottom:22%; left:48%; width:10px; height:30px; background: linear-gradient(180deg, #e8d8b0 0%, #b8a080 100%); border-radius: 4px 4px 2px 2px; box-shadow: 0 0 4px rgba(200,180,140,.3); transform: translateX(-50%); animation: hd-candle 4s ease-in-out infinite; }
.scn-half-dead .flame { position:absolute; bottom:50%; left:48%; width:12px; height:18px; background: radial-gradient(ellipse 70% 60% at 50% 100%, #ffcc70 0%, #e88430 50%, transparent 80%); border-radius: 50%; transform: translate(-50%,0); animation: hd-flame 0.8s ease-in-out infinite alternate; }
.scn-half-dead .shadow { position:absolute; bottom:0; left:30%; width:70%; height:60%; background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,.6) 0%, transparent 70%); animation: hd-shadow 12s ease-in-out infinite alternate; }
@keyframes hd-wall { 0% { opacity: .85; filter: brightness(1); } 50% { opacity: 1; filter: brightness(1.05); } 100% { opacity: .9; filter: brightness(.95); } }
@keyframes hd-floor { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(-1px); } }
@keyframes hd-corpse { 0% { transform: rotate(-6deg) translateX(0); } 50% { transform: rotate(-5deg) translateX(3px); } 100% { transform: rotate(-7deg) translateX(-2px); } }
@keyframes hd-candle { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02); } 100% { transform: translateX(-50%) scaleY(0.98); } }
@keyframes hd-flame { 0% { opacity: .85; transform: translate(-50%,0) scale(.9); } 50% { opacity: 1; transform: translate(-50%,-2px) scale(1.1); } 100% { opacity: .75; transform: translate(-50%,1px) scale(.85); } }
@keyframes hd-shadow { 0% { opacity: .5; } 50% { opacity: .6; } 100% { opacity: .45; } }

.scn-ladies-horrors {
  background: linear-gradient(180deg, #f5e8d8 0%, #d4c0a8 40%, #b8a090 100%), radial-gradient(ellipse at 30% 50%, #ffe0c0 0%, transparent 70%);
}
.scn-ladies-horrors .doorway { position:absolute; left:20%; top:0; bottom:0; width:30%; background: linear-gradient(90deg, #b09880 0%, #806856 100%); border-radius: 0 0 8% 8% / 0 0 20% 20%; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); animation: lh-door 20s ease-in-out infinite; }
.scn-ladies-horrors .interior-wall { position:absolute; right:10%; top:10%; bottom:10%; width:60%; background: linear-gradient(135deg, #d8c8b8 0%, #c0b0a0 100%); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.15); animation: lh-wall 25s ease-in-out infinite alternate; }
.scn-ladies-horrors .stretcher { position:absolute; bottom:18%; left:35%; width:120px; height:20px; background: linear-gradient(180deg, #a09080 0%, #7a6a5a 100%); border-radius: 10px; transform: rotate(-3deg); box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: lh-stretcher 5s ease-in-out infinite; }
.scn-ladies-horrors .nurse-figure { position:absolute; bottom:18%; left:38%; width:30px; height:50px; background: linear-gradient(180deg, #d0c0b0 0%, #a09080 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: translateY(-22px); animation: lh-nurse 4s ease-in-out infinite; }
.scn-ladies-horrors .doctor-figure { position:absolute; bottom:18%; left:48%; width:28px; height:48px; background: linear-gradient(180deg, #b8a898 0%, #887868 100%); border-radius: 45% 55% 40% 40% / 55% 55% 40% 40%; transform: translateY(-20px) scaleX(-1); animation: lh-doctor 3.5s ease-in-out infinite; }
.scn-ladies-horrors .blood-spot { position:absolute; bottom:24%; left:40%; width:14px; height:10px; background: radial-gradient(circle, #a0461a 0%, #5e1a1d 70%); border-radius: 50%; filter: blur(1px); animation: lh-blood 6s ease-in-out infinite alternate; }
.scn-ladies-horrors .lamp-glow { position:absolute; top:20%; left:50%; width:60px; height:60px; background: radial-gradient(circle, #f0d8a0 0%, #d0b080 40%, transparent 70%); border-radius: 50%; filter: blur(8px); animation: lh-lamp 8s ease-in-out infinite alternate; }
@keyframes lh-door { 0% { filter: brightness(1); } 50% { filter: brightness(1.05); } 100% { filter: brightness(.95); } }
@keyframes lh-wall { 0% { opacity: .9; transform: scale(1); } 50% { opacity: 1; transform: scale(1.01); } 100% { opacity: .85; transform: scale(.99); } }
@keyframes lh-stretcher { 0% { transform: rotate(-3deg) translateX(0); } 50% { transform: rotate(-2deg) translateX(4px); } 100% { transform: rotate(-4deg) translateX(-3px); } }
@keyframes lh-nurse { 0% { transform: translateY(-22px) rotate(0); } 50% { transform: translateY(-24px) rotate(2deg); } 100% { transform: translateY(-20px) rotate(-2deg); } }
@keyframes lh-doctor { 0% { transform: translateY(-20px) scaleX(-1) rotate(0); } 50% { transform: translateY(-22px) scaleX(-1) rotate(-3deg); } 100% { transform: translateY(-18px) scaleX(-1) rotate(3deg); } }
@keyframes lh-blood { 0% { opacity: .6; transform: scale(1); } 50% { opacity: .9; transform: scale(1.2); } 100% { opacity: .5; transform: scale(.8); } }
@keyframes lh-lamp { 0% { opacity: .7; filter: blur(6px); } 50% { opacity: 1; filter: blur(10px); } 100% { opacity: .8; filter: blur(8px); } }

.scn-first-relief {
  background: linear-gradient(180deg, #b8a898 0%, #9a8a7a 30%, #7a6a5a 70%, #5a4a3a 100%), radial-gradient(ellipse at 60% 30%, #e0c8a0 0%, transparent 60%);
}
.scn-first-relief .sky-bg { position:absolute; top:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #d8c8b8 0%, #a89888 100%); animation: fr-sky 18s ease-in-out infinite alternate; }
.scn-first-relief .archway { position:absolute; bottom:20%; left:30%; right:30%; height:60%; background: linear-gradient(180deg, #a09080 0%, #706050 100%); border-radius: 40% 40% 0 0 / 60% 60% 0 0; box-shadow: inset 0 12px 24px rgba(0,0,0,.4); animation: fr-arch 20s ease-in-out infinite; }
.scn-first-relief .soldier { position:absolute; bottom:22%; left:38%; width:32px; height:52px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 45% 55% 40% 40% / 55% 55% 40% 40%; transform: rotate(4deg); animation: fr-soldier 4s ease-in-out infinite; }
.scn-first-relief .fallen-body { position:absolute; bottom:10%; left:45%; width:70px; height:25px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 30% 70% 40% 50% / 50% 40% 60% 50%; transform: rotate(-12deg); box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: fr-fallen 8s ease-in-out infinite; }
.scn-first-relief .dust-cloud { position:absolute; bottom:30%; left:20%; width:100px; height:40px; background: radial-gradient(ellipse at 50% 50%, rgba(180,160,140,.6) 0%, transparent 70%); filter: blur(6px); animation: fr-dust 12s ease-in-out infinite alternate; }
.scn-first-relief .sunbeam { position:absolute; top:10%; left:30%; width:20%; height:80%; background: linear-gradient(180deg, rgba(255,240,200,.15) 0%, transparent 100%); transform: rotate(15deg); animation: fr-sunbeam 7s ease-in-out infinite alternate; }
.scn-first-relief .shadow-strip { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.4) 100%); animation: fr-shadow 15s ease-in-out infinite; }
@keyframes fr-sky { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .7; } }
@keyframes fr-arch { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(.98); } }
@keyframes fr-soldier { 0% { transform: rotate(4deg) translateX(0); } 50% { transform: rotate(6deg) translateX(5px); } 100% { transform: rotate(2deg) translateX(-3px); } }
@keyframes fr-fallen { 0% { transform: rotate(-12deg) translateX(0); } 50% { transform: rotate(-10deg) translateX(4px); } 100% { transform: rotate(-14deg) translateX(-4px); } }
@keyframes fr-dust { 0% { opacity: .4; transform: translateX(0) scale(1); } 50% { opacity: .7; transform: translateX(10px) scale(1.1); } 100% { opacity: .3; transform: translateX(-10px) scale(.9); } }
@keyframes fr-sunbeam { 0% { opacity: .2; transform: rotate(15deg) scaleX(1); } 50% { opacity: .4; transform: rotate(18deg) scaleX(1.2); } 100% { opacity: .15; transform: rotate(12deg) scaleX(.8); } }
@keyframes fr-shadow { 0% { opacity: .5; } 50% { opacity: .6; } 100% { opacity: .4; } }

.scn-brick-building {
  background: linear-gradient(180deg, #b09880 0%, #8a7060 30%, #6a5040 100%), radial-gradient(ellipse at 80% 20%, #c0a080 0%, transparent 60%);
}
.scn-brick-building .wall-face { position:absolute; left:10%; right:10%; top:10%; bottom:10%; background: repeating-linear-gradient(0deg, #a08070 0px, #a08070 3px, #8a6a5a 3px, #8a6a5a 4px), repeating-linear-gradient(90deg, #a08070 0px, #a08070 10px, #8a6a5a 10px, #8a6a5a 11px); background-size: auto, 11px 100%; border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,.3); animation: bb-wall 25s ease-in-out infinite alternate; }
.scn-brick-building .brick-lines { position:absolute; left:10%; right:10%; top:10%; bottom:10%; background: repeating-linear-gradient(0deg, rgba(0,0,0,.15) 0px, rgba(0,0,0,.15) 3px, transparent 3px, transparent 4px); border-radius: 4px; animation: bb-lines 30s linear infinite; }
.scn-brick-building .bullet-holes { position:absolute; left:20%; top:20%; width:15px; height:15px; background: radial-gradient(circle, #2a1a0a 0%, #1a0a0a 60%); border-radius: 50%; box-shadow: 10px 30px 0 2px #1a0a0a, 40px 10px 0 1px #2a1a0a, 20px 50px 0 1.5px #1a0a0a; animation: bb-holes 8s ease-in-out infinite alternate; }
.scn-brick-building .musket-dust { position:absolute; bottom:30%; left:40%; width:60px; height:30px; background: radial-gradient(ellipse, rgba(240,220,200,.5) 0%, transparent 70%); filter: blur(5px); animation: bb-dust 5s ease-in-out infinite; }
.scn-brick-building .rampart-top { position:absolute; top:0; left:15%; right:15%; height:15%; background: linear-gradient(180deg, #705848 0%, #5a4030 100%); border-radius: 2px 2px 0 0; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: bb-rampart 12s ease-in-out infinite alternate; }
.scn-brick-building .figure-firing { position:absolute; bottom:15%; left:30%; width:28px; height:44px; background: linear-gradient(180deg, #4a3828 0%, #2a1a0a 100%); border-radius: 45% 55% 40% 40% / 55% 55% 40% 40%; transform: rotate(10deg); transform-origin: bottom center; animation: bb-figure 3s ease-in-out infinite; }
.scn-brick-building .impact-spark { position:absolute; top:25%; left:50%; width:8px; height:8px; background: radial-gradient(circle, #ffcc70 0%, #d08040 50%, transparent 80%); border-radius: 50%; box-shadow: 0 0 6px 2px #d08040; animation: bb-spark 0.4s ease-in-out infinite alternate; }
@keyframes bb-wall { 0% { filter: brightness(1); } 50% { filter: brightness(1.03); } 100% { filter: brightness(.97); } }
@keyframes bb-lines { 0% { opacity: .5; } 50% { opacity: .7; } 100% { opacity: .4; } }
@keyframes bb-holes { 0% { opacity: .7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: .6; transform: scale(.9); } }
@keyframes bb-dust { 0% { opacity: .3; transform: translate(0,0); } 50% { opacity: .6; transform: translate(8px,-4px); } 100% { opacity: .2; transform: translate(-6px,2px); } }
@keyframes bb-rampart { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(-2px); } }
@keyframes bb-figure { 0% { transform: rotate(10deg) translateX(0); } 50% { transform: rotate(14deg) translateX(6px); } 100% { transform: rotate(6deg) translateX(-4px); } }
@keyframes bb-spark { 0% { opacity: .6; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.3); } 100% { opacity: .4; transform: scale(.6); } }

.scn-stokers-work {
  background: 
    linear-gradient(180deg, #3a2a1a 0%, #6b4a3a 30%, #c88a5a 60%, #f0c080 100%),
    radial-gradient(ellipse at 50% 30%, #d09050 0%, transparent 70%);
}
.scn-stokers-work .stk-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #f0d0a0 0%, transparent 100%);
  animation: stk-sky 15s ease-in-out infinite alternate;
}
.scn-stokers-work .stk-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 0 0 30% 30% / 0 0 10% 10%;
}
.scn-stokers-work .stk-fire-pit {
  position: absolute; bottom: 30%; left: 50%; width: 80px; height: 30px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 0%, #ff8c42 0%, #cc5500 60%, #4a2a0a 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 -10px 40px 10px #ff6a00;
  animation: stk-fire 0.8s ease-in-out infinite alternate;
}
.scn-stokers-work .stk-flame {
  position: absolute; bottom: 30%; left: 50%; width: 20px; height: 50px;
  background: linear-gradient(0deg, #ffaa33, #ff5500, #ff2222);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform: translateX(-50%);
  filter: blur(3px);
  box-shadow: 0 0 30px 10px #ff6600;
}
.scn-stokers-work .flame-a {
  margin-left: -20px;
  animation: stk-flame-a 0.4s ease-in-out infinite alternate;
}
.scn-stokers-work .flame-b {
  margin-left: 20px;
  animation: stk-flame-b 0.6s ease-in-out infinite alternate;
  background: linear-gradient(0deg, #ffaa55, #ff7733, #ff4400);
  height: 40px;
}
.scn-stokers-work .stk-stoker {
  position: absolute; bottom: 20%; left: 38%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0d0803 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: stk-stoker 2s ease-in-out infinite;
}
.scn-stokers-work .stk-skeleton {
  position: absolute; bottom: 22%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #b0a090 0%, #807060 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 30% 30%;
  transform: rotate(10deg);
  animation: stk-skeleton 1.5s ease-in-out infinite;
}
.scn-stokers-work .skeleton-a {
  left: 52%;
  animation-delay: 0s;
}
.scn-stokers-work .skeleton-b {
  left: 60%;
  animation-delay: 0.7s;
  transform: rotate(-15deg) scale(0.9);
}
.scn-stokers-work .stk-smoke {
  position: absolute; top: 15%; left: 45%; width: 60px; height: 50px;
  background: radial-gradient(ellipse, rgba(200,180,160,0.4) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(12px);
  animation: stk-smoke 12s ease-in-out infinite;
}

@keyframes stk-sky {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes stk-fire {
  0% { transform: translateX(-50%) scaleY(1); }
  100% { transform: translateX(-50%) scaleY(1.1); }
}
@keyframes stk-flame-a {
  0% { transform: translateX(-50%) scaleY(1) rotate(-2deg); }
  50% { transform: translateX(-50%) scaleY(1.3) rotate(0deg); }
  100% { transform: translateX(-50%) scaleY(0.9) rotate(2deg); }
}
@keyframes stk-flame-b {
  0% { transform: translateX(-50%) scaleY(1) rotate(2deg); }
  50% { transform: translateX(-50%) scaleY(1.2) rotate(-1deg); }
  100% { transform: translateX(-50%) scaleY(0.8) rotate(-2deg); }
}
@keyframes stk-stoker {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-4px) rotate(-3deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(4px) rotate(3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes stk-skeleton {
  0% { transform: rotate(10deg) translateY(0); }
  50% { transform: rotate(5deg) translateY(-2px); }
  100% { transform: rotate(10deg) translateY(0); }
}
@keyframes stk-smoke {
  0% { transform: translateY(0) scale(1); opacity: 0.3; }
  50% { transform: translateY(-30px) scale(1.5); opacity: 0.1; }
  100% { transform: translateY(0) scale(1); opacity: 0.3; }
}

.scn-suttee-stones {
  background: 
    linear-gradient(180deg, #b0c4de 0%, #f5deb3 40%, #d2b48c 100%),
    radial-gradient(ellipse at 50% 100%, #d2b48c 0%, transparent 60%);
}
.scn-suttee-stones .sut-sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 100%);
  animation: sut-sky 20s ease-in-out infinite alternate;
}
.scn-suttee-stones .sut-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #d2b48c 0%, #a08060 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0;
}
.scn-suttee-stones .sut-stone {
  position: absolute; bottom: 30%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #c0b0a0 0%, #807060 100%);
  border-radius: 10% 10% 5% 5% / 20% 20% 10% 10%;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
}
.scn-suttee-stones .left-stone {
  left: 35%;
  transform: rotate(-3deg);
}
.scn-suttee-stones .right-stone {
  left: 55%;
  transform: rotate(2deg);
  width: 35px;
  height: 55px;
}
.scn-suttee-stones .sut-carving {
  position: absolute; bottom: 32%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  animation: sut-carving 4s ease-in-out infinite;
}
.scn-suttee-stones .carving-man {
  left: 38%;
  transform: rotate(-5deg);
}
.scn-suttee-stones .carving-woman {
  left: 58%;
  transform: rotate(3deg);
  height: 25px;
}
.scn-suttee-stones .sut-sun {
  position: absolute; top: 10%; right: 20%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fffacd 0%, #ffd700 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #ffd700;
  animation: sut-sun 30s ease-in-out infinite alternate;
}

@keyframes sut-sky {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes sut-carving {
  0% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-3px) rotate(-2deg); }
  100% { transform: translateY(0) rotate(-5deg); }
}
@keyframes sut-sun {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(10px) scale(1.1); }
  100% { transform: translateX(-10px) scale(0.9); }
}

.scn-bhowanee-temple {
  background: 
    linear-gradient(180deg, #1a0f0a 0%, #2d1a12 30%, #4a2a1a 70%, #0d0a05 100%),
    radial-gradient(ellipse at 50% 60%, #3a2015 0%, transparent 70%);
}
.scn-bhowanee-temple .bhw-wall {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #1a0f0a 0%, transparent 30%, transparent 70%, #1a0f0a 100%);
  animation: bhw-wall 8s ease-in-out infinite alternate;
}
.scn-bhowanee-temple .bhw-altar {
  position: absolute; bottom: 15%; left: 50%; width: 120px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a2a1a 0%, #2d1a12 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.6);
}
.scn-bhowanee-temple .bhw-idol {
  position: absolute; bottom: 35%; left: 50%; width: 50px; height: 80px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c0c0c0 0%, #808080 50%, #404040 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  box-shadow: 0 0 20px 5px #a0a0a0;
  animation: bhw-idol 6s ease-in-out infinite;
}
.scn-bhowanee-temple .bhw-tongue {
  position: absolute; bottom: 38%; left: 50%; width: 20px; height: 10px;
  transform: translateX(-50%) translateY(5px);
  background: #702243; /* mulberry instead of crimson */
  border-radius: 50% 50% 0 0;
  animation: bhw-tongue 1s ease-in-out infinite alternate;
}
.scn-bhowanee-temple .bhw-skulls {
  position: absolute; bottom: 45%; left: 50%; width: 40px; height: 20px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, #e0d0c0 0%, #a09080 50%, transparent 100%);
  border-radius: 50%;
  filter: blur(2px);
  animation: bhw-skulls 3s ease-in-out infinite;
}
.scn-bhowanee-temple .bhw-candle {
  position: absolute; bottom: 10%; width: 8px; height: 20px;
  background: linear-gradient(0deg, #f0e68c 0%, #ffd700 50%, #ff8c00 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: 0 0 15px 5px #ffb347;
  animation: bhw-candle 0.8s ease-in-out infinite alternate;
}
.scn-bhowanee-temple .candle-a {
  left: 38%;
}
.scn-bhowanee-temple .candle-b {
  right: 38%;
  animation-delay: 0.4s;
  height: 15px;
}
.scn-bhowanee-temple .bhw-shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);
}

@keyframes bhw-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes bhw-idol {
  0% { transform: translateX(-50%) rotate(-1deg); }
  50% { transform: translateX(-50%) rotate(1deg); }
  100% { transform: translateX(-50%) rotate(-1deg); }
}
@keyframes bhw-tongue {
  0% { transform: translateX(-50%) translateY(5px) scaleY(1); }
  100% { transform: translateX(-50%) translateY(7px) scaleY(1.2); }
}
@keyframes bhw-skulls {
  0% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.05); }
  100% { transform: translateX(-50%) scale(0.95); }
}
@keyframes bhw-candle {
  0% { transform: scaleY(1) rotate(-2deg); opacity: 0.9; }
  50% { transform: scaleY(1.1) rotate(0deg); opacity: 1; }
  100% { transform: scaleY(0.9) rotate(2deg); opacity: 0.9; }
}

.scn-minarets-monkey {
  background: 
    linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0e68c 100%),
    radial-gradient(ellipse at 50% 100%, #f0e68c 0%, transparent 60%);
}
.scn-minarets-monkey .mm-sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #87ceeb 60%, #f0e68c 100%);
  animation: mm-sky 18s ease-in-out infinite alternate;
}
.scn-minarets-monkey .mm-minaret {
  position: absolute; bottom: 30%; width: 20px; height: 120px;
  background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 50%, #d0d0d0 100%);
  border-radius: 10% 10% 5% 5% / 5% 5% 2% 2%;
  box-shadow: 0 0 10px 2px rgba(255,255,255,0.3);
}
.scn-minarets-monkey .left-min {
  left: 35%;
  transform: rotate(-1deg);
}
.scn-minarets-monkey .right-min {
  right: 35%;
  transform: rotate(1deg);
  height: 110px;
}
.scn-minarets-monkey .mm-monkey {
  position: absolute; bottom: 50%; left: 38%; width: 20px; height: 25px;
  background: #808080;
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: mm-monkey 1.2s ease-in-out infinite;
}
.scn-minarets-monkey .mm-cloud {
  position: absolute; width: 60px; height: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 100%);
  border-radius: 50%;
  filter: blur(5px);
}
.scn-minarets-monkey .cloud-c {
  top: 20%; left: 10%;
  animation: mm-drift-c 40s linear infinite;
}
.scn-minarets-monkey .cloud-d {
  top: 15%; right: 20%;
  animation: mm-drift-d 50s linear infinite reverse;
  width: 40px;
}
.scn-minarets-monkey .mm-sun {
  position: absolute; top: 8%; left: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #fffacd 0%, #ffd700 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 15px #ffd700;
  animation: mm-sun 20s ease-in-out infinite alternate;
}
.scn-minarets-monkey .mm-water-painting {
  position: absolute; bottom: 5%; left: 10%; width: 80px; height: 40px;
  background: linear-gradient(135deg, #b0c4de 0%, #9370db 30%, #ffb6c1 60%, #ffd700 100%);
  border-radius: 50% 50% 10% 10% / 60% 60% 20% 20%;
  opacity: 0.7;
  animation: mm-paint 6s ease-in-out infinite;
}

@keyframes mm-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes mm-monkey {
  0% { transform: translateY(0) translateX(0) rotate(0deg); }
  25% { transform: translateY(-5px) translateX(5px) rotate(10deg); }
  50% { transform: translateY(0) translateX(10px) rotate(0deg); }
  75% { transform: translateY(-3px) translateX(5px) rotate(-5deg); }
  100% { transform: translateY(0) translateX(0) rotate(0deg); }
}
@keyframes mm-drift-c {
  0% { transform: translateX(-50px); }
  100% { transform: translateX(120vw); }
}
@keyframes mm-drift-d {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100vw); }
}
@keyframes mm-sun {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(8px) scale(1.05); }
  100% { transform: translateX(-8px) scale(0.95); }
}
@keyframes mm-paint {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.05) rotate(5deg); }
  100% { transform: scale(0.95) rotate(-3deg); }
}

/* fifty-lashes – flogging interior */
.scn-fifty-lashes {
  background: 
    linear-gradient(180deg, #2b2028 0%, #3d2c2a 30%, #4a3630 60%, #2b1e1c 100%),
    radial-gradient(ellipse at 50% 0%, #6b4a3a 0%, transparent 60%);
}
.scn-fifty-lashes .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #4a3a2e 0%, #2b1e18 100%); animation: fl-wall 20s ease-in-out infinite alternate; }
.scn-fifty-lashes .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a2a20 0%, #1e1410 100%); box-shadow: inset 0 20px 30px rgba(0,0,0,.6); }
.scn-fifty-lashes .post { position:absolute; bottom:30%; left:50%; width:16px; height:50%; transform:translateX(-50%); background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%); border-radius:4px; box-shadow: 4px 0 12px rgba(0,0,0,.5); animation: fl-post 6s ease-in-out infinite; }
.scn-fifty-lashes .convict { position:absolute; bottom:30%; left:50%; width:40px; height:80px; transform:translateX(-60%); background: linear-gradient(180deg, #c8a080 0%, #a0785a 40%, #5a3a28 100%); border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%; box-shadow: inset 0 -10px 20px rgba(0,0,0,.4); animation: fl-convict 3s ease-in-out infinite; }
.scn-fifty-lashes .whip { position:absolute; bottom:70%; left:45%; width:60px; height:6px; background: linear-gradient(180deg, #8a5a3a 0%, #6a3a1a 100%); border-radius:30% 30% 50% 50%; transform-origin: right center; box-shadow: 0 2px 8px rgba(0,0,0,.3); animation: fl-whip 0.8s ease-in-out infinite; }
.scn-fifty-lashes .flagger { position:absolute; bottom:30%; left:55%; width:30px; height:70px; transform:translateX(20%); background: linear-gradient(180deg, #3a2a22 0%, #1e1410 100%); border-radius: 40% 40% 20% 20% / 50% 50% 20% 20%; box-shadow: inset 0 0 15px rgba(0,0,0,.5); animation: fl-flagger 3s ease-in-out infinite; }
.scn-fifty-lashes .lamp { position:absolute; top:10%; left:35%; width:20px; height:30px; background: radial-gradient(circle at 50% 30%, #ffcc80 0%, #c08040 50%, #4a2a1a 100%); border-radius:50% 50% 30% 30%; box-shadow: 0 0 40px 20px rgba(255,200,100,.5), 0 0 100px 40px rgba(255,180,80,.3); animation: fl-lamp 4s ease-in-out infinite alternate; }
.scn-fifty-lashes .shadow-obs { position:absolute; bottom:20%; left:10%; width:25%; height:50%; background: radial-gradient(ellipse at 50% 100%, rgba(30,20,16,0.9) 0%, transparent 70%); filter: blur(8px); animation: fl-shadow 8s ease-in-out infinite; }
@keyframes fl-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes fl-post { 0%,100% { transform:translateX(-50%) scaleY(1) } 50% { transform:translateX(-50%) scaleY(1.02) } }
@keyframes fl-convict { 0%,100% { transform:translateX(-60%) rotate(0deg) } 25% { transform:translateX(-58%) rotate(2deg) } 75% { transform:translateX(-62%) rotate(-2deg) } }
@keyframes fl-whip { 0%,100% { transform: rotate(-20deg) translateX(0) } 50% { transform: rotate(40deg) translateX(10px) } }
@keyframes fl-flagger { 0%,100% { transform:translateX(20%) rotate(0deg) } 50% { transform:translateX(18%) rotate(-3deg) } }
@keyframes fl-lamp { 0% { box-shadow: 0 0 30px 10px rgba(255,200,100,.4); } 50% { box-shadow: 0 0 60px 20px rgba(255,220,120,.7); } 100% { box-shadow: 0 0 35px 12px rgba(255,200,100,.5); } }
@keyframes fl-shadow { 0%,100% { opacity:0.3 } 50% { opacity:0.6 } }

/* convict-desperation – dark cell, straws drawn */
.scn-convict-desperation {
  background: 
    linear-gradient(180deg, #1c1618 0%, #2a1e1c 30%, #1a1210 60%, #0e0a08 100%),
    radial-gradient(ellipse at 50% 50%, #3a2822 0%, transparent 80%);
}
.scn-convict-desperation .cell-wall { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #2a201c 0%, #1a1410 100%); box-shadow: inset 0 0 40px rgba(0,0,0,.6); animation: cd-wall 15s ease-in-out infinite alternate; }
.scn-convict-desperation .cell-floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #1e1612 0%, #0e0a08 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.5); }
.scn-convict-desperation .figure-left { position:absolute; bottom:25%; left:30%; width:30px; height:50px; background: linear-gradient(180deg, #3a2a22 0%, #1a1210 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; transform-origin: bottom center; animation: cd-figure-l 4s ease-in-out infinite; }
.scn-convict-desperation .figure-right { position:absolute; bottom:25%; right:30%; width:30px; height:48px; background: linear-gradient(180deg, #3a2a22 0%, #1a1210 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; transform-origin: bottom center; animation: cd-figure-r 4s ease-in-out infinite 1s; }
.scn-convict-desperation .straws { position:absolute; bottom:38%; left:50%; width:30px; height:4px; transform:translateX(-50%); background: linear-gradient(90deg, #8a7a5a 0%, #6a5a3a 100%); border-radius:20%; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: cd-straws 3s ease-in-out infinite; }
.scn-convict-desperation .noose { position:absolute; top:8%; left:50%; width:12px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%); border-radius:50% 50% 10% 10%; box-shadow: 0 0 10px rgba(0,0,0,.5); animation: cd-noose 6s ease-in-out infinite; }
.scn-convict-desperation .candle { position:absolute; bottom:30%; left:45%; width:8px; height:20px; background: linear-gradient(180deg, #e0c080 0%, #8a6a3a 100%); border-radius:10% 10% 20% 20%; box-shadow: 0 0 40px 15px rgba(255,200,100,.5); animation: cd-candle 3s ease-in-out infinite alternate; }
@keyframes cd-wall { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes cd-figure-l { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(5deg) } 75% { transform: rotate(-5deg) } }
@keyframes cd-figure-r { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(-5deg) } 75% { transform: rotate(5deg) } }
@keyframes cd-straws { 0%,100% { transform:translateX(-50%) rotate(0deg) } 50% { transform:translateX(-50%) rotate(10deg) } }
@keyframes cd-noose { 0%,100% { transform:translateX(-50%) scaleY(1) } 50% { transform:translateX(-50%) scaleY(1.1) } }
@keyframes cd-candle { 0% { opacity:0.7; box-shadow: 0 0 30px 10px rgba(255,200,100,.3); } 50% { opacity:1; box-shadow: 0 0 50px 20px rgba(255,220,120,.6); } 100% { opacity:0.8; box-shadow: 0 0 35px 12px rgba(255,200,100,.4); } }

/* hints-of-convict-life – two convicts whispering, lamp lit */
.scn-hints-of-convict-life {
  background: 
    linear-gradient(180deg, #2e2420 0%, #3d2c28 40%, #2a1e1a 70%, #1a1210 100%),
    radial-gradient(ellipse at 30% 60%, #5a3a2a 0%, transparent 60%);
}
.scn-hints-of-convict-life .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #3d2c28 0%, #2a1e1a 50%, #1a1210 100%); animation: hl-bg 12s ease-in-out infinite alternate; }
.scn-hints-of-convict-life .bars { position:absolute; inset:0; background: repeating-linear-gradient(0deg, transparent 0px, transparent 6px, #2a1e18 6px, #2a1e18 8px); opacity:0.3; animation: hl-bars 5s ease-in-out infinite; }
.scn-hints-of-convict-life .convict-a { position:absolute; bottom:28%; left:35%; width:35px; height:55px; background: linear-gradient(180deg, #4a362e 0%, #2a1e18 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; transform-origin: bottom center; animation: hl-convict-a 4s ease-in-out infinite; }
.scn-hints-of-convict-life .convict-b { position:absolute; bottom:28%; right:30%; width:35px; height:52px; background: linear-gradient(180deg, #4a362e 0%, #2a1e18 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; transform-origin: bottom center; animation: hl-convict-b 4s ease-in-out infinite 0.5s; }
.scn-hints-of-convict-life .whisper-arc { position:absolute; bottom:40%; left:38%; width:60px; height:20px; background: radial-gradient(ellipse at 50% 0%, rgba(200,180,160,0.3) 0%, transparent 70%); border-radius:50%; filter: blur(6px); animation: hl-whisper 3s ease-in-out infinite; }
.scn-hints-of-convict-life .lamp-glow { position:absolute; top:15%; left:50%; width:30px; height:40px; transform:translateX(-50%); background: radial-gradient(circle at 50% 40%, #ffd080 0%, #b08040 60%, transparent 100%); box-shadow: 0 0 80px 30px rgba(255,200,100,.4); animation: hl-lamp 4s ease-in-out infinite alternate; }
.scn-hints-of-convict-life .paper { position:absolute; bottom:33%; left:48%; width:20px; height:14px; background: linear-gradient(180deg, #c8b08a 0%, #a0886a 100%); border-radius:5%; box-shadow: 0 0 8px rgba(0,0,0,.3); transform: rotate(-10deg); animation: hl-paper 6s ease-in-out infinite; }
@keyframes hl-bg { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes hl-bars { 0%,100% { opacity:0.2 } 50% { opacity:0.4 } }
@keyframes hl-convict-a { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(3deg) } }
@keyframes hl-convict-b { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(-3deg) } }
@keyframes hl-whisper { 0%,100% { opacity:0.2; transform: scale(1) } 50% { opacity:0.6; transform: scale(1.1) } }
@keyframes hl-lamp { 0% { box-shadow: 0 0 50px 15px rgba(255,200,100,.3); } 50% { box-shadow: 0 0 100px 30px rgba(255,220,120,.6); } 100% { box-shadow: 0 0 60px 20px rgba(255,200,100,.4); } }
@keyframes hl-paper { 0%,100% { transform: rotate(-10deg) } 50% { transform: rotate(-5deg) } }

/* rum-corps – rum smuggling scene */
.scn-rum-corps {
  background: 
    linear-gradient(180deg, #2a1e1a 0%, #3d2a22 30%, #4a342a 60%, #2a1e18 100%),
    radial-gradient(ellipse at 40% 70%, #5a3a2a 0%, transparent 70%);
}
.scn-rum-corps .back-barrel { position:absolute; bottom:22%; left:20%; width:50px; height:40px; background: linear-gradient(180deg, #5a3a2a 0%, #3a2218 100%); border-radius:30% 30% 20% 20%; box-shadow: inset 0 0 20px rgba(0,0,0,.4); animation: rc-barrel 8s ease-in-out infinite; }
.scn-rum-corps .table { position:absolute; bottom:18%; left:40%; width:40%; height:10%; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1e 100%); border-radius:5%; box-shadow: 0 6px 12px rgba(0,0,0,.5); transform: perspective(200px) rotateX(20deg); }
.scn-rum-corps .bottle { position:absolute; bottom:28%; left:55%; width:12px; height:25px; background: linear-gradient(180deg, #5a3a2a 0%, #3a2218 100%); border-radius:10% 10% 20% 20%; box-shadow: 0 0 10px rgba(0,0,0,.4); transform: rotate(-15deg); animation: rc-bottle 4s ease-in-out infinite; }
.scn-rum-corps .glass { position:absolute; bottom:28%; left:62%; width:10px; height:15px; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius:10% 10% 20% 20%; box-shadow: inset 0 0 8px rgba(255,255,255,0.1); animation: rc-glass 4s ease-in-out infinite 1s; }
.scn-rum-corps .officer { position:absolute; bottom:20%; right:20%; width:35px; height:70px; background: linear-gradient(180deg, #3a2a22 0%, #1e1410 100%); border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%; box-shadow: inset 0 0 20px rgba(0,0,0,.5); transform-origin: bottom center; animation: rc-officer 3s ease-in-out infinite; }
.scn-rum-corps .coin-pile { position:absolute; bottom:18%; left:65%; width:20px; height:8px; background: linear-gradient(90deg, #c8b080 0%, #a08860 50%, #c8b080 100%); border-radius:20%; box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: rc-coins 5s ease-in-out infinite; }
.scn-rum-corps .front-barrel { position:absolute; bottom:15%; left:55%; width:45px; height:35px; background: linear-gradient(180deg, #5a3a2a 0%, #3a2218 100%); border-radius:30% 30% 20% 20%; box-shadow: inset 0 0 15px rgba(0,0,0,.5); animation: rc-barrel 8s ease-in-out infinite -2s; }
.scn-rum-corps .spilled-rum { position:absolute; bottom:10%; left:45%; width:30px; height:6px; background: linear-gradient(90deg, #5a3a2a 0%, #3a2218 50%, transparent 100%); border-radius:50%; filter: blur(4px); animation: rc-rum 6s ease-in-out infinite; }
@keyframes rc-barrel { 0%,100% { transform: scale(1) } 50% { transform: scale(0.98) } }
@keyframes rc-bottle { 0%,100% { transform: rotate(-15deg) } 50% { transform: rotate(-10deg) } }
@keyframes rc-glass { 0%,100% { opacity:0.7 } 50% { opacity:1 } }
@keyframes rc-officer { 0%,100% { transform: rotate(0deg) } 25% { transform: rotate(4deg) } 75% { transform: rotate(-4deg) } }
@keyframes rc-coins { 0%,100% { opacity:0.5 } 50% { opacity:1 } }
@keyframes rc-rum { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(1.3) } }

/* calcutta-arrival */
.scn-calcutta-arrival {
  background: 
    linear-gradient(180deg, #f5deb3 0%, #d2b48c 40%, #8b7355 100%),
    radial-gradient(ellipse at 50% 0%, #fff8dc 0%, transparent 60%);
}
.scn-calcutta-arrival .bg-ca {
  position: absolute; inset: 0; 
  background: linear-gradient(180deg, #f0e68c 0%, #daa520 30%, #8b6914 100%);
  opacity: 0.3; 
  animation: ca-sway 20s ease-in-out infinite alternate;
}
.scn-calcutta-arrival .window-ca {
  position: absolute; top: 10%; left: 65%; width: 30%; height: 50%;
  background: radial-gradient(ellipse at 50% 50%, #add8e6 0%, #87ceeb 60%, #4682b4 100%);
  border: 6px solid #8b4513; border-radius: 8px; 
  box-shadow: inset 0 0 30px #fff8dc;
  animation: ca-view 12s ease-in-out infinite alternate;
}
.scn-calcutta-arrival .seat-ca {
  position: absolute; bottom: 18%; left: 25%; width: 50%; height: 15%;
  background: linear-gradient(135deg, #a0522d 0%, #8b4513 50%, #5c3317 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 -4px 10px rgba(0,0,0,0.3);
}
.scn-calcutta-arrival .passenger-ca {
  position: absolute; bottom: 22%; left: 40%; width: 12%; height: 25%;
  background: linear-gradient(180deg, #3b2f2f 0%, #2b1f1f 60%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ca-read 5s ease-in-out infinite;
}
.scn-calcutta-arrival .luggage-ca {
  position: absolute; bottom: 16%; right: 28%; width: 18%; height: 12%;
  background: linear-gradient(135deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 4px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  animation: ca-bob 7s ease-in-out infinite;
}
.scn-calcutta-arrival .lamp-ca {
  position: absolute; top: 8%; left: 50%; transform: translateX(-50%);
  width: 6%; height: 8%;
  background: radial-gradient(circle, #ffd700 0%, #b8860b 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px #ffd700, 0 0 80px 20px rgba(255,215,0,0.4);
  animation: ca-lamp-glow 3s ease-in-out infinite alternate;
}
.scn-calcutta-arrival .dust-ca {
  position: absolute; top: 30%; left: 20%; width: 8px; height: 8px;
  background: rgba(255,255,200,0.5); border-radius: 50%;
  filter: blur(3px);
  animation: ca-dust 6s linear infinite;
}
@keyframes ca-sway { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.02) rotate(0.5deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes ca-view { 0% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.8; transform: scale(1); } }
@keyframes ca-read { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(1px) rotate(1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-1px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ca-bob { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes ca-lamp-glow { 0% { opacity: 0.8; box-shadow: 0 0 20px 5px #ffd700; } 50% { opacity: 1; box-shadow: 0 0 60px 15px #ffd700; } 100% { opacity: 0.9; box-shadow: 0 0 30px 8px #ffd700; } }
@keyframes ca-dust { 0% { transform: translate(0, 0) scale(1); opacity: 0.7; } 50% { transform: translate(20px, -10px) scale(1.5); opacity: 1; } 100% { transform: translate(40px, -20px) scale(0.5); opacity: 0; } }

/* ochterlony-monument */
.scn-ochterlony-monument {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 50%, #f0e68c 100%),
              radial-gradient(ellipse at 50% 100%, #fff8dc 0%, transparent 60%);
}
.scn-ochterlony-monument .sky-oc {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #4a90d9 0%, #87ceeb 60%, transparent 100%);
  animation: oc-sky 15s ease-in-out infinite alternate;
}
.scn-ochterlony-monument .sun-oc {
  position: absolute; top: 8%; right: 20%; width: 12%; height: 12%;
  background: radial-gradient(circle, #fff8dc 0%, #ffd700 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #ffd700;
  animation: oc-sun-pulse 4s ease-in-out infinite alternate;
}
.scn-ochterlony-monument .monument-oc {
  position: absolute; bottom: 28%; left: 50%; transform: translateX(-50%);
  width: 8%; height: 60%;
  background: linear-gradient(180deg, #f5f5dc 0%, #dcdcdc 40%, #a9a9a9 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: -2px 0 8px rgba(0,0,0,0.2), 2px 0 8px rgba(0,0,0,0.2);
  animation: oc-sway 8s ease-in-out infinite;
}
.scn-ochterlony-monument .pedestal-oc {
  position: absolute; bottom: 22%; left: 50%; transform: translateX(-50%);
  width: 20%; height: 8%;
  background: linear-gradient(180deg, #bc8f8f 0%, #8b6f6f 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 6px rgba(0,0,0,0.3);
}
.scn-ochterlony-monument .clive-fig-oc {
  position: absolute; bottom: 22%; left: 30%; width: 6%; height: 10%;
  background: linear-gradient(180deg, #2c2c3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: oc-walk 5s ease-in-out infinite;
}
.scn-ochterlony-monument .shadow-oc {
  position: absolute; bottom: 22%; left: 30%; width: 30%; height: 4%;
  background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, transparent 100%);
  border-radius: 50%;
  transform: skewX(-30deg);
  animation: oc-shadow 5s ease-in-out infinite;
}
@keyframes oc-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes oc-sun-pulse { 0% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.8; } }
@keyframes oc-sway { 0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-50%) rotate(1deg); } 75% { transform: translateX(-50%) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes oc-walk { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(5deg); } 50% { transform: translateX(10px) rotate(0deg); } 75% { transform: translateX(5px) rotate(-5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes oc-shadow { 0% { transform: skewX(-30deg) translateX(0); opacity: 0.5; } 50% { transform: skewX(-30deg) translateX(10px); opacity: 0.8; } 100% { transform: skewX(-30deg) translateX(0); opacity: 0.5; } }

/* clive-hastings-neglected */
.scn-clive-hastings-neglected {
  background: 
    linear-gradient(180deg, #f5deb3 0%, #deb887 50%, #d2b48c 100%),
    radial-gradient(ellipse at 50% 100%, #ffffff 0%, transparent 70%);
}
.scn-clive-hastings-neglected .room-ch {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #f3e5ab 0%, #e8d48f 50%, #c9a96e 100%);
  opacity: 0.6;
  animation: ch-room 20s ease-in-out infinite alternate;
}
.scn-clive-hastings-neglected .pedestal-clive-ch {
  position: absolute; bottom: 20%; left: 25%; width: 20%; height: 12%;
  background: linear-gradient(180deg, #a9a9a9 0%, #808080 100%);
  border-radius: 6px;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.2);
  animation: ch-empty-ped 3s ease-in-out infinite alternate;
}
.scn-clive-hastings-neglected .pedestal-hastings-ch {
  position: absolute; bottom: 20%; right: 25%; width: 20%; height: 12%;
  background: linear-gradient(180deg, #a9a9a9 0%, #808080 100%);
  border-radius: 6px;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.2);
  animation: ch-empty-ped 3s ease-in-out infinite alternate 1.5s;
}
.scn-clive-hastings-neglected .sign-clive-ch {
  position: absolute; bottom: 32%; left: 28%; width: 14%; height: 4%;
  background: #cd853f;
  border-radius: 2px;
  animation: ch-sign-wobble 4s ease-in-out infinite;
}
.scn-clive-hastings-neglected .sign-hastings-ch {
  position: absolute; bottom: 32%; right: 28%; width: 14%; height: 4%;
  background: #cd853f;
  border-radius: 2px;
  animation: ch-sign-wobble 4s ease-in-out infinite 2s;
}
.scn-clive-hastings-neglected .ochterlony-fig-ch {
  position: absolute; bottom: 22%; left: 50%; transform: translateX(-50%);
  width: 10%; height: 20%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ch-strut 5s ease-in-out infinite;
}
.scn-clive-hastings-neglected .spotlight-ch {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 40%; height: 80%;
  background: linear-gradient(180deg, rgba(255,255,220,0.3) 0%, transparent 100%);
  border-radius: 50%;
  animation: ch-light 6s ease-in-out infinite alternate;
}
@keyframes ch-room { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.01) rotate(0.3deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes ch-empty-ped { 0% { transform: translateY(0); opacity: 0.9; } 50% { transform: translateY(-4px); opacity: 1; } 100% { transform: translateY(0); opacity: 0.7; } }
@keyframes ch-sign-wobble { 0% { transform: rotate(0deg) scaleX(1); } 25% { transform: rotate(2deg) scaleX(1.02); } 75% { transform: rotate(-2deg) scaleX(0.98); } 100% { transform: rotate(0deg) scaleX(1); } }
@keyframes ch-strut { 0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-48%) rotate(3deg); } 75% { transform: translateX(-52%) rotate(-3deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes ch-light { 0% { opacity: 0.4; } 50% { opacity: 0.7; } 100% { opacity: 0.5; } }

/* unknown-officials */
.scn-unknown-officials {
  background: 
    linear-gradient(180deg, #e8d5b7 0%, #d4b896 50%, #bfa07a 100%),
    radial-gradient(ellipse at 50% 50%, #fff8dc 0%, transparent 70%);
}
.scn-unknown-officials .bg-uo {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #f0e6d2 0%, #dfceb4 50%, #c4a884 100%);
  opacity: 0.5;
  animation: uo-ambient 25s ease-in-out infinite alternate;
}
.scn-unknown-officials .desk-uo {
  position: absolute; bottom: 12%; left: 20%; width: 60%; height: 25%;
  background: linear-gradient(180deg, #8b5a2b 0%, #5a3a1a 100%);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.scn-unknown-officials .chair-uo {
  position: absolute; bottom: 30%; left: 38%; width: 14%; height: 20%;
  background: linear-gradient(180deg, #7a523a 0%, #4a3020 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
.scn-unknown-officials .lamp-uo {
  position: absolute; top: 10%; right: 20%; width: 8%; height: 12%;
  background: radial-gradient(circle at 50% 80%, #ffd700 0%, #daa520 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 8px #ffd700, 0 0 60px 15px rgba(218,165,32,0.3);
  animation: uo-lamp 8s ease-in-out infinite alternate;
}
.scn-unknown-officials .figure-uo {
  position: absolute; bottom: 28%; left: 42%; width: 10%; height: 18%;
  background: linear-gradient(180deg, #2c2c3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: uo-write 4s ease-in-out infinite;
}
.scn-unknown-officials .window-uo {
  position: absolute; top: 8%; left: 10%; width: 25%; height: 40%;
  background: radial-gradient(ellipse at 50% 50%, #b0e0e6 0%, #87ceeb 70%, #4682b4 100%);
  border: 4px solid #6b4e2e; border-radius: 8px;
  box-shadow: inset 0 0 20px rgba(255,255,200,0.3);
  animation: uo-outside 15s ease-in-out infinite alternate;
}
.scn-unknown-officials .papers-uo {
  position: absolute; bottom: 20%; left: 30%; width: 30%; height: 6%;
  background: linear-gradient(90deg, #fffaf0 0%, #f5deb3 30%, #f0e68c 70%, #f5deb3 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  animation: uo-flutter 6s ease-in-out infinite;
}
@keyframes uo-ambient { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.01) rotate(0.2deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes uo-lamp { 0% { opacity: 0.8; box-shadow: 0 0 20px 5px #ffd700; } 50% { opacity: 1; box-shadow: 0 0 40px 10px #ffd700; } 100% { opacity: 0.9; box-shadow: 0 0 25px 6px #ffd700; } }
@keyframes uo-write { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(1px) rotate(2deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-1px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes uo-outside { 0% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.8; transform: scale(1); } }
@keyframes uo-flutter { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }

.scn-swimmer-flees { background: linear-gradient(180deg, #87CEEB 0%, #FFD700 40%, #FFA500 70%, #1E90FF 100%), radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 60%); }
.scn-swimmer-flees .sky { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #FFD700 0%, #87CEEB 40%, #B0E0E6 100%); animation: sf-sky 12s ease-in-out infinite alternate; }
.scn-swimmer-flees .water { position: absolute; bottom: 0; left: 0; right: 0; height: 55%; background: linear-gradient(180deg, #1E90FF 0%, #000080 100%); border-radius: 30% 30% 0 0 / 20% 20% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.5); }
.scn-swimmer-flees .wharf { position: absolute; bottom: 45%; left: 20%; width: 60%; height: 12%; background: linear-gradient(180deg, #8B7355 0%, #5C4033 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -5px 15px rgba(0,0,0,.3); animation: sf-wharf 6s ease-in-out infinite; }
.scn-swimmer-flees .figure-diving { position: absolute; bottom: 48%; left: 55%; width: 20px; height: 40px; background: linear-gradient(180deg, #F5F5DC 0%, #FFFACD 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: sf-dive 3s ease-in-out infinite; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.scn-swimmer-flees .splash { position: absolute; bottom: 46%; left: 52%; width: 40px; height: 20px; background: radial-gradient(circle at 30% 30%, #fff 0%, #87CEEB 60%, transparent 80%); border-radius: 50%; filter: blur(2px); animation: sf-splash 1.5s ease-out infinite alternate; }
.scn-swimmer-flees .sun-glint { position: absolute; top: 15%; left: 40%; width: 60px; height: 60px; background: radial-gradient(circle, #FFF8DC 0%, transparent 70%); border-radius: 50%; filter: blur(8px); animation: sf-glint 4s ease-in-out infinite alternate; }
.scn-swimmer-flees .cloud-sf1 { position: absolute; top: 8%; left: 10%; width: 120px; height: 30px; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.1) 100%); border-radius: 50%; filter: blur(6px); animation: sf-drift1 40s linear infinite; }
.scn-swimmer-flees .cloud-sf2 { position: absolute; top: 12%; right: 5%; width: 90px; height: 20px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.05) 100%); border-radius: 50%; filter: blur(4px); animation: sf-drift2 55s linear infinite reverse; }
.scn-swimmer-flees .ripple { position: absolute; bottom: 10%; left: 60%; width: 30px; height: 8px; background: rgba(255,255,255,.3); border-radius: 50%; filter: blur(2px); animation: sf-ripple 3s ease-in-out infinite; }

@keyframes sf-sky { 0% { opacity: .8; } 50% { opacity: 1; background-position: 0 0; } 100% { opacity: .7; background-position: 20px 10px; } }
@keyframes sf-wharf { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes sf-dive { 0% { transform: rotate(0deg) translateX(0); } 25% { transform: rotate(-15deg) translateX(10px); } 50% { transform: rotate(-30deg) translateX(20px) translateY(5px); } 75% { transform: rotate(-15deg) translateX(10px); } 100% { transform: rotate(0deg) translateX(0); } }
@keyframes sf-splash { 0% { opacity: .6; transform: scale(.5); } 100% { opacity: 0; transform: scale(1.5); } }
@keyframes sf-glint { 0% { opacity: .3; } 50% { opacity: .8; transform: scale(1.2); } 100% { opacity: .4; } }
@keyframes sf-drift1 { 0% { transform: translateX(-80px); } 100% { transform: translateX(120vw); } }
@keyframes sf-drift2 { 0% { transform: translateX(0); } 100% { transform: translateX(-100vw); } }
@keyframes sf-ripple { 0%,100% { transform: scaleX(1); opacity: .2; } 50% { transform: scaleX(2); opacity: .5; } }

.scn-love-feast { background: linear-gradient(180deg, #FFD700 0%, #87CEEB 50%, #4682B4 100%), radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 60%); }
.scn-love-feast .sky-lf { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #FFD700 0%, #87CEEB 60%, #B0E0E6 100%); animation: lf-sky 15s ease-in-out infinite alternate; }
.scn-love-feast .water-lf { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, #4682B4 0%, #000080 100%); border-radius: 40% 40% 0 0 / 30% 30% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.4); }
.scn-love-feast .dock-lf { position: absolute; bottom: 40%; left: 15%; width: 70%; height: 10%; background: linear-gradient(180deg, #8B7355 0%, #5C4033 100%); border-radius: 5% 5% 0 0; box-shadow: 0 -4px 10px rgba(0,0,0,.3); animation: lf-dock 8s ease-in-out infinite; }
.scn-love-feast .figure-left-lf { position: absolute; bottom: 42%; left: 30%; width: 24px; height: 50px; background: linear-gradient(180deg, #F5F5DC 0%, #D2B48C 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: lf-figure1 5s ease-in-out infinite; }
.scn-love-feast .figure-right-lf { position: absolute; bottom: 38%; left: 55%; width: 24px; height: 40px; background: linear-gradient(180deg, #F5F5DC 0%, #D2B48C 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: lf-figure2 5s ease-in-out infinite reverse; }
.scn-love-feast .handshake-lf { position: absolute; bottom: 44%; left: 42%; width: 14px; height: 10px; background: #D2B48C; border-radius: 40% 40% 20% 20%; box-shadow: 0 0 5px rgba(0,0,0,.2); animation: lf-hand 4s ease-in-out infinite; }
.scn-love-feast .sunbeam-lf { position: absolute; top: 10%; left: 30%; width: 80px; height: 150px; background: linear-gradient(180deg, rgba(255,255,224,.4) 0%, transparent 100%); clip-path: polygon(30% 0%, 70% 0%, 50% 100%); animation: lf-beam 6s ease-in-out infinite alternate; }
.scn-love-feast .cloud-lf1 { position: absolute; top: 12%; left: 5%; width: 100px; height: 24px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 100%); border-radius: 50%; filter: blur(5px); animation: lf-drift1 45s linear infinite; }
.scn-love-feast .cloud-lf2 { position: absolute; top: 18%; right: 10%; width: 70px; height: 16px; background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.05) 100%); border-radius: 50%; filter: blur(4px); animation: lf-drift2 60s linear infinite reverse; }

@keyframes lf-sky { 0% { opacity: .85; } 50% { opacity: 1; } 100% { opacity: .75; } }
@keyframes lf-dock { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes lf-figure1 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes lf-figure2 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(-2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes lf-hand { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(-1px) rotate(-1deg); } 75% { transform: translateY(-3px) rotate(1deg); } }
@keyframes lf-beam { 0% { opacity: .3; transform: scaleX(.8); } 100% { opacity: .6; transform: scaleX(1.2); } }
@keyframes lf-drift1 { 0% { transform: translateX(-60px); } 100% { transform: translateX(120vw); } }
@keyframes lf-drift2 { 0% { transform: translateX(0); } 100% { transform: translateX(-100vw); } }

.scn-ed-tells-tale { background: linear-gradient(180deg, #FFF8DC 0%, #F5DEB3 30%, #DEB887 70%, #8B7355 100%), radial-gradient(ellipse at 50% 20%, #FFF8DC 0%, transparent 80%); }
.scn-ed-tells-tale .wall-back { position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #F5DEB3 0%, #DEB887 100%); box-shadow: inset 0 0 30px rgba(0,0,0,.1); animation: et-wall 10s ease-in-out infinite alternate; }
.scn-ed-tells-tale .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #8B7355 0%, #5C4033 100%); border-radius: 0 0 5% 5%; }
.scn-ed-tells-tale .table { position: absolute; bottom: 22%; left: 25%; width: 50%; height: 14%; background: linear-gradient(180deg, #A0522D 0%, #5C4033 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,.4); animation: et-table 6s ease-in-out infinite; }
.scn-ed-tells-tale .chair-left { position: absolute; bottom: 28%; left: 20%; width: 20px; height: 30px; background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 20% 20% 10% 10%; transform-origin: 50% 100%; animation: et-chair 5s ease-in-out infinite; }
.scn-ed-tells-tale .chair-right { position: absolute; bottom: 28%; left: 65%; width: 20px; height: 30px; background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 20% 20% 10% 10%; transform-origin: 50% 100%; animation: et-chair 5s ease-in-out infinite reverse; }
.scn-ed-tells-tale .figure-ed { position: absolute; bottom: 28%; left: 35%; width: 24px; height: 50px; background: linear-gradient(180deg, #F5F5DC 0%, #D2B48C 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: et-figure1 4s ease-in-out infinite; }
.scn-ed-tells-tale .figure-listener { position: absolute; bottom: 28%; left: 55%; width: 24px; height: 48px; background: linear-gradient(180deg, #F5F5DC 0%, #D2B48C 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: et-figure2 4s ease-in-out infinite reverse; }
.scn-ed-tells-tale .lamp-glow { position: absolute; top: 10%; left: 45%; width: 40px; height: 60px; background: radial-gradient(circle, #FFD700 0%, #FF8C00 40%, transparent 70%); border-radius: 50%; filter: blur(10px); animation: et-lamp 3s ease-in-out infinite alternate; }
.scn-ed-tells-tale .glass { position: absolute; bottom: 25%; left: 40%; width: 12px; height: 16px; background: linear-gradient(180deg, rgba(255,215,0,.6) 0%, rgba(255,215,0,.2) 100%); border-radius: 10% 10% 30% 30%; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: et-glass 4s ease-in-out infinite; }

@keyframes et-wall { 0% { opacity: .9; background-position: 0 0; } 100% { opacity: 1; background-position: 10px 10px; } }
@keyframes et-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes et-chair { 0% { transform: rotate(0deg); } 25% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 75% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }
@keyframes et-figure1 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes et-figure2 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(-2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes et-lamp { 0% { opacity: .6; transform: scale(.8); } 100% { opacity: 1; transform: scale(1.2); } }
@keyframes et-glass { 0%,100% { opacity: .5; transform: translateY(0); } 50% { opacity: .8; transform: translateY(-3px); } }

.scn-vanderbilt-story { background: linear-gradient(180deg, #2F1E0F 0%, #4A2F1A 30%, #6B4226 60%, #3E1F0A 100%), radial-gradient(ellipse at 50% 20%, #8B4513 0%, transparent 80%); }
.scn-vanderbilt-story .bg-deep { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #3E1F0A 0%, #2F1E0F 100%); box-shadow: inset 0 0 40px rgba(0,0,0,.5); animation: vs-bg 12s ease-in-out infinite alternate; }
.scn-vanderbilt-story .wall-panel { position: absolute; bottom: 30%; left: 10%; width: 80%; height: 60%; background: linear-gradient(180deg, #6B4226 0%, #4A2F1A 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.4); }
.scn-vanderbilt-story .table-vs { position: absolute; bottom: 18%; left: 20%; width: 60%; height: 12%; background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,.5); animation: vs-table 7s ease-in-out infinite; }
.scn-vanderbilt-story .glass-vs { position: absolute; bottom: 24%; left: 35%; width: 14px; height: 18px; background: linear-gradient(180deg, rgba(255,215,0,.5) 0%, rgba(255,215,0,.1) 100%); border-radius: 10% 10% 30% 30%; box-shadow: 0 0 8px rgba(255,215,0,.3); animation: vs-glass 5s ease-in-out infinite; }
.scn-vanderbilt-story .cigar { position: absolute; bottom: 26%; left: 50%; width: 8px; height: 6px; background: #8B4513; border-radius: 50%; filter: blur(1px); box-shadow: 0 0 12px #FF4500; animation: vs-cigar 2s ease-in-out infinite alternate; }
.scn-vanderbilt-story .figure-ed-vs { position: absolute; bottom: 22%; left: 30%; width: 24px; height: 50px; background: linear-gradient(180deg, #2F1E0F 0%, #1A0F05 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: vs-figure1 6s ease-in-out infinite; }
.scn-vanderbilt-story .figure-listener-vs { position: absolute; bottom: 22%; left: 55%; width: 24px; height: 48px; background: linear-gradient(180deg, #2F1E0F 0%, #1A0F05 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: 50% 100%; animation: vs-figure2 6s ease-in-out infinite reverse; }
.scn-vanderbilt-story .lamp-vs { position: absolute; top: 8%; left: 42%; width: 30px; height: 40px; background: radial-gradient(circle, #FF8C00 0%, #FF4500 50%, transparent 80%); border-radius: 50%; filter: blur(8px); animation: vs-lamp 4s ease-in-out infinite alternate; }
.scn-vanderbilt-story .tack-shadow { position: absolute; bottom: 28%; left: 48%; width: 10px; height: 4px; background: rgba(0,0,0,.5); border-radius: 50%; filter: blur(2px); animation: vs-tack 3s ease-in-out infinite; }

@keyframes vs-bg { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .7; } }
@keyframes vs-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes vs-glass { 0% { opacity: .4; transform: translateY(0); } 50% { opacity: .7; transform: translateY(-2px); } 100% { opacity: .4; transform: translateY(0); } }
@keyframes vs-cigar { 0% { opacity: .6; transform: scale(.8); } 100% { opacity: 1; transform: scale(1.2); } }
@keyframes vs-figure1 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes vs-figure2 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(-2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes vs-lamp { 0% { opacity: .5; transform: scale(.9); } 100% { opacity: 1; transform: scale(1.1); } }
@keyframes vs-tack { 0%,100% { opacity: .3; transform: translateY(0); } 50% { opacity: .6; transform: translateY(1px); } }

/* mystery-deferred - tense bright interior */
.scn-mystery-deferred {
  background: linear-gradient(180deg, #e8dcc8 0%, #c8b898 100%), radial-gradient(ellipse at 60% 40%, #f0e0c0 0%, #b09878 70%);
}
.scn-mystery-deferred .room-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #d4c4a8 0%, #b8a080 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,.15);
  animation: md-wall 20s ease-in-out infinite alternate;
}
.scn-mystery-deferred .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #a08060 0%, #705038 100%);
  border-radius: 0 0 8% 8%;
  animation: md-floor 15s ease-in-out infinite alternate;
}
.scn-mystery-deferred .window {
  position: absolute; top: 12%; right: 12%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #f0e8d0 0%, #d0c0a0 100%);
  border-radius: 4px 4px 2px 2px;
  box-shadow: 0 0 30px rgba(200,180,150,.3);
  animation: md-window 8s ease-in-out infinite;
}
.scn-mystery-deferred .lamp {
  position: absolute; top: 8%; left: 40%; width: 10px; height: 16px;
  background: radial-gradient(circle, #e8c060 0%, #b89040 70%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 0 40px 12px #e8c060, 0 0 80px 24px rgba(232,192,96,.3);
  animation: md-lamp 4s ease-in-out infinite alternate;
}
.scn-mystery-deferred .speaker {
  position: absolute; bottom: 34%; left: 35%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: md-speaker 5s ease-in-out infinite;
}
.scn-mystery-deferred .audience {
  position: absolute; bottom: 32%; left: 0; right: 0; height: 40px;
  background: repeating-radial-gradient(circle at 20% 100%, #2a1a0a 0%, #2a1a0a 6px, transparent 6px, transparent 12px);
  background-size: 24px 20px;
  animation: md-audience 12s linear infinite;
}
.scn-mystery-deferred .shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.4) 100%);
  animation: md-shadow 10s ease-in-out infinite alternate;
}
@keyframes md-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes md-floor { 0% { transform: scaleY(1) } 50% { transform: scaleY(.97) } 100% { transform: scaleY(1) } }
@keyframes md-window { 0% { box-shadow: 0 0 20px rgba(200,180,150,.2); } 50% { box-shadow: 0 0 40px rgba(200,180,150,.5); } 100% { box-shadow: 0 0 20px rgba(200,180,150,.2); } }
@keyframes md-lamp { 0% { transform: translate(0,0) rotate(-2deg); opacity: .8; box-shadow: 0 0 30px 8px #e8c060, 0 0 60px 16px rgba(232,192,96,.2); } 50% { transform: translate(1px, -1px) rotate(3deg); opacity: 1; box-shadow: 0 0 50px 16px #e8c060, 0 0 100px 32px rgba(232,192,96,.4); } 100% { transform: translate(0,0) rotate(-2deg); opacity: .85; box-shadow: 0 0 35px 10px #e8c060, 0 0 70px 20px rgba(232,192,96,.25); } }
@keyframes md-speaker { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(-3px) translateY(-2px) rotate(1deg); } 50% { transform: translateX(0) translateY(0) rotate(0); } 75% { transform: translateX(3px) translateY(-1px) rotate(-1deg); } 100% { transform: translateX(0) translateY(0) rotate(2deg); } }
@keyframes md-audience { 0% { background-position: 0 0; } 100% { background-position: 48px 0; } }
@keyframes md-shadow { 0% { opacity: .3; } 50% { opacity: .6; } 100% { opacity: .4; } }

/* melbourne-cup - warm sunlit outdoor */
.scn-melbourne-cup {
  background: linear-gradient(180deg, #8fc8e8 0%, #c0e8f0 30%, #f0e8c0 60%, #e0c888 100%), radial-gradient(ellipse at 50% 100%, #f0d888 0%, transparent 70%);
}
.scn-melbourne-cup .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #70b8d8 0%, #a8d8e8 100%);
  animation: mc-sky 25s ease-in-out infinite alternate;
}
.scn-melbourne-cup .sun {
  position: absolute; top: 8%; right: 20%; width: 20px; height: 20px;
  background: radial-gradient(circle, #ffe880 0%, #ffc840 60%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px #ffc840, 0 0 120px 60px rgba(255,200,64,.3);
  animation: mc-sun 8s ease-in-out infinite alternate;
}
.scn-melbourne-cup .grandstand {
  position: absolute; bottom: 28%; left: 10%; right: 10%; height: 25%;
  background: linear-gradient(180deg, #d0b898 0%, #a08868 100%);
  border-radius: 8% 8% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.2);
  animation: mc-stand 12s ease-in-out infinite alternate;
}
.scn-melbourne-cup .horse {
  position: absolute; bottom: 22%; left: 20%; width: 60px; height: 40px;
  background: linear-gradient(180deg, #a07858 0%, #705038 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 40% 40%;
  transform-origin: left center;
  animation: mc-horse 2s linear infinite;
}
.scn-melbourne-cup .jockey {
  position: absolute; bottom: 34%; left: 22%; width: 14px; height: 24px;
  background: linear-gradient(180deg, #b87878 0%, #804848 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mc-jockey 2s linear infinite;
}
.scn-melbourne-cup .crowd {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 30px;
  background: repeating-linear-gradient(90deg, #a08060 0px, #a08060 4px, #c0a080 4px, #c0a080 8px);
  animation: mc-crowd 6s ease-in-out infinite alternate;
}
@keyframes mc-sky { 0% { opacity: .85 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes mc-sun { 0% { transform: scale(.9); box-shadow: 0 0 40px 20px rgba(255,200,64,.2); } 50% { transform: scale(1.05); box-shadow: 0 0 80px 40px rgba(255,200,64,.4); } 100% { transform: scale(.95); box-shadow: 0 0 50px 25px rgba(255,200,64,.3); } }
@keyframes mc-stand { 0% { transform: scaleY(1) } 50% { transform: scaleY(.97) } 100% { transform: scaleY(1) } }
@keyframes mc-horse { 0% { transform: translateX(0) scaleX(1) rotate(-3deg); } 50% { transform: translateX(30px) scaleX(1.05) rotate(2deg); } 100% { transform: translateX(60px) scaleX(1) rotate(-3deg); } }
@keyframes mc-jockey { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(7px) translateY(-3px) rotate(1deg); } 50% { transform: translateX(15px) translateY(0) rotate(0); } 75% { transform: translateX(22px) translateY(-2px) rotate(-1deg); } 100% { transform: translateX(30px) translateY(0) rotate(2deg); } }
@keyframes mc-crowd { 0% { background-position: 0 0; } 100% { background-position: -16px 0; } }

/* cup-day-spectacle - warm sunlit grandstand close-up */
.scn-cup-day-spectacle {
  background: linear-gradient(180deg, #e8d0b0 0%, #c8a880 100%), radial-gradient(ellipse at 50% 30%, #f0e0c0 0%, #b09068 60%);
}
.scn-cup-day-spectacle .bg-stands {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #d0b898 0%, #b09878 100%);
  box-shadow: inset 0 8px 40px rgba(0,0,0,.1);
  animation: cs-bg 20s ease-in-out infinite alternate;
}
.scn-cup-day-spectacle .level1 {
  position: absolute; bottom: 35%; left: 5%; right: 5%; height: 20%;
  background: repeating-linear-gradient(90deg, #c0a880 0px, #c0a880 12px, #e0c8a8 12px, #e0c8a8 24px);
  border-radius: 6px 6px 0 0;
  animation: cs-level 10s linear infinite;
}
.scn-cup-day-spectacle .level2 {
  position: absolute; bottom: 32%; left: 10%; right: 10%; height: 18%;
  background: repeating-linear-gradient(90deg, #c8b090 0px, #c8b090 10px, #e0c8b0 10px, #e0c8b0 20px);
  border-radius: 6px 6px 0 0;
  animation: cs-level 12s linear infinite reverse;
}
.scn-cup-day-spectacle .dress1 {
  position: absolute; bottom: 38%; left: 20%; width: 12px; height: 28px;
  background: linear-gradient(180deg, #b87878 0%, #804040 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: cs-dress 6s ease-in-out infinite;
}
.scn-cup-day-spectacle .dress2 {
  position: absolute; bottom: 39%; left: 45%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: cs-dress 5s ease-in-out infinite 1.5s;
}
.scn-cup-day-spectacle .hat1 {
  position: absolute; bottom: 51%; left: 18%; width: 20px; height: 8px;
  background: radial-gradient(circle, #c0a060 0%, #806040 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  animation: cs-hat 8s ease-in-out infinite;
}
.scn-cup-day-spectacle .hat2 {
  position: absolute; bottom: 52%; left: 44%; width: 22px; height: 9px;
  background: radial-gradient(circle, #d0b070 0%, #a08050 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 30% 30%;
  animation: cs-hat 7s ease-in-out infinite 2s;
}
.scn-cup-day-spectacle .bubbles {
  position: absolute; bottom: 45%; left: 30%; width: 4px; height: 4px;
  background: #ffe0c0;
  border-radius: 50%;
  box-shadow: 0 -20px 0 #ffe0c0, -10px -40px 0 rgba(255,224,192,.6), 15px -60px 0 rgba(255,224,192,.4);
  animation: cs-bubbles 4s linear infinite;
}
@keyframes cs-bg { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes cs-level { 0% { background-position: 0 0; } 100% { background-position: 24px 0; } }
@keyframes cs-dress { 0% { transform: translateX(0) rotate(-3deg); } 25% { transform: translateX(2px) rotate(2deg); } 50% { transform: translateX(0) rotate(0); } 75% { transform: translateX(-2px) rotate(-2deg); } 100% { transform: translateX(0) rotate(3deg); } }
@keyframes cs-hat { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }
@keyframes cs-bubbles { 0% { transform: translateY(0) scale(1); opacity: .8; } 50% { transform: translateY(-30px) scale(1.2); opacity: .6; } 100% { transform: translateY(-60px) scale(.8); opacity: 0; } }

/* australasian-national-day - warm bright interior ballroom */
.scn-australasian-national-day {
  background: linear-gradient(180deg, #f0e0c8 0%, #d0b888 50%, #b89868 100%), radial-gradient(ellipse at 50% 60%, #f0d8a0 0%, transparent 60%);
}
.scn-australasian-national-day .ballroom-bg {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #e8d0b0 0%, #d0b890 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,.1);
  animation: nd-bg 30s ease-in-out infinite alternate;
}
.scn-australasian-national-day .chandelier {
  position: absolute; top: 5%; left: 50%; width: 30px; height: 40px;
  background: radial-gradient(circle at 50% 20%, #ffe8a0 0%, #e0b060 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #e0b060, 0 0 120px 40px rgba(224,176,96,.4);
  animation: nd-chandelier 10s ease-in-out infinite alternate;
}
.scn-australasian-national-day .dancer1 {
  position: absolute; bottom: 20%; left: 25%; width: 18px; height: 42px;
  background: linear-gradient(180deg, #c8a060 0%, #886840 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nd-dancer1 3s ease-in-out infinite;
}
.scn-australasian-national-day .dancer2 {
  position: absolute; bottom: 20%; left: 40%; width: 18px; height: 42px;
  background: linear-gradient(180deg, #b87878 0%, #804040 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nd-dancer2 3.2s ease-in-out infinite 0.5s;
}
.scn-australasian-national-day .confetti1 {
  position: absolute; top: 20%; left: 15%; width: 6px; height: 6px;
  background: #e0b060;
  border-radius: 2px;
  animation: nd-confetti 8s linear infinite;
}
.scn-australasian-national-day .confetti2 {
  position: absolute; top: 30%; left: 60%; width: 8px; height: 4px;
  background: #c8a060;
  border-radius: 2px;
  animation: nd-confetti 9s linear infinite 3s;
}
.scn-australasian-national-day .glow {
  position: absolute; bottom: 30%; left: 50%; width: 100px; height: 60px;
  background: radial-gradient(ellipse, rgba(240,200,100,.2) 0%, transparent 70%);
  filter: blur(10px);
  animation: nd-glow 12s ease-in-out infinite alternate;
}
@keyframes nd-bg { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes nd-chandelier { 0% { transform: scale(.95); box-shadow: 0 0 40px 15px rgba(224,176,96,.3); } 50% { transform: scale(1.05); box-shadow: 0 0 80px 30px rgba(224,176,96,.5); } 100% { transform: scale(.98); box-shadow: 0 0 50px 20px rgba(224,176,96,.35); } }
@keyframes nd-dancer1 { 0% { transform: translateX(0) rotate(-5deg); } 25% { transform: translateX(10px) rotate(3deg); } 50% { transform: translateX(0) rotate(0); } 75% { transform: translateX(-10px) rotate(-3deg); } 100% { transform: translateX(0) rotate(5deg); } }
@keyframes nd-dancer2 { 0% { transform: translateX(0) rotate(4deg); } 25% { transform: translateX(-8px) rotate(-2deg); } 50% { transform: translateX(0) rotate(0); } 75% { transform: translateX(8px) rotate(2deg); } 100% { transform: translateX(0) rotate(-4deg); } }
@keyframes nd-confetti { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 50% { transform: translateY(60px) rotate(180deg); opacity: .6; } 100% { transform: translateY(120px) rotate(360deg); opacity: 0; } }
@keyframes nd-glow { 0% { transform: scale(1); opacity: .5; } 50% { transform: scale(1.2); opacity: .8; } 100% { transform: scale(1); opacity: .6; } }

/* pyjamas-foolish */
.scn-pyjamas-foolish { background: linear-gradient(180deg, #f5e6d3 0%, #e8d4b8 40%, #d4b896 100%), radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 70%); }
.scn-pyjamas-foolish .room-wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(90deg, #d4b896 0%, #e0c8a8 50%, #d4b896 100%); }
.scn-pyjamas-foolish .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #b8a080 0%, #a08a6a 100%); }
.scn-pyjamas-foolish .bed { position:absolute; bottom:25%; left:20%; width:55%; height:20%; background: linear-gradient(180deg, #c8b095 0%, #b09878 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.scn-pyjamas-foolish .pillow { position:absolute; bottom:38%; left:70%; width:18%; height:10%; background: radial-gradient(ellipse, #f0e0d0 0%, #d8c8b8 100%); border-radius: 40% 40% 30% 30%; transform: rotate(12deg); }
.scn-pyjamas-foolish .figure { position:absolute; bottom:30%; left:40%; width:12%; height:40%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pjF-figure 4s ease-in-out infinite; }
.scn-pyjamas-foolish .pyjamas { position:absolute; bottom:23%; left:55%; width:15%; height:8%; background: linear-gradient(135deg, #b09070 0%, #7a6a5a 50%, #b09070 100%); border-radius: 20% 20% 60% 60%; transform: rotate(-20deg); animation: pjF-pjyamas 6s ease-in-out infinite; }
.scn-pyjamas-foolish .lamp { position:absolute; top:15%; right:25%; width:6%; height:12%; background: linear-gradient(180deg, #d0b88a 0%, #b8a070 100%); border-radius: 30% 30% 10% 10%; animation: pjF-lamp 2s ease-in-out infinite alternate; }
.scn-pyjamas-foolish .shadow { position:absolute; bottom:30%; left:38%; width:20%; height:5%; background: rgba(0,0,0,.15); border-radius:50%; filter: blur(4px); animation: pjF-shadow 4s ease-in-out infinite; }
@keyframes pjF-figure { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes pjF-pjyamas { 0% { transform: rotate(-20deg) translateY(0); } 50% { transform: rotate(-15deg) translateY(-2px); } 100% { transform: rotate(-20deg) translateY(0); } }
@keyframes pjF-lamp { 0% { opacity:.7; box-shadow: 0 0 8px 2px #d0b88a; } 100% { opacity:1; box-shadow: 0 0 16px 6px #e0c890; } }
@keyframes pjF-shadow { 0% { opacity:.15; transform: scaleX(1); } 50% { opacity:.25; transform: scaleX(1.2); } 100% { opacity:.15; transform: scaleX(1); } }

/* indian-plain */
.scn-indian-plain { background: linear-gradient(180deg, #f4d9b2 0%, #e6b87d 30%, #c89664 60%, #a07040 100%), radial-gradient(ellipse at 50% 10%, #ffe0b0 0%, transparent 60%); }
.scn-indian-plain .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #e8c8a0 0%, #d8b090 40%, #c09878 100%); animation: ip-sky 20s ease-in-out infinite alternate; }
.scn-indian-plain .sun { position:absolute; top:8%; left:60%; width:10%; height:10%; background: radial-gradient(circle, #ffe8c0 0%, #f0c088 60%, transparent 100%); border-radius:50%; animation: ip-sun 30s linear infinite; }
.scn-indian-plain .ground { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #c8a070 0%, #a08858 30%, #806840 100%); }
.scn-indian-plain .tree-group { position:absolute; bottom:35%; left:20%; width:15%; height:40%; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 100%); border-radius: 20% 20% 40% 40% / 60% 60% 40% 40%; animation: ip-tree 12s ease-in-out infinite alternate; }
.scn-indian-plain .figure-woman { position:absolute; bottom:32%; left:55%; width:8%; height:35%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; animation: ip-walk 8s ease-in-out infinite; }
.scn-indian-plain .figure-man { position:absolute; bottom:34%; left:70%; width:9%; height:32%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ip-walk 8s ease-in-out infinite 2s; }
.scn-indian-plain .dust { position:absolute; bottom:30%; left:50%; width:20%; height:10%; background: radial-gradient(ellipse, rgba(160,128,80,.3) 0%, transparent 100%); filter: blur(8px); animation: ip-dust 15s ease-in-out infinite reverse; }
@keyframes ip-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.7; } }
@keyframes ip-sun { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(10px) scale(1.05); } 100% { transform: translateX(-10px) scale(1); } }
@keyframes ip-tree { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes ip-walk { 0% { transform: translateX(0) translateY(0) rotate(-1deg); } 25% { transform: translateX(4px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(8px) translateY(0) rotate(-1deg); } 75% { transform: translateX(12px) translateY(-1px) rotate(1deg); } 100% { transform: translateX(16px) translateY(0) rotate(0); } }
@keyframes ip-dust { 0% { opacity:.3; transform: translateX(0) scale(1); } 50% { opacity:.5; transform: translateX(8px) scale(1.2); } 100% { opacity:.3; transform: translateX(0) scale(1); } }

/* mud-village */
.scn-mud-village { background: linear-gradient(180deg, #d4b898 0%, #c0a080 40%, #a08060 100%), radial-gradient(ellipse at 50% 40%, #e8c8a0 0%, transparent 60%); }
.scn-mud-village .interior-wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(90deg, #b09070 0%, #c0a080 50%, #b09070 100%); border-radius: 0 0 20% 20% / 0 0 30% 30%; }
.scn-mud-village .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #a08060 0%, #886848 100%); }
.scn-mud-village .window { position:absolute; top:20%; right:15%; width:20%; height:25%; background: linear-gradient(180deg, #e8d0b0 0%, #d0b090 100%); border: 4px solid #705040; border-radius: 8%; box-shadow: inset 0 0 20px rgba(240,200,160,.6); animation: mv-window 6s ease-in-out infinite alternate; }
.scn-mud-village .pot { position:absolute; bottom:22%; left:25%; width:12%; height:14%; background: linear-gradient(180deg, #8a7050 0%, #6a5030 100%); border-radius: 30% 30% 40% 40% / 40% 40% 50% 50%; box-shadow: inset 0 -4px 8px rgba(0,0,0,.3); }
.scn-mud-village .figure-villager { position:absolute; bottom:24%; left:45%; width:10%; height:30%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: mv-figure 5s ease-in-out infinite; }
.scn-mud-village .hearth { position:absolute; bottom:20%; right:35%; width:15%; height:8%; background: linear-gradient(180deg, #b05830 0%, #884828 100%); border-radius: 50%; box-shadow: 0 0 20px 8px rgba(200,120,60,.4); animation: mv-hearth 1.5s ease-in-out infinite alternate; }
.scn-mud-village .smoke { position:absolute; bottom:28%; right:38%; width:8%; height:15%; background: radial-gradient(ellipse, rgba(200,180,160,.4) 0%, transparent 100%); filter: blur(6px); animation: mv-smoke 8s linear infinite; }
@keyframes mv-window { 0% { box-shadow: inset 0 0 15px rgba(240,200,160,.5); } 50% { box-shadow: inset 0 0 30px rgba(255,220,180,.8); } 100% { box-shadow: inset 0 0 15px rgba(240,200,160,.5); } }
@keyframes mv-figure { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes mv-hearth { 0% { opacity:.8; transform: scale(1); } 100% { opacity:1; transform: scale(1.1); } }
@keyframes mv-smoke { 0% { transform: translateY(0) translateX(0) scale(1); opacity:.4; } 50% { transform: translateY(-30px) translateX(10px) scale(1.5); opacity:.2; } 100% { transform: translateY(-60px) translateX(20px) scale(2); opacity:0; } }

/* midwife-pay */
.scn-midwife-pay { background: linear-gradient(180deg, #2a1a1a 0%, #3a2a2a 40%, #1a0a0a 100%), radial-gradient(ellipse at 50% 20%, #5a4a3a 0%, transparent 70%); }
.scn-midwife-pay .room-dark { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #1a0a0a 0%, #2a1a1a 80%); }
.scn-midwife-pay .table { position:absolute; bottom:20%; left:20%; width:60%; height:8%; background: linear-gradient(180deg, #6a5040 0%, #4a3020 100%); border-radius: 4%; box-shadow: inset 0 4px 8px rgba(0,0,0,.5); }
.scn-midwife-pay .lamp-bright { position:absolute; top:10%; right:30%; width:8%; height:6%; background: radial-gradient(circle, #ffd080 0%, #e0a060 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 16px rgba(255,200,100,.3), 0 0 80px 30px rgba(255,200,100,.15); animation: mp-lamp 3s ease-in-out infinite alternate; }
.scn-midwife-pay .midwife { position:absolute; bottom:22%; left:30%; width:14%; height:45%; background: linear-gradient(180deg, #3a2a2a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%; transform-origin: bottom center; animation: mp-midwife 6s ease-in-out infinite; }
.scn-midwife-pay .basin { position:absolute; bottom:20%; left:55%; width:12%; height:8%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%; box-shadow: inset 0 -4px 8px rgba(0,0,0,.4); }
.scn-midwife-pay .bundle { position:absolute; bottom:22%; left:50%; width:8%; height:6%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: mp-bundle 4s ease-in-out infinite alternate; }
.scn-midwife-pay .coins { position:absolute; bottom:20%; right:25%; width:6%; height:3%; background: radial-gradient(circle, #c8a858 0%, #a08838 100%); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(200,168,88,.4); animation: mp-coins 8s ease-in-out infinite; }
@keyframes mp-lamp { 0% { box-shadow: 0 0 30px 12px rgba(255,200,100,.2); opacity:.8; } 50% { box-shadow: 0 0 50px 20px rgba(255,210,120,.4); opacity:1; } 100% { box-shadow: 0 0 30px 12px rgba(255,200,100,.2); opacity:.8; } }
@keyframes mp-midwife { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(2deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes mp-bundle { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.05) translateY(-1px); } 100% { transform: scale(1) translateY(0); } }
@keyframes mp-coins { 0% { opacity:.6; transform: translateX(0) rotate(0); } 50% { opacity:1; transform: translateX(2px) rotate(5deg); } 100% { opacity:.6; transform: translateX(0) rotate(0); } }

.scn-prince-enters { background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 30%, #b8956a 60%, #8a6d4a 100%), radial-gradient(ellipse at 50% 20%, #ffe8b0 0%, transparent 60%); }
.scn-prince-enters .bg { position:absolute; inset:0; background: linear-gradient(180deg, #f0d8b0 0%, #c8a878 60%, #a08050 100%); }
.scn-prince-enters .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #b89060 0%, #8a6d4a 40%, #6a5038 100%); border-radius: 10% 10% 0 0 / 20% 20% 0 0; box-shadow: inset 0 12px 30px rgba(0,0,0,.3); }
.scn-prince-enters .arch { position:absolute; top:0; left:50%; width:240px; height:220px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 100%, #c8a070 0%, #a08050 60%, #7a6038 100%); border-radius: 50% 50% 0 0 / 80% 80% 0 0; box-shadow: 0 0 40px rgba(0,0,0,.2); animation: pe-arch 12s ease-in-out infinite; }
.scn-prince-enters .throne { position:absolute; bottom:28%; left:62%; width:50px; height:80px; background: linear-gradient(180deg, #d4a040 0%, #b08030 60%, #8a6020 100%); border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%; box-shadow: 0 4px 12px rgba(0,0,0,.4); transform: rotate(-2deg); animation: pe-throne 14s ease-in-out infinite; }
.scn-prince-enters .prince { position:absolute; bottom:18%; left:35%; width:28px; height:70px; background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #1a1a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 2px 8px rgba(0,0,0,.3); animation: pe-prince 6s ease-in-out infinite; }
.scn-prince-enters .train { position:absolute; bottom:15%; left:28%; width:60px; height:30px; background: linear-gradient(135deg, #6a4a3a 0%, #8a6040 50%, #5a3a2a 100%); border-radius: 0 60% 40% 0 / 0 80% 60% 0; transform-origin: left center; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: pe-train 8s ease-in-out infinite; }
.scn-prince-enters .pearls { position:absolute; bottom:40%; left:34%; width:30px; height:14px; background: radial-gradient(circle at 20% 50%, #f0e8d0 0%, #d0c8a8 50%, #b0a888 100%); border-radius: 60% 40% 40% 60% / 50% 50% 50% 50%; box-shadow: 0 0 8px rgba(255,255,240,.2); animation: pe-pearls 4s ease-in-out infinite; }
.scn-prince-enters .princeling { position:absolute; bottom:18%; left:48%; width:20px; height:50px; background: linear-gradient(180deg, #2a2a3a 0%, #3a3a4a 40%, #2a2a3a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.7); animation: pe-princeling 8s ease-in-out infinite; }
.scn-prince-enters .light-beam { position:absolute; top:8%; left:50%; width:120px; height:160px; transform:translateX(-50%); background: linear-gradient(180deg, rgba(255,240,200,.35) 0%, rgba(255,240,200,.1) 60%, transparent 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; filter: blur(8px); animation: pe-beam 5s ease-in-out infinite; }
@keyframes pe-arch { 0% { transform: translateX(-50%) scaleY(1); opacity:0.9 } 50% { transform: translateX(-50%) scaleY(1.02); opacity:1 } 100% { transform: translateX(-50%) scaleY(0.98); opacity:0.85 } }
@keyframes pe-throne { 0% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(-2deg) translateY(-2px) } 100% { transform: rotate(-2deg) translateY(0) } }
@keyframes pe-prince { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 25% { transform: translateX(8px) translateY(-2px) rotate(1deg) } 50% { transform: translateX(16px) translateY(0) rotate(-1deg) } 75% { transform: translateX(24px) translateY(-2px) rotate(1deg) } 100% { transform: translateX(32px) translateY(0) rotate(0) } }
@keyframes pe-train { 0% { transform: translateX(0) rotate(-5deg) } 50% { transform: translateX(4px) rotate(3deg) } 100% { transform: translateX(0) rotate(-5deg) } }
@keyframes pe-pearls { 0%,100% { opacity:0.8 } 50% { opacity:1; box-shadow: 0 0 12px rgba(255,240,200,.4) } }
@keyframes pe-princeling { 0% { transform: scale(0.7) translateY(0) } 50% { transform: scale(0.7) translateY(-3px) } 100% { transform: scale(0.7) translateY(0) } }
@keyframes pe-beam { 0% { opacity:0.6; transform: translateX(-50%) scaleX(1) } 50% { opacity:0.9; transform: translateX(-50%) scaleX(1.15) } 100% { opacity:0.7; transform: translateX(-50%) scaleX(0.9) } }

.scn-address-praise { background: linear-gradient(180deg, #fdf6e3 0%, #e8dcc8 40%, #d4c4a8 70%, #b8a888 100%), radial-gradient(ellipse at 50% 30%, #fff8e8 0%, transparent 60%); }
.scn-address-praise .bg { position:absolute; inset:0; background: linear-gradient(180deg, #f8efe0 0%, #e0d0b8 60%, #c0a880 100%); }
.scn-address-praise .stage { position:absolute; bottom:0; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #c8b090 0%, #a89070 60%, #887058 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,.15); }
.scn-address-praise .lectern { position:absolute; bottom:22%; left:50%; width:24px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #8a6d4a 0%, #6a5038 60%, #4a3828 100%); border-radius: 10% 10% 20% 20% / 20% 20% 30% 30%; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: ap-lectern 6s ease-in-out infinite; }
.scn-address-praise .speaker { position:absolute; bottom:28%; left:46%; width:30px; height:60px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ap-speaker 3s ease-in-out infinite; }
.scn-address-praise .arm-left { position:absolute; bottom:44%; left:44%; width:16px; height:8px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 60% 40% 40% 60% / 40% 40% 60% 60%; transform-origin: right center; animation: ap-arm-l 0.8s ease-in-out infinite; }
.scn-address-praise .arm-right { position:absolute; bottom:44%; left:51%; width:16px; height:8px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 60% 40% 40% 60% / 40% 40% 60% 60%; transform-origin: left center; animation: ap-arm-r 1.2s ease-in-out infinite; }
.scn-address-praise .listener-1 { position:absolute; bottom:18%; left:18%; width:20px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 50%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.6); animation: ap-listen 5s ease-in-out infinite; }
.scn-address-praise .listener-2 { position:absolute; bottom:16%; left:72%; width:22px; height:44px; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 50%, #3a2a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.55); animation: ap-listen 7s ease-in-out infinite 2s; }
.scn-address-praise .listener-3 { position:absolute; bottom:14%; left:62%; width:18px; height:36px; background: linear-gradient(180deg, #6a5a4a 0%, #5a4a3a 50%, #4a3a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.45); animation: ap-listen 6s ease-in-out infinite 1s; }
@keyframes ap-lectern { 0% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-2px) } 100% { transform: translateX(-50%) translateY(0) } }
@keyframes ap-speaker { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-2px) rotate(2deg) } 50% { transform: translateY(-1px) rotate(-3deg) } 75% { transform: translateY(-2px) rotate(3deg) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes ap-arm-l { 0% { transform: rotate(10deg) } 50% { transform: rotate(-15deg) } 100% { transform: rotate(10deg) } }
@keyframes ap-arm-r { 0% { transform: rotate(-15deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(-15deg) } }
@keyframes ap-listen { 0% { transform: scale(0.6) translateY(0) } 50% { transform: scale(0.6) translateY(-2px) } 100% { transform: scale(0.6) translateY(0) } }

.scn-jain-address { background: linear-gradient(180deg, #f0e8d8 0%, #ddd0b8 40%, #c8b898 70%, #b0a080 100%), radial-gradient(ellipse at 50% 40%, #fcf4e0 0%, transparent 70%); }
.scn-jain-address .bg { position:absolute; inset:0; background: linear-gradient(180deg, #ece0c8 0%, #d4c4a8 60%, #b8a488 100%); }
.scn-jain-address .table { position:absolute; bottom:22%; left:50%; width:80px; height:14px; transform:translateX(-50%); background: linear-gradient(180deg, #b89060 0%, #a08050 60%, #8a6d4a 100%); border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.scn-jain-address .paper { position:absolute; bottom:32%; left:50%; width:30px; height:18px; transform:translateX(-50%); background: linear-gradient(180deg, #f8f0d8 0%, #e8dcc0 100%); border-radius: 4%; box-shadow: 0 1px 4px rgba(0,0,0,.15); animation: ja-paper 10s ease-in-out infinite; }
.scn-jain-address .reader { position:absolute; bottom:16%; left:44%; width:26px; height:56px; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 50%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ja-reader 8s ease-in-out infinite; }
.scn-jain-address .listener-a { position:absolute; bottom:18%; left:28%; width:22px; height:44px; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 50%, #3a2a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.65); animation: ja-listen 12s ease-in-out infinite; }
.scn-jain-address .listener-b { position:absolute; bottom:16%; left:62%; width:20px; height:40px; background: linear-gradient(180deg, #6a5a4a 0%, #5a4a3a 50%, #4a3a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.6); animation: ja-listen 14s ease-in-out infinite 2s; }
.scn-jain-address .listener-c { position:absolute; bottom:14%; left:72%; width:18px; height:36px; background: linear-gradient(180deg, #7a6a5a 0%, #6a5a4a 50%, #5a4a3a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: scale(0.5); animation: ja-listen 11s ease-in-out infinite 1s; }
.scn-jain-address .lamp { position:absolute; top:12%; left:50%; width:20px; height:30px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 30%, #e0c890 0%, #b89868 60%, #8a6d4a 100%); border-radius: 30% 30% 50% 50% / 40% 40% 60% 60%; box-shadow: 0 0 20px 4px rgba(200,160,100,.3); animation: ja-lamp 5s ease-in-out infinite; }
.scn-jain-address .glow { position:absolute; top:6%; left:50%; width:60px; height:50px; transform:translateX(-50%); background: radial-gradient(ellipse, rgba(240,220,160,.3) 0%, transparent 70%); filter: blur(12px); animation: ja-glow 4s ease-in-out infinite; }
@keyframes ja-paper { 0% { transform: translateX(-50%) rotate(0) } 50% { transform: translateX(-50%) rotate(2deg) } 100% { transform: translateX(-50%) rotate(0) } }
@keyframes ja-reader { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-2deg) } 75% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes ja-listen { 0% { transform: scale(0.65) translateY(0) } 50% { transform: scale(0.65) translateY(-2px) } 100% { transform: scale(0.65) translateY(0) } }
@keyframes ja-lamp { 0% { opacity:0.8; box-shadow: 0 0 16px 4px rgba(200,160,100,.25) } 50% { opacity:1; box-shadow: 0 0 28px 8px rgba(220,180,120,.4) } 100% { opacity:0.85; box-shadow: 0 0 20px 5px rgba(200,160,100,.3) } }
@keyframes ja-glow { 0% { opacity:0.5; transform: translateX(-50%) scale(1) } 50% { opacity:0.8; transform: translateX(-50%) scale(1.1) } 100% { opacity:0.6; transform: translateX(-50%) scale(0.95) } }

.scn-function-ends { background: linear-gradient(180deg, #1a1a3e 0%, #2a2a4e 30%, #3a3a5e 60%, #4a4a6e 100%), radial-gradient(ellipse at 50% 100%, #4a4a6e 0%, transparent 70%); }
.scn-function-ends .night-sky { position:absolute; inset:0; background: linear-gradient(180deg, #0a0a1e 0%, #1a1a3e 50%, #2a2a4e 100%); animation: fe-sky 20s ease-in-out infinite alternate; }
.scn-function-ends .street { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 40%, #1a1a2a 100%); border-radius: 20% 20% 0 0 / 30% 30% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.5); }
.scn-function-ends .wall { position:absolute; bottom:25%; left:5%; right:5%; height:30%; background: linear-gradient(180deg, #4a4a5a 0%, #3a3a4a 50%, #2a2a3a 100%); border-radius: 8% 8% 4% 4% / 12% 12% 6% 6%; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
.scn-function-ends .doorway { position:absolute; bottom:25%; left:50%; width:40px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 20% 20% 4% 4% / 30% 30% 6% 6%; box-shadow: 0 0 12px 2px rgba(0,0,0,.6); }
.scn-function-ends .figure-1 { position:absolute; bottom:22%; left:30%; width:18px; height:34px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scale(0.6); animation: fe-sleep 15s ease-in-out infinite; }
.scn-function-ends .figure-2 { position:absolute; bottom:20%; left:55%; width:20px; height:38px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 50%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scale(0.55); animation: fe-sleep 18s ease-in-out infinite 3s; }
.scn-function-ends .figure-3 { position:absolute; bottom:18%; left:68%; width:16px; height:30px; background: linear-gradient(180deg, #4a4a5a 0%, #3a3a4a 50%, #2a2a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scale(0.5); animation: fe-sleep 16s ease-in-out infinite 1s; }
.scn-function-ends .moon { position:absolute; top:10%; right:20%; width:30px; height:30px; background: radial-gradient(circle, #e8e0c8 0%, #c8c0a8 60%, #a8a088 100%); border-radius: 50%; box-shadow: 0 0 24px 6px rgba(200,192,168,.3), 0 0 48px 12px rgba(200,192,168,.15); animation: fe-moon 30s linear infinite; }
.scn-function-ends .star { position:absolute; top:20%; left:15%; width:3px; height:3px; background: #e8e0c8; border-radius: 50%; box-shadow: 0 0 6px 2px rgba(232,224,200,.4); animation: fe-star 5s ease-in-out infinite alternate; }
@keyframes fe-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes fe-sleep { 0% { transform: scale(0.6) translateY(0) rotate(0) } 50% { transform: scale(0.6) translateY(-2px) rotate(2deg) } 100% { transform: scale(0.6) translateY(0) rotate(0) } }
@keyframes fe-moon { 0% { transform: translateX(0) } 50% { transform: translateX(5px) } 100% { transform: translateX(0) } }
@keyframes fe-star { 0% { opacity:0.3; transform: scale(0.8) } 50% { opacity:0.9; transform: scale(1.2) } 100% { opacity:0.4; transform: scale(0.9) } }

.scn-ballarat-approach {
  background: linear-gradient(180deg, #7ec8e3 0%, #b5dffa 30%, #f0e68c 60%, #6b8e23 100%),
              radial-gradient(ellipse at 20% 60%, #f6e27a 0%, transparent 50%);
}
.scn-ballarat-approach .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 60%, transparent 100%);
  animation: ba-sky 12s ease-in-out infinite alternate;
}
.scn-ballarat-approach .hills {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #4a7c3f 0%, #2e5a23 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 6px 15px rgba(0,0,0,.3);
  animation: ba-hills 20s ease-in-out infinite alternate;
}
.scn-ballarat-approach .lake {
  position: absolute; bottom: 25%; left: 30%; width: 40%; height: 18%;
  background: linear-gradient(135deg, #4682b4 0%, #87cefa 50%, #6eb8ff 100%);
  border-radius: 0 0 50% 50%;
  box-shadow: inset 0 4px 12px rgba(0,0,0,.2);
  animation: ba-lake 8s ease-in-out infinite alternate;
}
.scn-ballarat-approach .meadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #7cbd5b 0%, #5a8f3c 40%, #3d6b24 100%);
  border-radius: 30% 20% 0 0;
}
.scn-ballarat-approach .gorse-hedge {
  position: absolute; bottom: 28%; left: 12%; width: 80px; height: 25px;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, #d4b84c 0%, #8b7b2e 70%, #3a5c1a 100%);
  border-radius: 50%;
  filter: blur(2px);
  animation: ba-gorse 6s ease-in-out infinite;
}
.scn-ballarat-approach .cloud-a {
  position: absolute; top: 12%; left: 20%; width: 100px; height: 20px;
  background: rgba(255,255,255,.6);
  border-radius: 50%;
  filter: blur(8px);
  animation: ba-drift-a 40s linear infinite;
}
.scn-ballarat-approach .cloud-b {
  position: absolute; top: 18%; right: 10%; width: 70px; height: 14px;
  background: rgba(255,255,255,.4);
  border-radius: 50%;
  filter: blur(6px);
  animation: ba-drift-b 55s linear infinite reverse;
}
@keyframes ba-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.7} }
@keyframes ba-hills { 0%{transform:translateY(0)} 50%{transform:translateY(-4px)} 100%{transform:translateY(0)} }
@keyframes ba-lake { 0%{opacity:.8;transform:scaleY(1)} 50%{opacity:.95;transform:scaleY(1.02)} 100%{opacity:.85;transform:scaleY(1)} }
@keyframes ba-gorse { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-2px) scale(1.05)} }
@keyframes ba-drift-a { 0%{transform:translateX(-50px)} 100%{transform:translateX(120vw)} }
@keyframes ba-drift-b { 0%{transform:translateX(0)} 100%{transform:translateX(-110vw)} }

.scn-gold-strike-1851 {
  background: linear-gradient(180deg, #d4a574 0%, #c4945c 20%, #a0763a 50%, #6b4e2a 80%, #3a2a1a 100%),
              radial-gradient(ellipse at 50% 80%, #e0b060 0%, transparent 60%);
}
.scn-gold-strike-1851 .bg-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #8b6f3a 0%, #5a4320 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.4);
}
.scn-gold-strike-1851 .bg-hills {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #6b8e23 0%, #4a6e1a 50%, #2e5a23 100%);
  border-radius: 80% 60% 0 0 / 60% 50% 0 0;
}
.scn-gold-strike-1851 .digger {
  position: absolute; bottom: 30%; left: 38%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%);
  border-radius: 45% 55% 40% 60% / 65% 55% 45% 35%;
  transform-origin: bottom center;
  animation: gs-digger 3s ease-in-out infinite;
}
.scn-gold-strike-1851 .pan {
  position: absolute; bottom: 28%; left: 45%; width: 32px; height: 12px;
  background: radial-gradient(ellipse at 50% 40%, #a07040 0%, #6b4e2a 60%, #3a2a1a 100%);
  border-radius: 50%;
  transform: rotate(-10deg);
  animation: gs-pan 4s ease-in-out infinite;
}
.scn-gold-strike-1851 .gold-nugget {
  position: absolute; width: 8px; height: 8px;
  background: radial-gradient(circle, #ffd700 0%, #ffa500 60%, #b8860b 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px #ffd700, 0 0 16px 4px rgba(255,215,0,.4);
  animation: gs-glitter 1.5s ease-in-out infinite alternate;
}
.scn-gold-strike-1851 .glitter-1 { bottom: 32%; left: 50%; }
.scn-gold-strike-1851 .glitter-2 { bottom: 26%; left: 55%; animation-delay: 0.7s; }
.scn-gold-strike-1851 .tent {
  position: absolute; bottom: 32%; left: 20%; width: 50px; height: 40px;
  background: linear-gradient(135deg, #c8a87a 0%, #8b7b5a 60%, #5a4a30 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  box-shadow: -2px 0 6px rgba(0,0,0,.3);
  animation: gs-tent 8s ease-in-out infinite;
}
@keyframes gs-digger { 0%{transform:translateY(0) rotate(0deg)} 25%{transform:translateY(-2px) rotate(2deg)} 50%{transform:translateY(0) rotate(0deg)} 75%{transform:translateY(-1px) rotate(-2deg)} 100%{transform:translateY(0) rotate(0deg)} }
@keyframes gs-pan { 0%{transform:rotate(-10deg) translateX(0)} 50%{transform:rotate(-5deg) translateX(4px)} 100%{transform:rotate(-10deg) translateX(0)} }
@keyframes gs-glitter { 0%{opacity:.5;transform:scale(1)} 50%{opacity:1;transform:scale(1.3)} 100%{opacity:.6;transform:scale(1)} }
@keyframes gs-tent { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }

.scn-melbourne-deserted {
  background: linear-gradient(180deg, #e0e5ec 0%, #c0c8d4 30%, #b0b8c8 60%, #8a9bae 100%),
              radial-gradient(ellipse at 30% 60%, #f0f4f8 0%, transparent 50%);
}
.scn-melbourne-deserted .window-frame {
  position: absolute; inset: 0;
  border: 12px solid #6a5a4a;
  background: linear-gradient(180deg, #d0d8e0 0%, #a0aab0 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,.3);
  animation: md-frame 10s ease-in-out infinite alternate;
}
.scn-melbourne-deserted .street {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 40%;
  background: linear-gradient(180deg, #9a9ea8 0%, #7a7e88 100%);
  border-radius: 10% 10% 0 0;
}
.scn-melbourne-deserted .building-left {
  position: absolute; bottom: 25%; left: 5%; width: 30%; height: 45%;
  background: linear-gradient(180deg, #a09080 0%, #7a6e5e 100%);
  box-shadow: 3px 0 12px rgba(0,0,0,.2);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: md-building 15s ease-in-out infinite alternate;
}
.scn-melbourne-deserted .building-right {
  position: absolute; bottom: 30%; right: 5%; width: 25%; height: 50%;
  background: linear-gradient(180deg, #b0a090 0%, #8a7a6a 100%);
  box-shadow: -3px 0 12px rgba(0,0,0,.2);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: md-building 15s ease-in-out infinite alternate-reverse;
}
.scn-melbourne-deserted .ship-hull {
  position: absolute; bottom: 35%; left: 60%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 20% 20%;
  transform: scaleX(1.2);
  animation: md-ship 20s ease-in-out infinite;
}
.scn-melbourne-deserted .lamp {
  position: absolute; bottom: 35%; left: 40%; width: 10px; height: 20px;
  background: radial-gradient(circle at 50% 50%, #f0d090 0%, #d0a050 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #d0a050, 0 0 40px 12px rgba(208,160,80,.3);
  animation: md-lamp 4s ease-in-out infinite alternate;
}
.scn-melbourne-deserted .dust {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 5%;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,200,200,.2) 0%, transparent 70%);
  filter: blur(10px);
  animation: md-dust 30s linear infinite;
}
@keyframes md-frame { 0%{opacity:.9} 50%{opacity:1} 100%{opacity:.85} }
@keyframes md-building { 0%{transform:scaleY(1)} 50%{transform:scaleY(1.01)} 100%{transform:scaleY(1)} }
@keyframes md-ship { 0%{transform:scaleX(1.2) translateY(0)} 50%{transform:scaleX(1.2) translateY(-2px)} 100%{transform:scaleX(1.2) translateY(0)} }
@keyframes md-lamp { 0%{box-shadow:0 0 15px 4px #d0a050; opacity:.7} 50%{box-shadow:0 0 30px 10px #f0d090; opacity:1} 100%{box-shadow:0 0 20px 6px #d0a050; opacity:.8} }
@keyframes md-dust { 0%{opacity:.1;transform:translateY(0)} 50%{opacity:.3;transform:translateY(-5px)} 100%{opacity:.1;transform:translateY(0)} }

.scn-ballarat-ripped {
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a2a 40%, #2a1a0a 70%, #1a0e05 100%),
              radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 60%);
}
.scn-ballarat-ripped .sky-grim {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #7a7a7a 0%, #5a5a5a 30%, #3a4a3a 60%, transparent 100%);
  animation: br-sky 15s ease-in-out infinite alternate;
}
.scn-ballarat-ripped .hill-remnant {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 40% 60% 0 0 / 70% 80% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.5);
  animation: br-hill 12s ease-in-out infinite alternate;
}
.scn-ballarat-ripped .pit-shadow {
  position: absolute; bottom: 15%; left: 10%; width: 50%; height: 20%;
  background: radial-gradient(ellipse at 50% 50%, #1a0e05 0%, #2a1a0a 50%, transparent 100%);
  border-radius: 50%;
  animation: br-pit 8s ease-in-out infinite;
}
.scn-ballarat-ripped .debris {
  position: absolute; bottom: 10%; left: 30%; width: 100px; height: 30px;
  background: linear-gradient(135deg, #6b4e2a 0%, #4a3a1a 60%, #2a1a0a 100%);
  clip-path: polygon(20% 0%, 80% 10%, 100% 70%, 60% 100%, 0% 80%);
  animation: br-debris 5s ease-in-out infinite;
}
.scn-ballarat-ripped .stump {
  position: absolute; width: 14px; height: 20px;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: inset 0 -4px 6px rgba(0,0,0,.5);
  animation: br-stump 7s ease-in-out infinite;
}
.scn-ballarat-ripped .stump-a { bottom: 28%; left: 25%; animation-delay: 0s; }
.scn-ballarat-ripped .stump-b { bottom: 22%; right: 20%; animation-delay: 3.5s; }
.scn-ballarat-ripped .mine-shaft {
  position: absolute; bottom: 20%; left: 45%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #1a0e05 0%, #0a0804 100%);
  border-radius: 0 0 20% 20%;
  box-shadow: inset 0 8px 12px rgba(0,0,0,.8);
  animation: br-shaft 4s ease-in-out infinite;
}
.scn-ballarat-ripped .dust-drift {
  position: absolute; bottom: 25%; left: 10%; right: 10%; height: 20%;
  background: radial-gradient(ellipse at 50% 80%, rgba(100,80,40,.15) 0%, transparent 60%);
  filter: blur(12px);
  animation: br-dust 25s linear infinite;
}
@keyframes br-sky { 0%{opacity:.7} 50%{opacity:.9} 100%{opacity:.6} }
@keyframes br-hill { 0%{transform:translateY(0) scale(1)} 50%{transform:translateY(-3px) scale(1.02)} 100%{transform:translateY(0) scale(1)} }
@keyframes br-pit { 0%{opacity:.5;transform:scale(1)} 50%{opacity:1;transform:scale(1.1)} 100%{opacity:.5;transform:scale(1)} }
@keyframes br-debris { 0%{transform:translateX(0) rotate(0deg)} 25%{transform:translateX(3px) rotate(5deg)} 50%{transform:translateX(0) rotate(0deg)} 75%{transform:translateX(-2px) rotate(-3deg)} 100%{transform:translateX(0) rotate(0deg)} }
@keyframes br-stump { 0%,100%{transform:scaleY(1)} 50%{transform:scaleY(1.05)} }
@keyframes br-shaft { 0%{opacity:.8;transform:scaleY(1)} 50%{opacity:1;transform:scaleY(1.03)} 100%{opacity:.8;transform:scaleY(1)} }
@keyframes br-dust { 0%{opacity:.1;transform:translateY(0)} 50%{opacity:.3;transform:translateY(-8px)} 100%{opacity:.1;transform:translateY(0)} }

.scn-chotee-tally {
  background: linear-gradient(180deg, #2a1f1f 0%, #3d2b1a 30%, #4a3220 60%, #1f1414 100%),
              radial-gradient(ellipse at 50% 60%, #5e4326 0%, transparent 70%);
}
.scn-chotee-tally .wall {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(90deg, #3a2a1a 0%, #4a3826 50%, #2e1e0e 100%);
  border-radius: 0 0 20% 20%;
  animation: ct-wall 8s ease-in-out infinite alternate;
}
.scn-chotee-tally .table {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 35%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%);
  border-radius: 6% 6% 0 0;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.6);
  animation: ct-table 12s ease-in-out infinite;
}
.scn-chotee-tally .lamp {
  position: absolute; bottom: 38%; left: 35%; width: 30px; height: 50px;
  background: radial-gradient(circle at 50% 60%, #d0a050 0%, #8a6030 70%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 40px 20px rgba(200,150,60,0.5), 0 0 80px 40px rgba(200,150,60,0.2);
  animation: ct-lamp 3s ease-in-out infinite alternate;
}
.scn-chotee-tally .scroll {
  position: absolute; bottom: 18%; left: 45%; width: 80px; height: 20px;
  background: linear-gradient(180deg, #c8b88a 0%, #a08860 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: ct-scroll 6s ease-in-out infinite;
}
.scn-chotee-tally .hand {
  position: absolute; bottom: 15%; left: 55%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ct-hand 4s ease-in-out infinite;
}
.scn-chotee-tally .shadow-figure {
  position: absolute; bottom: 32%; right: 15%; width: 50px; height: 80px;
  background: linear-gradient(180deg, #1a1010 0%, #0a0505 100%);
  border-radius: 40% 40% 30% 30% / 70% 70% 40% 40%;
  filter: blur(2px);
  animation: ct-shadow 10s ease-in-out infinite alternate;
}
@keyframes ct-wall { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes ct-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes ct-lamp { 0% { box-shadow:0 0 30px 15px rgba(200,150,60,0.3); opacity:0.8 } 50% { box-shadow:0 0 60px 30px rgba(200,150,60,0.6); opacity:1 } 100% { box-shadow:0 0 40px 20px rgba(200,150,60,0.4); opacity:0.9 } }
@keyframes ct-scroll { 0%,100% { transform: rotate(0) } 25% { transform: rotate(-2deg) } 75% { transform: rotate(2deg) } }
@keyframes ct-hand { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(4px) rotate(2deg) } 75% { transform: translateX(-2px) rotate(-1deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes ct-shadow { 0% { transform: translateX(0) scaleY(1) } 50% { transform: translateX(-6px) scaleY(1.05) } 100% { transform: translateX(0) scaleY(1) } }

.scn-chotee-informer {
  background: linear-gradient(180deg, #2a2018 0%, #3a2c1e 40%, #4a382a 70%, #1a1410 100%),
              radial-gradient(ellipse at 50% 40%, #5e4830 0%, transparent 60%);
}
.scn-chotee-informer .bg-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
  animation: ci-wall 10s ease-in-out infinite alternate;
}
.scn-chotee-informer .desk {
  position: absolute; bottom: 5%; left: 5%; right: 5%; height: 50%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%);
  border-radius: 10% 10% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 4px 15px rgba(0,0,0,0.6);
  animation: ci-desk 14s ease-in-out infinite;
}
.scn-chotee-informer .candle {
  position: absolute; bottom: 42%; left: 40%; width: 18px; height: 50px;
  background: linear-gradient(180deg, #e0c080 0%, #c0a060 50%, #a08040 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 30px 15px rgba(255,200,100,0.5), 0 0 60px 30px rgba(255,200,100,0.2);
  animation: ci-candle 3s ease-in-out infinite alternate;
}
.scn-chotee-informer .paper {
  position: absolute; bottom: 20%; left: 50%; width: 100px; height: 40px;
  background: linear-gradient(180deg, #d8c8a0 0%, #b8a880 100%);
  border-radius: 4%;
  transform: translateX(-50%) rotate(-2deg);
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  animation: ci-paper 5s ease-in-out infinite;
}
.scn-chotee-informer .face-profile {
  position: absolute; bottom: 28%; left: 25%; width: 40px; height: 50px;
  background: linear-gradient(270deg, #a08060 0%, #8a6a50 100%);
  border-radius: 50% 20% 30% 40% / 60% 40% 50% 50%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%, 0 70%);
  transform: translateX(-10%) rotate(5deg);
  animation: ci-face 6s ease-in-out infinite;
}
.scn-chotee-informer .inkwell {
  position: absolute; bottom: 18%; left: 20%; width: 20px; height: 25px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0505 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.8);
  animation: ci-inkwell 8s ease-in-out infinite alternate;
}
.scn-chotee-informer .drip {
  position: absolute; bottom: 12%; left: 22%; width: 4px; height: 15px;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a1010 100%);
  border-radius: 50%;
  filter: blur(1px);
  animation: ci-drip 4s ease-in-out infinite;
}
@keyframes ci-wall { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes ci-desk { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes ci-candle { 0% { box-shadow:0 0 20px 10px rgba(255,200,100,0.3); height:50px } 50% { box-shadow:0 0 50px 25px rgba(255,200,100,0.6); height:48px } 100% { box-shadow:0 0 30px 15px rgba(255,200,100,0.4); height:50px } }
@keyframes ci-paper { 0%,100% { transform: translateX(-50%) rotate(-2deg) } 50% { transform: translateX(-50%) rotate(0deg) } }
@keyframes ci-face { 0% { transform: translateX(-10%) rotate(5deg) } 50% { transform: translateX(-8%) rotate(2deg) } 100% { transform: translateX(-10%) rotate(5deg) } }
@keyframes ci-inkwell { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ci-drip { 0% { opacity:0; height:0 } 50% { opacity:1; height:15px } 100% { opacity:0; height:0 } }

.scn-fakeer-persistent {
  background: linear-gradient(180deg, #2a1a12 0%, #3a2218 40%, #4a2c1e 70%, #1a0e0a 100%),
              radial-gradient(ellipse at 50% 70%, #5e3a28 0%, transparent 65%);
}
.scn-fakeer-persistent .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 6px 18px rgba(0,0,0,0.5);
  animation: fp-floor 15s ease-in-out infinite alternate;
}
.scn-fakeer-persistent .back-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #3a2218 0%, #2a1a12 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  animation: fp-wall 10s ease-in-out infinite;
}
.scn-fakeer-persistent .pony-body {
  position: absolute; bottom: 18%; left: 30%; width: 80px; height: 50px;
  background: linear-gradient(180deg, #8a6a4a 0%, #6a4a30 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: center bottom;
  animation: fp-pony-body 5s ease-in-out infinite;
}
.scn-fakeer-persistent .pony-legs {
  position: absolute; bottom: 0; left: 30%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #6a4a30 0%, #4a2a18 100%);
  border-radius: 20% 20% 0 0;
  clip-path: polygon(10% 0, 40% 0, 40% 100%, 10% 100%, 60% 0, 90% 0, 90% 100%, 60% 100%);
  animation: fp-legs 4s ease-in-out infinite alternate;
}
.scn-fakeer-persistent .fakeer-torso {
  position: absolute; bottom: 35%; left: 42%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #b8a080 0%, #8a6a50 100%);
  border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%;
  transform-origin: center bottom;
  animation: fp-torso 6s ease-in-out infinite;
}
.scn-fakeer-persistent .fakeer-head {
  position: absolute; bottom: 52%; left: 42%; width: 28px; height: 30px;
  background: radial-gradient(circle at 50% 40%, #c0a080 0%, #8a6a50 70%);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  animation: fp-head 4s ease-in-out infinite alternate;
}
.scn-fakeer-persistent .sugar-glow {
  position: absolute; bottom: 38%; left: 44%; width: 14px; height: 14px;
  background: radial-gradient(circle, #fff0d0 0%, #e0c090 60%);
  border-radius: 50%;
  filter: blur(3px);
  box-shadow: 0 0 20px 10px rgba(255,240,200,0.4);
  animation: fp-sugar 3s ease-in-out infinite;
}
.scn-fakeer-persistent .lamp-hanging {
  position: absolute; top: 8%; left: 50%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 30%, #d0a050 0%, #8a6030 70%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 40px 20px rgba(200,150,60,0.4), 0 0 80px 40px rgba(200,150,60,0.15);
  animation: fp-lamp 3s ease-in-out infinite alternate;
}
@keyframes fp-floor { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes fp-wall { 0%,100% { opacity:0.8 } 50% { opacity:1 } }
@keyframes fp-pony-body { 0% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes fp-legs { 0% { transform: translateX(0) } 100% { transform: translateX(-3px) } }
@keyframes fp-torso { 0% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-1deg) } }
@keyframes fp-head { 0% { transform: rotate(0) translateY(0) } 50% { transform: rotate(3deg) translateY(-2px) } 100% { transform: rotate(0) translateY(0) } }
@keyframes fp-sugar { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes fp-lamp { 0% { box-shadow:0 0 25px 12px rgba(200,150,60,0.3); height:30px } 50% { box-shadow:0 0 55px 28px rgba(200,150,60,0.6); height:28px } 100% { box-shadow:0 0 35px 18px rgba(200,150,60,0.4); height:30px } }

.scn-fresh-morning-news {
  background: linear-gradient(180deg, #2a1e1a 0%, #3a2a1e 40%, #4a3426 70%, #1a1410 100%),
              radial-gradient(ellipse at 50% 80%, #5e4430 0%, transparent 60%);
}
.scn-fresh-morning-news .ceiling {
  position: absolute; top: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #3a2a1e 0%, #2a1a10 100%);
  border-radius: 0 0 40% 40%;
  animation: fm-ceiling 12s ease-in-out infinite alternate;
}
.scn-fresh-morning-news .wall-left {
  position: absolute; top: 20%; bottom: 0; left: 0; width: 20%;
  background: linear-gradient(90deg, #2a1a10 0%, #4a3426 100%);
  box-shadow: inset -4px 0 10px rgba(0,0,0,0.4);
  animation: fm-wall-left 8s ease-in-out infinite;
}
.scn-fresh-morning-news .table-top {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(135deg, #5a4030 0%, #3a2820 100%);
  border-radius: 8% 8% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 5px 15px rgba(0,0,0,0.5);
  animation: fm-table 15s ease-in-out infinite;
}
.scn-fresh-morning-news .newspaper {
  position: absolute; bottom: 15%; left: 25%; width: 120px; height: 50px;
  background: linear-gradient(180deg, #d8c8a8 0%, #b8a880 100%);
  border-radius: 2%;
  transform: rotate(-3deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: fm-paper 5s ease-in-out infinite;
}
.scn-fresh-morning-news .coffee-cup {
  position: absolute; bottom: 20%; right: 20%; width: 30px; height: 35px;
  background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.6), 0 4px 10px rgba(0,0,0,0.3);
  animation: fm-cup 6s ease-in-out infinite alternate;
}
.scn-fresh-morning-news .hand-reach {
  position: absolute; bottom: 22%; left: 18%; width: 25px; height: 35px;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: fm-hand 4s ease-in-out infinite alternate;
}
.scn-fresh-morning-news .window-light {
  position: absolute; top: 25%; right: 15%; width: 60px; height: 80px;
  background: radial-gradient(ellipse at center, rgba(255,220,180,0.4) 0%, transparent 70%);
  border-radius: 10%;
  filter: blur(10px);
  animation: fm-light 8s ease-in-out infinite alternate;
}
@keyframes fm-ceiling { 0% { opacity:0.6 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes fm-wall-left { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(1.02) } }
@keyframes fm-table { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes fm-paper { 0%,100% { transform: rotate(-3deg) } 50% { transform: rotate(0deg) } }
@keyframes fm-cup { 0% { transform: rotate(0) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-1deg) } }
@keyframes fm-hand { 0% { transform: translateX(0) rotate(0) } 50% { transform: translateX(8px) rotate(5deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes fm-light { 0% { opacity:0.3 } 50% { opacity:0.7 } 100% { opacity:0.4 } }

.scn-ballarat-english-cult {
  background: linear-gradient(180deg, #f0e6d0 0%, #d8c8a8 40%, #b8a080 100%),
              radial-gradient(ellipse at 30% 20%, #fff5e0 0%, transparent 60%);
}
.scn-ballarat-english-cult .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #e6d8b8 0%, #c8b898 100%);
  animation: bec-wall 20s ease-in-out infinite alternate;
}
.scn-ballarat-english-cult .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 20% 20% 0 0;
}
.scn-ballarat-english-cult .lectern {
  position: absolute; bottom: 32%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 60px;
  background: linear-gradient(90deg, #6a4a2a 0%, #8a6a4a 50%, #6a4a2a 100%);
  border-radius: 12% 12% 4% 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-ballarat-english-cult .speaker {
  position: absolute; bottom: 38%; left: 50%; transform: translateX(-50%);
  width: 50px; height: 70px;
  background: linear-gradient(180deg, #c8b898 0%, #b09878 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
}
.scn-ballarat-english-cult .arm-left {
  position: absolute; bottom: 50%; left: 38%; width: 14px; height: 50px;
  background: linear-gradient(180deg, #c8b898 0%, #9a7a56 100%);
  border-radius: 30% 30% 40% 40%;
  transform-origin: 50% 10%;
  animation: bec-armL 2s ease-in-out infinite alternate;
}
.scn-ballarat-english-cult .arm-right {
  position: absolute; bottom: 50%; left: 58%; width: 14px; height: 50px;
  background: linear-gradient(180deg, #c8b898 0%, #9a7a56 100%);
  border-radius: 30% 30% 40% 40%;
  transform-origin: 50% 10%;
  animation: bec-armR 2.3s ease-in-out infinite alternate;
}
.scn-ballarat-english-cult .mouth {
  position: absolute; bottom: 55%; left: 50%; transform: translateX(-50%);
  width: 20px; height: 10px;
  background: radial-gradient(ellipse, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 0 0;
  animation: bec-mouth 1.5s ease-in-out infinite;
}
.scn-ballarat-english-cult .audience {
  position: absolute; bottom: 24%; left: 10%; right: 10%; height: 20%;
  background: repeating-linear-gradient(90deg, #a09070 0px, #a09070 8px, transparent 8px, transparent 18px);
  border-radius: 30% 30% 0 0;
  filter: blur(2px);
  animation: bec-audience 12s ease-in-out infinite;
}
.scn-ballarat-english-cult .bunting {
  position: absolute; top: 4%; left: 5%; right: 5%; height: 20px;
  background: linear-gradient(90deg, #d0a050 0%, #c08030 33%, #b0d050 66%, #c08030 100%);
  border-radius: 60% 60% 0 0;
  animation: bec-bunting 8s ease-in-out infinite alternate;
}
@keyframes bec-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes bec-armL { 0% { transform: rotate(-10deg); } 100% { transform: rotate(30deg); } }
@keyframes bec-armR { 0% { transform: rotate(15deg); } 100% { transform: rotate(-20deg); } }
@keyframes bec-mouth { 0% { height: 6px; width: 18px; } 50% { height: 16px; width: 24px; } 100% { height: 8px; width: 20px; } }
@keyframes bec-audience { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(1); } }
@keyframes bec-bunting { 0% { transform: translateY(0); } 100% { transform: translateY(-3px); } }

.scn-q-and-km {
  background: linear-gradient(180deg, #f5ecd6 0%, #e0ccaa 50%, #c8ac80 100%),
              radial-gradient(ellipse at 50% 60%, #fff8ec 0%, transparent 70%);
}
.scn-q-and-km .table {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 40%;
  background: linear-gradient(180deg, #8a7050 0%, #5a3f28 100%);
  border-radius: 2% 2% 0 0;
  box-shadow: 0 -6px 12px rgba(0,0,0,0.3);
}
.scn-q-and-km .cigar {
  position: absolute; bottom: 50%; left: 25%; width: 60px; height: 12px;
  background: linear-gradient(90deg, #8a6030 0%, #c09850 40%, #6a4020 100%);
  border-radius: 60% 20% 20% 60%;
  transform: rotate(-15deg);
  animation: qkm-cigar 4s ease-in-out infinite;
}
.scn-q-and-km .match {
  position: absolute; bottom: 50%; left: 40%; width: 6px; height: 40px;
  background: linear-gradient(180deg, #f0b060 0%, #c08030 50%, #8a6030 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(30deg);
  animation: qkm-match 3s ease-in-out infinite alternate;
}
.scn-q-and-km .hand-left {
  position: absolute; bottom: 42%; left: 22%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #c8b898 0%, #a08060 100%);
  border-radius: 50% 50% 40% 40%;
  transform: rotate(20deg);
  animation: qkm-handL 2.5s ease-in-out infinite;
}
.scn-q-and-km .hand-right {
  position: absolute; bottom: 40%; left: 42%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #c8b898 0%, #a08060 100%);
  border-radius: 50% 50% 40% 40%;
  transform: rotate(-10deg);
  animation: qkm-handR 3s ease-in-out infinite;
}
.scn-q-and-km .smoke-1 {
  position: absolute; bottom: 58%; left: 24%; width: 30px; height: 20px;
  background: radial-gradient(ellipse, rgba(255,255,220,0.6) 0%, transparent 100%);
  filter: blur(6px);
  animation: qkm-smoke1 5s ease-out infinite;
}
.scn-q-and-km .smoke-2 {
  position: absolute; bottom: 60%; left: 28%; width: 24px; height: 16px;
  background: radial-gradient(ellipse, rgba(255,255,220,0.5) 0%, transparent 100%);
  filter: blur(5px);
  animation: qkm-smoke2 6s ease-out infinite 2s;
}
.scn-q-and-km .body-q {
  position: absolute; bottom: 30%; left: 10%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a22 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: qkm-body 8s ease-in-out infinite;
}
.scn-q-and-km .body-km {
  position: absolute; bottom: 30%; left: 50%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a22 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: qkm-body 8s ease-in-out infinite 4s;
}
@keyframes qkm-cigar { 0% { transform: rotate(-15deg) scaleX(1); } 50% { transform: rotate(-10deg) scaleX(1.02); } 100% { transform: rotate(-20deg) scaleX(1); } }
@keyframes qkm-match { 0% { transform: rotate(30deg) translateY(0); } 100% { transform: rotate(20deg) translateY(-5px); } }
@keyframes qkm-handL { 0% { transform: rotate(20deg) translateY(0); } 50% { transform: rotate(25deg) translateY(-3px); } 100% { transform: rotate(15deg) translateY(0); } }
@keyframes qkm-handR { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-2px); } 100% { transform: rotate(-15deg) translateY(0); } }
@keyframes qkm-smoke1 { 0% { opacity: 0.8; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-30px) scale(2); } }
@keyframes qkm-smoke2 { 0% { opacity: 0.7; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-40px) scale(1.8); } }
@keyframes qkm-body { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }

.scn-bendigo-trip {
  background: linear-gradient(180deg, #f5ecd6 0%, #d8c8a8 40%, #b8a080 100%),
              radial-gradient(ellipse at 70% 30%, #ffe8c0 0%, transparent 50%);
}
.scn-bendigo-trip .train-frame {
  position: absolute; inset: 8% 10% 8% 10%;
  border: 8px solid #5a3a1a;
  border-radius: 4%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
.scn-bendigo-trip .window {
  position: absolute; top: 12%; left: 20%; right: 20%; bottom: 40%;
  background: linear-gradient(180deg, #b0c0d0 0%, #8090a0 100%);
  border: 4px solid #4a2a0a;
  border-radius: 2%;
  animation: btr-window 30s linear infinite alternate;
}
.scn-bendigo-trip .seat {
  position: absolute; bottom: 24%; left: 15%; right: 60%; height: 25%;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 100%);
  border-radius: 10% 10% 0 0;
}
.scn-bendigo-trip .figure-priest {
  position: absolute; bottom: 30%; left: 20%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: btr-figure 6s ease-in-out infinite;
}
.scn-bendigo-trip .figure-narrator {
  position: absolute; bottom: 28%; left: 45%; width: 32px; height: 52px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: btr-figure 6s ease-in-out infinite 3s;
}
.scn-bendigo-trip .baggage {
  position: absolute; bottom: 24%; left: 60%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  animation: btr-baggage 10s ease-in-out infinite;
}
.scn-bendigo-trip .lamplight {
  position: absolute; top: 20%; left: 50%; transform: translateX(-50%);
  width: 20px; height: 20px;
  background: radial-gradient(circle, #ffe080 0%, #d0a040 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(255,200,80,0.5);
  animation: btr-lamp 4s ease-in-out infinite alternate;
}
.scn-bendigo-trip .scenery {
  position: absolute; bottom: 50%; left: 0; right: 0; height: 8%;
  background: linear-gradient(90deg, #6a8a4a 0%, #4a6a2a 50%, #6a8a4a 100%);
  animation: btr-scenery 40s linear infinite;
}
@keyframes btr-window { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes btr-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes btr-baggage { 0% { transform: translateX(0); } 50% { transform: translateX(-2px); } 100% { transform: translateX(0); } }
@keyframes btr-lamp { 0% { box-shadow: 0 0 20px 5px rgba(255,200,80,0.4); } 100% { box-shadow: 0 0 40px 15px rgba(255,200,80,0.7); } }
@keyframes btr-scenery { 0% { transform: translateX(0); } 100% { transform: translateX(-20%); } }

.scn-bendigo-mines {
  background: linear-gradient(180deg, #d8c8a8 0%, #b09878 40%, #8a7050 100%),
              radial-gradient(ellipse at 50% 20%, #f0e0c0 0%, transparent 60%);
}
.scn-bendigo-mines .shaft {
  position: absolute; inset: 10% 30% 10% 30%;
  background: linear-gradient(180deg, #2a1a0a 0%, #4a2a1a 50%, #2a1a0a 100%);
  border-radius: 4%;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.6);
}
.scn-bendigo-mines .ladder {
  position: absolute; top: 15%; left: 40%; right: 40%; bottom: 15%;
  background: repeating-linear-gradient(0deg, #8a6030 0px, #8a6030 4px, transparent 4px, transparent 18px);
  border-left: 3px solid #6a4010;
  border-right: 3px solid #6a4010;
  animation: bmi-ladder 20s linear infinite;
}
.scn-bendigo-mines .miner {
  position: absolute; top: 40%; left: 42%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bmi-miner 5s ease-in-out infinite;
}
.scn-bendigo-mines .lantern {
  position: absolute; top: 35%; left: 48%; width: 18px; height: 24px;
  background: radial-gradient(circle, #ffe080 0%, #c09840 100%);
  border-radius: 50% 50% 40% 40%;
  box-shadow: 0 0 30px 10px rgba(255,200,80,0.5), 0 0 60px 20px rgba(200,150,80,0.3);
  animation: bmi-lantern 6s ease-in-out infinite alternate;
}
.scn-bendigo-mines .rock-layer-1 {
  position: absolute; top: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 0 0 40% 40%;
  animation: bmi-rock1 12s ease-in-out infinite;
}
.scn-bendigo-mines .rock-layer-2 {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 60% 60% 0 0;
  animation: bmi-rock2 15s ease-in-out infinite;
}
.scn-bendigo-mines .chimney-stack {
  position: absolute; bottom: 10%; left: 15%; width: 30px; height: 120px;
  background: linear-gradient(180deg, #6a4a2a 0%, #8a6030 50%, #5a3a1a 100%);
  border-radius: 6% 6% 2% 2%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: bmi-chimney 8s ease-in-out infinite;
}
.scn-bendigo-mines .glow {
  position: absolute; top: 35%; left: 45%; right: 45%; bottom: 50%;
  background: radial-gradient(ellipse, rgba(255,220,150,0.4) 0%, transparent 100%);
  filter: blur(10px);
  animation: bmi-glow 4s ease-in-out infinite alternate;
}
@keyframes bmi-ladder { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes bmi-miner { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes bmi-lantern { 0% { box-shadow: 0 0 20px 5px rgba(255,200,80,0.4), 0 0 40px 10px rgba(200,150,80,0.2); } 100% { box-shadow: 0 0 40px 15px rgba(255,200,80,0.7), 0 0 80px 30px rgba(200,150,80,0.4); } }
@keyframes bmi-rock1 { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }
@keyframes bmi-rock2 { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); } }
@keyframes bmi-chimney { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes bmi-glow { 0% { opacity: 0.5; } 100% { opacity: 0.8; } }

/* island-romance */
.scn-island-romance { background: linear-gradient(180deg, #f5e6c8 0%, #d4b082 60%, #b8945a 100%), radial-gradient(ellipse at 30% 70%, #ffe499 0%, transparent 70%); }
.scn-island-romance .window-frame { position:absolute; inset:10% 15% 40% 15%; background: linear-gradient(180deg, #8b7355 0%, #6b5a3e 100%); border-radius: 8px 8px 0 0; box-shadow: inset 0 0 20px rgba(0,0,0,0.3); }
.scn-island-romance .porthole { position:absolute; top:12%; left:35%; width:20%; height:35%; background: radial-gradient(ellipse at 50% 80%, #7ec8e3 0%, #3a6b8a 80%, #1a3a5a 100%); border-radius: 50%; border: 6px solid #5a4a3a; box-shadow: 0 0 30px #7ec8e3; animation: ir-glow 4s ease-in-out infinite; }
.scn-island-romance .sea { position:absolute; top:68%; left:15%; right:15%; height:20%; background: linear-gradient(180deg, #2a5a7a 0%, #1a3a5a 100%); border-radius: 0 0 40% 40%; clip-path: ellipse(80% 100% at 50% 100%); animation: ir-wave 8s ease-in-out infinite alternate; }
.scn-island-romance .desk { position:absolute; bottom:25%; left:30%; right:30%; height:15%; background: linear-gradient(180deg, #9a7b5a 0%, #7a5b3a 100%); border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); }
.scn-island-romance .lantern { position:absolute; bottom:35%; left:25%; width:12%; height:20%; background: radial-gradient(ellipse at 50% 20%, #ffe066 0%, #d4a040 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 40px #ffe066; animation: ir-sway 3s ease-in-out infinite; }
.scn-island-romance .book { position:absolute; bottom:28%; left:45%; width:8%; height:6%; background: #8a6040; border-radius: 2px; box-shadow: 2px 2px 4px rgba(0,0,0,0.5); animation: ir-nod 6s ease-in-out infinite; }
.scn-island-romance .figure { position:absolute; bottom:30%; left:55%; width:10%; height:25%; background: linear-gradient(180deg, #3a2a2a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ir-walk 5s ease-in-out infinite; }
@keyframes ir-glow { 0% { opacity:0.7; box-shadow:0 0 20px #7ec8e3; } 50% { opacity:1; box-shadow:0 0 50px #a0e8ff; } 100% { opacity:0.8; box-shadow:0 0 25px #7ec8e3; } }
@keyframes ir-wave { 0% { transform: translateX(-5px) scaleX(1.02); } 50% { transform: translateX(5px) scaleX(0.98); } 100% { transform: translateX(-3px) scaleX(1.01); } }
@keyframes ir-sway { 0% { transform: rotate(-3deg) translateX(0); } 25% { transform: rotate(2deg) translateX(4px); } 50% { transform: rotate(-1deg) translateX(2px); } 75% { transform: rotate(2deg) translateX(-4px); } 100% { transform: rotate(-3deg) translateX(0); } }
@keyframes ir-nod { 0% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(-5deg); } 75% { transform: rotate(3deg); } 100% { transform: rotate(0deg); } }
@keyframes ir-walk { 0% { transform: translateX(0) rotate(0deg); } 20% { transform: translateX(8px) rotate(2deg); } 40% { transform: translateX(16px) rotate(0deg); } 60% { transform: translateX(24px) rotate(-2deg); } 80% { transform: translateX(32px) rotate(0deg); } 100% { transform: translateX(40px) rotate(0deg); } }

/* rabbit-plague */
.scn-rabbit-plague { background: linear-gradient(180deg, #f5e6a8 0%, #e0c070 60%, #c0a050 100%), radial-gradient(ellipse at 50% 100%, #fff0b0 0%, transparent 70%); }
.scn-rabbit-plague .room-bg { position:absolute; inset:10% 10% 30% 10%; background: linear-gradient(180deg, #f0d080 0%, #d0b060 100%); border-radius: 20px; box-shadow: inset 0 0 30px rgba(0,0,0,0.2); }
.scn-rabbit-plague .chair { position:absolute; bottom:25%; left:25%; width:20%; height:30%; background: linear-gradient(180deg, #a08050 0%, #705030 100%); border-radius: 8px 8px 0 0; clip-path: polygon(20% 100%, 20% 10%, 80% 10%, 80% 100%); }
.scn-rabbit-plague .man-silhouette { position:absolute; bottom:30%; left:30%; width:12%; height:35%; background: #2a2a2a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: rp-dizzy 2s steps(4) infinite; }
.scn-rabbit-plague .rabbit { position:absolute; background: #f0e0c0; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: rp-hop 1s ease-in-out infinite; }
.scn-rabbit-plague .rabbit-1 { bottom:28%; left:15%; width:8%; height:10%; animation-delay: 0s; }
.scn-rabbit-plague .rabbit-2 { bottom:20%; left:50%; width:7%; height:9%; animation-delay: 0.33s; }
.scn-rabbit-plague .rabbit-3 { bottom:40%; left:60%; width:6%; height:8%; animation-delay: 0.67s; }
.scn-rabbit-plague .dust-cloud { position:absolute; bottom:26%; left:10%; width:30%; height:15%; background: radial-gradient(ellipse, rgba(0,0,0,0.2) 0%, transparent 80%); border-radius: 50%; filter: blur(8px); animation: rp-puff 3s ease-in-out infinite; }
@keyframes rp-dizzy { 0% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(10deg) scale(1.05); } 50% { transform: rotate(0deg) scale(0.95); } 75% { transform: rotate(-10deg) scale(1.02); } 100% { transform: rotate(0deg) scale(1); } }
@keyframes rp-hop { 0% { transform: translateY(0) scaleX(1); } 20% { transform: translateY(-20px) scaleX(0.9); } 40% { transform: translateY(0) scaleX(1.1); } 60% { transform: translateY(-10px) scaleX(0.95); } 80% { transform: translateY(0) scaleX(1.05); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes rp-puff { 0% { transform: scale(1); opacity:0.6; } 50% { transform: scale(1.3); opacity:0.3; } 100% { transform: scale(1); opacity:0.6; } }

/* moa-extinction */
.scn-moa-extinction { background: linear-gradient(180deg, #a0c8f0 0%, #80a8d0 60%, #507090 100%), radial-gradient(ellipse at 50% 100%, #b0d0f0 0%, transparent 70%); }
.scn-moa-extinction .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #c0dff0 0%, transparent 100%); animation: me-sky 12s ease-in-out infinite alternate; }
.scn-moa-extinction .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #6a8a4a 0%, #3a5a2a 100%); border-radius: 40% 60% 0 0 / 80% 70% 0 0; }
.scn-moa-extinction .moa-body { position:absolute; bottom:38%; left:20%; width:15%; height:30%; background: linear-gradient(180deg, #9a7a5a 0%, #6a4a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: me-run 3s ease-in-out infinite; }
.scn-moa-extinction .moa-head { position:absolute; bottom:55%; left:18%; width:6%; height:10%; background: #8a6a4a; border-radius: 50% 50% 0 0; transform-origin: bottom center; animation: me-peck 2s ease-in-out infinite; }
.scn-moa-extinction .train { position:absolute; bottom:15%; right:10%; width:25%; height:20%; background: linear-gradient(90deg, #5a2a1a 0%, #8a3a2a 50%, #5a2a1a 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: 0 4px 10px rgba(0,0,0,0.4); animation: me-chase 5s linear infinite; }
.scn-moa-extinction .smoke { position:absolute; bottom:30%; right:10%; width:10%; height:8%; background: radial-gradient(ellipse, rgba(200,200,200,0.5) 0%, transparent 80%); border-radius: 50%; filter: blur(6px); animation: me-smoke 2s ease-out infinite; }
.scn-moa-extinction .mailbag { position:absolute; bottom:42%; left:25%; width:8%; height:6%; background: #a08040; border-radius: 4px; border: 2px solid #806020; animation: me-bag 4s ease-in-out infinite; }
@keyframes me-sky { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes me-run { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(30px) rotate(2deg); } 50% { transform: translateX(60px) rotate(0deg); } 75% { transform: translateX(90px) rotate(-2deg); } 100% { transform: translateX(120px) rotate(0deg); } }
@keyframes me-peck { 0% { transform: rotate(0deg); } 25% { transform: rotate(15deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } }
@keyframes me-chase { 0% { transform: translateX(0); } 100% { transform: translateX(-150px); } }
@keyframes me-smoke { 0% { transform: scale(1); opacity:1; } 100% { transform: scale(2); opacity:0; } }
@keyframes me-bag { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ornithorhynchus-grotesque */
.scn-ornithorhynchus-grotesque { background: linear-gradient(180deg, #e8d8c0 0%, #c8b8a0 60%, #a89880 100%), radial-gradient(ellipse at 50% 100%, #f0e0d0 0%, transparent 70%); }
.scn-ornithorhynchus-grotesque .wall { position:absolute; inset:10% 10% 30% 10%; background: linear-gradient(180deg, #d8c8b0 0%, #b8a890 100%); border-radius: 12px; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); }
.scn-ornithorhynchus-grotesque .display-case { position:absolute; bottom:25%; left:30%; right:30%; height:30%; background: linear-gradient(180deg, #a09080 0%, #807060 100%); border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,0.3); }
.scn-ornithorhynchus-grotesque .creature-body { position:absolute; bottom:32%; left:35%; width:15%; height:18%; background: linear-gradient(180deg, #6a7a5a 0%, #3a4a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: og-wiggle 4s ease-in-out infinite; }
.scn-ornithorhynchus-grotesque .creature-beak { position:absolute; bottom:44%; left:33%; width:8%; height:4%; background: #4a3a2a; border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform-origin: bottom left; animation: og-nibble 3s ease-in-out infinite; }
.scn-ornithorhynchus-grotesque .creature-feet { position:absolute; bottom:28%; left:38%; width:6%; height:4%; background: #4a3a2a; border-radius: 0 0 50% 50%; box-shadow: 10px 0 0 #4a3a2a; animation: og-paddle 5s ease-in-out infinite; }
.scn-ornithorhynchus-grotesque .label { position:absolute; bottom:22%; left:40%; width:12%; height:4%; background: #f0e0c0; border: 1px solid #8a7a6a; border-radius: 2px; }
.scn-ornithorhynchus-grotesque .spectator { position:absolute; bottom:30%; right:15%; width:10%; height:25%; background: #2a2a3a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: og-stare 6s ease-in-out infinite; }
@keyframes og-wiggle { 0% { transform: rotate(-2deg); } 20% { transform: rotate(3deg); } 40% { transform: rotate(-1deg); } 60% { transform: rotate(4deg); } 80% { transform: rotate(-3deg); } 100% { transform: rotate(-2deg); } }
@keyframes og-nibble { 0% { transform: rotate(0deg); } 25% { transform: rotate(8deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-8deg); } 100% { transform: rotate(0deg); } }
@keyframes og-paddle { 0% { transform: translateX(0); } 25% { transform: translateX(5px); } 50% { transform: translateX(-5px); } 75% { transform: translateX(3px); } 100% { transform: translateX(0); } }
@keyframes og-stare { 0% { transform: rotate(0deg) translateX(0); } 25% { transform: rotate(5deg) translateX(-2px); } 50% { transform: rotate(-3deg) translateX(2px); } 75% { transform: rotate(4deg) translateX(-1px); } 100% { transform: rotate(0deg) translateX(0); } }

.scn-murder-trial {
  background: linear-gradient(180deg, #1f1c1a 0%, #3a2f2a 30%, #2e2621 70%, #161211 100%),
              radial-gradient(ellipse at 50% 30%, #c9a076 0%, transparent 70%);
}

.scn-murder-trial .lamp {
  position: absolute; top: 8%; left: 50%; transform: translateX(-50%);
  width: 8px; height: 16px; background: linear-gradient(180deg, #b8946a, #7a5c3e);
  border-radius: 30% 30% 10% 10%; box-shadow: 0 0 20px 8px rgba(200,150,80,0.5);
  animation: mt1-lamp-flicker 2s ease-in-out infinite alternate;
}

.scn-murder-trial .lamp-glow {
  position: absolute; top: 8%; left: 50%; transform: translateX(-50%);
  width: 120px; height: 140px; background: radial-gradient(ellipse, rgba(200,150,80,0.4) 0%, transparent 70%);
  border-radius: 50%; filter: blur(10px); pointer-events: none;
  animation: mt1-glow-pulse 4s ease-in-out infinite;
}

.scn-murder-trial .bench {
  position: absolute; bottom: 35%; left: 10%; width: 35%; height: 12%;
  background: linear-gradient(180deg, #4a382c, #2b1f17);
  border-radius: 4% 4% 2% 2%; box-shadow: inset 0 -4px 8px rgba(0,0,0,0.6);
  animation: mt1-bench-breathe 8s ease-in-out infinite;
}

.scn-murder-trial .judge-sil {
  position: absolute; bottom: 38%; left: 14%; width: 12%; height: 24%;
  background: linear-gradient(180deg, #1d1a16 0%, #0f0c09 100%);
  border-radius: 50% 50% 40% 50% / 80% 80% 40% 40%;
  transform-origin: bottom center; animation: mt1-judge-sway 6s ease-in-out infinite;
}

.scn-murder-trial .prisoner-sil {
  position: absolute; bottom: 30%; right: 15%; width: 10%; height: 30%;
  background: linear-gradient(180deg, #1a1410 0%, #0b0806 100%);
  border-radius: 50% 50% 40% 50% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: mt1-prisoner-shift 9s ease-in-out infinite;
}

.scn-murder-trial .table {
  position: absolute; bottom: 30%; left: 8%; width: 40%; height: 6%;
  background: linear-gradient(180deg, #5a3f2d, #332316);
  border-radius: 0 0 8% 8%; box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  animation: mt1-table-slide 12s ease-in-out infinite alternate;
}

.scn-murder-trial .dark-shadow {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 40%;
  background: linear-gradient(180deg, transparent 0%, rgba(10,8,6,0.8) 100%);
  animation: mt1-shadow-fade 15s ease-in-out infinite alternate;
}

@keyframes mt1-lamp-flicker { 0% { opacity: 0.9; transform: translateX(-50%) scaleY(1); } 50% { opacity: 1; transform: translateX(-50%) scaleY(1.02); } 100% { opacity: 0.85; transform: translateX(-50%) scaleY(0.98); } }

@keyframes mt1-glow-pulse { 0% { opacity: 0.6; transform: translateX(-50%) scale(1); } 50% { opacity: 0.8; transform: translateX(-50%) scale(1.05); } 100% { opacity: 0.5; transform: translateX(-50%) scale(0.95); } }

@keyframes mt1-bench-breathe { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(0); } }

@keyframes mt1-judge-sway { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }

@keyframes mt1-prisoner-shift { 0% { transform: translateX(0) rotate(0); } 30% { transform: translateX(2px) rotate(-1deg); } 60% { transform: translateX(-1px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }

@keyframes mt1-table-slide { 0% { transform: translateX(0); } 50% { transform: translateX(2px); } 100% { transform: translateX(0); } }

@keyframes mt1-shadow-fade { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.6; } }

.scn-trial-charges {
  background: linear-gradient(180deg, #2d2520 0%, #4a3b31 40%, #3a2d25 70%, #1a1410 100%),
              radial-gradient(ellipse at 50% 10%, #d4a77a 0%, transparent 50%);
}

.scn-trial-charges .chamber-bg {
  position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #4a3b31 0%, #2d2520 100%);
  border-radius: 0 0 30% 30% / 0 0 20% 20%; animation: tc2-bg-pulse 10s ease-in-out infinite alternate;
}

.scn-trial-charges .bench-row {
  position: absolute; bottom: 35%; left: 5%; width: 90%; height: 14%;
  background: linear-gradient(180deg, #5c4a3a, #2f231a);
  border-radius: 4% 4% 0 0; box-shadow: 0 6px 18px rgba(0,0,0,0.7);
  animation: tc2-bench-slide 14s ease-in-out infinite;
}

.scn-trial-charges .magistrate-sil {
  position: absolute; bottom: 40%; left: 12%; width: 16%; height: 28%;
  background: linear-gradient(180deg, #211a15 0%, #0e0a07 100%);
  border-radius: 50% 50% 30% 50% / 70% 70% 30% 30%;
  transform-origin: bottom center; animation: tc2-magistrate-turn 12s ease-in-out infinite;
}

.scn-trial-charges .accused-1 {
  position: absolute; bottom: 32%; right: 55%; width: 8%; height: 26%;
  background: #1a1410; border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  animation: tc2-accused-sway 5s ease-in-out infinite;
}

.scn-trial-charges .accused-2 {
  position: absolute; bottom: 32%; right: 38%; width: 8%; height: 26%;
  background: #17120e; border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  animation: tc2-accused-sway 6s ease-in-out infinite; animation-delay: -1s;
}

.scn-trial-charges .accused-3 {
  position: absolute; bottom: 32%; right: 22%; width: 8%; height: 25%;
  background: #140f0c; border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  animation: tc2-accused-sway 7s ease-in-out infinite; animation-delay: -2s;
}

.scn-trial-charges .accused-4 {
  position: absolute; bottom: 32%; right: 6%; width: 8%; height: 24%;
  background: #110d0a; border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  animation: tc2-accused-sway 8s ease-in-out infinite; animation-delay: -3s;
}

.scn-trial-charges .desk-lamp {
  position: absolute; bottom: 50%; left: 10%; width: 6px; height: 12px;
  background: linear-gradient(180deg, #c49a6e, #7a5a3a);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 0 30px 15px rgba(180,130,70,0.6);
  animation: tc2-lamp-flicker 3s ease-in-out infinite alternate;
}

@keyframes tc2-bg-pulse { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }

@keyframes tc2-bench-slide { 0% { transform: translateX(0); } 50% { transform: translateX(3px); } 100% { transform: translateX(-2px); } }

@keyframes tc2-magistrate-turn { 0% { transform: rotate(0); } 40% { transform: rotate(2deg); } 70% { transform: rotate(-1deg); } 100% { transform: rotate(0); } }

@keyframes tc2-accused-sway { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(0); } 75% { transform: translateX(-1px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0); } }

@keyframes tc2-lamp-flicker { 0% { opacity: 0.9; box-shadow: 0 0 20px 10px rgba(180,130,70,0.5); } 50% { opacity: 1; box-shadow: 0 0 40px 20px rgba(180,130,70,0.8); } 100% { opacity: 0.85; box-shadow: 0 0 25px 12px rgba(180,130,70,0.4); } }

.scn-confessions-told {
  background: linear-gradient(180deg, #1c1713 0%, #342923 40%, #2a201a 70%, #120e0b 100%),
              radial-gradient(ellipse at 50% 20%, #c99e74 0%, transparent 60%);
}

.scn-confessions-told .confess-floor {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 45%;
  background: linear-gradient(180deg, #3a2d23 0%, #1f1812 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0; transform: scaleY(0.9); transform-origin: bottom;
  animation: ct3-floor-ripple 16s ease-in-out infinite alternate;
}

.scn-confessions-told .confess-wall {
  position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #3a2d23 0%, #1c1713 100%);
  border-radius: 0 0 50% 50% / 0 0 20% 20%;
  animation: ct3-wall-darken 12s ease-in-out infinite alternate;
}

.scn-confessions-told .kneeling-fig {
  position: absolute; bottom: 30%; left: 20%; width: 12%; height: 28%;
  background: linear-gradient(180deg, #211912 0%, #0b0705 100%);
  border-radius: 50% 50% 30% 50% / 60% 60% 30% 30%;
  transform-origin: bottom center; animation: ct3-kneel-bow 8s ease-in-out infinite;
}

.scn-confessions-told .standing-fig {
  position: absolute; bottom: 35%; left: 55%; width: 14%; height: 32%;
  background: linear-gradient(180deg, #1a130d 0%, #090604 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  transform-origin: bottom center; animation: ct3-stand-glare 10s ease-in-out infinite;
}

.scn-confessions-told .lantern {
  position: absolute; top: 10%; left: 50%; transform: translateX(-50%);
  width: 10px; height: 18px; background: linear-gradient(180deg, #d4a670, #8a613a);
  border-radius: 20% 20% 10% 10%; box-shadow: 0 0 30px 12px rgba(200,150,80,0.6);
  animation: ct3-lantern-swing 5s ease-in-out infinite alternate;
}

.scn-confessions-told .lantern-light {
  position: absolute; top: 10%; left: 50%; transform: translateX(-50%);
  width: 180px; height: 200px; background: radial-gradient(ellipse, rgba(200,150,80,0.3) 0%, transparent 70%);
  border-radius: 50%; filter: blur(15px); pointer-events: none;
  animation: ct3-light-pulse 6s ease-in-out infinite;
}

.scn-confessions-told .shadow-pool {
  position: absolute; bottom: 0; left: 10%; width: 80%; height: 30%;
  background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0.7) 0%, transparent 70%);
  animation: ct3-pool-spread 18s ease-in-out infinite alternate;
}

@keyframes ct3-floor-ripple { 0% { transform: scaleY(0.9) translateY(0); } 50% { transform: scaleY(0.92) translateY(2px); } 100% { transform: scaleY(0.88) translateY(-1px); } }

@keyframes ct3-wall-darken { 0% { opacity: 0.8; } 50% { opacity: 0.95; } 100% { opacity: 0.75; } }

@keyframes ct3-kneel-bow { 0% { transform: rotate(0) translateX(0); } 25% { transform: rotate(3deg) translateX(2px); } 50% { transform: rotate(-2deg) translateX(-1px); } 75% { transform: rotate(4deg) translateX(1px); } 100% { transform: rotate(0) translateX(0); } }

@keyframes ct3-stand-glare { 0% { transform: rotate(-1deg) translateY(0); } 40% { transform: rotate(2deg) translateY(-3px); } 70% { transform: rotate(-2deg) translateY(1px); } 100% { transform: rotate(-1deg) translateY(0); } }

@keyframes ct3-lantern-swing { 0% { transform: translateX(-50%) rotate(-3deg); } 50% { transform: translateX(-50%) rotate(3deg); } 100% { transform: translateX(-50%) rotate(-2deg); } }

@keyframes ct3-light-pulse { 0% { opacity: 0.5; transform: translateX(-50%) scale(1); } 50% { opacity: 0.8; transform: translateX(-50%) scale(1.06); } 100% { opacity: 0.4; transform: translateX(-50%) scale(0.95); } }

@keyframes ct3-pool-spread { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.1); } 100% { transform: scaleX(0.9); } }

.scn-native-criminal {
  background: linear-gradient(180deg, #1f1511 0%, #361f16 30%, #2c1b14 60%, #0e0806 100%),
              radial-gradient(ellipse at 30% 60%, #b88a5c 0%, transparent 70%);
}

.scn-native-criminal .cave-bg {
  position: absolute; inset: 0; background: linear-gradient(160deg, #2a1b13 0%, #0a0503 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); animation: nc4-cave-sway 20s ease-in-out infinite alternate;
}

.scn-native-criminal .arch-way {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 80%;
  background: radial-gradient(ellipse at 50% 100%, #1b110c 0%, #0a0604 100%);
  border-radius: 50% 50% 0 0 / 40% 40% 0 0; box-shadow: inset 0 0 30px rgba(0,0,0,0.8);
  animation: nc4-arch-breathe 15s ease-in-out infinite;
}

.scn-native-criminal .profile-head {
  position: absolute; bottom: 45%; left: 35%; width: 14%; height: 22%;
  background: linear-gradient(135deg, #2d1d15 0%, #150b07 100%);
  border-radius: 60% 40% 30% 50% / 50% 50% 30% 40%; transform: rotate(10deg);
  animation: nc4-head-turn 8s ease-in-out infinite alternate;
}

.scn-native-criminal .dagger-hand {
  position: absolute; bottom: 35%; left: 45%; width: 8%; height: 18%;
  background: linear-gradient(180deg, #1e1410 0%, #0c0806 100%);
  border-radius: 50% 50% 20% 20% / 40% 40% 20% 20%; transform: rotate(-15deg);
  animation: nc4-dagger-move 6s ease-in-out infinite;
}

.scn-native-criminal .trinket {
  position: absolute; bottom: 50%; left: 48%; width: 6px; height: 6px;
  background: radial-gradient(circle, #d4a060 0%, #8a6020 100%);
  border-radius: 50%; box-shadow: 0 0 10px 4px rgba(180,120,40,0.7);
  animation: nc4-trinket-glimmer 3s ease-in-out infinite alternate;
}

.scn-native-criminal .smoke-wisp {
  position: absolute; top: 20%; left: 40%; width: 20px; height: 40px;
  background: radial-gradient(ellipse, rgba(200,160,100,0.15) 0%, transparent 100%);
  border-radius: 50%; filter: blur(8px); animation: nc4-smoke-rise 10s ease-in-out infinite;
}

.scn-native-criminal .fire-glow {
  position: absolute; bottom: 12%; left: 30%; width: 80px; height: 50px;
  background: radial-gradient(ellipse, rgba(200,120,40,0.3) 0%, transparent 80%);
  border-radius: 50%; filter: blur(12px); animation: nc4-fire-pulse 4s ease-in-out infinite alternate;
}

@keyframes nc4-cave-sway { 0% { transform: skewX(0); } 50% { transform: skewX(2deg); } 100% { transform: skewX(-1deg); } }

@keyframes nc4-arch-breathe { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.03); } 100% { transform: scaleY(0.97); } }

@keyframes nc4-head-turn { 0% { transform: rotate(10deg) translateX(0); } 50% { transform: rotate(14deg) translateX(4px); } 100% { transform: rotate(7deg) translateX(-2px); } }

@keyframes nc4-dagger-move { 0% { transform: rotate(-15deg) translateY(0); } 30% { transform: rotate(-10deg) translateY(-3px); } 60% { transform: rotate(-18deg) translateY(2px); } 100% { transform: rotate(-15deg) translateY(0); } }

@keyframes nc4-trinket-glimmer { 0% { opacity: 0.6; box-shadow: 0 0 6px 2px rgba(180,120,40,0.5); } 50% { opacity: 1; box-shadow: 0 0 16px 6px rgba(180,120,40,0.8); } 100% { opacity: 0.5; box-shadow: 0 0 8px 3px rgba(180,120,40,0.4); } }

@keyframes nc4-smoke-rise { 0% { transform: translateY(0) scale(1); opacity: 0.3; } 50% { transform: translateY(-20px) scale(1.2); opacity: 0.6; } 100% { transform: translateY(-40px) scale(0.8); opacity: 0; } }

@keyframes nc4-fire-pulse { 0% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.1); } 100% { opacity: 0.25; transform: scale(0.95); } }

/* french-pass – warm dawn, narrow rocky channel */
.scn-french-pass { background: 
  linear-gradient(180deg, #ff7e5f 0%, #feb47b 40%, #ffe29f 70%, #fff5c0 100%),
  radial-gradient(ellipse at 50% 0%, #ffb347 0%, transparent 60%);
  background-blend-mode: overlay;
}
.scn-french-pass .sky-dawn { position:absolute; inset:0 0 55% 0; background:linear-gradient(180deg, #ff9a76 0%, #ffd6a5 50%, transparent 100%); animation: sfp-sky 10s ease-in-out infinite alternate; }
.scn-french-pass .water { position:absolute; bottom:0; left:0; right:0; height:55%; background:linear-gradient(180deg, #3a7ca5 0%, #4a8cb5 30%, #2a5c7a 100%); animation: sfp-water 6s ease-in-out infinite; }
.scn-french-pass .cliff-left { position:absolute; bottom:15%; left:0; width:18%; height:70%; background:linear-gradient(90deg, #4a3a2a 0%, #6a5a4a 40%, #3a2a1a 100%); border-radius:0 30% 20% 0 / 0 40% 30% 0; box-shadow:inset -4px 0 12px rgba(0,0,0,.5); }
.scn-french-pass .cliff-right { position:absolute; bottom:15%; right:0; width:20%; height:75%; background:linear-gradient(-90deg, #5a4a3a 0%, #7a6a5a 30%, #4a3a2a 100%); border-radius:30% 0 0 20% / 40% 0 0 30%; box-shadow:inset 4px 0 12px rgba(0,0,0,.5); }
.scn-french-pass .boat { position:absolute; bottom:30%; left:30%; width:40px; height:16px; background:linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%); border-radius:0 0 50% 50% / 0 0 100% 100%; animation: sfp-boat 8s ease-in-out infinite; }
.scn-french-pass .eddy-a { position:absolute; bottom:20%; left:45%; width:20px; height:20px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%); animation: sfp-eddy 4s ease-in-out infinite; }
.scn-french-pass .eddy-b { position:absolute; bottom:25%; left:55%; width:16px; height:16px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%); animation: sfp-eddy 4s ease-in-out infinite 2s; }
@keyframes sfp-sky { 0%{opacity:0.7} 50%{opacity:1} 100%{opacity:0.8} }
@keyframes sfp-water { 0%{transform:translateY(0)} 25%{transform:translateY(-2px)} 50%{transform:translateY(1px)} 75%{transform:translateY(-1px)} 100%{transform:translateY(0)} }
@keyframes sfp-boat { 0%{transform:translateX(0) rotate(-2deg)} 25%{transform:translateX(15px) rotate(2deg)} 50%{transform:translateX(30px) rotate(-1deg)} 75%{transform:translateX(45px) rotate(3deg)} 100%{transform:translateX(60px) rotate(0)} }
@keyframes sfp-eddy { 0%{transform:scale(1) rotate(0deg)} 25%{transform:scale(1.2) rotate(90deg)} 50%{transform:scale(1) rotate(180deg)} 75%{transform:scale(1.1) rotate(270deg)} 100%{transform:scale(1) rotate(360deg)} }

/* adam-benefactor – funny bright interior, labor theme */
.scn-adam-benefactor { background: 
  linear-gradient(180deg, #f5e6ca 0%, #e8d5a3 100%),
  radial-gradient(circle at 30% 20%, #fff8dc 0%, transparent 60%);
}
.scn-adam-benefactor .wall { position:absolute; inset:0; background:linear-gradient(135deg, #d4c5a0 0%, #b8a67a 100%); }
.scn-adam-benefactor .window { position:absolute; top:10%; left:30%; width:40%; height:35%; background:linear-gradient(135deg, #b4d6e0 0%, #e0f0f8 100%); border-radius:8% 8% 0 0; box-shadow:inset 0 0 20px rgba(255,255,255,0.5); }
.scn-adam-benefactor .sunrays { position:absolute; top:10%; left:30%; width:40%; height:35%; background:repeating-linear-gradient(45deg, rgba(255, 255, 200, 0.4) 0px, rgba(255, 255, 200, 0.4) 6px, transparent 6px, transparent 20px); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); animation: sab-rays 12s linear infinite; }
.scn-adam-benefactor .desk { position:absolute; bottom:10%; left:20%; width:60%; height:18%; background:linear-gradient(180deg, #8a7050 0%, #5a4020 100%); border-radius:6% 6% 2% 2%; box-shadow:0 6px 12px rgba(0,0,0,0.3); }
.scn-adam-benefactor .figure-sleep { position:absolute; bottom:12%; left:40%; width:40px; height:30px; background:linear-gradient(180deg, #4a3540 0%, #2a1a25 100%); border-radius:50% 50% 30% 30% / 60% 60% 30% 30%; transform:rotate(-15deg); animation: sab-sleep 4s ease-in-out infinite; }
.scn-adam-benefactor .apple { position:absolute; bottom:14%; right:30%; width:14px; height:14px; background:radial-gradient(circle at 40% 35%, #b84030 0%, #802818 100%); border-radius:50%; box-shadow:0 3px 6px rgba(0,0,0,0.3); animation: sab-apple 3s ease-in-out infinite; }
@keyframes sab-rays { 0%{opacity:0.6} 50%{opacity:1} 100%{opacity:0.6} }
@keyframes sab-sleep { 0%{transform:rotate(-15deg) translateY(0)} 25%{transform:rotate(-10deg) translateY(-2px)} 50%{transform:rotate(-20deg) translateY(1px)} 75%{transform:rotate(-12deg) translateY(-1px)} 100%{transform:rotate(-15deg) translateY(0)} }
@keyframes sab-apple { 0%{transform:translateY(0) rotate(0)} 25%{transform:translateY(-3px) rotate(-10deg)} 50%{transform:translateY(0) rotate(5deg)} 75%{transform:translateY(-2px) rotate(-5deg)} 100%{transform:translateY(0) rotate(0)} }

/* nelson-garden – warm sunlit garden */
.scn-nelson-garden { background: 
  linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #90ee90 70%, #7ccd7c 100%),
  radial-gradient(ellipse at 50% 0%, #fff4a0 0%, transparent 70%);
}
.scn-nelson-garden .sky-bright { position:absolute; inset:0 0 40% 0; background:linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%); animation: sng-sky 15s ease-in-out infinite alternate; }
.scn-nelson-garden .sun { position:absolute; top:8%; left:70%; width:50px; height:50px; border-radius:50%; background:radial-gradient(circle, #fff4a0 0%, #ffd060 40%, transparent 80%); box-shadow:0 0 40px 20px rgba(255,200,80,0.4); animation: sng-sun 20s ease-in-out infinite; }
.scn-nelson-garden .hills-green { position:absolute; bottom:30%; left:0; right:0; height:30%; background:linear-gradient(180deg, #3cb371 0%, #2e8b57 100%); border-radius:40% 50% 0 0 / 60% 70% 0 0; }
.scn-nelson-garden .tree-row { position:absolute; bottom:35%; left:10%; width:15%; height:30%; background:linear-gradient(180deg, #228b22 0%, #006400 100%); border-radius:40% 40% 20% 20% / 60% 60% 20% 20%; box-shadow:inset -8px 0 12px rgba(0,0,0,0.2); transform:scale(0.95); }
.scn-nelson-garden .flowers { position:absolute; bottom:22%; left:50%; width:20%; height:10%; background:radial-gradient(circle at 30% 50%, #ff69b4 30%, transparent 30%), radial-gradient(circle at 70% 30%, #ffa500 30%, transparent 30%), linear-gradient(180deg, #90ee90 0%, transparent 100%); animation: sng-flowers 6s ease-in-out infinite; }
.scn-nelson-garden .butterfly { position:absolute; top:50%; left:40%; width:12px; height:8px; background:linear-gradient(135deg, #ffa500 0%, #ff4500 100%); border-radius:50% 50% 0 0; clip-path:polygon(0 0, 100% 0, 80% 100%, 20% 100%); animation: sng-butterfly 7s ease-in-out infinite; }
.scn-nelson-garden .path { position:absolute; bottom:10%; left:30%; width:40%; height:5%; background:linear-gradient(180deg, #d2b48c 0%, #a08060 100%); border-radius:30% 30% 0 0; transform:perspective(100px) rotateX(60deg); }
@keyframes sng-sky { 0%{opacity:0.6} 50%{opacity:1} 100%{opacity:0.75} }
@keyframes sng-sun { 0%{transform:translateY(0) scale(1)} 25%{transform:translateY(-3px) scale(1.05)} 50%{transform:translateY(0) scale(1)} 75%{transform:translateY(2px) scale(0.95)} 100%{transform:translateY(0) scale(1)} }
@keyframes sng-flowers { 0%{transform:skewX(0deg)} 25%{transform:skewX(5deg)} 50%{transform:skewX(-3deg)} 75%{transform:skewX(4deg)} 100%{transform:skewX(0deg)} }
@keyframes sng-butterfly { 0%{transform:translate(0,0) rotate(0deg)} 25%{transform:translate(15px,-10px) rotate(20deg)} 50%{transform:translate(30px,0) rotate(-10deg)} 75%{transform:translate(15px,10px) rotate(15deg)} 100%{transform:translate(0,0) rotate(0deg)} }

/* burgess-confession – dark interior with bright lamp, confession theme */
.scn-burgess-confession { background: 
  linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%),
  radial-gradient(ellipse at 60% 40%, #3a4a6a 0%, transparent 70%);
}
.scn-burgess-confession .dark-wall { position:absolute; inset:0; background:linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 100%); }
.scn-burgess-confession .desk-dark { position:absolute; bottom:8%; left:15%; width:70%; height:20%; background:linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:4%; box-shadow:0 8px 16px rgba(0,0,0,0.7); }
.scn-burgess-confession .lamp { position:absolute; top:45%; left:30%; width:40px; height:50px; background:linear-gradient(180deg, #b08040 0%, #806020 100%); border-radius:50% 50% 10% 10% / 60% 60% 10% 10%; box-shadow:0 0 30px 10px #ffd060, 0 0 60px 20px rgba(255,200,80,0.3); animation: sbc-lamp 3s ease-in-out infinite; }
.scn-burgess-confession .paper { position:absolute; bottom:12%; left:35%; width:50%; height:10%; background:linear-gradient(135deg, #e0d5c0 0%, #c0b090 100%); border-radius:2%; transform:rotate(-3deg); box-shadow:2px 2px 6px rgba(0,0,0,0.5); }
.scn-burgess-confession .hand { position:absolute; bottom:14%; left:50%; width:30px; height:24px; background:linear-gradient(180deg, #b8a090 0%, #8a7060 100%); border-radius:40% 40% 20% 20% / 50% 50% 30% 30%; transform:rotate(20deg); animation: sbc-hand 6s ease-in-out infinite; }
.scn-burgess-confession .inkwell { position:absolute; bottom:11%; left:45%; width:16px; height:20px; background:linear-gradient(180deg, #4a3a2a 0%, #1a0a00 100%); border-radius:50% 50% 30% 30% / 60% 60% 30% 30%; box-shadow:inset 0 -4px 6px rgba(0,0,0,0.5); }
@keyframes sbc-lamp { 0%{box-shadow:0 0 20px 8px #ffd060, 0 0 40px 15px rgba(255,200,80,0.2); opacity:0.8} 50%{box-shadow:0 0 30px 12px #ffb347, 0 0 60px 25px rgba(255,180,70,0.4); opacity:1} 100%{box-shadow:0 0 20px 8px #ffd060, 0 0 40px 15px rgba(255,200,80,0.2); opacity:0.85} }
@keyframes sbc-hand { 0%{transform:rotate(20deg) translateY(0)} 25%{transform:rotate(15deg) translateY(-3px)} 50%{transform:rotate(22deg) translateY(1px)} 75%{transform:rotate(18deg) translateY(-2px)} 100%{transform:rotate(20deg) translateY(0)} }

.scn-ladies-astride { background: linear-gradient(180deg, #f6a63c 0%, #e87a2a 30%, #d98f3f 100%), radial-gradient(ellipse at 50% 100%, #e87a2a 0%, transparent 80%); }
.scn-ladies-astride .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #ffd27f 0%, #f09e4a 40%, #d97a2a 100%); animation: la-sky 14s ease-in-out infinite alternate; }
.scn-ladies-astride .sea { position:absolute; bottom:20%; left:0; right:0; height:30%; background: linear-gradient(180deg, #4aa0c4 0%, #3a80a8 50%, #2a6080 100%); animation: la-sea 8s ease-in-out infinite; }
.scn-ladies-astride .shore { position:absolute; bottom:22%; left:0; right:0; height:12%; background: linear-gradient(180deg, #e4c891 0%, #c4a870 100%); border-radius: 0 0 20% 20%; }
.scn-ladies-astride .horse-left { position:absolute; bottom:25%; left:30%; width:50px; height:35px; background: linear-gradient(180deg, #8a6040 0%, #5a3a20 100%); border-radius: 50% 50% 0 0; transform-origin: bottom center; animation: la-horse 3s ease-in-out infinite; }
.scn-ladies-astride .horse-right { position:absolute; bottom:25%; left:55%; width:50px; height:35px; background: linear-gradient(180deg, #7a5030 0%, #4a2a10 100%); border-radius: 50% 50% 0 0; transform-origin: bottom center; animation: la-horse 3.2s ease-in-out infinite reverse; }
.scn-ladies-astride .cloud-a { position:absolute; top:12%; left:5%; width:90px; height:22px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,200,150,.2) 100%); border-radius:50%; filter: blur(8px); animation: la-drift-a 30s linear infinite; }
.scn-ladies-astride .cloud-b { position:absolute; top:18%; right:10%; width:70px; height:16px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,200,150,.15) 100%); border-radius:50%; filter: blur(6px); animation: la-drift-b 45s linear infinite; }
@keyframes la-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes la-sea { 0% { background-position-y:0 } 50% { background-position-y:-5px } 100% { background-position-y:0 } }
@keyframes la-horse { 0%,100% { transform: translateY(0) rotate(-1deg) } 50% { transform: translateY(-4px) rotate(1deg) } }
@keyframes la-drift-a { 0% { transform: translateX(-20px) } 100% { transform: translateX(120vw) } }
@keyframes la-drift-b { 0% { transform: translateX(0) } 100% { transform: translateX(-120vw) } }

.scn-modern-luxuries { background: linear-gradient(180deg, #faf0e0 0%, #ede0c0 40%, #d8c8a0 100%), radial-gradient(ellipse at 50% 0%, #fff8f0 0%, transparent 70%); }
.scn-modern-luxuries .wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #fff4e4 0%, #eadcc4 100%); }
.scn-modern-luxuries .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #b08a5a 0%, #8a6a3a 100%); border-radius: 0 0 10% 10%; }
.scn-modern-luxuries .window { position:absolute; top:8%; right:12%; width:30%; height:40%; background: linear-gradient(180deg, #b8d4e8 0%, #8ab4d4 100%); border-radius: 8% 8% 20% 20%; box-shadow: inset 0 0 30px rgba(255,255,255,.3); animation: ml-window 6s ease-in-out infinite; }
.scn-modern-luxuries .rug { position:absolute; bottom:12%; left:10%; width:80%; height:20%; background: linear-gradient(90deg, #c8a070 0%, #d4b080 25%, #c09060 50%, #d4b080 75%, #c8a070 100%); border-radius: 30% 70% 30% 70% / 50% 50% 50% 50%; animation: ml-rug 12s ease-in-out infinite; }
.scn-modern-luxuries .table { position:absolute; bottom:18%; left:20%; width:100px; height:60px; background: linear-gradient(180deg, #a08050 0%, #806030 100%); border-radius: 12% 12% 8% 8%; transform-origin: bottom center; animation: ml-table 8s ease-in-out infinite; }
.scn-modern-luxuries .lamp { position:absolute; bottom:45%; left:70%; width:20px; height:40px; background: radial-gradient(circle at 50% 20%, #ffeca0 0%, #d0b060 70%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 10px rgba(240,200,80,.4); animation: ml-lamp 3s ease-in-out infinite alternate; }
.scn-modern-luxuries .wheel { position:absolute; bottom:8%; left:65%; width:40px; height:40px; background: radial-gradient(circle, #806030 30%, transparent 30%), radial-gradient(circle, #a08050 0%, #604020 100%); border-radius:50%; animation: ml-wheel 4s linear infinite; }
@keyframes ml-window { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes ml-rug { 0% { background-position-x:0 } 50% { background-position-x:-20px } 100% { background-position-x:0 } }
@keyframes ml-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes ml-lamp { 0% { box-shadow: 0 0 20px 5px rgba(240,200,80,.3); } 100% { box-shadow: 0 0 40px 15px rgba(240,200,80,.7); } }
@keyframes ml-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }

.scn-father-damien { background: linear-gradient(180deg, #eeeedd 0%, #ccccbb 30%, #999988 100%), radial-gradient(ellipse at 50% 80%, #bbbaa8 0%, transparent 70%); }
.scn-father-damien .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #faf6e8 0%, #ddd8c0 60%, #bfb8a0 100%); animation: fd-sky 10s ease-in-out infinite alternate; }
.scn-father-damien .sea { position:absolute; bottom:25%; left:0; right:0; height:25%; background: linear-gradient(180deg, #6a7a6a 0%, #4a5a4a 100%); border-radius: 40% 60% 0 0; animation: fd-sea 15s ease-in-out infinite; }
.scn-father-damien .shore { position:absolute; bottom:28%; left:0; right:0; height:8%; background: linear-gradient(180deg, #555544 0%, #333322 100%); border-radius: 0 0 50% 50%; }
.scn-father-damien .cross-v { position:absolute; bottom:30%; left:50%; width:8px; height:70px; transform: translateX(-50%); background: linear-gradient(180deg, #222211 0%, #111100 100%); border-radius: 4px; animation: fd-cross 20s ease-in-out infinite; }
.scn-father-damien .cross-h { position:absolute; bottom:55%; left:50%; width:40px; height:8px; transform: translateX(-50%); background: linear-gradient(90deg, #222211 0%, #111100 100%); border-radius: 4px; animation: fd-cross 20s ease-in-out infinite; }
.scn-father-damien .figure { position:absolute; bottom:22%; left:42%; width:20px; height:40px; background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fd-figure 6s ease-in-out infinite; }
.scn-father-damien .cloud { position:absolute; top:12%; left:20%; width:80px; height:16px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(200,200,180,.2) 100%); border-radius:50%; filter: blur(6px); animation: fd-cloud 40s linear infinite; }
@keyframes fd-sky { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes fd-sea { 0% { transform: translateY(0) } 50% { transform: translateY(-6px) } 100% { transform: translateY(0) } }
@keyframes fd-cross { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) translateY(-2px) } }
@keyframes fd-figure { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-3px) rotate(1deg) } 50% { transform: translateY(-1px) rotate(-1deg) } 75% { transform: translateY(-4px) rotate(2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes fd-cloud { 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }

.scn-incipient-leper { background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #3a3a4a 100%), radial-gradient(ellipse at 50% 30%, #3a3a4a 0%, transparent 80%); }
.scn-incipient-leper .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); }
.scn-incipient-leper .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); }
.scn-incipient-leper .window { position:absolute; top:10%; left:12%; width:25%; height:35%; background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%); border-radius: 10% 10% 30% 30%; box-shadow: inset 0 0 20px rgba(0,0,0,.5); animation: il-window 12s ease-in-out infinite; }
.scn-incipient-leper .bed { position:absolute; bottom:15%; left:15%; width:70%; height:18%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 20% 20% 10% 10%; }
.scn-incipient-leper .figure { position:absolute; bottom:22%; left:25%; width:18px; height:45px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: il-figure 5s ease-in-out infinite; }
.scn-incipient-leper .candle { position:absolute; bottom:42%; left:55%; width:10px; height:30px; background: linear-gradient(180deg, #d0a040 0%, #a07020 100%); border-radius: 40% 40% 20% 20%; box-shadow: 0 0 40px 15px rgba(240,180,60,.3), 0 0 80px 30px rgba(240,180,60,.1); animation: il-candle 3s ease-in-out infinite alternate; }
.scn-incipient-leper .cradle { position:absolute; bottom:12%; left:60%; width:40px; height:25px; background: linear-gradient(180deg, #6a5040 0%, #4a3020 100%); border-radius: 40% 40% 20% 20%; transform-origin: bottom center; animation: il-cradle 4s ease-in-out infinite; }
@keyframes il-window { 0% { opacity:.5 } 50% { opacity:.8 } 100% { opacity:.6 } }
@keyframes il-figure { 0%,100% { transform: translateY(0) rotate(1deg) } 50% { transform: translateY(-5px) rotate(-1deg) } }
@keyframes il-candle { 0% { box-shadow: 0 0 30px 10px rgba(240,180,60,.2); } 100% { box-shadow: 0 0 50px 20px rgba(240,180,60,.5); } }
@keyframes il-cradle { 0%,100% { transform: rotate(0) } 50% { transform: rotate(-5deg) } }

/* tiger-station - sunny jungle station, funny tiger prowl */
.scn-tiger-station {
  background: linear-gradient(180deg, #4f9bc7 0%, #87ceeb 40%, #b8e4a0 70%), radial-gradient(ellipse at 70% 30%, #f0e68c 0%, transparent 60%);
}
.scn-tiger-station .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #e0f0ff 0%, #b0d4f0 100%); animation: ts-sky 12s ease-in-out infinite alternate; }
.scn-tiger-station .jungle { position:absolute; bottom:25%; left:0; right:0; height:30%; background: linear-gradient(135deg, #2e5e2e 0%, #4a8a4a 30%, #3a7a3a 100%); border-radius: 30% 70% 0 0 / 60% 80% 0 0; box-shadow: inset 0 -12px 20px rgba(0,0,0,.3); animation: ts-jungle 20s ease-in-out infinite; }
.scn-tiger-station .track { position:absolute; bottom:20%; left:0; right:0; height:6%; background: repeating-linear-gradient(90deg, #8a6a3a 0px, #8a6a3a 8px, #c0a070 8px, #c0a070 16px); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: ts-track 10s linear infinite; }
.scn-tiger-station .station { position:absolute; bottom:28%; left:30%; width:50px; height:40px; background: linear-gradient(180deg, #d4b48c 0%, #a0795a 100%); border-radius: 4% 4% 8% 8%; box-shadow: 0 4px 8px rgba(0,0,0,.5); transform: scale(1.2); animation: ts-station 8s ease-in-out infinite; }
.scn-tiger-station .tiger { position:absolute; bottom:22%; left:60%; width:35px; height:20px; background: linear-gradient(90deg, #e89a1a 0%, #f0b040 50%, #c87810 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 0 0 2px #8a5a0a; transform: rotate(5deg); animation: ts-tiger 6s ease-in-out infinite; }
.scn-tiger-station .telegraph { position:absolute; bottom:35%; left:55%; width:4px; height:30px; background: #5a4a3a; border-radius: 2px; box-shadow: -12px 0 #5a4a3a, -12px -10px 0 2px #777, 0 -10px 0 2px #777; animation: ts-telegraph 10s ease-in-out infinite alternate; }
.scn-tiger-station .cloud1 { position:absolute; top:8%; left:10%; width:80px; height:18px; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%); border-radius: 50%; filter: blur(5px); animation: ts-cloud1 40s linear infinite; }
.scn-tiger-station .cloud2 { position:absolute; top:16%; right:15%; width:70px; height:14px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 100%); border-radius: 50%; filter: blur(4px); animation: ts-cloud2 55s linear infinite reverse; }
@keyframes ts-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes ts-jungle { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-5px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes ts-track { 0% { background-position: 0 0 } 100% { background-position: 40px 0 } }
@keyframes ts-station { 0%,100% { transform: translateY(0) scale(1.2) } 50% { transform: translateY(-3px) scale(1.22) } }
@keyframes ts-tiger { 0% { transform: translateX(0) rotate(5deg) } 25% { transform: translateX(8px) rotate(-5deg) } 50% { transform: translateX(16px) rotate(5deg) } 75% { transform: translateX(8px) rotate(-3deg) } 100% { transform: translateX(0) rotate(5deg) } }
@keyframes ts-telegraph { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } }
@keyframes ts-cloud1 { 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }
@keyframes ts-cloud2 { 0% { transform: translateX(0) } 100% { transform: translateX(-100vw) } }

/* crooked-road - winding road under cliffs, wedding procession */
.scn-crooked-road {
  background: linear-gradient(180deg, #7ec8e3 0%, #b0d4e8 40%, #d2b48c 80%), radial-gradient(ellipse at 50% 20%, #fff7e0 0%, transparent 60%);
}
.scn-crooked-road .sky { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #ffeedd 0%, #87ceeb 100%); animation: cr-sky 15s ease-in-out infinite alternate; }
.scn-crooked-road .cliffs { position:absolute; bottom:20%; left:0; right:0; height:40%; background: linear-gradient(160deg, #a08060 0%, #c0a880 30%, #806040 100%); border-radius: 60% 40% 0 0 / 70% 50% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); animation: cr-cliffs 30s ease-in-out infinite; }
.scn-crooked-road .road { position:absolute; bottom:12%; left:10%; width:80%; height:8%; background: linear-gradient(90deg, #b8a080 0%, #d0b890 50%, #a08868 100%); border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.3); transform: skewX(-5deg); animation: cr-road 12s ease-in-out infinite alternate; }
.scn-crooked-road .sun { position:absolute; top:8%; right:20%; width:30px; height:30px; background: radial-gradient(circle, #fff7c0 0%, #ffd060 70%); border-radius: 50%; box-shadow: 0 0 40px 12px #ffd060, 0 0 80px 24px rgba(255,208,96,.3); animation: cr-sun 8s ease-in-out infinite; }
.scn-crooked-road .palanquin { position:absolute; bottom:14%; left:40%; width:24px; height:18px; background: linear-gradient(180deg, #d45040 0%, #b03020 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 2px 6px rgba(0,0,0,.5); transform: rotate(-3deg); animation: cr-palanquin 6s ease-in-out infinite; }
.scn-crooked-road .figure-1 { position:absolute; bottom:10%; left:36%; width:10px; height:22px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: cr-figure1 4s ease-in-out infinite; }
.scn-crooked-road .figure-2 { position:absolute; bottom:10%; left:46%; width:10px; height:22px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: cr-figure2 4.5s ease-in-out infinite -0.5s; }
.scn-crooked-road .shadow { position:absolute; bottom:5%; left:30%; width:50%; height:2%; background: rgba(0,0,0,.15); border-radius: 50%; filter: blur(3px); animation: cr-shadow 10s ease-in-out infinite; }
@keyframes cr-sky { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes cr-cliffs { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-6px) scale(1.01) } 100% { transform: translateY(0) scale(1) } }
@keyframes cr-road { 0% { transform: skewX(-5deg) translateX(0) } 50% { transform: skewX(-3deg) translateX(4px) } 100% { transform: skewX(-5deg) translateX(0) } }
@keyframes cr-sun { 0% { box-shadow: 0 0 40px 12px #ffd060, 0 0 80px 24px rgba(255,208,96,.3); } 50% { box-shadow: 0 0 60px 20px #ffe080, 0 0 100px 30px rgba(255,224,128,.4); } 100% { box-shadow: 0 0 40px 12px #ffd060, 0 0 80px 24px rgba(255,208,96,.3); } }
@keyframes cr-palanquin { 0%,100% { transform: translateY(0) rotate(-3deg) } 50% { transform: translateY(-3px) rotate(0deg) } }
@keyframes cr-figure1 { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(2px) rotate(2deg) } 50% { transform: translateX(4px) rotate(-1deg) } 75% { transform: translateX(2px) rotate(1deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes cr-figure2 { 0% { transform: translateX(0) rotate(2deg) } 25% { transform: translateX(-2px) rotate(-2deg) } 50% { transform: translateX(-4px) rotate(1deg) } 75% { transform: translateX(-2px) rotate(-1deg) } 100% { transform: translateX(0) rotate(2deg) } }
@keyframes cr-shadow { 0% { opacity:.15; transform: scaleX(1) } 50% { opacity:.25; transform: scaleX(1.2) } 100% { opacity:.15; transform: scaleX(1) } }

/* ghurkas-seen - mountain village, Ghurkas and women, misty */
.scn-ghurkas-seen {
  background: linear-gradient(180deg, #5a8a9a 0%, #8cb0c0 30%, #c8d8b0 70%), radial-gradient(ellipse at 40% 10%, #ffe8c0 0%, transparent 60%);
}
.scn-ghurkas-seen .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #b8d0e0 0%, #e0f0ff 100%); animation: gk-sky 18s ease-in-out infinite alternate; }
.scn-ghurkas-seen .mountains { position:absolute; bottom:20%; left:0; right:0; height:50%; background: linear-gradient(180deg, #6a8a6a 0%, #4a6a4a 50%, #3a5a3a 100%); border-radius: 20% 80% 0 0 / 50% 70% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.3); animation: gk-mountains 25s ease-in-out infinite; }
.scn-ghurkas-seen .village { position:absolute; bottom:30%; left:20%; width:50px; height:30px; background: linear-gradient(180deg, #b09070 0%, #8a7050 100%); border-radius: 20% 20% 5% 5%; box-shadow: 0 3px 6px rgba(0,0,0,.4); animation: gk-village 10s ease-in-out infinite; }
.scn-ghurkas-seen .ghurka { position:absolute; bottom:22%; left:45%; width:16px; height:30px; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: gk-ghurka 5s ease-in-out infinite; }
.scn-ghurkas-seen .woman-basket { position:absolute; bottom:20%; left:55%; width:14px; height:36px; background: linear-gradient(180deg, #4a2a1a 0%, #2a0a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: gk-woman 6s ease-in-out infinite -1s; }
.scn-ghurkas-seen .mist { position:absolute; bottom:25%; left:0; right:0; height:20%; background: linear-gradient(180deg, rgba(200,220,240,.3) 0%, rgba(180,200,220,.1) 100%); filter: blur(12px); animation: gk-mist 35s ease-in-out infinite alternate; }
.scn-ghurkas-seen .sun-rays { position:absolute; top:5%; left:30%; width:8px; height:80px; background: linear-gradient(180deg, rgba(255,240,200,.5) 0%, transparent 100%); transform: rotate(25deg); animation: gk-rays 12s ease-in-out infinite; }
@keyframes gk-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.75 } }
@keyframes gk-mountains { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-4px) scale(1.01) } 100% { transform: translateY(0) scale(1) } }
@keyframes gk-village { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes gk-ghurka { 0% { transform: translateX(0) rotate(-3deg) } 25% { transform: translateX(4px) rotate(3deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(4px) rotate(2deg) } 100% { transform: translateX(0) rotate(-3deg) } }
@keyframes gk-woman { 0% { transform: translateX(0) rotate(2deg) } 25% { transform: translateX(-3px) rotate(-2deg) } 50% { transform: translateX(-6px) rotate(1deg) } 75% { transform: translateX(-3px) rotate(-1deg) } 100% { transform: translateX(0) rotate(2deg) } }
@keyframes gk-mist { 0% { opacity:.2; transform: translateX(-10px) } 50% { opacity:.5; transform: translateX(10px) } 100% { opacity:.2; transform: translateX(-10px) } }
@keyframes gk-rays { 0% { opacity:.3 } 50% { opacity:.6 } 100% { opacity:.3 } }

/* darjeeling-club - warm interior club, view of three countries */
.scn-darjeeling-club {
  background: linear-gradient(180deg, #4a3a2a 0%, #6a5a4a 30%, #8a7a5a 70%), radial-gradient(ellipse at 50% 80%, #c0a070 0%, transparent 60%);
}
.scn-darjeeling-club .wall { position:absolute; inset:0; background: linear-gradient(135deg, #6a5a3a 0%, #8a7a5a 50%, #5a4a2a 100%); border-radius: 8px; box-shadow: inset 0 0 30px rgba(0,0,0,.4); }
.scn-darjeeling-club .window { position:absolute; top:10%; left:15%; width:40%; height:60%; background: linear-gradient(180deg, #4a6a8a 0%, #7a9aba 100%); border: 4px solid #5a4a2a; border-radius: 6% 6% 4% 4%; box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.3); overflow: hidden; }
.scn-darjeeling-club .view { position:absolute; top:10%; left:15%; width:40%; height:60%; background: linear-gradient(180deg, #6a8a9a 0%, #9aba8a 100%); clip-path: inset(0); animation: dc-view 20s ease-in-out infinite alternate; }
.scn-darjeeling-club .lamp { position:absolute; top:8%; right:10%; width:20px; height:30px; background: radial-gradient(circle, #ffd080 0%, #c08040 60%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 40px 15px #ffd080, 0 0 80px 30px rgba(255,208,128,.3); animation: dc-lamp 5s ease-in-out infinite alternate; }
.scn-darjeeling-club .chair { position:absolute; bottom:10%; left:25%; width:30px; height:40px; background: linear-gradient(180deg, #8a3a1a 0%, #5a1a0a 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,.5); transform: rotate(2deg); animation: dc-chair 8s ease-in-out infinite; }
.scn-darjeeling-club .table { position:absolute; bottom:8%; right:20%; width:24px; height:16px; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 3px 6px rgba(0,0,0,.4); animation: dc-table 12s ease-in-out infinite; }
.scn-darjeeling-club .curtain { position:absolute; top:10%; left:12%; width:10px; height:62%; background: linear-gradient(180deg, #a08050 0%, #6a5030 100%); border-radius: 10% 10% 0 0; transform: skewY(3deg); animation: dc-curtain 14s ease-in-out infinite alternate; }
@keyframes dc-view { 0% { transform: scale(1) translateY(0) } 50% { transform: scale(1.05) translateY(-5px) } 100% { transform: scale(1) translateY(0) } }
@keyframes dc-lamp { 0% { box-shadow: 0 0 40px 15px #ffd080, 0 0 80px 30px rgba(255,208,128,.3); opacity:.9 } 50% { box-shadow: 0 0 50px 20px #ffe0a0, 0 0 100px 40px rgba(255,224,160,.4); opacity:1 } 100% { box-shadow: 0 0 40px 15px #ffd080, 0 0 80px 30px rgba(255,208,128,.3); opacity:.9 } }
@keyframes dc-chair { 0%,100% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-2px) rotate(0deg) } }
@keyframes dc-table { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes dc-curtain { 0% { transform: skewY(3deg) translateX(0) } 50% { transform: skewY(2deg) translateX(2px) } 100% { transform: skewY(3deg) translateX(0) } }

/* thug-language – dark firelit interior, secret gathering */
.scn-thug-language {
  background: linear-gradient(180deg, #1a1210 0%, #2a1a14 30%, #1e0e08 80%, #0c0604 100%),
              radial-gradient(ellipse at 50% 20%, #3a2218 0%, transparent 60%);
}
.scn-thug-language .bg-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(135deg, #241610 0%, #1a0e0a 100%);
  box-shadow: inset 0 0 60px #0a0502;
}
.scn-thug-language .bg-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #1a0e08 0%, #0d0704 100%);
  border-radius: 0 0 30% 30%;
}
.scn-thug-language .fire-glow {
  position: absolute; bottom: 20%; left: 50%; width: 40%; height: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 60%, rgba(200,120,40,0.3) 0%, rgba(200,80,20,0.1) 50%, transparent 70%);
  animation: tl-glow-pulse 4s ease-in-out infinite alternate;
}
.scn-thug-language .fire-core {
  position: absolute; bottom: 22%; left: 50%; width: 30px; height: 50px;
  transform: translateX(-50%);
  background: linear-gradient(0deg, #c8553d 0%, #e08030 40%, #ffc060 70%, #ffe0a0 100%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 0 40px 20px rgba(200,80,20,0.6);
  animation: tl-fire 1.5s ease-in-out infinite alternate;
}
.scn-thug-language .figure-left {
  position: absolute; bottom: 30%; left: 20%; width: 40px; height: 70px;
  background: radial-gradient(ellipse 40px 70px at 50% 100%, transparent 0%, transparent 55%, #1a100c 55%, #0e0806 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tl-figure-sway 6s ease-in-out infinite;
  filter: drop-shadow(0 0 4px rgba(0,0,0,0.5));
}
.scn-thug-language .figure-right {
  position: absolute; bottom: 30%; right: 20%; width: 45px; height: 68px;
  background: radial-gradient(ellipse 45px 68px at 50% 100%, transparent 0%, transparent 55%, #1a100c 55%, #0e0806 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tl-figure-sway 8s ease-in-out infinite reverse;
  filter: drop-shadow(0 0 4px rgba(0,0,0,0.5));
}
.scn-thug-language .signs-abstract {
  position: absolute; bottom: 45%; left: 40%; width: 50px; height: 30px;
  background: linear-gradient(135deg, #3a2018 0%, transparent 50%);
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  opacity: 0.6;
  animation: tl-sign-wink 10s ease-in-out infinite;
}
.scn-thug-language .smoke-layer {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 40%, rgba(80,50,30,0.15) 0%, transparent 60%);
  filter: blur(8px);
  animation: tl-smoke 20s linear infinite alternate;
}
@keyframes tl-glow-pulse {
  0% { opacity: 0.6; transform: translateX(-50%) scale(0.95); }
  50% { opacity: 0.8; transform: translateX(-50%) scale(1.05); }
  100% { opacity: 0.7; transform: translateX(-50%) scale(1); }
}
@keyframes tl-fire {
  0% { height: 50px; transform: translateX(-50%) rotate(-2deg); }
  33% { height: 55px; transform: translateX(-50%) rotate(3deg); }
  66% { height: 48px; transform: translateX(-50%) rotate(-1deg); }
  100% { height: 52px; transform: translateX(-50%) rotate(2deg); }
}
@keyframes tl-figure-sway {
  0% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-4px) rotate(4deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes tl-sign-wink {
  0%, 90% { opacity: 0.4; }
  95% { opacity: 0.8; }
  100% { opacity: 0.4; }
}
@keyframes tl-smoke {
  0% { opacity: 0.1; }
  50% { opacity: 0.3; }
  100% { opacity: 0.15; }
}

/* sacred-emblems – altar with sword and cloth, focused light */
.scn-sacred-emblems {
  background: linear-gradient(180deg, #1a1015 0%, #26161c 30%, #1c0c10 60%, #0a0508 100%),
              radial-gradient(ellipse at 50% 70%, #3a1a20 0%, transparent 60%);
}
.scn-sacred-emblems .bg-sanctum {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a0e12 0%, #0d060a 100%);
}
.scn-sacred-emblems .altar-table {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 8%;
  background: linear-gradient(180deg, #3a2418 0%, #1a0e08 100%);
  border-radius: 4px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.7);
}
.scn-sacred-emblems .sword-blade {
  position: absolute; bottom: 25%; left: 50%; width: 6px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #a08060 0%, #e0c090 40%, #c0a070 100%);
  border-radius: 2px;
  box-shadow: 0 0 12px 4px rgba(200,170,120,0.3);
  animation: se-sword-gleam 6s ease-in-out infinite;
}
.scn-sacred-emblems .cloth-drape {
  position: absolute; bottom: 24%; left: 42%; width: 30px; height: 40px;
  background: linear-gradient(135deg, #5e3a2a 0%, #3a1e14 50%, #2a120c 100%);
  border-radius: 0 0 40% 40%;
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0% 100%);
  animation: se-cloth-sway 8s ease-in-out infinite;
}
.scn-sacred-emblems .chaur-figure {
  position: absolute; bottom: 20%; left: 35%; width: 50px; height: 80px;
  background: radial-gradient(ellipse 50px 80px at 50% 100%, transparent 0%, transparent 55%, #1c1210 55%, #0a0604 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: se-figure-bow 12s ease-in-out infinite;
}
.scn-sacred-emblems .vessel {
  position: absolute; bottom: 22%; left: 55%; width: 20px; height: 18px;
  background: linear-gradient(180deg, #704838 0%, #4a2a1c 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.scn-sacred-emblems .halo-glow {
  position: absolute; bottom: 30%; left: 50%; width: 100px; height: 100px;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse, rgba(200,150,80,0.15) 0%, transparent 70%);
  animation: se-halo 5s ease-in-out infinite alternate;
}
@keyframes se-sword-gleam {
  0% { opacity: 0.8; box-shadow: 0 0 8px 2px rgba(200,170,120,0.2); }
  50% { opacity: 1; box-shadow: 0 0 20px 8px rgba(220,190,140,0.5); }
  100% { opacity: 0.7; box-shadow: 0 0 12px 4px rgba(200,170,120,0.3); }
}
@keyframes se-cloth-sway {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(4deg) translateY(-2px); }
  100% { transform: rotate(-2deg) translateY(0); }
}
@keyframes se-figure-bow {
  0% { transform: rotate(0deg) translateY(0); }
  33% { transform: rotate(6deg) translateY(-5px); }
  66% { transform: rotate(-4deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes se-halo {
  0% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.95); }
  100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.1); }
}

/* thug-methods – war room, crouched figures around table */
.scn-thug-methods {
  background: linear-gradient(180deg, #1a1410 0%, #241c16 30%, #1a100c 60%, #0e0804 100%),
              radial-gradient(ellipse at 50% 50%, #2a1e14 0%, transparent 50%);
}
.scn-thug-methods .bg-war-room {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1c1410 0%, #0e0a06 100%);
}
.scn-thug-methods .table-surface {
  position: absolute; bottom: 15%; left: 15%; right: 15%; height: 12%;
  background: linear-gradient(180deg, #3a281c 0%, #1e1008 100%);
  border-radius: 10px;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.8), 0 4px 20px rgba(0,0,0,0.6);
}
.scn-thug-methods .map-scroll {
  position: absolute; bottom: 22%; left: 25%; right: 25%; height: 14%;
  background: linear-gradient(135deg, #6a4a32 0%, #4a3424 50%, #2a1a10 100%);
  border-radius: 4px;
  transform: rotate(-3deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: tm-map-shift 30s ease-in-out infinite;
}
.scn-thug-methods .figure-crouch-a {
  position: absolute; bottom: 20%; left: 10%; width: 35px; height: 50px;
  background: radial-gradient(ellipse 35px 50px at 50% 100%, transparent 0%, transparent 50%, #1a1410 50%, #0e0a06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tm-crouch 5s ease-in-out infinite;
}
.scn-thug-methods .figure-crouch-b {
  position: absolute; bottom: 20%; right: 10%; width: 38px; height: 48px;
  background: radial-gradient(ellipse 38px 48px at 50% 100%, transparent 0%, transparent 50%, #1a1410 50%, #0e0a06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tm-crouch 7s ease-in-out infinite reverse;
}
.scn-thug-methods .dagger-shadow {
  position: absolute; bottom: 30%; left: 45%; width: 8px; height: 25px;
  background: linear-gradient(180deg, #a08060 0%, #704838 100%);
  border-radius: 2px;
  transform: rotate(20deg);
  animation: tm-dagger 4s ease-in-out infinite alternate;
}
.scn-thug-methods .ambush-symbol {
  position: absolute; bottom: 35%; left: 60%; width: 30px; height: 30px;
  background: radial-gradient(circle at 50% 50%, #5a3a2a 0%, transparent 60%);
  border-radius: 50%;
  opacity: 0.4;
  animation: tm-ambush-wink 8s ease-in-out infinite;
}
@keyframes tm-map-shift {
  0% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(-1deg) translateY(-2px); }
  100% { transform: rotate(-3deg) translateY(0); }
}
@keyframes tm-crouch {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(3deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes tm-dagger {
  0% { transform: rotate(20deg) scale(1); opacity: 0.6; }
  100% { transform: rotate(25deg) scale(1.1); opacity: 0.9; }
}
@keyframes tm-ambush-wink {
  0%, 80% { opacity: 0.3; }
  90% { opacity: 0.7; }
  100% { opacity: 0.3; }
}

/* tally-sheet – scribe's desk, candle, hand tallying */
.scn-tally-sheet {
  background: linear-gradient(180deg, #1a1412 0%, #261e1a 30%, #1a120e 60%, #0c0806 100%),
              radial-gradient(ellipse at 40% 20%, #3a2a1e 0%, transparent 50%);
}
.scn-tally-sheet .bg-chamber {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a120e 0%, #0e0806 100%);
}
.scn-tally-sheet .desk-plank {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 8%;
  background: linear-gradient(180deg, #4a3426 0%, #2a1a10 100%);
  border-radius: 2px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.7);
}
.scn-tally-sheet .scroll-paper {
  position: absolute; bottom: 16%; left: 30%; right: 30%; height: 20%;
  background: linear-gradient(180deg, #c8b080 0%, #a08860 50%, #806850 100%);
  border-radius: 2px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
  transform: rotate(2deg);
}
.scn-tally-sheet .hand-writing {
  position: absolute; bottom: 18%; left: 35%; width: 30px; height: 40px;
  background: radial-gradient(ellipse 30px 40px at 50% 100%, transparent 0%, transparent 50%, #1a1410 50%, #0e0806 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ts-hand 3s ease-in-out infinite;
}
.scn-tally-sheet .candle-flame {
  position: absolute; bottom: 30%; left: 55%; width: 12px; height: 20px;
  background: linear-gradient(0deg, #c8553d 0%, #e08030 40%, #ffc060 70%, #ffe0a0 100%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 0 20px 12px rgba(200,80,30,0.5);
  animation: ts-flame 1.2s ease-in-out infinite alternate;
}
.scn-tally-sheet .candle-body {
  position: absolute; bottom: 28%; left: 55%; width: 12px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #a08060 0%, #604830 100%);
  border-radius: 2px;
}
.scn-tally-sheet .inkpot {
  position: absolute; bottom: 18%; left: 58%; width: 14px; height: 16px;
  background: linear-gradient(180deg, #1a1410 0%, #0e0804 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.scn-tally-sheet .tally-marks {
  position: absolute; bottom: 24%; left: 38%; width: 40px; height: 40px;
  background: repeating-linear-gradient(0deg, #3a2818 0px, #3a2818 2px, transparent 2px, transparent 8px),
              repeating-linear-gradient(90deg, #3a2818 0px, #3a2818 2px, transparent 2px, transparent 20px);
  opacity: 0.5;
  animation: ts-tally 10s steps(2, start) infinite;
}
@keyframes ts-hand {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(5deg) translateY(-2px); }
  50% { transform: rotate(-3deg) translateY(0); }
  75% { transform: rotate(4deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes ts-flame {
  0% { height: 20px; transform: rotate(-3deg); }
  33% { height: 22px; transform: rotate(2deg); }
  66% { height: 19px; transform: rotate(-1deg); }
  100% { height: 21px; transform: rotate(3deg); }
}
@keyframes ts-tally {
  0% { opacity: 0.4; }
  50% { opacity: 0.6; }
  100% { opacity: 0.4; }
}

/* thug-tales */
.scn-thug-tales { background: linear-gradient(180deg, #0f0f1f 0%, #1e1a30 50%, #302540 100%), radial-gradient(ellipse at 60% 70%, #593c1a 0%, transparent 70%); }
.scn-thug-tales .bg    { position:absolute; inset:0; background: linear-gradient(180deg, #121222 0%, #1e1530 100%); animation: tgt-bg 16s ease-in-out infinite; }
.scn-thug-tales .desk   { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(0deg, #2a1f14 0%, #3a2f24 100%); border-radius:8% 8% 0 0; box-shadow: inset 0 12px 30px rgba(0,0,0,.6); }
.scn-thug-tales .lamp   { position:absolute; bottom:50%; left:20%; width:40px; height:60px; background: linear-gradient(180deg, #8c6a42 0%, #5a3e26 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 30px 10px #b87a3a, 0 0 60px 20px rgba(184,122,58,.4); animation: tgt-lamp 3s ease-in-out infinite alternate; }
.scn-thug-tales .report { position:absolute; bottom:35%; left:45%; width:120px; height:80px; background: linear-gradient(135deg, #4a3a2a 0%, #2f251a 50%, #3a2e22 100%); border-radius:2px; box-shadow: 0 4px 12px rgba(0,0,0,.5); animation: tgt-report 8s ease-in-out infinite; }
.scn-thug-tales .book   { position:absolute; bottom:30%; right:15%; width:60px; height:80px; background: linear-gradient(180deg, #3a2a20 0%, #251a14 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: tgt-book 10s ease-in-out infinite alternate; }
.scn-thug-tales .hand   { position:absolute; bottom:40%; left:48%; width:30px; height:60px; background: linear-gradient(180deg, #8a6a50 0%, #5a4230 100%); border-radius:50% 50% 40% 40% / 30% 30% 70% 70%; transform-origin: bottom center; animation: tgt-hand 4s ease-in-out infinite; }
@keyframes tgt-bg    { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.75 } }
@keyframes tgt-lamp  { 0% { box-shadow: 0 0 20px 6px #b87a3a, 0 0 40px 12px rgba(184,122,58,.3); opacity:.9 } 50% { box-shadow: 0 0 40px 14px #d48a3a, 0 0 80px 24px rgba(212,138,58,.5); opacity:1 } 100% { box-shadow: 0 0 24px 8px #b87a3a, 0 0 48px 16px rgba(184,122,58,.35); opacity:.85 } }
@keyframes tgt-report{ 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(.5deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes tgt-book  { 0% { transform: rotate(0deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-1deg) } }
@keyframes tgt-hand  { 0% { transform: translateX(0) translateY(0) rotate(-3deg) } 25% { transform: translateX(4px) translateY(-2px) rotate(0deg) } 50% { transform: translateX(8px) translateY(0) rotate(2deg) } 75% { transform: translateX(4px) translateY(-2px) rotate(0deg) } 100% { transform: translateX(0) translateY(0) rotate(-3deg) } }

/* sleeman-report */
.scn-sleeman-report { background: linear-gradient(180deg, #101020 0%, #1c1730 50%, #2c2240 100%), radial-gradient(ellipse at 40% 60%, #5a3a20 0%, transparent 70%); }
.scn-sleeman-report .bg    { position:absolute; inset:0; background: linear-gradient(180deg, #131028 0%, #1a1430 100%); animation: slm-bg 18s ease-in-out infinite; }
.scn-sleeman-report .desk   { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(0deg, #2a1f14 0%, #3a2f24 100%); border-radius:12% 12% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.5); }
.scn-sleeman-report .map    { position:absolute; bottom:30%; left:30%; width:160px; height:110px; background: linear-gradient(135deg, #5a4a3a 0%, #3a2e22 50%, #4a3e32 100%); border-radius:2px; box-shadow: 0 4px 12px rgba(0,0,0,.4); animation: slm-map 12s ease-in-out infinite; }
.scn-sleeman-report .lamp   { position:absolute; bottom:50%; left:15%; width:35px; height:55px; background: linear-gradient(180deg, #7a5a36 0%, #4a3220 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 25px 8px #a06a30, 0 0 50px 16px rgba(160,106,48,.4); animation: slm-lamp 2.5s ease-in-out infinite alternate; }
.scn-sleeman-report .silhouette { position:absolute; bottom:35%; left:60%; width:50px; height:90px; background: linear-gradient(180deg, #0a0a12 0%, #1a1420 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: slm-sil 6s ease-in-out infinite; }
.scn-sleeman-report .pen    { position:absolute; bottom:42%; left:55%; width:8px; height:40px; background: linear-gradient(180deg, #8a6a3a 0%, #4a3020 100%); border-radius:2px; transform-origin: top center; animation: slm-pen 4s ease-in-out infinite alternate; }
@keyframes slm-bg    { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.75 } }
@keyframes slm-lamp  { 0% { box-shadow: 0 0 18px 5px #a06a30, 0 0 36px 10px rgba(160,106,48,.3); opacity:.85 } 50% { box-shadow: 0 0 35px 12px #c08030, 0 0 70px 20px rgba(192,128,48,.5); opacity:1 } 100% { box-shadow: 0 0 20px 6px #a06a30, 0 0 40px 12px rgba(160,106,48,.35); opacity:.9 } }
@keyframes slm-map  { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes slm-sil  { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(1deg); } 75% { transform: translateY(-2px) rotate(0deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes slm-pen  { 0% { transform: rotate(-15deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(10deg); } }

/* feringhea-revealed */
.scn-feringhea-revealed { background: linear-gradient(180deg, #0a0a1a 0%, #141025 50%, #1a1430 100%), radial-gradient(ellipse at 50% 80%, #4a2a10 0%, transparent 70%); }
.scn-feringhea-revealed .bg    { position:absolute; inset:0; background: linear-gradient(180deg, #0e0c1e 0%, #16122a 100%); animation: frn-bg 20s ease-in-out infinite; }
.scn-feringhea-revealed .wall   { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #1a162e 0%, #0f0c1e 100%); border-bottom: 4px solid #2a1f10; }
.scn-feringhea-revealed .floor  { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(0deg, #1a140e 0%, #2a1f14 100%); border-radius: 30% 30% 0 0 / 20% 20% 0 0; }
.scn-feringhea-revealed .figure { position:absolute; bottom:25%; left:35%; width:60px; height:110px; background: linear-gradient(180deg, #0a0a12 0%, #141020 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: frn-fig 5s ease-in-out infinite; }
.scn-feringhea-revealed .lamp   { position:absolute; bottom:55%; right:25%; width:30px; height:50px; background: linear-gradient(180deg, #7a5a30 0%, #4a3220 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 20px 6px #a06030, 0 0 40px 12px rgba(160,96,48,.4); animation: frn-lamp 3s ease-in-out infinite alternate; }
.scn-feringhea-revealed .shadow { position:absolute; bottom:0; left:10%; width:100px; height:60px; background: radial-gradient(ellipse 50% 100%, rgba(0,0,0,.5) 0%, transparent 100%); animation: frn-shad 5s ease-in-out infinite; }
@keyframes frn-bg   { 0% { opacity:.75 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes frn-fig  { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(1deg); } 75% { transform: translateY(-2px) rotate(0deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes frn-lamp { 0% { box-shadow: 0 0 15px 4px #a06030, 0 0 30px 8px rgba(160,96,48,.3); opacity:.8 } 50% { box-shadow: 0 0 30px 10px #c08030, 0 0 60px 16px rgba(192,128,48,.5); opacity:1 } 100% { box-shadow: 0 0 18px 5px #a06030, 0 0 36px 10px rgba(160,96,48,.35); opacity:.85 } }
@keyframes frn-shad { 0% { transform: scaleX(1); opacity:.5 } 50% { transform: scaleX(1.1); opacity:.7 } 100% { transform: scaleX(1); opacity:.5 } }

/* india-convenient */
.scn-india-convenient { background: linear-gradient(180deg, #0c0c1e 0%, #141225 50%, #1c1830 100%), radial-gradient(ellipse at 50% 70%, #4a2a10 0%, transparent 60%); }
.scn-india-convenient .bg    { position:absolute; inset:0; background: linear-gradient(180deg, #0e0e1e 0%, #14122a 100%); animation: ind-bg 22s ease-in-out infinite; }
.scn-india-convenient .desk   { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(0deg, #2a1f14 0%, #3a2f24 100%); border-radius:15% 15% 0 0; box-shadow: inset 0 8px 24px rgba(0,0,0,.6); }
.scn-india-convenient .map    { position:absolute; bottom:25%; left:20%; width:180px; height:120px; background: linear-gradient(135deg, #4a3a28 0%, #2f251a 50%, #3a2e22 100%); border-radius:2px; box-shadow: 0 4px 12px rgba(0,0,0,.4); animation: ind-map 15s ease-in-out infinite; }
.scn-india-convenient .lamp   { position:absolute; bottom:50%; left:12%; width:30px; height:50px; background: linear-gradient(180deg, #7a5a30 0%, #4a3220 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 20px 6px #a06030, 0 0 40px 12px rgba(160,96,48,.4); animation: ind-lamp 2.8s ease-in-out infinite alternate; }
.scn-india-convenient .compass { position:absolute; bottom:40%; right:20%; width:25px; height:25px; background: radial-gradient(circle, #8a7a5a 0%, #4a3a28 70%); border-radius:50%; box-shadow: 0 2px 8px rgba(0,0,0,.5); animation: ind-comp 6s linear infinite; }
.scn-india-convenient .hand   { position:absolute; bottom:38%; left:40%; width:28px; height:55px; background: linear-gradient(180deg, #8a6a50 0%, #5a4230 100%); border-radius:50% 50% 40% 40% / 30% 30% 70% 70%; transform-origin: bottom left; animation: ind-hand 3.5s ease-in-out infinite; }
@keyframes ind-bg    { 0% { opacity:.75 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes ind-lamp  { 0% { box-shadow: 0 0 15px 4px #a06030, 0 0 30px 8px rgba(160,96,48,.3); opacity:.85 } 50% { box-shadow: 0 0 30px 10px #c08030, 0 0 60px 16px rgba(192,128,48,.5); opacity:1 } 100% { box-shadow: 0 0 18px 5px #a06030, 0 0 36px 10px rgba(160,96,48,.35); opacity:.9 } }
@keyframes ind-map  { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ind-comp { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
@keyframes ind-hand { 0% { transform: translateY(0) rotate(-5deg); } 25% { transform: translateY(-2px) rotate(0deg); } 50% { transform: translateY(0) rotate(3deg); } 75% { transform: translateY(-2px) rotate(0deg); } 100% { transform: translateY(0) rotate(-5deg); } }

/* Scene: prince-knighted */
.scn-prince-knighted {
  background: linear-gradient(180deg, #c8a050 0%, #8a6020 30%, #4a2a10 100%), radial-gradient(ellipse at 50% 0%, #e0c080 0%, transparent 70%);
}
.scn-prince-knighted .pk-hall {
  position: absolute; inset: 0; background: linear-gradient(90deg, #3a2a1a 0%, #6a4a2a 50%, #3a2a1a 100%); z-index: 0;
}
.scn-prince-knighted .pk-column-left {
  position: absolute; left: 5%; top: 0; bottom: 0; width: 8%; background: linear-gradient(90deg, #5a3a1a 0%, #8a6a3a 50%, #5a3a1a 100%); border-radius: 4px; box-shadow: 0 0 12px #2a1a0a; z-index: 1; animation: pk-sway 8s ease-in-out infinite alternate;
}
.scn-prince-knighted .pk-column-right {
  position: absolute; right: 5%; top: 0; bottom: 0; width: 8%; background: linear-gradient(90deg, #5a3a1a 0%, #8a6a3a 50%, #5a3a1a 100%); border-radius: 4px; box-shadow: 0 0 12px #2a1a0a; z-index: 1; animation: pk-sway 8s ease-in-out infinite alternate-reverse;
}
.scn-prince-knighted .pk-throne {
  position: absolute; bottom: 10%; left: 50%; width: 120px; height: 90px; transform: translateX(-50%); background: linear-gradient(135deg, #b88a3a 0%, #6a4a1a 100%); border-radius: 20% 20% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 8px 24px rgba(0,0,0,.6); z-index: 2; animation: pk-throne-glow 4s ease-in-out infinite alternate;
}
.scn-prince-knighted .pk-prince {
  position: absolute; bottom: 10%; left: 50%; width: 40px; height: 60px; transform: translateX(-50%); background: linear-gradient(180deg, #c89a5a 0%, #6a3a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; z-index: 3; animation: pk-prince-bow 6s ease-in-out infinite;
}
.scn-prince-knighted .pk-turban {
  position: absolute; bottom: 57%; left: 50%; width: 34px; height: 24px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 30%, #e0a060 0%, #b87030 60%, #6a3010 100%); border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0,.4); z-index: 4; animation: pk-turban-bob 6s ease-in-out infinite;
}
.scn-prince-knighted .pk-banner-left {
  position: absolute; left: 18%; top: 5%; width: 14px; height: 70px; background: linear-gradient(180deg, #c06030 0%, #a04020 50%, #602010 100%); transform-origin: top; border-radius: 2px; z-index: 2; animation: pk-banner-wave 9s ease-in-out infinite;
}
.scn-prince-knighted .pk-banner-right {
  position: absolute; right: 18%; top: 5%; width: 14px; height: 70px; background: linear-gradient(180deg, #c06030 0%, #a04020 50%, #602010 100%); transform-origin: top; border-radius: 2px; z-index: 2; animation: pk-banner-wave 9s ease-in-out infinite reverse;
}
.scn-prince-knighted .pk-glow {
  position: absolute; top: 0; left: 0; right: 0; bottom: 40%; background: radial-gradient(ellipse at 50% 70%, rgba(255,200,100,.4) 0%, transparent 70%); z-index: 5; mix-blend-mode: overlay; pointer-events: none; animation: pk-glow-pulse 5s ease-in-out infinite alternate;
}
@keyframes pk-sway {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-2px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes pk-throne-glow {
  0% { box-shadow: 0 8px 24px rgba(0,0,0,.6); }
  50% { box-shadow: 0 8px 40px rgba(200,150,80,.5); }
  100% { box-shadow: 0 8px 24px rgba(0,0,0,.6); }
}
@keyframes pk-prince-bow {
  0% { transform: translateX(-50%) rotate(0deg); }
  30% { transform: translateX(-50%) rotate(2deg) translateY(-1px); }
  60% { transform: translateX(-50%) rotate(-2deg) translateY(-1px); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes pk-turban-bob {
  0% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-2px) rotate(2deg); }
  100% { transform: translateX(-50%) translateY(0); }
}
@keyframes pk-banner-wave {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes pk-glow-pulse {
  0% { opacity: .5; }
  50% { opacity: .8; }
  100% { opacity: .5; }
}

/* Scene: white-complexions */
.scn-white-complexions {
  background: linear-gradient(180deg, #f5e6d0 0%, #e0c8a0 50%, #c8a880 100%), radial-gradient(ellipse at 50% 40%, #ffeedd 0%, transparent 80%);
}
.scn-white-complexions .wc-wall {
  position: absolute; inset: 0; background: repeating-linear-gradient(90deg, #e8d4b8 0px, #e8d4b8 30px, #dcc4a0 30px, #dcc4a0 60px); z-index: 0;
}
.scn-white-complexions .wc-podium {
  position: absolute; bottom: 15%; left: 5%; right: 5%; height: 8%; background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%); border-radius: 4px; z-index: 1;
}
.scn-white-complexions .wc-mannequin-1 {
  position: absolute; bottom: 23%; left: 12%; width: 30px; height: 70px; background: linear-gradient(180deg, #f0e0c8 0%, #d8c0a0 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; z-index: 2; animation: wc-wobble 4s ease-in-out infinite;
}
.scn-white-complexions .wc-mannequin-2 {
  position: absolute; bottom: 23%; left: 43%; width: 30px; height: 70px; background: linear-gradient(180deg, #ede0c8 0%, #d4c0a0 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; z-index: 2; animation: wc-wobble 4s ease-in-out infinite 0.5s;
}
.scn-white-complexions .wc-mannequin-3 {
  position: absolute; bottom: 23%; right: 12%; width: 30px; height: 70px; background: linear-gradient(180deg, #e8d8c0 0%, #d0b8a0 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; z-index: 2; animation: wc-wobble 4s ease-in-out infinite 1s;
}
.scn-white-complexions .wc-hat-1 {
  position: absolute; bottom: 78%; left: 11%; width: 40px; height: 20px; background: radial-gradient(ellipse at 50% 50%, #c0a080 0%, #8a6a4a 100%); border-radius: 50%; transform-origin: bottom center; z-index: 3; animation: wc-hat-tilt 5s ease-in-out infinite;
}
.scn-white-complexions .wc-hat-2 {
  position: absolute; bottom: 78%; left: 42%; width: 30px; height: 25px; background: radial-gradient(ellipse at 50% 50%, #b89870 0%, #7a5a3a 100%); border-radius: 40% 40% 20% 20%; transform-origin: bottom center; z-index: 3; animation: wc-hat-tilt 5s ease-in-out infinite 0.7s;
}
.scn-white-complexions .wc-hat-3 {
  position: absolute; bottom: 78%; right: 11%; width: 35px; height: 18px; background: radial-gradient(ellipse at 50% 50%, #c0a880 0%, #8a6a4a 100%); border-radius: 50%; transform-origin: bottom center; z-index: 3; animation: wc-hat-tilt 5s ease-in-out infinite 1.4s;
}
.scn-white-complexions .wc-spotlight {
  position: absolute; top: 0; left: 5%; right: 5%; bottom: 30%; background: radial-gradient(ellipse at 50% 0%, rgba(255,230,200,.3) 0%, transparent 80%); z-index: 4; pointer-events: none; animation: wc-spot-fade 6s ease-in-out infinite alternate;
}
@keyframes wc-wobble {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(2deg) translateY(-2px); }
  50% { transform: rotate(-1deg) translateY(0); }
  75% { transform: rotate(1deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes wc-hat-tilt {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(5deg) translateY(-3px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes wc-spot-fade {
  0% { opacity: .4; }
  50% { opacity: .8; }
  100% { opacity: .4; }
}

/* Scene: complexions-catalog */
.scn-complexions-catalog {
  background: linear-gradient(180deg, #f0e8d8 0%, #d8c8b0 50%, #c0a880 100%), radial-gradient(ellipse at 50% 30%, #fff5e5 0%, transparent 70%);
}
.scn-complexions-catalog .cc-bg {
  position: absolute; inset: 0; background: linear-gradient(90deg, #e8dcc8 0%, #d8c8b0 50%, #e8dcc8 100%); z-index: 0;
}
.scn-complexions-catalog .cc-platform {
  position: absolute; bottom: 20%; left: 5%; right: 5%; height: 5%; background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%); border-radius: 2px; z-index: 1;
}
.scn-complexions-catalog .cc-head-1 {
  position: absolute; bottom: 35%; left: 7%; width: 34px; height: 40px; background: linear-gradient(180deg, #c8c0b8 0%, #a09890 100%); border-radius: 50%; z-index: 2; animation: cc-nod 5s ease-in-out infinite;
}
.scn-complexions-catalog .cc-head-2 {
  position: absolute; bottom: 35%; left: 24%; width: 34px; height: 40px; background: linear-gradient(180deg, #e8d8b0 0%, #c8b890 100%); border-radius: 50%; z-index: 2; animation: cc-nod 5s ease-in-out infinite 0.6s;
}
.scn-complexions-catalog .cc-head-3 {
  position: absolute; bottom: 35%; left: 41%; width: 34px; height: 40px; background: linear-gradient(180deg, #b0a8a0 0%, #8a8078 100%); border-radius: 50%; box-shadow: inset 0 -4px 6px rgba(80,60,60,.3); z-index: 2; animation: cc-nod 5s ease-in-out infinite 1.2s;
}
.scn-complexions-catalog .cc-head-4 {
  position: absolute; bottom: 35%; left: 58%; width: 34px; height: 40px; background: linear-gradient(180deg, #d8c080 0%, #b8a060 100%); border-radius: 50%; z-index: 2; animation: cc-nod 5s ease-in-out infinite 1.8s;
}
.scn-complexions-catalog .cc-head-5 {
  position: absolute; bottom: 35%; right: 7%; width: 34px; height: 40px; background: linear-gradient(180deg, #c8a080 0%, #a88060 100%); border-radius: 50%; z-index: 2; animation: cc-nod 5s ease-in-out infinite 2.4s;
}
.scn-complexions-catalog .cc-badge-1 {
  position: absolute; bottom: 58%; left: 9%; width: 10px; height: 6px; background: #8a7050; border-radius: 2px; z-index: 3; animation: cc-blink 3s ease-in-out infinite;
}
.scn-complexions-catalog .cc-badge-2 {
  position: absolute; bottom: 58%; left: 26%; width: 10px; height: 6px; background: #8a7050; border-radius: 2px; z-index: 3; animation: cc-blink 3s ease-in-out infinite 0.5s;
}
@keyframes cc-nod {
  0% { transform: translateY(0) rotate(0deg); }
  30% { transform: translateY(-3px) rotate(2deg); }
  60% { transform: translateY(0) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes cc-blink {
  0%, 90%, 100% { opacity: 1; transform: scaleY(1); }
  95% { opacity: .3; transform: scaleY(0.2); }
}

/* Scene: zulu-advantage */
.scn-zulu-advantage {
  background: linear-gradient(180deg, #e8dcc8 0%, #d0b898 50%, #b09878 100%), radial-gradient(ellipse at 50% 50%, #f0e8d8 0%, transparent 70%);
}
.scn-zulu-advantage .za-bg {
  position: absolute; inset: 0; background: linear-gradient(90deg, #d8c8b0 0%, #f0e0c0 50%, #d8c8b0 100%); z-index: 0;
}
.scn-zulu-advantage .za-ground {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 15%; background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%); border-radius: 20% 20% 0 0; z-index: 1;
}
.scn-zulu-advantage .za-pale-figure {
  position: absolute; bottom: 15%; left: 18%; width: 36px; height: 70px; background: linear-gradient(180deg, #e8dcc8 0%, #c8b8a0 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; z-index: 2; animation: za-sway-l 6s ease-in-out infinite;
}
.scn-zulu-advantage .za-brown-figure {
  position: absolute; bottom: 15%; right: 18%; width: 40px; height: 74px; background: linear-gradient(180deg, #b08858 0%, #7a5a3a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; z-index: 2; animation: za-sway-r 6s ease-in-out infinite;
}
.scn-zulu-advantage .za-shield {
  position: absolute; bottom: 15%; right: 22%; width: 24px; height: 48px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%; transform: rotate(-10deg); z-index: 3; animation: za-shield-glimmer 5s ease-in-out infinite;
}
.scn-zulu-advantage .za-spear {
  position: absolute; bottom: 15%; right: 20%; width: 4px; height: 60px; background: linear-gradient(180deg, #c8a060 0%, #8a6a3a 100%); border-radius: 2px; transform-origin: bottom; transform: rotate(8deg); z-index: 3; animation: za-spear-thrust 7s ease-in-out infinite;
}
.scn-zulu-advantage .za-glow {
  position: absolute; top: 20%; left: 50%; width: 200px; height: 100px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 50%, rgba(200,160,100,.3) 0%, transparent 70%); z-index: 4; pointer-events: none; animation: za-glow-pulse 4s ease-in-out infinite alternate;
}
.scn-zulu-advantage .za-sparkle {
  position: absolute; top: 25%; left: 40%; width: 6px; height: 6px; background: #ffd080; border-radius: 50%; box-shadow: 0 0 12px #ffd080; z-index: 5; animation: za-sparkle-move 8s linear infinite;
}
@keyframes za-sway-l {
  0%, 100% { transform: translateX(0) rotate(0deg) translateY(0); }
  50% { transform: translateX(-3px) rotate(-2deg) translateY(-1px); }
}
@keyframes za-sway-r {
  0%, 100% { transform: translateX(0) rotate(0deg) translateY(0); }
  50% { transform: translateX(3px) rotate(2deg) translateY(-1px); }
}
@keyframes za-shield-glimmer {
  0% { box-shadow: 0 0 6px rgba(200,160,100,.2); }
  50% { box-shadow: 0 0 18px rgba(200,160,100,.6); transform: rotate(-10deg) scale(1.05); }
  100% { box-shadow: 0 0 6px rgba(200,160,100,.2); }
}
@keyframes za-spear-thrust {
  0%, 100% { transform: rotate(8deg) translateY(0); }
  50% { transform: rotate(8deg) translateY(-4px); }
}
@keyframes za-glow-pulse {
  0% { opacity: .3; transform: translateX(-50%) scale(1); }
  100% { opacity: .6; transform: translateX(-50%) scale(1.1); }
}
@keyframes za-sparkle-move {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { transform: translate(120px, -40px) rotate(360deg); opacity: 0; }
}

/* ===== wool-broker-visit ===== */
.scn-wool-broker-visit {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d2b48c 40%, #8b7355 100%),
    radial-gradient(ellipse at 50% 30%, #fff8dc 0%, transparent 70%);
}
.scn-wool-broker-visit .wall-bg {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #e6d3b3 0%, #c4a882 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.15);
  animation: wbv-wallpulse 8s ease-in-out infinite;
}
.scn-wool-broker-visit .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #7a6548 0%, #5a4a32 100%);
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.3);
}
.scn-wool-broker-visit .desk {
  position: absolute; bottom: 20%; left: 30%; width: 200px; height: 90px;
  background: linear-gradient(135deg, #6b4c2a, #4a3320);
  border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.35);
  transform: perspective(400px) rotateX(10deg);
  animation: wbv-desk 6s ease-in-out infinite alternate;
}
.scn-wool-broker-visit .desk-lamp {
  position: absolute; bottom: 38%; left: 38%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #c08040, #8b5a2b);
  border-radius: 4px 4px 40% 40%; transform: rotate(-8deg);
  box-shadow: 0 0 30px 8px #f0c060, 0 0 60px 16px rgba(240,192,96,0.3);
  animation: wbv-lampglow 3s ease-in-out infinite alternate;
}
.scn-wool-broker-visit .broker {
  position: absolute; bottom: 22%; left: 34%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: wbv-broker 5s ease-in-out infinite;
}
.scn-wool-broker-visit .sundowner {
  position: absolute; bottom: 20%; left: 55%; width: 28px; height: 65px;
  background: linear-gradient(180deg, #2c2218 0%, #0e0a06 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 35% 35%;
  transform-origin: bottom center;
  animation: wbv-sundowner 7s ease-in-out infinite alternate;
}
.scn-wool-broker-visit .window-light {
  position: absolute; top: 8%; right: 10%; width: 100px; height: 120px;
  background: linear-gradient(135deg, #fef9e7 0%, #f0d9b5 100%);
  border-radius: 6px; box-shadow: 0 0 50px 20px rgba(240,217,181,0.4);
  opacity: 0.6; animation: wbv-window 12s ease-in-out infinite alternate;
}
.scn-wool-broker-visit .shadow-edge {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 70%, transparent 40%, rgba(0,0,0,0.25) 80%);
  pointer-events: none;
}
@keyframes wbv-wallpulse { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes wbv-desk { 0% { transform: perspective(400px) rotateX(10deg) translateY(0); } 100% { transform: perspective(400px) rotateX(10deg) translateY(-3px); } }
@keyframes wbv-lampglow { 0% { box-shadow:0 0 20px 4px #f0c060; opacity:0.85; } 50% { box-shadow:0 0 40px 12px #f5d080; opacity:1; } 100% { box-shadow:0 0 25px 6px #f0c060; opacity:0.9; } }
@keyframes wbv-broker { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(4px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes wbv-sundowner { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(-6px) scaleY(1.02); } 100% { transform: translateX(6px) scaleY(0.98); } }
@keyframes wbv-window { 0% { opacity:0.5; transform:scale(1); } 50% { opacity:0.7; transform:scale(1.05); } 100% { opacity:0.55; transform:scale(0.95); } }

/* ===== rhodes-loan ===== */
.scn-rhodes-loan {
  background:
    linear-gradient(180deg, #f0e2c0 0%, #d4b896 50%, #a18460 100%),
    radial-gradient(ellipse at 80% 40%, #fff5e0 0%, transparent 60%);
}
.scn-rhodes-loan .room-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e3cfaf 0%, #b99a78 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,0.1);
}
.scn-rhodes-loan .floor-tiles {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: repeating-conic-gradient(#5e4a34 0% 25%, #4d3b28 0% 50%) 0 0 / 40px 40px;
  opacity: 0.6; animation: rho-floor 20s linear infinite;
}
.scn-rhodes-loan .table {
  position: absolute; bottom: 18%; left: 40%; width: 180px; height: 80px;
  background: linear-gradient(135deg, #5a3d24, #3f2c1a);
  border-radius: 6px; box-shadow: 0 10px 20px rgba(0,0,0,0.4);
  transform: perspective(500px) rotateX(8deg);
  animation: rho-table 8s ease-in-out infinite alternate;
}
.scn-rhodes-loan .map-roll {
  position: absolute; bottom: 26%; left: 46%; width: 100px; height: 12px;
  background: linear-gradient(90deg, #d2b48c, #a08060, #d2b48c);
  border-radius: 50%; transform: rotate(-5deg); box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  animation: rho-map 10s ease-in-out infinite alternate;
}
.scn-rhodes-loan .figure-left {
  position: absolute; bottom: 20%; left: 32%; width: 32px; height: 70px;
  background: linear-gradient(180deg, #2a1e12 0%, #0f0a05 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 35% 35%;
  transform-origin: bottom center;
  animation: rho-figL 4s ease-in-out infinite alternate;
}
.scn-rhodes-loan .figure-right {
  position: absolute; bottom: 20%; left: 56%; width: 30px; height: 68px;
  background: linear-gradient(180deg, #1f160e 0%, #0a0704 100%);
  border-radius: 48% 48% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rho-figR 5s ease-in-out infinite;
}
.scn-rhodes-loan .chandelier {
  position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 60px; height: 80px;
  background: linear-gradient(180deg, #b8860b, #8b6508);
  clip-path: polygon(20% 0%, 80% 0%, 70% 100%, 30% 100%);
  box-shadow: 0 0 60px 20px #f5e6b0;
  animation: rho-chandelier 7s ease-in-out infinite alternate;
}
.scn-rhodes-loan .beam {
  position: absolute; top: 8%; left: 10%; width: 80%; height: 6px;
  background: linear-gradient(90deg, transparent, #8b6508, transparent);
  border-radius: 50%; opacity: 0.5;
  animation: rho-beam 12s ease-in-out infinite alternate;
}
@keyframes rho-floor { 0% { background-position:0 0; } 100% { background-position:40px 0; } }
@keyframes rho-table { 0% { transform: perspective(500px) rotateX(8deg) translateY(0); } 50% { transform: perspective(500px) rotateX(8deg) translateY(-2px); } 100% { transform: perspective(500px) rotateX(8deg) translateY(0); } }
@keyframes rho-map { 0% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(-2deg) translateX(4px); } 100% { transform: rotate(-8deg) translateX(-4px); } }
@keyframes rho-figL { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(1deg); } 100% { transform: translateX(3px) rotate(-1deg); } }
@keyframes rho-figR { 0% { transform: translateX(0) skewX(0deg); } 25% { transform: translateX(5px) skewX(-2deg); } 75% { transform: translateX(-5px) skewX(2deg); } 100% { transform: translateX(0) skewX(0deg); } }
@keyframes rho-chandelier { 0% { transform: translateX(-50%) rotate(-1deg); opacity:0.8; } 50% { transform: translateX(-50%) rotate(2deg) scale(1.02); opacity:1; } 100% { transform: translateX(-50%) rotate(-1deg); opacity:0.85; } }
@keyframes rho-beam { 0% { opacity:0.3; transform: scaleX(1); } 50% { opacity:0.6; transform: scaleX(1.1); } 100% { opacity:0.4; transform: scaleX(0.9); } }

/* ===== margins-needed ===== */
.scn-margins-needed {
  background:
    linear-gradient(180deg, #fcebcf 0%, #dbb68c 40%, #9b7a5a 100%),
    radial-gradient(ellipse at 30% 20%, #fff0d0 0%, transparent 70%);
}
.scn-margins-needed .background-office {
  position: absolute; inset: 0 0 38% 0;
  background: linear-gradient(180deg, #e8d5b6 0%, #c2a482 100%);
  box-shadow: inset 0 0 50px rgba(0,0,0,0.12);
}
.scn-margins-needed .desk-surface {
  position: absolute; bottom: 22%; left: 20%; width: 220px; height: 100px;
  background: linear-gradient(135deg, #6b4c2a, #4a3320);
  border-radius: 6px; box-shadow: 0 8px 16px rgba(0,0,0,0.3);
  transform: perspective(400px) rotateX(12deg);
  animation: mar-desk 7s ease-in-out infinite alternate;
}
.scn-margins-needed .papers {
  position: absolute; bottom: 38%; left: 30%; width: 80px; height: 60px;
  background: repeating-linear-gradient(90deg, #f0e0c0 0px, #f0e0c0 2px, transparent 2px, transparent 4px);
  background-size: 4px 100%; opacity: 0.6;
  border-radius: 2px; transform: rotate(-8deg);
  animation: mar-papers 4s ease-in-out infinite alternate;
}
.scn-margins-needed .chair-collapsed {
  position: absolute; bottom: 15%; left: 15%; width: 60px; height: 40px;
  background: linear-gradient(180deg, #3a2a1a, #1a1008);
  border-radius: 40% 40% 20% 20% / 30% 30% 20% 20%;
  transform: rotate(-15deg); box-shadow: 0 6px 10px rgba(0,0,0,0.3);
  animation: mar-chair 9s ease-in-out infinite;
}
.scn-margins-needed .man-standing {
  position: absolute; bottom: 20%; left: 48%; width: 30px; height: 72px;
  background: linear-gradient(180deg, #2c1f12 0%, #0d0905 100%);
  border-radius: 45% 45% 30% 30% / 55% 55% 30% 30%;
  transform-origin: bottom center;
  animation: mar-stand 3s ease-in-out infinite;
}
.scn-margins-needed .man-seated {
  position: absolute; bottom: 20%; left: 60%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #241a0e, #110c06);
  border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%;
  transform: perspective(200px) rotateX(5deg);
  animation: mar-seated 5s ease-in-out infinite alternate;
}
.scn-margins-needed .clock {
  position: absolute; top: 8%; right: 12%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f5e6c8 0%, #a08060 70%);
  border-radius: 50%; box-shadow: 0 0 20px 4px rgba(160,128,96,0.3);
  animation: mar-clock 12s linear infinite;
}
.scn-margins-needed .door-crack {
  position: absolute; top: 20%; right: 5%; width: 4px; height: 50%;
  background: linear-gradient(180deg, #3a2a1a 0%, transparent 100%);
  filter: blur(1px); opacity: 0.4; animation: mar-door 15s ease-in-out infinite alternate;
}
@keyframes mar-desk { 0% { transform: perspective(400px) rotateX(12deg) translateY(0); } 50% { transform: perspective(400px) rotateX(12deg) translateY(-2px); } 100% { transform: perspective(400px) rotateX(12deg) translateY(0); } }
@keyframes mar-papers { 0% { transform: rotate(-8deg) translateY(0); opacity:0.5; } 50% { transform: rotate(-10deg) translateY(-4px); opacity:0.8; } 100% { transform: rotate(-6deg) translateY(0); opacity:0.6; } }
@keyframes mar-chair { 0% { transform: rotate(-15deg) translateY(0); } 33% { transform: rotate(-12deg) translateY(-2px); } 66% { transform: rotate(-18deg) translateY(1px); } 100% { transform: rotate(-15deg) translateY(0); } }
@keyframes mar-stand { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(1deg); } 75% { transform: translateX(-5px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes mar-seated { 0% { transform: perspective(200px) rotateX(5deg) translateY(0); } 50% { transform: perspective(200px) rotateX(8deg) translateY(-3px); } 100% { transform: perspective(200px) rotateX(5deg) translateY(0); } }
@keyframes mar-clock { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes mar-door { 0% { opacity:0.2; transform:scaleY(1); } 50% { opacity:0.5; transform:scaleY(1.05); } 100% { opacity:0.3; transform:scaleY(0.95); } }

/* ===== shark-news ===== */
.scn-shark-news {
  background:
    linear-gradient(180deg, #f1e3c0 0%, #d2b48c 45%, #a08060 100%),
    radial-gradient(ellipse at 20% 60%, #fff8dc 0%, transparent 60%);
}
.scn-shark-news .wall-panel {
  position: absolute; inset: 0 0 32% 0;
  background: linear-gradient(180deg, #e6cfad 0%, #b59570 100%);
  box-shadow: inset 0 0 70px rgba(0,0,0,0.1);
}
.scn-shark-news .carpet {
  position: absolute; bottom: 0; left: 0; right: 0; height: 32%;
  background: repeating-linear-gradient(45deg, #5a3e2a 0px, #5a3e2a 10px, #4d3422 10px, #4d3422 20px);
  opacity: 0.4; animation: sha-carpet 30s linear infinite;
}
.scn-shark-news .desk-littered {
  position: absolute; bottom: 18%; left: 35%; width: 200px; height: 85px;
  background: linear-gradient(135deg, #6b4c2a, #4a3320);
  border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  transform: perspective(400px) rotateX(10deg);
  animation: sha-desk 6s ease-in-out infinite alternate;
}
.scn-shark-news .shark-head {
  position: absolute; top: 15%; left: 20%; width: 80px; height: 40px;
  background: radial-gradient(ellipse at 40% 50%, #7a6a5a 0%, #3a2a1a 100%);
  clip-path: polygon(0% 0%, 70% 0%, 100% 50%, 70% 100%, 0% 100%);
  filter: drop-shadow(0 6px 10px rgba(0,0,0,0.4));
  animation: sha-shark 8s ease-in-out infinite alternate;
}
.scn-shark-news .newspaper {
  position: absolute; bottom: 30%; left: 50%; width: 70px; height: 50px;
  background: linear-gradient(180deg, #f5f0e0 0%, #e0d0b0 100%);
  border-radius: 2px; transform: rotate(3deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  animation: sha-paper 5s ease-in-out infinite;
}
.scn-shark-news .man-pacing {
  position: absolute; bottom: 22%; left: 52%; width: 28px; height: 68px;
  background: linear-gradient(180deg, #2e1f12 0%, #120c06 100%);
  border-radius: 45% 45% 30% 30% / 55% 55% 30% 30%;
  transform-origin: bottom center;
  animation: sha-pace 3s ease-in-out infinite alternate;
}
.scn-shark-news .man-seated-calm {
  position: absolute; bottom: 20%; left: 38%; width: 34px; height: 55px;
  background: linear-gradient(180deg, #241a0e, #0f0a05);
  border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%;
  transform: perspective(200px) rotateX(6deg);
  animation: sha-calm 7s ease-in-out infinite alternate;
}
.scn-shark-news .shadow-shaft {
  position: absolute; top: 0; left: 50%; width: 100px; height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, transparent 60%);
  transform: skewX(-10deg); pointer-events: none;
  animation: sha-shaft 12s ease-in-out infinite alternate;
}
@keyframes sha-carpet { 0% { background-position:0 0; } 100% { background-position:40px 40px; } }
@keyframes sha-desk { 0% { transform: perspective(400px) rotateX(10deg) translateY(0); } 50% { transform: perspective(400px) rotateX(10deg) translateY(-3px); } 100% { transform: perspective(400px) rotateX(10deg) translateY(0); } }
@keyframes sha-shark { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-5px); } 100% { transform: rotate(-1deg) translateY(0); } }
@keyframes sha-paper { 0% { transform: rotate(3deg) translateX(0); } 25% { transform: rotate(5deg) translateX(6px); } 75% { transform: rotate(1deg) translateX(-6px); } 100% { transform: rotate(3deg) translateX(0); } }
@keyframes sha-pace { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(12px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes sha-calm { 0% { transform: perspective(200px) rotateX(6deg) translateY(0); } 50% { transform: perspective(200px) rotateX(8deg) translateY(-2px); } 100% { transform: perspective(200px) rotateX(6deg) translateY(0); } }
@keyframes sha-shaft { 0% { transform: skewX(-10deg) translateX(-10px); opacity:0.5; } 50% { transform: skewX(-10deg) translateX(10px); opacity:0.7; } 100% { transform: skewX(-10deg) translateX(-10px); opacity:0.4; } }

.scn-ambush-prepared {
  background: linear-gradient(180deg, #8bb8e0 0%, #b0d0f0 40%, #d4e8ff 70%), radial-gradient(ellipse at 70% 40%, #ffd280 0%, transparent 60%);
  position: relative;
  height: 100%;
  overflow: hidden;
}
.scn-ambush-prepared .sky { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #a0c8f0 0%, transparent 100%); animation: amb-sky 14s ease-in-out infinite alternate; }
.scn-ambush-prepared .sun { position: absolute; top: 8%; right: 22%; width: 60px; height: 60px; background: radial-gradient(circle, #ffe080 0%, #ffc040 40%, transparent 70%); border-radius: 50%; box-shadow: 0 0 60px 20px rgba(255,192,64,0.4); animation: amb-sun 6s ease-in-out infinite alternate; }
.scn-ambush-prepared .hills { position: absolute; bottom: 25%; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #6b8a4a 0%, #4a6a2a 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; box-shadow: inset 0 -10px 30px rgba(0,0,0,0.3); animation: amb-hills 20s ease-in-out infinite; }
.scn-ambush-prepared .path { position: absolute; bottom: 18%; left: 10%; right: 30%; height: 8%; background: linear-gradient(90deg, #8a7a5a, #b8a878, #8a7a5a); border-radius: 40% 20% 0 0; transform: skewX(-10deg); box-shadow: 0 4px 12px rgba(0,0,0,0.2); animation: amb-path 8s ease-in-out infinite alternate; }
.scn-ambush-prepared .bush { position: absolute; bottom: 22%; width: 50px; height: 40px; background: radial-gradient(ellipse at 50% 100%, #3b6b1a 0%, #2a4a0a 100%); border-radius: 50% 50% 40% 40%; filter: blur(1px); }
.scn-ambush-prepared .left-bush { left: 18%; animation: amb-bush-left 5s ease-in-out infinite; }
.scn-ambush-prepared .right-bush { right: 22%; width: 60px; height: 50px; animation: amb-bush-right 5s ease-in-out infinite reverse; }
.scn-ambush-prepared .figure { position: absolute; bottom: 20%; left: 22%; width: 20px; height: 40px; background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: amb-figure 4s ease-in-out infinite; }
.scn-ambush-prepared .horseman { position: absolute; bottom: 22%; left: 60%; width: 30px; height: 45px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; animation: amb-horseman 7s ease-in-out infinite; }
.scn-ambush-prepared .horse { position: absolute; bottom: 20%; left: 55%; width: 50px; height: 30px; background: linear-gradient(180deg, #6b4a2a 0%, #4a2a1a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: amb-horse 7s ease-in-out infinite; }
@keyframes amb-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes amb-sun { 0% { transform: scale(1); box-shadow: 0 0 50px 15px rgba(255,192,64,0.3); } 50% { transform: scale(1.05); box-shadow: 0 0 80px 30px rgba(255,192,64,0.5); } 100% { transform: scale(0.98); box-shadow: 0 0 60px 20px rgba(255,192,64,0.4); } }
@keyframes amb-hills { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes amb-path { 0% { transform: skewX(-12deg) translateX(0); } 50% { transform: skewX(-8deg) translateX(5px); } 100% { transform: skewX(-12deg) translateX(0); } }
@keyframes amb-bush-left { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.02); } }
@keyframes amb-bush-right { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(2px) scale(0.98); } }
@keyframes amb-figure { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(4px) rotate(-2deg); } 50% { transform: translateX(8px) rotate(2deg); } 75% { transform: translateX(12px) rotate(-1deg); } 100% { transform: translateX(16px) rotate(0deg); } }
@keyframes amb-horseman { 0% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(-3px) rotate(1deg); } 60% { transform: translateX(3px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes amb-horse { 0% { transform: translateX(0) scaleX(1); } 50% { transform: translateX(2px) scaleX(0.95); } 100% { transform: translateX(0) scaleX(1); } }

.scn-burgess-redemption {
  background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%), radial-gradient(ellipse at 50% 30%, #2a2a2a 0%, transparent 70%);
  position: relative;
  height: 100%;
  overflow: hidden;
}
.scn-burgess-redemption .room-wall { position: absolute; inset: 0 0 20% 0; background: linear-gradient(180deg, #3a3020 0%, #1a1a0a 100%); border-bottom: 4px solid #0a0a0a; animation: burg-wall 15s ease-in-out infinite alternate; }
.scn-burgess-redemption .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.5); }
.scn-burgess-redemption .table { position: absolute; bottom: 15%; left: 30%; width: 40%; height: 10%; background: linear-gradient(180deg, #4a3a20 0%, #2a1a0a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.4); }
.scn-burgess-redemption .paper { position: absolute; bottom: 20%; left: 38%; width: 18%; height: 12%; background: linear-gradient(135deg, #e8dcc8 0%, #c8b898 100%); transform: rotate(-3deg); box-shadow: 1px 1px 6px rgba(0,0,0,0.3); animation: burg-paper 8s ease-in-out infinite; }
.scn-burgess-redemption .lamp-glow { position: absolute; bottom: 30%; left: 45%; width: 30px; height: 30px; background: radial-gradient(circle, #ffd080 0%, #ffb040 40%, transparent 70%); border-radius: 50%; box-shadow: 0 0 60px 30px rgba(255,176,64,0.5), 0 0 120px 60px rgba(255,176,64,0.2); animation: burg-lamp 4s ease-in-out infinite alternate; }
.scn-burgess-redemption .figure { position: absolute; bottom: 18%; left: 32%; width: 22px; height: 48px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: burg-figure 6s ease-in-out infinite; }
.scn-burgess-redemption .window-dark { position: absolute; top: 10%; right: 10%; width: 60px; height: 80px; background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2a 100%); border: 2px solid #2a2a2a; border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.8); }
@keyframes burg-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes burg-paper { 0% { transform: rotate(-4deg) scale(1); } 50% { transform: rotate(0deg) scale(1.02); } 100% { transform: rotate(-4deg) scale(1); } }
@keyframes burg-lamp { 0% { box-shadow: 0 0 40px 20px rgba(255,176,64,0.4), 0 0 80px 40px rgba(255,176,64,0.15); opacity: 0.9; } 50% { box-shadow: 0 0 80px 40px rgba(255,176,64,0.6), 0 0 160px 60px rgba(255,176,64,0.25); opacity: 1; } 100% { box-shadow: 0 0 50px 25px rgba(255,176,64,0.45), 0 0 100px 50px rgba(255,176,64,0.18); opacity: 0.95; } }
@keyframes burg-figure { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(2deg); } 50% { transform: translateX(4px) rotate(0deg); } 75% { transform: translateX(2px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0deg); } }

.scn-dungeon-drear {
  background: linear-gradient(180deg, #050510 0%, #0a0a20 40%, #101030 100%), radial-gradient(ellipse at 50% 10%, #1a1a40 0%, transparent 70%);
  position: relative;
  height: 100%;
  overflow: hidden;
}
.scn-dungeon-drear .dungeon-bg { position: absolute; inset: 0; background: linear-gradient(180deg, #0a0a15 0%, #151528 100%); }
.scn-dungeon-drear .wall-left { position: absolute; top: 0; bottom: 15%; left: 0; width: 20%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-right: 3px solid #2a2a3a; box-shadow: inset -10px 0 30px rgba(0,0,0,0.8); animation: dung-wall-left 20s ease-in-out infinite; }
.scn-dungeon-drear .wall-right { position: absolute; top: 0; bottom: 15%; right: 0; width: 20%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-left: 3px solid #2a2a3a; box-shadow: inset 10px 0 30px rgba(0,0,0,0.8); animation: dung-wall-right 20s ease-in-out infinite reverse; }
.scn-dungeon-drear .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 15%; background: linear-gradient(180deg, #1a1a10 0%, #0a0a05 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.6); }
.scn-dungeon-drear .window-grate { position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 40px; height: 20px; background: #0a0a1a; border: 3px solid #3a3a2a; border-radius: 2px; box-shadow: inset 0 0 15px rgba(100,100,200,0.1); }
.scn-dungeon-drear .light-beam { position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 80px; height: 60%; background: linear-gradient(180deg, rgba(100,140,220,0.15) 0%, transparent 100%); clip-path: polygon(20% 0%, 80% 0%, 60% 100%, 40% 100%); animation: dung-beam 12s ease-in-out infinite alternate; }
.scn-dungeon-drear .figure-kneeling { position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%); width: 24px; height: 30px; background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: dung-figure 6s ease-in-out infinite; }
@keyframes dung-wall-left { 0% { opacity: 0.8; } 50% { opacity: 0.9; } 100% { opacity: 0.85; } }
@keyframes dung-wall-right { 0% { opacity: 0.8; } 50% { opacity: 0.9; } 100% { opacity: 0.85; } }
@keyframes dung-beam { 0% { opacity: 0.2; transform: translateX(-50%) scaleY(0.9); } 50% { opacity: 0.6; transform: translateX(-50%) scaleY(1); } 100% { opacity: 0.3; transform: translateX(-50%) scaleY(0.95); } }
@keyframes dung-figure { 0% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-2px) rotate(2deg); } 50% { transform: translateX(-50%) translateY(0) rotate(-1deg); } 75% { transform: translateX(-50%) translateY(1px) rotate(1deg); } 100% { transform: translateX(-50%) translateY(0) rotate(0deg); } }

.scn-auckland-arrival {
  background: linear-gradient(180deg, #7ab8e0 0%, #b0d8f0 50%, #d8ecff 100%), radial-gradient(ellipse at 60% 30%, #ffe070 0%, transparent 60%);
  position: relative;
  height: 100%;
  overflow: hidden;
}
.scn-auckland-arrival .sky { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #8cc8f0 0%, transparent 100%); animation: auck-sky 15s ease-in-out infinite alternate; }
.scn-auckland-arrival .sun { position: absolute; top: 6%; right: 30%; width: 70px; height: 70px; background: radial-gradient(circle, #ffe880 0%, #ffcc40 40%, transparent 70%); border-radius: 50%; box-shadow: 0 0 80px 30px rgba(255,204,64,0.4); animation: auck-sun 7s ease-in-out infinite alternate; }
.scn-auckland-arrival .sea { position: absolute; bottom: 30%; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, #3a78a8 0%, #1a4a78 100%); box-shadow: inset 0 10px 30px rgba(0,0,0,0.2); animation: auck-sea 18s ease-in-out infinite; }
.scn-auckland-arrival .hills-houses { position: absolute; bottom: 35%; left: 5%; right: 5%; height: 20%; background: linear-gradient(180deg, #6a8a4a 0%, #3a5a2a 100%); border-radius: 40% 60% 0 0 / 70% 80% 0 0; box-shadow: inset 0 -8px 20px rgba(0,0,0,0.3); }
.scn-auckland-arrival .hills-houses::after { content: ''; position: absolute; bottom: 10%; width: 12px; height: 15px; background: #e8d8b0; border-radius: 2px; box-shadow: 20px 0 #e8d8b0, 40px 0 #e8d8b0, 60px 0 #e8d8b0, 80px 0 #e8d8b0, 100px 0 #e8d8b0; opacity: 0.7; left: 5%; }
.scn-auckland-arrival .ship { position: absolute; bottom: 38%; left: 20%; width: 80px; height: 20px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 10% 10% 30% 30% / 20% 20% 50% 50%; animation: auck-ship 12s ease-in-out infinite; }
.scn-auckland-arrival .sail { position: absolute; bottom: 42%; width: 25px; height: 35px; background: linear-gradient(180deg, #f0e8d8 0%, #d0c0a0 100%); border-radius: 10% 10% 30% 30% / 30% 30% 40% 40%; }
.scn-auckland-arrival .fore { left: 22%; transform: rotate(-5deg); animation: auck-sail-fore 5s ease-in-out infinite; }
.scn-auckland-arrival .aft { left: 32%; transform: rotate(5deg); animation: auck-sail-aft 5s ease-in-out infinite reverse; }
.scn-auckland-arrival .wave { position: absolute; bottom: 32%; height: 8px; background: rgba(255,255,255,0.15); border-radius: 50%; filter: blur(2px); }
.scn-auckland-arrival .wave-1 { left: 10%; width: 80px; animation: auck-wave1 10s linear infinite; }
.scn-auckland-arrival .wave-2 { left: 40%; width: 100px; animation: auck-wave2 12s linear infinite reverse; }
@keyframes auck-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes auck-sun { 0% { transform: scale(1); box-shadow: 0 0 60px 20px rgba(255,204,64,0.3); } 50% { transform: scale(1.04); box-shadow: 0 0 100px 40px rgba(255,204,64,0.5); } 100% { transform: scale(0.98); box-shadow: 0 0 70px 25px rgba(255,204,64,0.35); } }
@keyframes auck-sea { 0% { background-position: 0 0; } 50% { background-position: 20px 0; } 100% { background-position: 0 0; } }
@keyframes auck-ship { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(10px) rotate(-1deg); } 50% { transform: translateX(20px) rotate(1deg); } 75% { transform: translateX(10px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes auck-sail-fore { 0% { transform: rotate(-6deg) scaleY(1); } 50% { transform: rotate(0deg) scaleY(1.05); } 100% { transform: rotate(-6deg) scaleY(1); } }
@keyframes auck-sail-aft { 0% { transform: rotate(6deg) scaleY(1); } 50% { transform: rotate(0deg) scaleY(1.05); } 100% { transform: rotate(6deg) scaleY(1); } }
@keyframes auck-wave1 { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } }
@keyframes auck-wave2 { 0% { transform: translateX(0); } 50% { transform: translateX(-40px); } 100% { transform: translateX(0); } }

.scn-samson-hanuman { background: linear-gradient(180deg, #4a3a2a 0%, #6a4a3a 30%, #8a6040 60%, #6a4a3a 100%), radial-gradient(ellipse at 50% 0%, #c0a060 0%, transparent 60%); }
.scn-samson-hanuman .wall-bg { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #b88858 0%, #a07040 50%, #885830 100%); box-shadow: inset 0 -20px 40px rgba(0,0,0,.3); animation: sh-wall 15s ease-in-out infinite alternate; }
.scn-samson-hanuman .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #5a3a2a 0%, #3a2218 100%); border-radius: 60% 40% 0 0 / 40% 20% 0 0; box-shadow: inset 0 12px 24px rgba(0,0,0,.5); }
.scn-samson-hanuman .pillar-l { position:absolute; bottom:25%; left:12%; width:18px; height:55%; background: linear-gradient(180deg, #c8a060 0%, #a08040 50%, #886830 100%); border-radius: 6% 6% 0 0; box-shadow: 4px 0 12px rgba(0,0,0,.4); animation: sh-pillar-l 12s ease-in-out infinite alternate; }
.scn-samson-hanuman .pillar-r { position:absolute; bottom:25%; right:12%; width:18px; height:55%; background: linear-gradient(180deg, #c8a060 0%, #a08040 50%, #886830 100%); border-radius: 6% 6% 0 0; box-shadow: -4px 0 12px rgba(0,0,0,.4); animation: sh-pillar-r 12s ease-in-out infinite alternate 6s; }
.scn-samson-hanuman .figure-left { position:absolute; bottom:25%; left:30%; width:32px; height:50px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; box-shadow: 2px 0 8px rgba(0,0,0,.5); animation: sh-fig-l 4s ease-in-out infinite; }
.scn-samson-hanuman .figure-right { position:absolute; bottom:25%; right:30%; width:30px; height:48px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; box-shadow: -2px 0 8px rgba(0,0,0,.5); animation: sh-fig-r 4.5s ease-in-out infinite .5s; }
.scn-samson-hanuman .shadow-l { position:absolute; bottom:25%; left:28%; width:36px; height:12px; background: rgba(0,0,0,.35); border-radius: 50%; filter: blur(4px); animation: sh-shad-l 4s ease-in-out infinite; }
.scn-samson-hanuman .shadow-r { position:absolute; bottom:25%; right:28%; width:34px; height:12px; background: rgba(0,0,0,.35); border-radius: 50%; filter: blur(4px); animation: sh-shad-r 4.5s ease-in-out infinite .5s; }
.scn-samson-hanuman .lamp-glow { position:absolute; top:15%; left:50%; width:60px; height:40px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 100%, #f0d080 0%, #d0a040 40%, transparent 70%); border-radius: 50%; filter: blur(8px); animation: sh-glow 3s ease-in-out infinite alternate; }
@keyframes sh-wall { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes sh-pillar-l { 0% { transform: translateX(0) } 50% { transform: translateX(-2px) } 100% { transform: translateX(0) } }
@keyframes sh-pillar-r { 0% { transform: translateX(0) } 50% { transform: translateX(2px) } 100% { transform: translateX(0) } }
@keyframes sh-fig-l { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-3px) rotate(-1deg) } 50% { transform: translateY(0) rotate(1deg) } 75% { transform: translateY(-2px) rotate(-1deg) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes sh-fig-r { 0% { transform: translateY(0) rotate(2deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(2deg) } }
@keyframes sh-shad-l { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.1) } 100% { transform: scaleX(1) } }
@keyframes sh-shad-r { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.15) } 100% { transform: scaleX(1) } }
@keyframes sh-glow { 0% { opacity:.6; transform: translateX(-50%) scaleY(1) } 50% { opacity:1; transform: translateX(-50%) scaleY(1.2) } 100% { opacity:.7; transform: translateX(-50%) scaleY(1) } }

.scn-timid-bold { background: linear-gradient(180deg, #e8d8c0 0%, #d0c0a0 40%, #b8a888 100%), radial-gradient(ellipse at 50% 100%, #c8b898 0%, transparent 60%); }
.scn-timid-bold .room-bg { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #f0e0c8 0%, #d8c8a8 50%, #c0b090 100%); box-shadow: inset 0 -8px 16px rgba(0,0,0,.1); }
.scn-timid-bold .desk { position:absolute; bottom:20%; left:50%; width:80px; height:18px; transform: translateX(-50%); background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: tb-desk 9s ease-in-out infinite; }
.scn-timid-bold .timid-figure { position:absolute; bottom:20%; left:30%; width:22px; height:42px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; box-shadow: 1px 0 6px rgba(0,0,0,.3); animation: tb-timid 3s ease-in-out infinite; }
.scn-timid-bold .bold-figure { position:absolute; bottom:20%; right:28%; width:28px; height:48px; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; box-shadow: -2px 0 8px rgba(0,0,0,.3); animation: tb-bold 3.5s ease-in-out infinite .8s; }
.scn-timid-bold .papers { position:absolute; bottom:22%; left:48%; width:24px; height:16px; background: linear-gradient(180deg, #f0e8d8 0%, #d8d0c0 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2); transform: rotate(-5deg); animation: tb-papers 7s ease-in-out infinite; }
.scn-timid-bold .chair-left { position:absolute; bottom:18%; left:26%; width:28px; height:16px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 20% 20% 40% 40%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: tb-chair-l 5s ease-in-out infinite; }
.scn-timid-bold .chair-right { position:absolute; bottom:18%; right:24%; width:32px; height:16px; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 20% 20% 40% 40%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: tb-chair-r 5.5s ease-in-out infinite 1s; }
.scn-timid-bold .coin-a { position:absolute; bottom:26%; left:44%; width:10px; height:10px; background: radial-gradient(circle, #f0d060 0%, #c0a040 60%, #806020 100%); border-radius: 50%; animation: tb-coin-a 4s ease-in-out infinite; }
.scn-timid-bold .coin-b { position:absolute; bottom:26%; right:42%; width:12px; height:12px; background: radial-gradient(circle, #e8c858 0%, #b89838 60%, #705818 100%); border-radius: 50%; animation: tb-coin-b 4.5s ease-in-out infinite .6s; }
@keyframes tb-desk { 0%,100% { transform: translateX(-50%) scaleX(1) } 50% { transform: translateX(-50%) scaleX(1.02) translateY(-1px) } }
@keyframes tb-timid { 0% { transform: translateX(0) rotate(-3deg) scaleY(1) } 25% { transform: translateX(3px) rotate(-1deg) scaleY(.98) } 50% { transform: translateX(0) rotate(2deg) scaleY(1) } 75% { transform: translateX(-2px) rotate(-1deg) scaleY(.97) } 100% { transform: translateX(0) rotate(-3deg) scaleY(1) } }
@keyframes tb-bold { 0% { transform: translateX(0) rotate(4deg) scaleX(1.05) } 25% { transform: translateX(-4px) rotate(2deg) scaleX(1) } 50% { transform: translateX(0) rotate(-2deg) scaleX(1.03) } 75% { transform: translateX(3px) rotate(3deg) scaleX(1.06) } 100% { transform: translateX(0) rotate(4deg) scaleX(1.05) } }
@keyframes tb-papers { 0%,100% { transform: rotate(-5deg) } 50% { transform: rotate(3deg) } }
@keyframes tb-chair-l { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes tb-chair-r { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes tb-coin-a { 0% { transform: translateY(0) scale(1); opacity:.9 } 25% { transform: translateY(-8px) scale(.6); opacity:.7 } 50% { transform: translateY(0) scale(1.1); opacity:1 } 75% { transform: translateY(-5px) scale(.8); opacity:.8 } 100% { transform: translateY(0) scale(1); opacity:.9 } }
@keyframes tb-coin-b { 0% { transform: translateY(0) scale(1); opacity:.9 } 25% { transform: translateY(-10px) scale(.5); opacity:.6 } 50% { transform: translateY(0) scale(1.15); opacity:1 } 75% { transform: translateY(-6px) scale(.7); opacity:.8 } 100% { transform: translateY(0) scale(1); opacity:.9 } }

.scn-botanic-garden { background: linear-gradient(180deg, #8ac0e0 0%, #b0d8f0 30%, #d0e8f8 50%, #f0e8c0 100%), radial-gradient(ellipse at 50% 30%, #d0e8f8 0%, transparent 60%); }
.scn-botanic-garden .sky-bg { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #6ab0d8 0%, #90c8e8 40%, #b8daf0 100%); animation: bg-sky 15s ease-in-out infinite alternate; }
.scn-botanic-garden .harbor { position:absolute; bottom:35%; left:5%; right:20%; height:10%; background: linear-gradient(180deg, #5a9ac0 0%, #4a8ab0 100%); border-radius: 20% 10% 0 0 / 80% 60% 0 0; box-shadow: inset 0 4px 12px rgba(0,0,0,.1); animation: bg-harbor 12s ease-in-out infinite alternate; }
.scn-botanic-garden .lawn { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #7ab870 0%, #5a9850 30%, #4a8840 60%, #3a7830 100%); border-radius: 30% 70% 0 0 / 40% 60% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.15); }
.scn-botanic-garden .tree-l { position:absolute; bottom:35%; left:8%; width:40px; height:60px; background: linear-gradient(180deg, #5a8840 0%, #4a7830 60%, #3a6820 100%); border-radius: 60% 40% 50% 50% / 80% 70% 30% 20%; box-shadow: 4px 0 12px rgba(0,0,0,.2); animation: bg-tree-l 20s ease-in-out infinite alternate; }
.scn-botanic-garden .tree-r { position:absolute; bottom:35%; right:12%; width:50px; height:70px; background: linear-gradient(180deg, #6a9850 0%, #5a8840 60%, #4a7830 100%); border-radius: 50% 50% 40% 60% / 70% 80% 20% 30%; box-shadow: -4px 0 12px rgba(0,0,0,.2); animation: bg-tree-r 24s ease-in-out infinite alternate 4s; }
.scn-botanic-garden .flowerbed { position:absolute; bottom:15%; left:35%; width:80px; height:14px; background: linear-gradient(90deg, #d06060 0%, #e88080 20%, #d0a040 40%, #c0d060 60%, #80b870 80%, #60a060 100%); border-radius: 40% 40% 60% 60%; box-shadow: inset 0 2px 6px rgba(0,0,0,.1); animation: bg-flower 8s ease-in-out infinite; }
.scn-botanic-garden .path { position:absolute; bottom:8%; left:45%; width:6px; height:32%; background: linear-gradient(180deg, #d0c0a0 0%, #b8a880 50%, #a09070 100%); border-radius: 20% 20% 40% 40%; transform: skewX(-3deg); animation: bg-path 14s ease-in-out infinite; }
.scn-botanic-garden .palm { position:absolute; bottom:40%; left:55%; width:20px; height:50px; background: linear-gradient(180deg, #6a8840 0%, #5a7830 60%, #4a6820 100%); border-radius: 20% 20% 40% 40%; transform: rotate(-10deg); transform-origin: bottom center; animation: bg-palm 30s ease-in-out infinite alternate; }
.scn-botanic-garden .fence { position:absolute; bottom:30%; left:15%; right:15%; height:6px; background: linear-gradient(90deg, transparent 0%, #a09880 10%, #a09880 12%, transparent 14%, transparent 28%, #a09880 30%, #a09880 32%, transparent 34%, transparent 48%, #a09880 50%, #a09880 52%, transparent 54%, transparent 68%, #a09880 70%, #a09880 72%, transparent 74%, transparent 88%, #a09880 90%, #a09880 92%, transparent 100%); border-radius: 2px; animation: bg-fence 18s ease-in-out infinite; }
@keyframes bg-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes bg-harbor { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.03) } 100% { transform: scaleY(1) } }
@keyframes bg-tree-l { 0% { transform: rotate(-2deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-2deg) } }
@keyframes bg-tree-r { 0% { transform: rotate(2deg) } 50% { transform: rotate(-1deg) } 100% { transform: rotate(2deg) } }
@keyframes bg-flower { 0%,100% { opacity:.9 } 50% { opacity:1 } }
@keyframes bg-path { 0% { transform: skewX(-3deg) } 50% { transform: skewX(2deg) } 100% { transform: skewX(-3deg) } }
@keyframes bg-palm { 0% { transform: rotate(-10deg) } 50% { transform: rotate(-7deg) } 100% { transform: rotate(-10deg) } }
@keyframes bg-fence { 0%,100% { opacity:.8 } 50% { opacity:1 } }

.scn-government-house { background: linear-gradient(180deg, #d0c8b8 0%, #c0b8a8 30%, #b0a898 60%, #a09888 100%), radial-gradient(ellipse at 50% 90%, #e0d8c8 0%, transparent 60%); }
.scn-government-house .hall-bg { position:absolute; inset:0 0 15% 0; background: linear-gradient(180deg, #e0d8c8 0%, #d0c8b8 40%, #c0b8a8 70%, #b0a898 100%); box-shadow: inset 0 -12px 24px rgba(0,0,0,.08); }
.scn-government-house .chandelier { position:absolute; top:8%; left:50%; width:40px; height:30px; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 20%, #f0e080 0%, #d0b858 50%, #a08838 100%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 10px rgba(240,224,128,.3), 0 0 60px 20px rgba(240,224,128,.15); animation: gh-chandelier 6s ease-in-out infinite alternate; }
.scn-government-house .window-l { position:absolute; bottom:20%; left:12%; width:30px; height:45px; background: linear-gradient(180deg, #a0c8e8 0%, #80b0d8 50%, #6098c8 100%); border: 4px solid #8a7a6a; border-radius: 6% 6% 4% 4%; box-shadow: inset 0 0 12px rgba(255,255,255,.4), 0 4px 8px rgba(0,0,0,.15); animation: gh-win-l 10s ease-in-out infinite alternate; }
.scn-government-house .window-r { position:absolute; bottom:20%; right:12%; width:30px; height:45px; background: linear-gradient(180deg, #a0c8e8 0%, #80b0d8 50%, #6098c8 100%); border: 4px solid #8a7a6a; border-radius: 6% 6% 4% 4%; box-shadow: inset 0 0 12px rgba(255,255,255,.4), 0 4px 8px rgba(0,0,0,.15); animation: gh-win-r 10s ease-in-out infinite alternate 3s; }
.scn-government-house .carpet { position:absolute; bottom:0; left:10%; right:10%; height:18%; background: linear-gradient(90deg, #8a2230 0%, #a03a48 15%, #c85868 30%, #d06878 50%, #c85868 70%, #a03a48 85%, #8a2230 100%); border-radius: 60% 60% 0 0 / 100% 100% 0 0; box-shadow: inset 0 6px 12px rgba(0,0,0,.2); animation: gh-carpet 8s ease-in-out infinite; }
.scn-government-house .figure-guest { position:absolute; bottom:15%; left:50%; width:20px; height:38px; transform: translateX(-50%); background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 60%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; box-shadow: 1px 0 6px rgba(0,0,0,.2); animation: gh-guest 4s ease-in-out infinite; }
.scn-government-house .door-arch { position:absolute; bottom:15%; left:40%; width:24px; height:55px; background: linear-gradient(180deg, #a09888 0%, #8a8272 50%, #7a7262 100%); border-radius: 50% 50% 0 0 / 40% 40% 0 0; box-shadow: inset 0 0 12px rgba(0,0,0,.15), 2px 0 8px rgba(0,0,0,.1); }
.scn-government-house .glow-floor { position:absolute; bottom:15%; left:44%; width:16px; height:8px; background: radial-gradient(ellipse, #f0e080 0%, #d0b858 50%, transparent 80%); border-radius: 50%; filter: blur(4px); animation: gh-floor-glow 3s ease-in-out infinite alternate; }
@keyframes gh-chandelier { 0% { transform: translateX(-50%) rotate(-2deg) scaleY(1) } 50% { transform: translateX(-50%) rotate(1deg) scaleY(1.05) } 100% { transform: translateX(-50%) rotate(-2deg) scaleY(1) } }
@keyframes gh-win-l { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes gh-win-r { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes gh-carpet { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(1.01) } }
@keyframes gh-guest { 0% { transform: translateX(-50%) rotate(0) } 25% { transform: translateX(-50%) translateY(-2px) rotate(-2deg) } 50% { transform: translateX(-50%) translateY(0) rotate(0) } 75% { transform: translateX(-50%) translateY(-1px) rotate(2deg) } 100% { transform: translateX(-50%) rotate(0) } }
@keyframes gh-floor-glow { 0% { opacity:.5; transform: scale(1) } 50% { opacity:1; transform: scale(1.3) } 100% { opacity:.6; transform: scale(1) } }

/* Scene 1: french-language */
.scn-french-language {
  background: linear-gradient(180deg, #f5e6d0 0%, #e8d5b5 40%, #d6c4a0 100%), radial-gradient(ellipse at 30% 70%, rgba(255,235,200,0.4) 0%, transparent 60%);
}
.scn-french-language .room-bg { position:absolute; inset:0; background: linear-gradient(135deg, #f0e0c8 0%, #dcc8aa 100%); }
.scn-french-language .window { position:absolute; top:15%; left:10%; width:30%; height:45%; background: linear-gradient(180deg, #fff8e0 0%, #f2e6cc 100%); border-radius:4% 4% 2% 2%; box-shadow: 0 0 40px 10px rgba(255,240,180,0.3); animation: fl-window 8s ease-in-out infinite alternate; }
.scn-french-language .bookshelf { position:absolute; bottom:20%; right:10%; width:35%; height:50%; background: linear-gradient(180deg, #8a6e4e 0%, #6b5036 100%); border-radius:2% 2% 0 0; box-shadow: inset 0 20px 30px rgba(0,0,0,0.2); }
.scn-french-language .figure-a { position:absolute; bottom:25%; left:25%; width:20px; height:40px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fl-figure-a 5s ease-in-out infinite; }
.scn-french-language .figure-b { position:absolute; bottom:25%; left:38%; width:18px; height:38px; background: linear-gradient(180deg, #2a1a1a 0%, #0a0808 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fl-figure-b 5.5s ease-in-out infinite 0.3s; }
.scn-french-language .lamp-glow { position:absolute; top:20%; left:60%; width:20px; height:30px; background: radial-gradient(circle, #ffe080 0%, #e0b060 70%); border-radius:50% 50% 30% 30%; box-shadow: 0 0 40px 15px #e0b060, 0 0 80px 30px rgba(224,176,96,0.3); animation: fl-lamp 3s ease-in-out infinite alternate; }
.scn-french-language .dust { position:absolute; top:40%; left:50%; width:4px; height:4px; background: rgba(255,240,200,0.3); border-radius:50%; filter: blur(2px); animation: fl-dust 12s linear infinite; }
@keyframes fl-window { 0% { background: linear-gradient(180deg, #fff8e0 0%, #f2e6cc 100%); } 50% { background: linear-gradient(180deg, #fef8e5 0%, #f5ebd0 100%); box-shadow: 0 0 50px 15px rgba(255,240,180,0.4); } 100% { background: linear-gradient(180deg, #fff0d0 0%, #e8dcc0 100%); } }
@keyframes fl-figure-a { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(4px) rotate(2deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-3px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes fl-figure-b { 0% { transform: translateX(0) rotate(1deg); } 33% { transform: translateX(-3px) rotate(-1deg); } 66% { transform: translateX(2px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes fl-lamp { 0% { box-shadow: 0 0 30px 10px #e0b060, 0 0 60px 20px rgba(224,176,96,0.2); opacity:0.9; } 50% { box-shadow: 0 0 50px 20px #f0c070, 0 0 90px 30px rgba(240,192,112,0.4); opacity:1; } 100% { box-shadow: 0 0 35px 12px #d0a050, 0 0 70px 25px rgba(208,160,80,0.25); opacity:0.85; } }
@keyframes fl-dust { 0% { transform: translate(0, 0) scale(1); opacity:0.4; } 25% { transform: translate(10px, -5px) scale(1.2); opacity:0.6; } 50% { transform: translate(20px, 5px) scale(0.8); opacity:0.3; } 75% { transform: translate(30px, -2px) scale(1.1); opacity:0.5; } 100% { transform: translate(-10px, 0) scale(1); opacity:0.4; } }

/* Scene 2: sugar-decline */
.scn-sugar-decline {
  background: linear-gradient(180deg, #1a1815 0%, #2c2420 40%, #3a2e26 100%), radial-gradient(ellipse at 50% 100%, #4a3a2a 0%, transparent 70%);
}
.scn-sugar-decline .factory-bg { position:absolute; inset:0; background: linear-gradient(135deg, #2a2220 0%, #1a1410 100%); }
.scn-sugar-decline .machine { position:absolute; bottom:20%; left:20%; width:50%; height:40%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:5% 5% 0 0; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5); animation: sd-machine 12s ease-in-out infinite alternate; }
.scn-sugar-decline .vat { position:absolute; bottom:10%; left:40%; width:30%; height:50%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:10% 10% 5% 5%; box-shadow: 0 10px 30px rgba(0,0,0,0.6); }
.scn-sugar-decline .figure { position:absolute; bottom:15%; left:25%; width:22px; height:45px; background: linear-gradient(180deg, #1a1410 0%, #0a0806 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sd-figure 4s ease-in-out infinite; }
.scn-sugar-decline .light-beam { position:absolute; top:5%; left:30%; width:8%; height:60%; background: linear-gradient(180deg, rgba(255,220,150,0.15) 0%, rgba(255,220,150,0) 100%); filter: blur(4px); animation: sd-beam 6s ease-in-out infinite alternate; }
.scn-sugar-decline .steam-1 { position:absolute; bottom:40%; left:35%; width:60px; height:30px; background: rgba(200,180,160,0.08); border-radius:50%; filter: blur(10px); animation: sd-steam 8s ease-in-out infinite; }
.scn-sugar-decline .steam-2 { position:absolute; bottom:45%; left:50%; width:50px; height:25px; background: rgba(200,180,160,0.06); border-radius:50%; filter: blur(8px); animation: sd-steam 8s ease-in-out infinite 4s; }
@keyframes sd-machine { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes sd-figure { 0% { transform: translateX(0) rotate(0); } 30% { transform: translateX(5px) rotate(2deg); } 60% { transform: translateX(-3px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes sd-beam { 0% { opacity:0.3; transform: scaleY(1); } 50% { opacity:0.6; transform: scaleY(1.05); } 100% { opacity:0.3; transform: scaleY(1); } }
@keyframes sd-steam { 0% { transform: translateY(0) scale(1); opacity:0.6; } 50% { transform: translateY(-20px) scale(1.3); opacity:0.2; } 100% { transform: translateY(-40px) scale(0.8); opacity:0; } }

/* Scene 3: paul-virginia-bible */
.scn-paul-virginia-bible {
  background: linear-gradient(180deg, #fefce8 0%, #f8f0d0 40%, #efe0b0 100%), radial-gradient(ellipse at 50% 30%, rgba(255,240,180,0.3) 0%, transparent 60%);
}
.scn-paul-virginia-bible .wall-bg { position:absolute; inset:0; background: linear-gradient(135deg, #fcf5e0 0%, #efe0c0 100%); }
.scn-paul-virginia-bible .shelf { position:absolute; bottom:30%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius:2px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.scn-paul-virginia-bible .book-bible { position:absolute; bottom:38%; left:25%; width:20%; height:30%; background: linear-gradient(180deg, #3a5a3a 0%, #2a4a2a 100%); border-radius:5% 5% 2% 2%; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); transform-origin: bottom center; animation: pvb-bible 4s ease-in-out infinite; }
.scn-paul-virginia-bible .book-paul { position:absolute; bottom:38%; left:48%; width:15%; height:25%; background: linear-gradient(180deg, #c0553d 0%, #a0452d 100%); border-radius:5% 5% 2% 2%; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); transform-origin: bottom center; animation: pvb-paul 3.5s ease-in-out infinite 0.2s; }
.scn-paul-virginia-bible .figure { position:absolute; bottom:10%; left:60%; width:25px; height:50px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pvb-figure 5s ease-in-out infinite; }
.scn-paul-virginia-bible .glasses { position:absolute; bottom:30%; left:62%; width:16px; height:8px; background: transparent; border: 2px solid #606060; border-radius:50%; transform: rotate(-5deg); animation: pvb-glasses 6s ease-in-out infinite; }
.scn-paul-virginia-bible .question-mark { position:absolute; top:20%; left:50%; width:30px; height:40px; background: radial-gradient(circle, rgba(200,200,80,0.3) 0%, transparent 70%); border-radius:50%; filter: blur(3px); animation: pvb-question 4s ease-in-out infinite; }
@keyframes pvb-bible { 0% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(3deg) scale(1.05); } 50% { transform: rotate(-2deg) scale(1); } 75% { transform: rotate(2deg) scale(1.02); } 100% { transform: rotate(0deg) scale(1); } }
@keyframes pvb-paul { 0% { transform: rotate(0deg) translateY(0); } 30% { transform: rotate(-5deg) translateY(-3px); } 60% { transform: rotate(4deg) translateY(0); } 100% { transform: rotate(0deg) translateY(0); } }
@keyframes pvb-figure { 0% { transform: translateX(0) rotate(0); } 33% { transform: translateX(8px) rotate(3deg); } 66% { transform: translateX(-5px) rotate(-2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes pvb-glasses { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-2px); } }
@keyframes pvb-question { 0% { transform: translate(0,0) scale(1); opacity:0.4; } 50% { transform: translate(5px,-5px) scale(1.2); opacity:0.8; } 100% { transform: translate(0,0) scale(1); opacity:0.4; } }

/* Scene 4: mauritius-matches */
.scn-mauritius-matches {
  background: linear-gradient(180deg, #f0e0c0 0%, #d8c8a0 40%, #c0b080 100%), radial-gradient(ellipse at 50% 60%, rgba(255,220,150,0.4) 0%, transparent 70%);
}
.scn-mauritius-matches .table-bg { position:absolute; inset:0; background: linear-gradient(135deg, #e8d8b8 0%, #d0c098 100%); }
.scn-mauritius-matches .matchbox { position:absolute; bottom:15%; left:30%; width:30%; height:15%; background: linear-gradient(180deg, #a08a70 0%, #806a50 100%); border-radius:5% 5% 8% 8%; box-shadow: 0 6px 12px rgba(0,0,0,0.2); }
.scn-mauritius-matches .match { position:absolute; bottom:30%; left:35%; width:6%; height:25%; background: linear-gradient(180deg, #d0b080 0%, #a08060 100%); border-radius:20% 20% 10% 10%; transform-origin: bottom center; animation: mm-match 3s ease-in-out infinite; }
.scn-mauritius-matches .match::after { content:''; position:absolute; top:-5%; left:50%; width:60%; height:12%; background: #c8553d; border-radius:50%; transform:translateX(-50%); } /* match head */
.scn-mauritius-matches .hand { position:absolute; bottom:30%; left:20%; width:30px; height:45px; background: linear-gradient(180deg, #d0a080 0%, #a07050 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mm-hand 3.5s ease-in-out infinite 0.2s; }
.scn-mauritius-matches .spark { position:absolute; bottom:45%; left:35%; width:8px; height:8px; background: radial-gradient(circle, #ffd080 0%, #e0a050 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 20px 5px #ffd080; animation: mm-spark 0.6s ease-in-out infinite; }
.scn-mauritius-matches .streak { position:absolute; bottom:38%; left:25%; width:20%; height:2px; background: linear-gradient(90deg, transparent, rgba(255,200,100,0.6), transparent); animation: mm-streak 1s linear infinite; }
@keyframes mm-match { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(20px) rotate(10deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-10px) rotate(-5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes mm-hand { 0% { transform: translateX(0) rotate(0); } 30% { transform: translateX(20px) rotate(5deg); } 60% { transform: translateX(0) rotate(0); } 100% { transform: translateX(0) rotate(0); } }
@keyframes mm-spark { 0%,100% { opacity:0; transform: scale(0.5); } 50% { opacity:1; transform: scale(1.5); } }
@keyframes mm-streak { 0% { transform: translateX(-10px); opacity:0; } 50% { opacity:1; } 100% { transform: translateX(30px); opacity:0; } }

.scn-sudden-season {
  background:
    linear-gradient(180deg, #b0d4f0 0%, #e0effa 40%, #ffffff 70%),
    radial-gradient(ellipse at 50% 0%, #f9e79f 0%, transparent 60%);
}
.scn-sudden-season .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #a0c8e8 0%, transparent 100%); }
.scn-sudden-season .sun { position:absolute; top:12%; left:15%; width:50px; height:50px; background: radial-gradient(circle, #ffe680 0%, #f5cb5c 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 40px 10px rgba(255,230,128,.6); animation: sud-sun 6s ease-in-out infinite alternate; }
.scn-sudden-season .cloud { position:absolute; top:20%; left:40%; width:120px; height:20px; background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%); border-radius:50%; filter: blur(8px); animation: sud-cloud 30s linear infinite; }
.scn-sudden-season .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #e0e8e0 0%, #c0d0c0 60%, #a0b8a0 100%); border-radius: 30% 70% 0 0 / 20% 60% 0 0; box-shadow: inset 0 10px 30px rgba(160,180,160,.5); }
.scn-sudden-season .figure { position:absolute; bottom:20%; left:38%; width:30px; height:60px; background: linear-gradient(180deg, #4a6a8a 0%, #2a4a6a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sud-shiver 2s ease-in-out infinite; }
.scn-sudden-season .scarf { position:absolute; bottom:46%; left:37%; width:24px; height:8px; background: linear-gradient(90deg, #c8553d 0%, #d48b6a 100%); border-radius:30% 30% 50% 50% / 50% 50% 30% 30%; transform-origin: left center; animation: sud-scarf 3s ease-in-out infinite alternate; }
.scn-sudden-season .snow { position:absolute; width:8px; height:8px; background: radial-gradient(circle, #ffffff 0%, rgba(255,255,255,.3) 70%); border-radius:50%; animation: sud-snow 10s linear infinite; }
.scn-sudden-season .snow-a { top:5%; left:10%; animation-duration:12s; animation-delay:-3s; }
.scn-sudden-season .snow-b { top:15%; left:60%; animation-duration:15s; animation-delay:-7s; }
@keyframes sud-sun { 0% { transform: scale(1); opacity:.8; } 50% { transform: scale(1.1); opacity:1; } 100% { transform: scale(1); opacity:.85; } }
@keyframes sud-cloud { 0% { transform: translateX(-130px); } 100% { transform: translateX(100vw); } }
@keyframes sud-shiver { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-2px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(2deg); } 75% { transform: translateX(-1px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sud-scarf { 0% { transform: rotate( -15deg) translateY(0); } 50% { transform: rotate(10deg) translateY(-2px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes sud-snow { 0% { transform: translateY(-20px) rotate(0deg); opacity:1; } 100% { transform: translateY(60vh) rotate(360deg); opacity:0; } }

.scn-fiji-friends {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #5a3a2a 30%, #7a5a3a 60%, #4a2a1a 100%),
    radial-gradient(ellipse at 30% 50%, #b08050 0%, transparent 70%);
}
.scn-fiji-friends .wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(90deg, #6a4a2a 0%, #8a6a4a 50%, #6a4a2a 100%); }
.scn-fiji-friends .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.5); }
.scn-fiji-friends .table { position:absolute; bottom:18%; left:35%; width:120px; height:40px; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 100%); border-radius:8% 8% 5% 5% / 20% 20% 10% 10%; transform: perspective(300px) rotateX(10deg); }
.scn-fiji-friends .lamp { position:absolute; bottom:30%; left:30%; width:10px; height:30px; background: linear-gradient(180deg, #c08040 0%, #8a6020 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 30px 15px rgba(192,128,64,.5); animation: fijf-lamp 4s ease-in-out infinite alternate; }
.scn-fiji-friends .friend { position:absolute; width:22px; height:50px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; }
.scn-fiji-friends .friend-left { bottom:14%; left:30%; animation: fijf-gesture-left 6s ease-in-out infinite; }
.scn-fiji-friends .friend-right { bottom:14%; right:30%; animation: fijf-gesture-right 8s ease-in-out infinite; }
.scn-fiji-friends .window { position:absolute; top:12%; right:10%; width:100px; height:80px; background: linear-gradient(180deg, #1a1a3a 0%, #2a2a5a 100%); border:6px solid #4a3a2a; border-radius:4% / 6%; box-shadow: inset 0 0 20px rgba(0,0,0,.5); animation: fijf-window 12s ease-in-out infinite alternate; }
@keyframes fijf-lamp { 0% { box-shadow: 0 0 20px 8px rgba(192,128,64,.4); opacity:.8; } 50% { box-shadow: 0 0 40px 20px rgba(255,192,96,.7); opacity:1; } 100% { box-shadow: 0 0 25px 10px rgba(192,128,64,.5); opacity:.9; } }
@keyframes fijf-gesture-left { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-4px) rotate(3deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes fijf-gesture-right { 0% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-3px) rotate(-4deg); } 100% { transform: translateY(0) rotate(1deg); } }
@keyframes fijf-window { 0% { opacity:.6; background-position: 0 0; } 50% { opacity:.9; background-position: 10px 5px; } 100% { opacity:.7; background-position: -5px -3px; } }

.scn-fijian-butler {
  background:
    linear-gradient(180deg, #e8dcc8 0%, #f0e8d8 30%, #f8f0e0 60%, #e0d0b8 100%),
    radial-gradient(ellipse at 50% 80%, #fff8e8 0%, transparent 60%);
}
.scn-fijian-butler .wall { position:absolute; inset:0 0 15% 0; background: linear-gradient(90deg, #d0c0a0 0%, #e0d0b0 50%, #c8b898 100%); }
.scn-fijian-butler .floor { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, #b09070 0%, #907050 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,.3); }
.scn-fijian-butler .butler { position:absolute; bottom:10%; left:45%; width:40px; height:120px; background: linear-gradient(180deg, #f0e8d8 0%, #d8c8b0 30%, #b8a088 80%, #8a7058 100%); border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%; transform-origin: bottom center; animation: fijb-bow 10s ease-in-out infinite; }
.scn-fijian-butler .friend { position:absolute; bottom:10%; left:20%; width:25px; height:55px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: fijb-look 12s ease-in-out infinite; }
.scn-fijian-butler .window { position:absolute; top:8%; right:5%; width:90px; height:70px; background: linear-gradient(180deg, #b0d4f0 0%, #d0e8f8 100%); border:6px solid #8a7a5a; border-radius:4% 4% 6% 6%; box-shadow: inset 0 0 20px rgba(255,255,255,.3); animation: fijb-light 8s ease-in-out infinite alternate; }
.scn-fijian-butler .plant { position:absolute; bottom:15%; left:10%; width:30px; height:50px; background: radial-gradient(ellipse at 50% 80%, #4a7a4a 0%, #2a5a2a 50%, #1a3a1a 100%); border-radius: 50% 50% 30% 30% / 40% 40% 60% 60%; transform-origin: bottom center; animation: fijb-plant 15s ease-in-out infinite; }
@keyframes fijb-bow { 0% { transform: rotate(0deg) translateX(0); } 30% { transform: rotate(-15deg) translateX(-5px); } 60% { transform: rotate(5deg) translateX(3px); } 100% { transform: rotate(0deg) translateX(0); } }
@keyframes fijb-look { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.05); } 100% { transform: translateY(0) scale(1); } }
@keyframes fijb-light { 0% { opacity:.7; filter: brightness(.8); } 50% { opacity:1; filter: brightness(1.1); } 100% { opacity:.8; filter: brightness(.9); } }
@keyframes fijb-plant { 0% { transform: rotate(-5deg); } 50% { transform: rotate(8deg); } 100% { transform: rotate(-7deg); } }

.scn-fiji-cession {
  background:
    linear-gradient(180deg, #d8c8b0 0%, #e8dcc8 30%, #f0e8d8 60%, #d0c0a0 100%),
    radial-gradient(ellipse at 50% 70%, #fff8e8 0%, transparent 50%);
}
.scn-fiji-cession .wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(90deg, #b0a080 0%, #c8b898 50%, #a09070 100%); }
.scn-fiji-cession .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #9a8a6a 0%, #7a6a4a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,.3); }
.scn-fiji-cession .desk { position:absolute; bottom:18%; left:30%; width:160px; height:30px; background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%); border-radius:4% 4% 8% 8% / 10% 10% 20% 20%; transform: perspective(200px) rotateX(5deg); box-shadow: 0 6px 12px rgba(0,0,0,.4); }
.scn-fiji-cession .king { position:absolute; bottom:15%; left:25%; width:28px; height:60px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: fijc-king 7s ease-in-out infinite; }
.scn-fiji-cession .commissioner { position:absolute; bottom:15%; right:30%; width:22px; height:55px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; animation: fijc-comm 9s ease-in-out infinite; }
.scn-fiji-cession .document { position:absolute; bottom:26%; left:42%; width:40px; height:28px; background: linear-gradient(180deg, #f8f0e0 0%, #e8dcc8 100%); border:1px solid #a09070; transform: rotate(-5deg); transform-origin: left bottom; animation: fijc-doc 5s ease-in-out infinite alternate; }
.scn-fiji-cession .crab { position:absolute; bottom:30%; left:70%; width:20px; height:12px; background: radial-gradient(ellipse at 50% 50%, #c8553d 0%, #a0461a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; animation: fijc-crab 14s linear infinite; }
@keyframes fijc-king { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes fijc-comm { 0% { transform: translateY(0) rotate(0deg); } 33% { transform: translateY(-2px) rotate(-4deg); } 66% { transform: translateY(-5px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes fijc-doc { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-2px); } 100% { transform: rotate(-8deg) translateY(0); } }
@keyframes fijc-crab { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(10px) rotate(15deg); } 100% { transform: translateX(0) rotate(-10deg); } }

.scn-stawell-gold { background: linear-gradient(180deg, #e8c070 0%, #c8955a 40%, #a07040 100%), radial-gradient(ellipse at 50% 100%, #d4a868 0%, transparent 60%); }
.scn-stawell-gold .bg-warm { position:absolute; inset:0; background: linear-gradient(135deg, #f0d090 0%, #d4a868 50%, #b88542 100%); }
.scn-stawell-gold .shelf { position:absolute; bottom:30%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #7a5a2a 0%, #4a3018 100%); border-radius:4px; box-shadow: 0 6px 12px rgba(0,0,0,0.4); }
.scn-stawell-gold .brick-left { position:absolute; bottom:32%; left:20%; width:12%; height:12%; background: linear-gradient(145deg, #f0d080 0%, #c89040 100%); border-radius:8px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: gl-brick 4s ease-in-out infinite alternate; }
.scn-stawell-gold .brick-right { position:absolute; bottom:32%; left:38%; width:12%; height:12%; background: linear-gradient(145deg, #f0d080 0%, #c89040 100%); border-radius:8px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: gl-brick 4s ease-in-out infinite alternate-reverse; }
.scn-stawell-gold .bottle { position:absolute; bottom:34%; left:62%; width:6%; height:25%; background: linear-gradient(180deg, #4a6a3a 0%, #2a4a1a 50%, #1a3a0a 100%); border-radius:50% 50% 20% 20% / 60% 60% 20% 20%; transform-origin: bottom center; animation: gl-bottle 6s ease-in-out infinite; }
.scn-stawell-gold .glass { position:absolute; bottom:32%; left:74%; width:4%; height:18%; background: linear-gradient(180deg, rgba(255,255,200,0.3) 0%, rgba(200,180,100,0.2) 100%); border-radius:50% 50% 10% 10% / 40% 40% 10% 10%; box-shadow: 0 0 6px 2px rgba(255,230,150,0.3); }
.scn-stawell-gold .window { position:absolute; top:10%; right:5%; width:25%; height:40%; background: linear-gradient(180deg, #b0d0e0 0%, #80a0c0 100%); border-radius:40% 40% 10% 10% / 60% 60% 10% 10%; border: 4px solid #5a3a1a; box-shadow: inset 0 0 30px rgba(200,180,100,0.5); }
.scn-stawell-gold .vine { position:absolute; top:8%; right:5%; width:25%; height:30%; background: radial-gradient(ellipse at 30% 50%, #3a5a2a 0%, transparent 70%); border-radius:50%; filter: blur(8px); animation: gl-vine 12s ease-in-out infinite alternate; }
.scn-stawell-gold .glint { position:absolute; bottom:34%; left:24%; width:6%; height:6%; background: radial-gradient(circle, #fff8e0 0%, #f0d080 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 20px 8px rgba(240,208,128,0.6); animation: gl-glint 2s ease-in-out infinite alternate; }
@keyframes gl-brick { 0% { transform: scale(1) translateY(0); box-shadow: 0 4px 8px rgba(0,0,0,0.3); } 50% { transform: scale(1.05) translateY(-2px); box-shadow: 0 8px 16px rgba(0,0,0,0.5); } 100% { transform: scale(1) translateY(0); box-shadow: 0 4px 8px rgba(0,0,0,0.3); } }
@keyframes gl-bottle { 0%,100% { transform: rotate(-2deg); } 25% { transform: rotate(3deg) translateY(-1px); } 75% { transform: rotate(-3deg) translateY(-1px); } }
@keyframes gl-vine { 0% { opacity: 0.6; transform: scale(1) rotate(0deg); } 100% { opacity: 1; transform: scale(1.1) rotate(3deg); } }
@keyframes gl-glint { 0% { opacity: 0.3; } 50% { opacity: 1; transform: scale(1.5); } 100% { opacity: 0.3; } }

.scn-three-sisters-boulders { background: linear-gradient(180deg, #87ceeb 0%, #b0d8f0 60%, #90b8d0 100%), radial-gradient(ellipse at 50% 100%, #a0c8d0 0%, transparent 70%); }
.scn-three-sisters-boulders .sky-sunlit { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #a0d8ff 0%, #d0e8ff 100%); }
.scn-three-sisters-boulders .grass { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #7a9a5a 0%, #4a6a2a 100%); border-radius: 40% 60% 0 0 / 60% 40% 0 0; box-shadow: inset 0 6px 12px rgba(0,0,0,0.2); }
.scn-three-sisters-boulders .boulder-a { position:absolute; bottom:25%; left:10%; width:20%; height:30%; background: linear-gradient(135deg, #9a8a7a 0%, #6a5a4a 100%); border-radius: 60% 40% 30% 70% / 70% 50% 50% 30%; box-shadow: 0 8px 20px rgba(0,0,0,0.3); animation: sb-bob 18s ease-in-out infinite; }
.scn-three-sisters-boulders .boulder-b { position:absolute; bottom:22%; left:40%; width:22%; height:35%; background: linear-gradient(135deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 50% 50% 40% 60% / 50% 60% 40% 50%; box-shadow: 0 10px 24px rgba(0,0,0,0.4); animation: sb-bob 22s ease-in-out infinite 2s; }
.scn-three-sisters-boulders .boulder-c { position:absolute; bottom:28%; left:70%; width:18%; height:25%; background: linear-gradient(135deg, #b0a090 0%, #7a6a5a 100%); border-radius: 70% 30% 50% 50% / 60% 40% 60% 40%; box-shadow: 0 6px 16px rgba(0,0,0,0.25); animation: sb-bob 20s ease-in-out infinite 4s; }
.scn-three-sisters-boulders .sun-glow { position:absolute; top:8%; left:12%; width:12%; height:12%; background: radial-gradient(circle, #fff8e0 0%, #ffd080 40%, transparent 80%); border-radius:50%; box-shadow: 0 0 60px 30px rgba(255,208,128,0.4); animation: sb-sun 12s ease-in-out infinite alternate; }
.scn-three-sisters-boulders .cloud-float { position:absolute; top:12%; right:20%; width:30%; height:8%; background: linear-gradient(90deg, rgba(255,255,240,0.6) 0%, rgba(200,220,240,0.2) 100%); border-radius:50%; filter: blur(10px); animation: sb-drift-a 40s linear infinite; }
.scn-three-sisters-boulders .cloud-drift { position:absolute; top:20%; left:5%; width:26%; height:6%; background: linear-gradient(90deg, rgba(255,255,240,0.5) 0%, rgba(200,220,240,0.15) 100%); border-radius:50%; filter: blur(8px); animation: sb-drift-b 50s linear infinite reverse; }
@keyframes sb-bob { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-4px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(-1deg); } }
@keyframes sb-sun { 0% { opacity: 0.8; transform: scale(1); } 100% { opacity: 1; transform: scale(1.1); } }
@keyframes sb-drift-a { 0% { transform: translateX(10%); } 100% { transform: translateX(-120%); } }
@keyframes sb-drift-b { 0% { transform: translateX(-5%); } 100% { transform: translateX(140%); } }

.scn-gum-tree-forest { background: linear-gradient(180deg, #d0e8b0 0%, #a0c880 50%, #80a860 100%), radial-gradient(ellipse at 50% 0, #c0e0a0 0%, transparent 70%); }
.scn-gum-tree-forest .forest-bg { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #b0d090 0%, #80b060 100%); box-shadow: inset 0 6px 20px rgba(0,0,0,0.1); }
.scn-gum-tree-forest .road-clay { position:absolute; bottom:20%; left:30%; right:30%; height:5%; background: linear-gradient(180deg, #f0e8d0 0%, #d0c8a0 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.scn-gum-tree-forest .tree-a { position:absolute; bottom:20%; left:15%; width:4%; height:60%; background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 60%, #2a4a0a 100%); border-radius: 50% 50% 20% 20% / 30% 30% 20% 20%; transform-origin: bottom center; box-shadow: 0 0 10px 2px rgba(0,0,0,0.2); animation: gf-sway 6s ease-in-out infinite; }
.scn-gum-tree-forest .tree-b { position:absolute; bottom:18%; left:40%; width:5%; height:70%; background: linear-gradient(180deg, #6a8a4a 0%, #4a6a2a 60%, #2a4a0a 100%); border-radius: 50% 50% 20% 20% / 40% 40% 20% 20%; transform-origin: bottom center; animation: gf-sway 8s ease-in-out infinite 1s; }
.scn-gum-tree-forest .tree-c { position:absolute; bottom:22%; left:70%; width:4%; height:55%; background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 60%, #2a4a0a 100%); border-radius: 50% 50% 20% 20% / 25% 25% 20% 20%; transform-origin: bottom center; animation: gf-sway 7s ease-in-out infinite 2s; }
.scn-gum-tree-forest .ox-silhouette { position:absolute; bottom:22%; left:45%; width:14%; height:12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 30% 40% 50% / 60% 40% 60% 40%; transform: translateX(-50%); animation: gf-ox 12s ease-in-out infinite; }
.scn-gum-tree-forest .leaf-rustle { position:absolute; top:10%; left:20%; right:20%; height:20%; background: radial-gradient(ellipse at 50% 50%, #8ab060 0%, transparent 70%); filter: blur(12px); animation: gf-leaf 4s ease-in-out infinite alternate; }
@keyframes gf-sway { 0%,100% { transform: rotate(0deg) scaleY(1); } 25% { transform: rotate(2deg) scaleY(1.02); } 75% { transform: rotate(-2deg) scaleY(0.98); } }
@keyframes gf-ox { 0%,100% { transform: translateX(-50%) translateY(0); } 25% { transform: translateX(-48%) translateY(-1px); } 75% { transform: translateX(-52%) translateY(-1px); } }
@keyframes gf-leaf { 0% { opacity: 0.5; transform: scale(1) translateY(0); } 100% { opacity: 0.9; transform: scale(1.2) translateY(-5px); } }

.scn-queens-english { background: linear-gradient(180deg, #f0e0c0 0%, #d0b090 50%, #b08860 100%), radial-gradient(ellipse at 50% 30%, #f8e8d0 0%, transparent 60%); }
.scn-queens-english .stage-bright { position:absolute; inset:0 10% 10%; background: linear-gradient(135deg, #f8f0e0 0%, #e0c8a0 100%); border-radius: 10% / 20%; box-shadow: inset 0 0 60px rgba(0,0,0,0.1); }
.scn-queens-english .podium { position:absolute; bottom:20%; left:40%; right:40%; height:10%; background: linear-gradient(180deg, #c0a080 0%, #8a6a4a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-queens-english .queen-sil { position:absolute; bottom:25%; left:50%; width:12%; height:40%; background: linear-gradient(180deg, #6a4a6a 0%, #3a2a4a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform: translateX(-50%); animation: qe-queen 4s ease-in-out infinite; }
.scn-queens-english .crown { position:absolute; bottom:58%; left:50%; width:14%; height:8%; background: linear-gradient(180deg, #f0d080 0%, #c8a050 100%); border-radius: 50% 50% 30% 30% / 80% 80% 20% 20%; transform: translateX(-50%); box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: qe-crown 3s ease-in-out infinite alternate; }
.scn-queens-english .scepter { position:absolute; bottom:28%; left:58%; width:2%; height:30%; background: linear-gradient(180deg, #d0b080 0%, #a08050 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; animation: qe-scepter 5s ease-in-out infinite; }
.scn-queens-english .bubble { position:absolute; top:8%; left:60%; width:20%; height:14%; background: radial-gradient(ellipse at 30% 30%, rgba(240,200,160,0.4) 0%, rgba(200,160,120,0.1) 100%); border-radius: 50%; border: 2px solid rgba(180,140,100,0.3); animation: qe-bubble 8s ease-in-out infinite alternate; }
.scn-queens-english .book-pile { position:absolute; bottom:15%; left:15%; width:18%; height:12%; background: linear-gradient(0deg, #8a4a2a 0%, #6a2a1a 60%, #4a1a0a 100%); border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); animation: qe-books 6s ease-in-out infinite; }
@keyframes qe-queen { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-3px) rotate(1deg); } 75% { transform: translateX(-50%) translateY(-1px) rotate(-1deg); } }
@keyframes qe-crown { 0% { transform: translateX(-50%) rotate(-3deg) scale(1); } 50% { transform: translateX(-50%) rotate(3deg) scale(1.1); } 100% { transform: translateX(-50%) rotate(-2deg) scale(1); } }
@keyframes qe-scepter { 0%,100% { transform: rotate(0deg); } 30% { transform: rotate(8deg); } 70% { transform: rotate(-5deg); } }
@keyframes qe-bubble { 0% { transform: scale(1) translateY(0); opacity: 0.6; } 100% { transform: scale(1.2) translateY(-8px); opacity: 1; } }
@keyframes qe-books { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 75% { transform: translateY(-1px) rotate(-2deg); } }

/* kamehameha-conquest */
.scn-kamehameha-conquest {
  background:
    linear-gradient(180deg, #f9e3b0 0%, #d6b880 40%, #9ac8d4 70%, #4a7a94 100%),
    radial-gradient(ellipse at 70% 20%, #fff5d0 0%, transparent 60%);
}
.scn-kamehameha-conquest .sky-conquest {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #fbe8c8 0%, #b0d8e8 60%, transparent 100%);
  animation: kc-sky 20s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest .ocean-conquest {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(0deg, #2a6a8a 0%, #4a9ac4 40%, #7ab8d4 100%);
  border-radius: 0 0 50% 50% / 0 0 20% 20%;
  animation: kc-ocean 8s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest .island-conquest {
  position: absolute; bottom: 40%; left: 15%; width: 120px; height: 50px;
  background: linear-gradient(180deg, #6a8a4a 0%, #3a5a2a 100%);
  border-radius: 50% 50% 40% 40% / 80% 80% 30% 30%;
  box-shadow: 0 0 20px 8px rgba(60,100,40,.3);
  animation: kc-island 15s ease-in-out infinite;
}
.scn-kamehameha-conquest .warrior-conquest {
  position: absolute; bottom: 42%; left: 20%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: kc-warrior 4s ease-in-out infinite;
}
.scn-kamehameha-conquest .spear-conquest {
  position: absolute; bottom: 45%; left: 22%; width: 4px; height: 50px;
  background: linear-gradient(180deg, #5a3a1a 0%, #1a0a00 100%);
  border-radius: 2px;
  transform: rotate(-15deg);
  animation: kc-spear 4s ease-in-out infinite;
}
.scn-kamehameha-conquest .sun-conquest {
  position: absolute; top: 6%; right: 18%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffe880 0%, #ffcc44 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(255,204,68,.5);
  animation: kc-sun 6s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest .cloud-c1, .scn-kamehameha-conquest .cloud-c2 {
  position: absolute; height: 20px; background: linear-gradient(90deg, rgba(255,255,240,.6), rgba(255,255,240,.1)); border-radius: 50%; filter: blur(8px);
  animation: kc-cloud 30s linear infinite;
}
.scn-kamehameha-conquest .cloud-c1 { top: 12%; left: 0; width: 90px; }
.scn-kamehameha-conquest .cloud-c2 { top: 18%; left: 20%; width: 60px; animation-delay: -10s; }
@keyframes kc-sky { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .9 } }
@keyframes kc-ocean { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) scaleY(1.02) } 100% { transform: translateY(2px) } }
@keyframes kc-island { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes kc-warrior { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) rotate(2deg) } 100% { transform: translateX(16px) rotate(0) } }
@keyframes kc-spear { 0%,100% { transform: rotate(-15deg) } 50% { transform: rotate(-18deg) } }
@keyframes kc-sun { 0% { box-shadow: 0 0 30px 15px rgba(255,204,68,.4); opacity: .9 } 50% { box-shadow: 0 0 60px 30px rgba(255,204,68,.7); opacity: 1 } 100% { box-shadow: 0 0 40px 20px rgba(255,204,68,.5); opacity: .95 } }
@keyframes kc-cloud { 0% { transform: translateX(-100px) } 100% { transform: translateX(120vw) } }

/* savage-king */
.scn-savage-king {
  background:
    linear-gradient(180deg, #6a4230 0%, #4a2818 50%, #2a1408 100%),
    radial-gradient(ellipse at 50% 20%, #d6a070 0%, transparent 60%);
}
.scn-savage-king .hut-wall {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(90deg, #8a5a3a 0px, #a07050 4px, #8a5a3a 8px);
  opacity: .3;
}
.scn-savage-king .table-sk {
  position: absolute; bottom: 25%; left: 20%; right: 20%; height: 8%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,.6);
  animation: sk-table 12s ease-in-out infinite;
}
.scn-savage-king .king-sk {
  position: absolute; bottom: 28%; left: 30%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #1a0a00 0%, #0a0000 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: sk-king 5s ease-in-out infinite;
}
.scn-savage-king .lantern-sk {
  position: absolute; bottom: 38%; left: 60%; width: 16px; height: 20px;
  background: radial-gradient(circle at 50% 60%, #ffb040 0%, #d07020 70%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 30px 15px rgba(255,176,64,.4);
  animation: sk-lantern 3s ease-in-out infinite alternate;
}
.scn-savage-king .book-sk {
  position: absolute; bottom: 25.5%; left: 42%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #7a5a2a 0%, #5a3a0a 100%);
  border-radius: 2px;
  transform: rotate(-10deg);
  animation: sk-book 7s ease-in-out infinite;
}
.scn-savage-king .window-sk {
  position: absolute; top: 18%; left: 50%; width: 50px; height: 40px;
  border: 4px solid #5a3a1a;
  background: radial-gradient(circle at 50% 30%, #f0d090 0%, #c09050 100%);
  border-radius: 2px;
  animation: sk-window 8s ease-in-out infinite alternate;
}
.scn-savage-king .dust-1, .scn-savage-king .dust-2 {
  position: absolute; width: 4px; height: 4px;
  background: rgba(255,220,160,.5); border-radius: 50%;
  animation: sk-dust 4s ease-in-out infinite;
}
.scn-savage-king .dust-1 { top: 30%; left: 40%; animation-delay: 0s; }
.scn-savage-king .dust-2 { top: 50%; left: 65%; animation-delay: -2s; }
@keyframes sk-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes sk-king { 0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(5px) rotate(2deg) } 50% { transform: translateX(10px) rotate(-1deg) } 75% { transform: translateX(5px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes sk-lantern { 0% { box-shadow: 0 0 20px 10px rgba(255,176,64,.3); opacity: .8 } 50% { box-shadow: 0 0 40px 20px rgba(255,176,64,.6); opacity: 1 } 100% { box-shadow: 0 0 25px 12px rgba(255,176,64,.4); opacity: .9 } }
@keyframes sk-book { 0%,100% { transform: rotate(-10deg) } 50% { transform: rotate(-8deg) translateY(-1px) } }
@keyframes sk-window { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes sk-dust { 0% { transform: translate(0,0) scale(1); opacity: 0 } 25% { opacity: 1 } 50% { transform: translate(10px,-15px) scale(1.5) } 75% { opacity: .6 } 100% { transform: translate(20px,-30px) scale(0.5); opacity: 0 } }

/* kamehameha-wisdom */
.scn-kamehameha-wisdom {
  background:
    linear-gradient(180deg, #c8b898 0%, #8a7a5a 40%, #5a4a2a 100%),
    radial-gradient(ellipse at 30% 50%, #d4c4a4 0%, transparent 60%);
}
.scn-kamehameha-wisdom .bg-wall-kw {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, #9a8a6a 0px, #b0a080 4px, #9a8a6a 8px);
  opacity: .2;
}
.scn-kamehameha-wisdom .table-kw {
  position: absolute; bottom: 20%; left: 25%; right: 25%; height: 8%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a0a 100%);
  border-radius: 6px;
  box-shadow: 0 6px 14px rgba(0,0,0,.5);
}
.scn-kamehameha-wisdom .figure-kw {
  position: absolute; bottom: 22%; left: 30%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: kw-figure 6s ease-in-out infinite;
}
.scn-kamehameha-wisdom .compass-kw {
  position: absolute; bottom: 24%; left: 50%; width: 24px; height: 24px;
  background: radial-gradient(circle, #d0b050 0%, #a08030 60%, #705010 100%);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,.5);
  animation: kw-compass 12s linear infinite;
}
.scn-kamehameha-wisdom .map-kw {
  position: absolute; bottom: 25%; left: 38%; width: 40px; height: 28px;
  background: linear-gradient(135deg, #c8a868, #a08040, #c8a868);
  border-radius: 2px;
  transform: rotate(5deg);
  box-shadow: 2px 2px 6px rgba(0,0,0,.4);
  animation: kw-map 8s ease-in-out infinite;
}
.scn-kamehameha-wisdom .window-kw {
  position: absolute; top: 15%; right: 20%; width: 50px; height: 70px;
  border: 4px solid #5a3a1a;
  background: linear-gradient(180deg, #e8d8b8 0%, #c0a880 100%);
  border-radius: 4px;
  animation: kw-window 10s ease-in-out infinite alternate;
}
.scn-kamehameha-wisdom .glow-kw {
  position: absolute; bottom: 22%; left: 46%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(240,200,100,.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: kw-glow 4s ease-in-out infinite alternate;
}
@keyframes kw-figure { 0% { transform: translateX(0) rotate(0) } 50% { transform: translateX(4px) rotate(2deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes kw-compass { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes kw-map { 0%,100% { transform: rotate(5deg) translateY(0) } 50% { transform: rotate(3deg) translateY(-2px) } }
@keyframes kw-window { 0% { opacity: .7; box-shadow: inset 0 0 10px rgba(0,0,0,.1) } 50% { opacity: 1; box-shadow: inset 0 0 20px rgba(0,0,0,.2) } 100% { opacity: .8; box-shadow: inset 0 0 10px rgba(0,0,0,.1) } }
@keyframes kw-glow { 0% { opacity: .3; transform: scale(1) } 50% { opacity: .6; transform: scale(1.2) } 100% { opacity: .3; transform: scale(1) } }

/* king-reformer */
.scn-king-reformer {
  background:
    linear-gradient(135deg, #f0e68c 0%, #b0c040 50%, #80a030 100%),
    radial-gradient(ellipse at 80% 20%, #fff8dc 0%, transparent 50%);
}
.scn-king-reformer .throne-bg {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(45deg, #d8b860 0px, #e8c868 4px, #d8b860 8px);
  opacity: .15;
}
.scn-king-reformer .throne-kr {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 50%;
  background: linear-gradient(180deg, #b08a3a 0%, #7a5a1a 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  box-shadow: 0 10px 20px rgba(0,0,0,.4);
  animation: kr-throne 6s ease-in-out infinite;
}
.scn-king-reformer .king-kr {
  position: absolute; bottom: 30%; left: 35%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: kr-king 4s ease-in-out infinite;
}
.scn-king-reformer .cushion-kr {
  position: absolute; bottom: 22%; left: 30%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #d04040 0%, #a03030 100%);
  border-radius: 20px 20px 10px 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: kr-cushion 3s ease-in-out infinite alternate;
}
.scn-king-reformer .fan-kr {
  position: absolute; bottom: 50%; right: 25%; width: 40px; height: 60px;
  background: radial-gradient(ellipse at 50% 30%, #80d080 0%, #409040 70%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform: rotate(15deg);
  animation: kr-fan 2s ease-in-out infinite alternate;
}
.scn-king-reformer .scroll-kr {
  position: absolute; bottom: 28%; left: 50%; width: 50px; height: 12px;
  background: linear-gradient(180deg, #e8d8b0 0%, #c8b080 100%);
  border-radius: 4px;
  transform: rotate(-10deg);
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  animation: kr-scroll 5s ease-in-out infinite;
}
.scn-king-reformer .cat-kr {
  position: absolute; bottom: 20%; left: 55%; width: 20px; height: 16px;
  background: linear-gradient(180deg, #404040 0%, #202020 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: kr-cat 7s ease-in-out infinite;
}
@keyframes kr-throne { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-5px) } }
@keyframes kr-king { 0% { transform: translateX(0) rotate(0) } 30% { transform: translateX(8px) rotate(3deg) } 60% { transform: translateX(-4px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0) } }
@keyframes kr-cushion { 0% { transform: translateY(0) scale(1) } 100% { transform: translateY(-3px) scale(1.05) } }
@keyframes kr-fan { 0% { transform: rotate(15deg) scale(1) } 100% { transform: rotate(20deg) scale(1.1) } }
@keyframes kr-scroll { 0%,100% { transform: rotate(-10deg) } 50% { transform: rotate(-5deg) translateY(-2px) } }
@keyframes kr-cat { 0% { transform: translateX(0) translateY(0) } 25% { transform: translateX(5px) translateY(-2px) } 50% { transform: translateX(10px) translateY(0) } 75% { transform: translateX(5px) translateY(-1px) } 100% { transform: translateX(0) translateY(0) } }

/* eureka-stockade */
.scn-eureka-stockade {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 40%, #1a0a00 100%),
    radial-gradient(ellipse at 70% 50%, #c8553d 0%, transparent 60%);
}
.scn-eureka-stockade .eu-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #4a3a2a 0%, #3a2a1a 50%, #2a1a0a 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,.6);
  animation: eu-wall-flicker 3s ease-in-out infinite;
}
.scn-eureka-stockade .eu-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
}
.scn-eureka-stockade .eu-table {
  position: absolute; bottom: 22%; left: 30%; width: 40%; height: 8%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%);
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,.5);
}
.scn-eureka-stockade .eu-lantern {
  position: absolute; bottom: 48%; left: 65%; width: 14px; height: 20px;
  background: radial-gradient(circle at 50% 70%, #e8a060 0%, #c8553d 60%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 30px 8px #c8553d, 0 0 60px 16px rgba(200,85,61,.4);
  animation: eu-lantern-flicker 1.2s ease-in-out infinite alternate;
}
.scn-eureka-stockade .eu-figure-left {
  position: absolute; bottom: 22%; left: 35%; width: 20px; height: 36px;
  background: linear-gradient(180deg, #2a1a10 0%, #1a0a00 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: eu-figure-shift 4s ease-in-out infinite;
}
.scn-eureka-stockade .eu-figure-right {
  position: absolute; bottom: 22%; right: 32%; width: 18px; height: 34px;
  background: linear-gradient(180deg, #2a1a10 0%, #1a0a00 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: eu-figure-shift 4.5s ease-in-out infinite reverse;
}
.scn-eureka-stockade .eu-shadow {
  position: absolute; bottom: 20%; left: 28%; width: 44%; height: 10%;
  background: rgba(0,0,0,.4);
  border-radius: 50%;
  filter: blur(8px);
  animation: eu-shadow-pulse 2s ease-in-out infinite alternate;
}

@keyframes eu-wall-flicker {
  0%,100% { opacity: 0.85; }
  50% { opacity: 1; }
}
@keyframes eu-lantern-flicker {
  0% { box-shadow: 0 0 20px 4px #c8553d; opacity: 0.85; }
  100% { box-shadow: 0 0 40px 12px #e06030; opacity: 1; }
}
@keyframes eu-figure-shift {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(4px) rotate(2deg); }
}
@keyframes eu-shadow-pulse {
  0% { opacity: 0.3; transform: scaleX(1); }
  100% { opacity: 0.6; transform: scaleX(1.2); }
}

/* finest-thing */
.scn-finest-thing {
  background:
    linear-gradient(180deg, #f0d8b0 0%, #e0c090 50%, #c8a070 100%),
    radial-gradient(ellipse at 50% 30%, #fff0d0 0%, transparent 60%);
}
.scn-finest-thing .fin-bg {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #e8d0a0 0%, #d0b880 100%);
  animation: fin-bg-glide 20s ease-in-out infinite alternate;
}
.scn-finest-thing .fin-stage {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 40%;
  background: linear-gradient(180deg, #d0b080 0%, #b89060 100%);
  border-radius: 20% 20% 0 0 / 30% 30% 0 0;
  box-shadow: 0 -6px 20px rgba(0,0,0,.15);
}
.scn-finest-thing .fin-podium {
  position: absolute; bottom: 30%; left: 45%; width: 16%; height: 18%;
  background: linear-gradient(180deg, #c0a070 0%, #a08050 100%);
  border-radius: 10% 10% 5% 5%;
  transform: skewX(-5deg);
}
.scn-finest-thing .fin-orator {
  position: absolute; bottom: 30%; left: 43%; width: 26px; height: 44px;
  background: linear-gradient(180deg, #6a5030 0%, #4a3820 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 35% 35%;
  transform-origin: bottom center;
  animation: fin-orator-wave 6s ease-in-out infinite;
}
.scn-finest-thing .fin-spotlight {
  position: absolute; top: 0; left: 35%; width: 30%; height: 70%;
  background: linear-gradient(180deg, rgba(255,240,200,.6) 0%, transparent 100%);
  clip-path: polygon(40% 0%, 60% 0%, 80% 100%, 20% 100%);
  animation: fin-spotlight-sway 8s ease-in-out infinite alternate;
}
.scn-finest-thing .fin-banner {
  position: absolute; top: 5%; left: 15%; width: 70%; height: 8%;
  background: linear-gradient(90deg, #c8a060 0%, #b89850 50%, #c8a060 100%);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  animation: fin-banner-ripple 10s ease-in-out infinite alternate;
}

@keyframes fin-bg-glide {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}
@keyframes fin-orator-wave {
  0%,100% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(2px) rotate(3deg) scaleY(0.98); }
}
@keyframes fin-spotlight-sway {
  0% { transform: translateX(-5%); opacity: 0.7; }
  100% { transform: translateX(5%); opacity: 1; }
}
@keyframes fin-banner-ripple {
  0% { transform: skewX(0deg); }
  100% { transform: skewX(3deg); }
}

/* deep-shafts */
.scn-deep-shafts {
  background:
    linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 30%, #3a3a4a 60%, #1a1a2a 100%),
    radial-gradient(ellipse at 50% 85%, #c8a060 0%, transparent 50%);
}
.scn-deep-shafts .ds-shaft-left {
  position: absolute; inset: 0 80% 0 0;
  background: linear-gradient(90deg, #2a2a3a 0%, #1a1a2a 100%);
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
  animation: ds-shaft-contract 12s ease-in-out infinite alternate;
}
.scn-deep-shafts .ds-shaft-right {
  position: absolute; inset: 0 0 0 80%;
  background: linear-gradient(270deg, #2a2a3a 0%, #1a1a2a 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
  animation: ds-shaft-contract 12s ease-in-out infinite alternate-reverse;
}
.scn-deep-shafts .ds-depth {
  position: absolute; bottom: 0; left: 15%; right: 15%; height: 70%;
  background: linear-gradient(180deg, transparent 0%, #0a0a1a 100%);
  animation: ds-depth-pulse 8s ease-in-out infinite alternate;
}
.scn-deep-shafts .ds-gold-glow {
  position: absolute; bottom: 10%; left: 45%; width: 10%; height: 12%;
  background: radial-gradient(circle, #c8a060 0%, #b89050 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px #c8a060, 0 0 80px 20px rgba(200,160,96,.4);
  animation: ds-glow-pulse 5s ease-in-out infinite;
}
.scn-deep-shafts .ds-ladder {
  position: absolute; bottom: 15%; left: 48%; width: 4%; height: 50%;
  background: repeating-linear-gradient(0deg, #5a4a3a 0px, #5a4a3a 4px, transparent 4px, transparent 12px);
  border-radius: 2px;
  animation: ds-ladder-sway 9s ease-in-out infinite;
}
.scn-deep-shafts .ds-figure {
  position: absolute; bottom: 50%; left: 45%; width: 12px; height: 24px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: ds-figure-descend 15s ease-in-out infinite alternate;
}

@keyframes ds-shaft-contract {
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0.95); }
}
@keyframes ds-depth-pulse {
  0% { opacity: 0.6; }
  100% { opacity: 0.9; }
}
@keyframes ds-glow-pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 30px 6px #c8a060; }
  50% { transform: scale(1.1); box-shadow: 0 0 50px 12px #d0b070; }
}
@keyframes ds-ladder-sway {
  0%,100% { transform: rotate(0deg); }
  50% { transform: rotate(2deg); }
}
@keyframes ds-figure-descend {
  0% { transform: translateY(0) scale(0.8); opacity: 0.4; }
  100% { transform: translateY(60px) scale(1); opacity: 1; }
}

/* quartz-mining */
.scn-quartz-mining {
  background:
    linear-gradient(180deg, #2a2a3a 0%, #3a3a4a 50%, #4a4a5a 100%),
    radial-gradient(ellipse at 30% 40%, #e0d8c0 0%, transparent 70%);
}
.scn-quartz-mining .qz-rock-bg {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #4a4a5a 0%, #3a3a4a 50%, #2a2a3a 100%);
  border-radius: 0 0 30% 30% / 0 0 20% 20%;
}
.scn-quartz-mining .qz-vein {
  position: absolute; top: 20%; left: 30%; width: 40%; height: 15%;
  background: linear-gradient(90deg, #e0d8c0 0%, #f0e8d0 50%, #d0c8b0 100%);
  border-radius: 30% 50% 40% 40% / 50% 40% 30% 60%;
  box-shadow: 0 0 20px 4px rgba(224,216,192,.6);
  animation: qz-vein-glint 6s ease-in-out infinite alternate;
}
.scn-quartz-mining .qz-pick {
  position: absolute; bottom: 25%; left: 20%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom left;
  animation: qz-pick-swing 4s ease-in-out infinite;
}
.scn-quartz-mining .qz-drill {
  position: absolute; bottom: 30%; right: 25%; width: 6%; height: 16%;
  background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%);
  border-radius: 10% 10% 30% 30%;
  transform: rotate(-15deg);
  animation: qz-drill-vibrate 0.8s linear infinite;
}
.scn-quartz-mining .qz-sparkles {
  position: absolute; top: 25%; left: 45%; width: 12%; height: 12%;
  background: radial-gradient(circle, rgba(255,255,240,.8) 0%, transparent 60%);
  border-radius: 50%;
  filter: blur(3px);
  animation: qz-sparkle-dance 3s ease-in-out infinite;
}
.scn-quartz-mining .qz-headlamp {
  position: absolute; top: 15%; left: 15%; width: 8%; height: 8%;
  background: radial-gradient(circle, #f0e8d0 0%, #e0d8c0 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 6px #f0e8d0, 0 0 60px 12px rgba(240,232,208,.5);
  animation: qz-lamp-pulse 2s ease-in-out infinite alternate;
}
.scn-quartz-mining .qz-debris {
  position: absolute; bottom: 10%; left: 50%; width: 20%; height: 4%;
  background: linear-gradient(90deg, transparent, #5a4a3a, #6a5a4a, #5a4a3a, transparent);
  border-radius: 50%;
  filter: blur(3px);
  animation: qz-debris-slide 12s linear infinite;
}

@keyframes qz-vein-glint {
  0% { opacity: 0.7; transform: scaleX(1); }
  100% { opacity: 1; transform: scaleX(1.05); }
}
@keyframes qz-pick-swing {
  0%,100% { transform: rotate(-5deg); }
  50% { transform: rotate(10deg); }
}
@keyframes qz-drill-vibrate {
  0%,100% { transform: rotate(-15deg) translateX(0); }
  50% { transform: rotate(-14deg) translateX(1px); }
}
@keyframes qz-sparkle-dance {
  0%,100% { transform: translate(0,0) scale(1); opacity: 0.5; }
  50% { transform: translate(5px,-3px) scale(1.2); opacity: 1; }
}
@keyframes qz-lamp-pulse {
  0% { box-shadow: 0 0 20px 4px #f0e8d0; }
  100% { box-shadow: 0 0 40px 10px #fff4e0; }
}
@keyframes qz-debris-slide {
  0% { transform: translateX(-50px); }
  100% { transform: translateX(50px); }
}

.scn-thug-pride {
  background: 
    linear-gradient(180deg, #2d1e14 0%, #3d2a1c 30%, #1c1108 100%),
    radial-gradient(ellipse at 30% 60%, #5a3a22 0%, transparent 70%);
}
.scn-thug-pride .room-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(90deg, #2a1c12 0%, #3e2b1d 40%, #2a1c12 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.6);
  animation: tp-wall 12s ease-in-out infinite alternate;
}
.scn-thug-pride .room-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #2d1e14 0%, #1a0f08 100%);
  border-radius: 2% 2% 0 0;
}
.scn-thug-pride .table {
  position: absolute; bottom: 22%; left: 20%; width: 40%; height: 4%;
  background: #4a3220;
  border-radius: 2px; box-shadow: 0 4px 12px rgba(0,0,0,0.7);
  animation: tp-table 7s ease-in-out infinite;
}
.scn-thug-pride .lamp-glow {
  position: absolute; bottom: 30%; left: 28%; width: 12%; height: 16%;
  background: radial-gradient(circle, #c87a3a 0%, #aa5a2a 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #aa5a2a, 0 0 80px 40px rgba(170,90,42,0.3);
  animation: tp-lamp 4s ease-in-out infinite alternate;
}
.scn-thug-pride .figure-profile {
  position: absolute; bottom: 20%; left: 45%; width: 10%; height: 45%;
  background: linear-gradient(90deg, #1a0f08 0%, #2d1e14 40%, #2d1e14 100%);
  border-radius: 40% 60% 40% 50% / 50% 60% 40% 50%;
  transform: rotate(2deg);
  animation: tp-figure 6s ease-in-out infinite;
}
.scn-thug-pride .sword {
  position: absolute; bottom: 32%; left: 58%; width: 18%; height: 2%;
  background: linear-gradient(90deg, #5a4a3a 0%, #7a6a5a 50%, #5a4a3a 100%);
  transform: rotate(-25deg);
  border-radius: 0 2px 2px 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  animation: tp-sword 3s ease-in-out infinite alternate;
}
.scn-thug-pride .shadow {
  position: absolute; bottom: 0; left: 30%; width: 50%; height: 25%;
  background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0.6) 0%, transparent 100%);
  transform: skewX(-10deg);
  animation: tp-shadow 8s ease-in-out infinite;
}
@keyframes tp-wall { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes tp-table { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes tp-lamp { 0% { opacity:0.7; box-shadow: 0 0 30px 15px #aa5a2a; } 50% { opacity:1; box-shadow: 0 0 50px 25px #c87a3a; } 100% { opacity:0.8; box-shadow: 0 0 35px 18px #aa5a2a; } }
@keyframes tp-figure { 0% { transform: rotate(2deg) translateY(0); } 30% { transform: rotate(-1deg) translateY(-3px); } 60% { transform: rotate(3deg) translateY(-1px); } 100% { transform: rotate(0deg) translateY(0); } }
@keyframes tp-sword { 0% { transform: rotate(-25deg) translateX(0); } 50% { transform: rotate(-20deg) translateX(5px); } 100% { transform: rotate(-27deg) translateX(2px); } }
@keyframes tp-shadow { 0%,100% { opacity:0.5; transform: skewX(-10deg) scaleY(1); } 50% { opacity:0.8; transform: skewX(-8deg) scaleY(1.05); } }

.scn-boys-spared {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 40%, #0e0e1a 100%),
    radial-gradient(ellipse at 80% 30%, #3a3a5e 0%, transparent 70%);
}
.scn-boys-spared .corner-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #1e1e32 0%, #2c2c44 50%, #1a1a2c 100%);
  border-radius: 0 0 30% 0;
  animation: bs-wall 15s ease-in-out infinite alternate;
}
.scn-boys-spared .stone-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a2a3e 0%, #141420 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-boys-spared .beam-light {
  position: absolute; bottom: 30%; left: 10%; width: 3%; height: 70%;
  background: linear-gradient(180deg, rgba(255,220,180,0.15) 0%, rgba(255,220,180,0.02) 100%);
  transform: skewX(-8deg);
  filter: blur(4px);
  animation: bs-beam 8s ease-in-out infinite alternate;
}
.scn-boys-spared .child-left {
  position: absolute; bottom: 18%; left: 25%; width: 6%; height: 12%;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #1a1a2e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: scale(0.8);
  animation: bs-child 5s ease-in-out infinite;
}
.scn-boys-spared .child-right {
  position: absolute; bottom: 16%; left: 35%; width: 5%; height: 10%;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, #1a1a2e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: scale(0.7);
  animation: bs-child 5s ease-in-out infinite 1.5s;
}
.scn-boys-spared .distant-door {
  position: absolute; bottom: 30%; right: 15%; width: 12%; height: 45%;
  background: linear-gradient(180deg, #1e1e32 0%, #141428 100%);
  border-radius: 4% 4% 0 0;
  border: 2px solid #2a2a44;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.7);
}
.scn-boys-spared .dust-motes {
  position: absolute; top: 20%; left: 40%; width: 4%; height: 4%;
  background: rgba(255,220,180,0.1);
  border-radius: 50%;
  filter: blur(3px);
  animation: bs-dust 12s linear infinite;
}
@keyframes bs-wall { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes bs-beam { 0% { opacity:0.3; transform: skewX(-8deg) translateX(0); } 50% { opacity:0.6; transform: skewX(-10deg) translateX(5px); } 100% { opacity:0.2; transform: skewX(-6deg) translateX(-3px); } }
@keyframes bs-child { 0% { transform: scale(0.8) translateY(0) rotate(-1deg); } 25% { transform: scale(0.8) translateY(-2px) rotate(1deg); } 50% { transform: scale(0.8) translateY(-1px) rotate(-0.5deg); } 75% { transform: scale(0.8) translateY(-3px) rotate(0.5deg); } 100% { transform: scale(0.8) translateY(0) rotate(0deg); } }
@keyframes bs-dust { 0% { transform: translateY(0) translateX(0); opacity:0; } 20% { opacity:0.4; } 80% { opacity:0.4; } 100% { transform: translateY(-60px) translateX(20px); opacity:0; } }

.scn-feringhea-family {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 50%, #141428 100%),
    radial-gradient(ellipse at 50% 50%, #3a2a3e 0%, transparent 70%);
}
.scn-feringhea-family .cell-back {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #141428 100%);
  box-shadow: inset 0 0 100px rgba(0,0,0,0.8);
  animation: ff-back 10s ease-in-out infinite alternate;
}
.scn-feringhea-family .cell-bars {
  position: absolute; inset: 10% 5% 15% 5%;
  background: repeating-linear-gradient(90deg, #3a3a4e 0px, #3a3a4e 4px, transparent 4px, transparent 12px);
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 100%);
  animation: ff-bars 20s linear infinite;
}
.scn-feringhea-family .light-stripe {
  position: absolute; top: 0; left: 30%; width: 10%; height: 100%;
  background: linear-gradient(180deg, rgba(255,200,150,0.1) 0%, rgba(255,200,150,0.02) 100%);
  filter: blur(8px);
  animation: ff-stripe 6s ease-in-out infinite alternate;
}
.scn-feringhea-family .figure-mother {
  position: absolute; bottom: 20%; left: 35%; width: 10%; height: 35%;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 100%);
  border-radius: 45% 55% 50% 40% / 60% 50% 50% 40%;
  animation: ff-figure 6s ease-in-out infinite;
}
.scn-feringhea-family .figure-wife {
  position: absolute; bottom: 20%; left: 48%; width: 8%; height: 30%;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 100%);
  border-radius: 50% 50% 45% 40% / 55% 55% 45% 45%;
  animation: ff-figure 6s ease-in-out infinite 1s;
}
.scn-feringhea-family .figure-child {
  position: absolute; bottom: 20%; left: 58%; width: 5%; height: 18%;
  background: radial-gradient(ellipse at 50% 30%, #2a2a3e, #1a1a2e);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: ff-figure 6s ease-in-out infinite 2s;
}
.scn-feringhea-family .figure-brother {
  position: absolute; bottom: 20%; left: 23%; width: 9%; height: 32%;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 100%);
  border-radius: 40% 60% 50% 40% / 55% 55% 45% 45%;
  animation: ff-figure 6s ease-in-out infinite 0.5s;
}
.scn-feringhea-family .floor-grate {
  position: absolute; bottom: 18%; left: 10%; right: 10%; height: 2%;
  background: repeating-linear-gradient(90deg, #2a2a3e 0px, #2a2a3e 6px, transparent 6px, transparent 10px);
  box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
  animation: ff-grate 15s linear infinite;
}
@keyframes ff-back { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes ff-bars { 0% { transform: translateX(0); } 50% { transform: translateX(-10px); } 100% { transform: translateX(10px); } }
@keyframes ff-stripe { 0% { opacity:0.2; transform: scaleY(1); } 50% { opacity:0.5; transform: scaleY(1.1); } 100% { opacity:0.3; transform: scaleY(0.9); } }
@keyframes ff-figure { 0%,100% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-3px) rotate(1deg); } 60% { transform: translateY(2px) rotate(-1deg); } }
@keyframes ff-grate { 0% { opacity:0.5; } 50% { opacity:0.8; } 100% { opacity:0.5; } }

.scn-jhurhoo-hanging {
  background:
    linear-gradient(180deg, #1a1428 0%, #2a1c32 40%, #0e0a14 100%),
    radial-gradient(ellipse at 50% 70%, #3a2a3e 0%, transparent 70%);
}
.scn-jhurhoo-hanging .sky-gloom {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a1c32 0%, #1a1428 100%);
  animation: jh-sky 15s ease-in-out infinite alternate;
}
.scn-jhurhoo-hanging .gallows-beam {
  position: absolute; top: 10%; left: 25%; width: 50%; height: 2%;
  background: #2a1c32;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  border-radius: 1px;
  animation: jh-beam 8s ease-in-out infinite;
}
.scn-jhurhoo-hanging .rope-noose {
  position: absolute; top: 12%; left: 50%; width: 2px; height: 25%;
  background: #1a1428;
  transform-origin: top center;
  animation: jh-rope 5s ease-in-out infinite;
}
.scn-jhurhoo-hanging .figure-jhurhoo {
  position: absolute; bottom: 30%; left: 48%; width: 7%; height: 22%;
  background: linear-gradient(180deg, #1a1428 0%, #0e0a14 100%);
  border-radius: 40% 40% 45% 45% / 50% 50% 40% 40%;
  transform: scaleX(0.8);
  animation: jh-swing 4s ease-in-out infinite alternate;
}
.scn-jhurhoo-hanging .figure-mother {
  position: absolute; bottom: 5%; left: 38%; width: 12%; height: 25%;
  background: linear-gradient(135deg, #3a2a3e 0%, #1a1428 100%);
  border-radius: 50% 50% 45% 45% / 55% 55% 45% 45%;
  transform: scaleX(0.9);
  animation: jh-mother 6s ease-in-out infinite;
}
.scn-jhurhoo-hanging .platform {
  position: absolute; bottom: 28%; left: 30%; right: 30%; height: 2%;
  background: #2a1c32;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.5);
  border-radius: 1px;
}
.scn-jhurhoo-hanging .distant-lantern {
  position: absolute; bottom: 10%; right: 15%; width: 3%; height: 4%;
  background: radial-gradient(circle, #c87a3a 0%, #aa5a2a 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 10px rgba(170,90,42,0.3);
  animation: jh-lantern 3s ease-in-out infinite alternate;
}
@keyframes jh-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes jh-beam { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(0.5deg); } }
@keyframes jh-rope { 0% { transform: rotate(0); } 30% { transform: rotate(1.5deg); } 60% { transform: rotate(-1deg); } 100% { transform: rotate(0.5deg); } }
@keyframes jh-swing { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(3px) rotate(2deg); } 50% { transform: translateX(-2px) rotate(-1.5deg); } 75% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes jh-mother { 0%,100% { transform: translateY(0) scaleX(0.9); } 50% { transform: translateY(-3px) scaleX(0.95); } }
@keyframes jh-lantern { 0% { opacity:0.6; box-shadow: 0 0 15px 5px rgba(170,90,42,0.2); } 50% { opacity:1; box-shadow: 0 0 25px 12px rgba(200,122,58,0.4); } 100% { opacity:0.8; box-shadow: 0 0 18px 8px rgba(170,90,42,0.3); } }

.scn-cape-pillar {
  background: linear-gradient(180deg, #b8d4e3 0%, #d4e8f0 30%, #f2dca0 70%), radial-gradient(ellipse at 50% 100%, #a8c4d3 0%, transparent 60%);
}
.scn-cape-pillar .sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #b8d4e3 0%, #e0f0f8 40%, transparent 100%); animation: cp-sky 25s ease-in-out infinite alternate; }
.scn-cape-pillar .ocean { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #5a8a9a 0%, #3a5a6a 100%); border-radius: 0 0 30% 30%/0 0 20% 20%; animation: cp-ocean 12s ease-in-out infinite; }
.scn-cape-pillar .rock-left { position:absolute; bottom:35%; left:10%; width:15%; height:18%; background: linear-gradient(135deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 40% 60% 20% 20%; box-shadow: inset 0 8px 12px rgba(0,0,0,.3); animation: cp-rock 8s ease-in-out infinite; }
.scn-cape-pillar .rock-right { position:absolute; bottom:38%; right:8%; width:18%; height:22%; background: linear-gradient(220deg, #7a6a5a 0%, #3a2a1a 100%); border-radius: 50% 30% 40% 20%; box-shadow: inset 0 8px 12px rgba(0,0,0,.3); animation: cp-rock 8s ease-in-out infinite reverse; }
.scn-cape-pillar .pillar-left { position:absolute; bottom:40%; left:20%; width:12px; height:200px; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 6px 6px 4px 4px; box-shadow: 0 0 20px rgba(200,180,150,0.3); animation: cp-pillar 15s ease-in-out infinite alternate; }
.scn-cape-pillar .pillar-right { position:absolute; bottom:42%; right:18%; width:10px; height:170px; background: linear-gradient(180deg, #9a8a7a 0%, #6a5a4a 100%); border-radius: 5px 5px 3px 3px; box-shadow: 0 0 18px rgba(200,180,150,0.3); animation: cp-pillar 18s ease-in-out infinite alternate; animation-delay: 2s; }
.scn-cape-pillar .scrub { position:absolute; bottom:32%; left:0; right:0; height:10%; background: radial-gradient(ellipse at 30% 100%, #5a7a4a 0%, transparent 70%), radial-gradient(ellipse at 70% 100%, #4a6a3a 0%, transparent 70%); filter: blur(2px); animation: cp-scrub 6s ease-in-out infinite; }
.scn-cape-pillar .bird { position:absolute; top:20%; left:60%; width:8px; height:6px; background: #2a2a2a; border-radius: 50%; box-shadow: 0 0 2px #1a1a1a; animation: cp-bird 9s ease-in-out infinite; }
@keyframes cp-sky { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.75; } }
@keyframes cp-ocean { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(3px) rotate(0.5deg); } 100% { transform: translateY(0px) rotate(0deg); } }
@keyframes cp-rock { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(0.98) rotate(1deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes cp-pillar { 0% { transform: scaleY(1) translateX(0); } 50% { transform: scaleY(1.02) translateX(2px); } 100% { transform: scaleY(1) translateX(0); } }
@keyframes cp-scrub { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes cp-bird { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 33% { transform: translateX(-30px) translateY(-5px) rotate(-5deg); } 66% { transform: translateX(10px) translateY(3px) rotate(5deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }

.scn-derwent-frith {
  background: linear-gradient(180deg, #f0e4c8 0%, #e8d4a8 40%, #a8c8d8 70%), radial-gradient(ellipse at 50% 100%, #a8c8d8 0%, transparent 60%);
}
.scn-derwent-frith .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #f0e8d8 0%, #e0d8c0 60%, transparent 100%); animation: df-sky 30s ease-in-out infinite alternate; }
.scn-derwent-frith .sea { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #3a7a8a 0%, #2a5a6a 100%); border-radius: 20% 20% 0 0/10% 10% 0 0; animation: df-sea 14s ease-in-out infinite; }
.scn-derwent-frith .islet-left { position:absolute; bottom:35%; left:12%; width:20%; height:15%; background: linear-gradient(135deg, #5a7a3a 0%, #3a5a2a 100%); border-radius: 40% 60% 20% 20%; box-shadow: inset 0 4px 8px rgba(0,0,0,.2); animation: df-islet 20s ease-in-out infinite; }
.scn-derwent-frith .islet-right { position:absolute; bottom:38%; right:10%; width:25%; height:18%; background: linear-gradient(220deg, #5a7a3a 0%, #4a6a2a 100%); border-radius: 50% 30% 30% 40%; box-shadow: inset 0 4px 8px rgba(0,0,0,.2); animation: df-islet 20s ease-in-out infinite reverse; animation-delay: 3s; }
.scn-derwent-frith .mountain { position:absolute; bottom:45%; left:35%; width:30%; height:20%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 30% 70% 0 0/40% 60% 0 0; animation: df-mtn 25s ease-in-out infinite alternate; }
.scn-derwent-frith .boat { position:absolute; bottom:20%; left:45%; width:16px; height:8px; background: #4a2a1a; border-radius: 30% 30% 0 0; box-shadow: 0 4px 6px rgba(0,0,0,.3); animation: df-boat 8s ease-in-out infinite; }
.scn-derwent-frith .cloud { position:absolute; top:12%; right:20%; width:80px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 100%); border-radius: 50%; filter: blur(6px); animation: df-cloud 40s linear infinite; }
@keyframes df-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes df-sea { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(4px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes df-islet { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(0.97) rotate(1deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes df-mtn { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.01); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes df-boat { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 50% { transform: translateX(8px) translateY(-2px) rotate(2deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes df-cloud { 0% { transform: translateX(0); } 100% { transform: translateX(-120vw); } }

.scn-hobart-town {
  background: linear-gradient(180deg, #d8e8f0 0%, #c0d8e8 40%, #8ab0c8 70%), radial-gradient(ellipse at 50% 100%, #8ab0c8 0%, transparent 60%);
}
.scn-hobart-town .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #d8e8f0 0%, #e0f0f8 50%, transparent 100%); animation: ht-sky 22s ease-in-out infinite alternate; }
.scn-hobart-town .harbor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #4a8a9a 0%, #2a6a7a 100%); border-radius: 10% 10% 0 0/5% 5% 0 0; animation: ht-harbor 16s ease-in-out infinite; }
.scn-hobart-town .hill-back { position:absolute; bottom:32%; left:0; right:0; height:20%; background: linear-gradient(180deg, #5a7a4a 0%, #3a5a2a 100%); border-radius: 50% 40% 0 0/60% 50% 0 0; animation: ht-hill 30s ease-in-out infinite alternate; }
.scn-hobart-town .buildings { position:absolute; bottom:25%; left:20%; right:20%; height:12%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 4px 4px 0 0; box-shadow: 0 0 10px rgba(180,140,100,0.4); animation: ht-build 10s ease-in-out infinite; }
.scn-hobart-town .trees { position:absolute; bottom:28%; left:0; right:0; height:15%; background: radial-gradient(ellipse at 20% 100%, #3a6a2a 0%, transparent 60%), radial-gradient(ellipse at 80% 100%, #4a7a3a 0%, transparent 60%); filter: blur(2px); animation: ht-tree 8s ease-in-out infinite; }
.scn-hobart-town .reflection { position:absolute; bottom:0; left:10%; right:10%; height:20%; background: linear-gradient(180deg, rgba(74,138,154,0.3) 0%, rgba(42,106,122,0.1) 100%); border-radius: 0 0 50% 50%/0 0 30% 30%; animation: ht-reflect 14s ease-in-out infinite; }
.scn-hobart-town .boat { position:absolute; bottom:15%; left:40%; width:14px; height:6px; background: #3a2a1a; border-radius: 30% 30% 0 0; box-shadow: 0 3px 5px rgba(0,0,0,.3); animation: ht-boat 9s ease-in-out infinite; }
@keyframes ht-sky { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.75; } }
@keyframes ht-harbor { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(2px) rotate(0.3deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ht-hill { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.005); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes ht-build { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(0.98) translateY(1px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes ht-tree { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes ht-reflect { 0% { opacity:0.4; } 50% { opacity:0.6; } 100% { opacity:0.4; } }
@keyframes ht-boat { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 50% { transform: translateX(5px) translateY(-1px) rotate(1deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }

.scn-only-one-england {
  background: linear-gradient(180deg, #f0e8d0 0%, #e8dcc0 30%, #c8b898 60%), radial-gradient(ellipse at 50% 50%, #e8dcc0 0%, transparent 70%);
}
.scn-only-one-england .wall-left { position:absolute; top:0; left:0; bottom:0; width:20%; background: linear-gradient(90deg, #d0c0a0 0%, #b8a888 100%); box-shadow: inset -4px 0 12px rgba(0,0,0,.1); animation: oe-wall 20s ease-in-out infinite alternate; }
.scn-only-one-england .wall-right { position:absolute; top:0; right:0; bottom:0; width:20%; background: linear-gradient(270deg, #d0c0a0 0%, #b8a888 100%); box-shadow: inset 4px 0 12px rgba(0,0,0,.1); animation: oe-wall 20s ease-in-out infinite alternate; }
.scn-only-one-england .window-frame { position:absolute; top:15%; left:20%; right:20%; bottom:20%; background: #a09080; border: 12px solid #7a6a5a; border-radius: 8px; box-shadow: inset 0 0 30px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.2); animation: oe-frame 15s ease-in-out infinite; }
.scn-only-one-england .sky-outside { position:absolute; top:15%; left:20%; right:20%; bottom:20%; background: linear-gradient(180deg, #a8c8e0 0%, #d4e8f0 100%); border-radius: 4px; animation: oe-sky 25s ease-in-out infinite alternate; }
.scn-only-one-england .field { position:absolute; bottom:20%; left:20%; right:20%; height:30%; background: linear-gradient(180deg, #5a8a3a 0%, #4a7a2a 100%); border-radius: 0 0 4px 4px; animation: oe-field 12s ease-in-out infinite; }
.scn-only-one-england .tree { position:absolute; bottom:30%; left:45%; width:20px; height:40px; background: linear-gradient(180deg, #3a5a2a 0%, #2a4a1a 100%); border-radius: 50% 50% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: oe-tree 8s ease-in-out infinite; }
.scn-only-one-england .curtain { position:absolute; top:15%; left:20%; width:20%; bottom:20%; background: linear-gradient(90deg, rgba(200,180,140,0.8) 0%, rgba(200,180,140,0.4) 100%); border-radius: 4px 0 0 4px; animation: oe-curtain 6s ease-in-out infinite alternate; }
.scn-only-one-england .curtain::after { content:''; position:absolute; top:15%; right:20%; width:20%; bottom:20%; background: linear-gradient(270deg, rgba(200,180,140,0.8) 0%, rgba(200,180,140,0.4) 100%); border-radius: 0 4px 4px 0; animation: oe-curtain 6s ease-in-out infinite alternate-reverse; }
@keyframes oe-wall { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes oe-frame { 0% { transform: scale(1); } 50% { transform: scale(0.99); } 100% { transform: scale(1); } }
@keyframes oe-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes oe-field { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); } }
@keyframes oe-tree { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes oe-curtain { 0% { transform: translateX(0); } 100% { transform: translateX(8px); } }

/* scn-cordon-failure */
.scn-cordon-failure {
  background: 
    linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 60%, #1a0a00 100%),
    radial-gradient(ellipse at 30% 80%, #6a4a2a 0%, transparent 70%);
}
.scn-cordon-failure .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 0 0 20% 20%; box-shadow: inset 0 10px 30px rgba(0,0,0,0.6); animation: sf-wall 20s ease-in-out infinite alternate; }
.scn-cordon-failure .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #4a2a0a 0%, #1a0a00 100%); border-radius: 30% 70% 0 0 / 20% 40% 0 0; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.8); }
.scn-cordon-failure .desk { position:absolute; bottom:22%; left:20%; width:40%; height:12%; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a0a 100%); border-radius: 4% 4% 8% 8%; box-shadow: 0 8px 12px rgba(0,0,0,0.7); transform: perspective(400px) rotateX(5deg); }
.scn-cordon-failure .proclamation { position:absolute; top:15%; left:35%; width:18%; height:25%; background: linear-gradient(180deg, #d4c0a0 0%, #b8a080 100%); border: 2px solid #8a6a4a; transform: rotate(2deg); box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: sf-proc 6s ease-in-out infinite; }
.scn-cordon-failure .figure1 { position:absolute; bottom:20%; left:22%; width:8%; height:35%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: sf-fig1 4s ease-in-out infinite; }
.scn-cordon-failure .figure2 { position:absolute; bottom:18%; right:10%; width:7%; height:30%; background: linear-gradient(180deg, #1a0a00 0%, #000 100%); border-radius: 40% 60% 40% 40% / 60% 40% 40% 60%; transform-origin: bottom; animation: sf-fig2 6s ease-in-out infinite; opacity:0.7; }
.scn-cordon-failure .window { position:absolute; top:5%; right:20%; width:20%; height:35%; background: linear-gradient(180deg, #0a0a2a 0%, #1a1a4a 100%); border: 6px solid #3a2a1a; border-radius: 10% 10% 20% 20%; box-shadow: inset 0 0 30px rgba(100,100,200,0.3); animation: sf-win 8s ease-in-out infinite alternate; }
.scn-cordon-failure .lamp { position:absolute; top:8%; left:15%; width:6%; height:8%; background: radial-gradient(circle, #ffd080 0%, #b08040 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 20px rgba(255,208,128,0.4), 0 0 80px 40px rgba(255,208,128,0.2); animation: sf-lamp 3s ease-in-out infinite alternate; }
@keyframes sf-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes sf-proc { 0% { transform: rotate(2deg) translateY(0); opacity:1 } 50% { transform: rotate(0deg) translateY(-2px); opacity:0.95 } 100% { transform: rotate(3deg) translateY(0); opacity:1 } }
@keyframes sf-fig1 { 0% { transform: translateX(0) } 25% { transform: translateX(4px) } 50% { transform: translateX(0) } 75% { transform: translateX(-4px) } 100% { transform: translateX(0) } }
@keyframes sf-fig2 { 0% { transform: translateY(0) scale(1); opacity:0.6 } 50% { transform: translateY(-5px) scale(1.05); opacity:0.8 } 100% { transform: translateY(0) scale(1); opacity:0.6 } }
@keyframes sf-win { 0% { box-shadow: inset 0 0 30px rgba(100,100,200,0.2); } 50% { box-shadow: inset 0 0 50px rgba(100,100,200,0.5); } 100% { box-shadow: inset 0 0 30px rgba(100,100,200,0.2); } }
@keyframes sf-lamp { 0% { box-shadow: 0 0 40px 15px rgba(255,208,128,0.4); } 50% { box-shadow: 0 0 50px 25px rgba(255,208,128,0.6); } 100% { box-shadow: 0 0 40px 15px rgba(255,208,128,0.4); } }

/* scn-the-conciliator */
.scn-the-conciliator {
  background: 
    linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 60%, #2a1a00 100%),
    radial-gradient(ellipse at 50% 60%, #b08040 0%, transparent 80%);
}
.scn-the-conciliator .room-bg { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 0 0 30% 30%; box-shadow: inset 0 20px 40px rgba(0,0,0,0.5); }
.scn-the-conciliator .fire-pit { position:absolute; bottom:25%; left:50%; width:20%; height:15%; transform:translateX(-50%); background: radial-gradient(circle, #ff6a00 0%, #c04000 50%, #2a0a00 100%); border-radius: 50% 50% 40% 40%; box-shadow: 0 0 80px 40px rgba(255,100,0,0.5), 0 0 150px 80px rgba(255,100,0,0.2); animation: tc-fire 3s ease-in-out infinite alternate; }
.scn-the-conciliator .robinson { position:absolute; bottom:18%; left:40%; width:10%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: tc-rob 6s ease-in-out infinite; }
.scn-the-conciliator .native-a { position:absolute; bottom:20%; left:60%; width:9%; height:35%; background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%); border-radius: 45% 55% 40% 40% / 55% 45% 40% 40%; transform-origin: bottom; animation: tc-nat 7s ease-in-out infinite; }
.scn-the-conciliator .native-b { position:absolute; bottom:18%; left:68%; width:8%; height:33%; background: linear-gradient(180deg, #4a2a0a 0%, #1a0a00 100%); border-radius: 55% 45% 40% 40% / 45% 55% 40% 40%; transform-origin: bottom; animation: tc-nat2 8s ease-in-out infinite; }
.scn-the-conciliator .chair { position:absolute; bottom:22%; left:30%; width:12%; height:20%; background: linear-gradient(180deg, #4a2a0a 0%, #2a1a0a 100%); border-radius: 10% 10% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.6); transform: rotate(-5deg); }
.scn-the-conciliator .table { position:absolute; bottom:18%; left:30%; width:15%; height:8%; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a0a 100%); border-radius: 10%; box-shadow: 0 6px 10px rgba(0,0,0,0.7); }
.scn-the-conciliator .papers { position:absolute; bottom:24%; left:32%; width:8%; height:6%; background: linear-gradient(180deg, #d4c0a0 0%, #b8a080 100%); transform: rotate(3deg); box-shadow: 0 2px 4px rgba(0,0,0,0.4); animation: tc-paper 12s ease-in-out infinite; }
@keyframes tc-fire { 0% { transform: translateX(-50%) scale(1); opacity:0.9 } 50% { transform: translateX(-50%) scale(1.05); opacity:1 } 100% { transform: translateX(-50%) scale(0.95); opacity:0.85 } }
@keyframes tc-rob { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes tc-nat { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-4px) scale(1.03); } 100% { transform: translateY(0) scale(1); } }
@keyframes tc-nat2 { 0% { transform: translateY(0) scale(1); } 33% { transform: translateY(-3px) scale(0.98); } 66% { transform: translateY(2px) scale(1.02); } 100% { transform: translateY(0) scale(1); } }
@keyframes tc-paper { 0% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-1px); } 100% { transform: rotate(3deg) translateY(0); } }

/* scn-three-hundred-defiant */
.scn-three-hundred-defiant {
  background: 
    linear-gradient(180deg, #0a0a1a 0%, #1a0a0a 60%, #2a0a00 100%),
    radial-gradient(ellipse at 40% 70%, #4a1a0a 0%, transparent 70%);
}
.scn-three-hundred-defiant .cave-bg { position:absolute; inset:0 0 15% 0; background: linear-gradient(180deg, #1a0a0a 0%, #0a0000 100%); border-radius: 0 0 50% 50% / 0 0 30% 30%; box-shadow: inset 0 20px 40px rgba(0,0,0,0.8); }
.scn-three-hundred-defiant .small-fire { position:absolute; bottom:30%; left:50%; width:12%; height:10%; transform:translateX(-50%); background: radial-gradient(circle, #ff4a00 0%, #b03000 50%, #1a0000 100%); border-radius: 50%; box-shadow: 0 0 30px 15px rgba(255,70,0,0.3), 0 0 60px 30px rgba(255,70,0,0.1); animation: td-fire 4s ease-in-out infinite alternate; }
.scn-three-hundred-defiant .huddle-a { position:absolute; bottom:22%; left:35%; width:10%; height:30%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(-5deg); animation: td-huddle 6s ease-in-out infinite; }
.scn-three-hundred-defiant .huddle-b { position:absolute; bottom:20%; left:43%; width:11%; height:34%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 45% 55% 40% 40% / 50% 50% 40% 40%; animation: td-huddle2 7s ease-in-out infinite; }
.scn-three-hundred-defiant .huddle-c { position:absolute; bottom:24%; left:52%; width:9%; height:28%; background: linear-gradient(180deg, #1a0a00 0%, #000 100%); border-radius: 55% 45% 40% 40% / 45% 55% 40% 40%; animation: td-huddle3 5s ease-in-out infinite; }
.scn-three-hundred-defiant .spear { position:absolute; bottom:28%; left:60%; width:2%; height:40%; background: linear-gradient(180deg, #4a2a0a 0%, #2a1a0a 100%); border-radius: 50% 50% 0 0; transform: rotate(10deg); transform-origin: bottom; box-shadow: 0 0 4px rgba(0,0,0,0.5); }
.scn-three-hundred-defiant .child { position:absolute; bottom:24%; left:48%; width:5%; height:18%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 50% 50% 40% 40%; transform: scale(0.6); animation: td-child 8s ease-in-out infinite; }
.scn-three-hundred-defiant .wall-shadow { position:absolute; bottom:10%; left:20%; width:40%; height:50%; background: linear-gradient(135deg, transparent 30%, rgba(0,0,0,0.4) 70%); animation: td-shadow 6s ease-in-out infinite alternate; }
@keyframes td-fire { 0% { transform: translateX(-50%) scale(1); opacity:0.8 } 50% { transform: translateX(-50%) scale(1.08); opacity:1 } 100% { transform: translateX(-50%) scale(0.92); opacity:0.7 } }
@keyframes td-huddle { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-2px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes td-huddle2 { 0% { transform: translateY(0) scale(1); } 33% { transform: translateY(-1px) scale(1.02); } 66% { transform: translateY(1px) scale(0.98); } 100% { transform: translateY(0) scale(1); } }
@keyframes td-huddle3 { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 75% { transform: translateY(1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes td-child { 0% { transform: scale(0.6) translateY(0); } 50% { transform: scale(0.65) translateY(-2px); } 100% { transform: scale(0.6) translateY(0); } }
@keyframes td-shadow { 0% { opacity:0.3 } 50% { opacity:0.6 } 100% { opacity:0.3 } }

/* scn-robinsons-mission */
.scn-robinsons-mission {
  background: 
    linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 60%, #3a2a0a 100%),
    radial-gradient(ellipse at 50% 30%, #b09050 0%, transparent 70%);
}
.scn-robinsons-mission .tent-bg { position:absolute; inset:0 0 10% 0; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 100%); border-radius: 0 0 40% 40% / 0 0 20% 20%; box-shadow: inset 0 30px 60px rgba(0,0,0,0.6); }
.scn-robinsons-mission .map-table { position:absolute; bottom:20%; left:25%; width:40%; height:14%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 6% 6% 10% 10%; transform: perspective(300px) rotateX(8deg); box-shadow: 0 8px 16px rgba(0,0,0,0.7); }
.scn-robinsons-mission .map { position:absolute; bottom:24%; left:30%; width:25%; height:18%; background: linear-gradient(180deg, #d4c0a0 0%, #b8a080 100%); transform: rotate(2deg); border: 2px solid #8a6a4a; border-radius: 4%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: rm-map 10s ease-in-out infinite; }
.scn-robinsons-mission .robinson { position:absolute; bottom:18%; left:30%; width:10%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: rm-rob 5s ease-in-out infinite; }
.scn-robinsons-mission .official { position:absolute; bottom:16%; right:30%; width:9%; height:38%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 45% 55% 40% 40% / 50% 50% 40% 40%; transform: rotate(-5deg); animation: rm-off 7s ease-in-out infinite; }
.scn-robinsons-mission .lantern { position:absolute; top:10%; left:20%; width:5%; height:8%; background: radial-gradient(circle, #ffd080 0%, #b08040 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 30px 15px rgba(255,208,128,0.4), 0 0 60px 30px rgba(255,208,128,0.2); animation: rm-lantern 3s ease-in-out infinite alternate; }
.scn-robinsons-mission .tent-flap { position:absolute; top:0; right:5%; width:30%; height:100%; background: linear-gradient(180deg, #4a2a0a 0%, #2a1a0a 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 30% 100%); transform: rotate(5deg); transform-origin: top; animation: rm-flap 15s ease-in-out infinite; }
.scn-robinsons-mission .outside-glow { position:absolute; top:5%; right:15%; width:20%; height:50%; background: radial-gradient(ellipse at 50% 20%, rgba(200,180,100,0.3) 0%, transparent 70%); animation: rm-glow 8s ease-in-out infinite alternate; }
@keyframes rm-map { 0% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-2px); } 100% { transform: rotate(2deg) translateY(0); } }
@keyframes rm-rob { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes rm-off { 0% { transform: rotate(-5deg) scale(1); } 50% { transform: rotate(-3deg) scale(1.03); } 100% { transform: rotate(-5deg) scale(1); } }
@keyframes rm-lantern { 0% { box-shadow: 0 0 30px 10px rgba(255,208,128,0.4); } 50% { box-shadow: 0 0 40px 20px rgba(255,208,128,0.6); } 100% { box-shadow: 0 0 30px 10px rgba(255,208,128,0.4); } }
@keyframes rm-flap { 0% { transform: rotate(5deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(5deg); } }
@keyframes rm-glow { 0% { opacity:0.3 } 50% { opacity:0.6 } 100% { opacity:0.3 } }

/* kinchinjunga-view */
.scn-kinchinjunga-view {
  background: linear-gradient(180deg, #1a1a3e 0%, #2c2244 50%, #4a3a6e 100%),
              radial-gradient(ellipse at 50% 100%, #4a3a6e 0%, transparent 70%);
}
.scn-kinchinjunga-view .bg-sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #ffd6a0 0%, #ffb07a 30%, #8b5e3c 70%, #2a1a1a 100%);
  animation: kv-sky 12s ease-in-out infinite alternate;
}
.scn-kinchinjunga-view .mountains {
  position: absolute; bottom: 25%; left: 5%; right: 5%; height: 40%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.5);
  animation: kv-mountains 18s ease-in-out infinite alternate;
}
.scn-kinchinjunga-view .peak-glow {
  position: absolute; bottom: 35%; left: 45%; width: 80px; height: 60px;
  background: radial-gradient(ellipse 60% 80% at 50% 100%, #ffdd88 0%, #ff9900 40%, transparent 70%);
  filter: blur(4px);
  animation: kv-glow 4s ease-in-out infinite alternate;
}
.scn-kinchinjunga-view .window-frame {
  position: absolute; inset: 8% 10% 15% 10%;
  border: 6px solid #5a3a2a;
  border-radius: 4px;
  background: transparent;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);
}
.scn-kinchinjunga-view .curtain-left,
.scn-kinchinjunga-view .curtain-right {
  position: absolute; top: 6%; width: 25%; height: 70%;
  background: linear-gradient(180deg, #7a4a3a 0%, #5a2a1a 100%);
  border-radius: 0 0 30% 30%;
  animation: kv-curtain 6s ease-in-out infinite alternate;
}
.scn-kinchinjunga-view .curtain-left { left: 10%; transform-origin: left top; }
.scn-kinchinjunga-view .curtain-right { right: 10%; transform-origin: right top; }
.scn-kinchinjunga-view .figure {
  position: absolute; bottom: 17%; left: 50%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: kv-figure 4s ease-in-out infinite;
}
.scn-kinchinjunga-view .sill {
  position: absolute; bottom: 14%; left: 5%; right: 5%; height: 4px;
  background: #4a2a1a;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
@keyframes kv-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes kv-mountains { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-4px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes kv-glow { 0% { opacity:.6; transform: scale(0.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(1) } }
@keyframes kv-curtain { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.7) } 100% { transform: scaleX(0.9) } }
@keyframes kv-figure { 0%,100% { transform: translateX(-50%) rotate(-1deg) } 50% { transform: translateX(-50%) translateY(-2px) rotate(1deg) } }

/* thibetan-prayer-wheels */
.scn-thibetan-prayer-wheels {
  background: linear-gradient(180deg, #f0d080 0%, #e0b060 50%, #c09040 100%), 
              radial-gradient(ellipse at 30% 20%, #ffeedd 0%, transparent 60%);
}
.scn-thibetan-prayer-wheels .bg-sun {
  position: absolute; inset: 0; 
  background: radial-gradient(circle at 20% 10%, #ffdd66 0%, #dd8844 40%, transparent 70%);
  animation: tp-sun 10s ease-in-out infinite alternate;
}
.scn-thibetan-prayer-wheels .tent-left,
.scn-thibetan-prayer-wheels .tent-right {
  position: absolute; bottom: 0; width: 30%; height: 60%;
  background: linear-gradient(180deg, #c8a060 0%, #a07840 100%);
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
  animation: tp-tent 8s ease-in-out infinite alternate;
}
.scn-thibetan-prayer-wheels .tent-left { left: 5%; }
.scn-thibetan-prayer-wheels .tent-right { right: 5%; transform: scaleX(-1); }
.scn-thibetan-prayer-wheels .figure-spinner {
  position: absolute; bottom: 18%; left: 40%; width: 22px; height: 60px;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: tp-figure 4s ease-in-out infinite;
}
.scn-thibetan-prayer-wheels .prayer-wheel {
  position: absolute; bottom: 22%; left: 55%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffcc44 0%, #b88830 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 4px rgba(255,204,68,.5);
  animation: tp-wheel 2s linear infinite;
}
.scn-thibetan-prayer-wheels .wheel-spin {
  position: absolute; bottom: 22%; left: 55%; width: 40px; height: 40px;
  border: 3px dashed #806020;
  border-radius: 50%;
  animation: tp-spin 2s linear infinite;
}
.scn-thibetan-prayer-wheels .dust {
  position: absolute; bottom: 0; width: 100%; height: 20%;
  background: radial-gradient(ellipse at 50% 100%, rgba(200,160,100,.3) 0%, transparent 70%);
  animation: tp-dust 6s ease-in-out infinite;
}
@keyframes tp-sun { 0% { opacity:.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.05) } 100% { opacity:.8; transform: scale(0.95) } }
@keyframes tp-tent { 0% { transform: scaleY(1) } 50% { transform: scaleY(0.95) } 100% { transform: scaleY(1.05) } }
@keyframes tp-figure { 0%,100% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } }
@keyframes tp-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes tp-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } }
@keyframes tp-dust { 0% { opacity:.3; transform: translateY(0) } 50% { opacity:.6; transform: translateY(-5px) } 100% { opacity:.2; transform: translateY(2px) } }

/* mountain-views */
.scn-mountain-views {
  background: linear-gradient(180deg, #1a1a3e 0%, #2c2244 50%, #4a3a6e 100%),
              radial-gradient(ellipse at 50% 80%, #5a4a7e 0%, transparent 60%);
}
.scn-mountain-views .bg-sky-mv {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #ffc8a0 0%, #e89070 40%, #5a3a2a 70%, #1a1a1a 100%);
  animation: mv-sky 14s ease-in-out infinite alternate;
}
.scn-mountain-views .sun-rise {
  position: absolute; top: 10%; left: 40%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffdd88 0%, #ffaa44 50%, transparent 70%);
  animation: mv-sun 6s ease-in-out infinite alternate;
}
.scn-mountain-views .mountain-back {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #4a3a5a 0%, #2a1a3a 100%);
  border-radius: 50% 40% 0 0 / 60% 70% 0 0;
  animation: mv-mtn-b 20s ease-in-out infinite alternate;
}
.scn-mountain-views .mountain-front {
  position: absolute; bottom: 15%; left: 15%; right: 15%; height: 35%;
  background: linear-gradient(180deg, #3a2a3a 0%, #1a0a1a 100%);
  border-radius: 30% 70% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,.5);
  animation: mv-mtn-f 16s ease-in-out infinite alternate;
}
.scn-mountain-views .figure-sitting {
  position: absolute; bottom: 8%; left: 50%; width: 24px; height: 30px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform: translateX(-50%) scale(0.8);
  animation: mv-fig 8s ease-in-out infinite;
}
.scn-mountain-views .cloud-drift {
  position: absolute; top: 18%; left: 10%; width: 100px; height: 20px;
  background: linear-gradient(90deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.05) 100%);
  border-radius: 50%; filter: blur(5px);
  animation: mv-cloud 40s linear infinite;
}
@keyframes mv-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes mv-sun { 0% { opacity:.6; transform: scale(0.9) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(1) } }
@keyframes mv-mtn-b { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-4px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes mv-mtn-f { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes mv-fig { 0%,100% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) translateY(-1px) rotate(3deg) } }
@keyframes mv-cloud { 0% { transform: translateX(-40px) } 100% { transform: translateX(120vw) } }

/* hand-car-descent */
.scn-hand-car-descent {
  background: linear-gradient(180deg, #d0a070 0%, #b08050 50%, #906040 100%),
              radial-gradient(ellipse at 50% 100%, #a07040 0%, transparent 70%);
}
.scn-hand-car-descent .bg-landscape {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #a8c8e0 0%, #88a8c0 60%, #6088a0 100%);
  animation: hc-land 15s linear infinite;
}
.scn-hand-car-descent .track {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 6px;
  background: repeating-linear-gradient(90deg, #5a3a2a 0px, #5a3a2a 8px, transparent 8px, transparent 12px);
  animation: hc-track 2s linear infinite;
}
.scn-hand-car-descent .handcar-body {
  position: absolute; bottom: 22%; left: 35%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #8a5a3a 0%, #5a3a1a 100%);
  border-radius: 8px 8px 4px 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: hc-body 0.8s ease-in-out infinite alternate;
}
.scn-hand-car-descent .canopy {
  position: absolute; bottom: 36%; left: 32%; width: 100px; height: 14px;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 100%);
  border-radius: 6px 6px 2px 2px;
  transform: rotate(-2deg);
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  animation: hc-canopy 1.2s ease-in-out infinite alternate;
}
.scn-hand-car-descent .wheel-front,
.scn-hand-car-descent .wheel-back {
  position: absolute; bottom: 16%; width: 20px; height: 20px;
  background: radial-gradient(circle, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
  animation: hc-wheel 0.6s linear infinite;
}
.scn-hand-car-descent .wheel-front { left: 38%; }
.scn-hand-car-descent .wheel-back { left: 52%; }
.scn-hand-car-descent .figure-driver,
.scn-hand-car-descent .figure-passenger {
  position: absolute; bottom: 30%; width: 18px; height: 30px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: hc-fig 1s ease-in-out infinite alternate;
}
.scn-hand-car-descent .figure-driver { left: 38%; }
.scn-hand-car-descent .figure-passenger { left: 50%; }
.scn-hand-car-descent .speed-lines {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.15) 0px, rgba(255,255,255,.15) 2px, transparent 2px, transparent 30px);
  animation: hc-speed 0.5s linear infinite;
}
@keyframes hc-land { 0% { background-position: 0 0 } 100% { background-position: -200px 0 } }
@keyframes hc-track { 0% { background-position: 0 0 } 100% { background-position: -12px 0 } }
@keyframes hc-body { 0% { transform: translateY(0) } 100% { transform: translateY(-2px) } }
@keyframes hc-canopy { 0% { transform: rotate(-2deg) translateY(0) } 100% { transform: rotate(-3deg) translateY(1px) } }
@keyframes hc-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes hc-fig { 0% { transform: translateY(0) rotate(-1deg) } 100% { transform: translateY(-1px) rotate(1deg) } }
@keyframes hc-speed { 0% { background-position: 0 0 } 100% { background-position: -30px 0 } }

.scn-stock-roads {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #e0f0ff 100%), radial-gradient(ellipse at 30% 70%, #fff4d0 0%, transparent 70%);
  overflow: hidden;
}
.scn-stock-roads .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%);
  animation: sr-sky 12s ease-in-out infinite alternate;
}
.scn-stock-roads .sun {
  position: absolute; top: 15%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff8e0 0%, #ffd700 40%, #ffa500 100%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(255,215,0,0.3);
  animation: sr-sun 18s ease-in-out infinite alternate;
}
.scn-stock-roads .hills {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #7a9b6a 0%, #5c7a4e 100%);
  border-radius: 30% 70% 0 0 / 60% 40% 0 0;
  box-shadow: inset 0 5px 15px rgba(0,0,0,0.2);
  animation: sr-hills 14s ease-in-out infinite alternate;
}
.scn-stock-roads .grass {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #6e8b3a 0%, #4a6b2a 100%);
  clip-path: polygon(0% 100%, 0% 80%, 5% 85%, 10% 75%, 15% 80%, 20% 70%, 25% 78%, 30% 68%, 35% 75%, 40% 65%, 45% 72%, 50% 60%, 55% 70%, 60% 62%, 65% 72%, 70% 64%, 75% 74%, 80% 66%, 85% 76%, 90% 68%, 95% 80%, 100% 70%, 100% 100%);
  animation: sr-grass 6s ease-in-out infinite;
}
.scn-stock-roads .road {
  position: absolute; bottom: 8%; left: 25%; width: 50%; height: 8%;
  background: linear-gradient(180deg, #b8a080 0%, #8b6b4a 100%);
  border-radius: 20px;
  animation: sr-road 2s ease-in-out infinite alternate;
}
.scn-stock-roads .magpie {
  position: absolute; top: 30%; left: 20%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40%;
  clip-path: polygon(0% 50%, 30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%);
  animation: sr-magpie 8s linear infinite;
}
.scn-stock-roads .bird {
  position: absolute; top: 25%; left: 60%; width: 30px; height: 15px;
  background: #1a1a1a;
  border-radius: 50% 50% 20% 20%;
  clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
  animation: sr-bird 12s linear infinite reverse;
}
@keyframes sr-sky { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes sr-sun { 0% { transform: translate(0, 0) scale(1) } 50% { transform: translate(10px, -5px) scale(1.05) } 100% { transform: translate(-5px, 5px) scale(0.95) } }
@keyframes sr-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(2px) } }
@keyframes sr-grass { 0% { clip-path: polygon(0% 100%, 0% 80%, 5% 85%, 10% 75%, 15% 80%, 20% 70%, 25% 78%, 30% 68%, 35% 75%, 40% 65%, 45% 72%, 50% 60%, 55% 70%, 60% 62%, 65% 72%, 70% 64%, 75% 74%, 80% 66%, 85% 76%, 90% 68%, 95% 80%, 100% 70%, 100% 100%); } 50% { clip-path: polygon(0% 100%, 0% 78%, 5% 83%, 10% 73%, 15% 78%, 20% 68%, 25% 76%, 30% 66%, 35% 73%, 40% 63%, 45% 70%, 50% 58%, 55% 68%, 60% 60%, 65% 70%, 70% 62%, 75% 72%, 80% 64%, 85% 74%, 90% 66%, 95% 78%, 100% 68%, 100% 100%); } 100% { clip-path: polygon(0% 100%, 0% 80%, 5% 85%, 10% 75%, 15% 80%, 20% 70%, 25% 78%, 30% 68%, 35% 75%, 40% 65%, 45% 72%, 50% 60%, 55% 70%, 60% 62%, 65% 72%, 70% 64%, 75% 74%, 80% 66%, 85% 76%, 90% 68%, 95% 80%, 100% 70%, 100% 100%); } }
@keyframes sr-road { 0% { transform: scaleY(1) } 50% { transform: scaleY(0.95) } 100% { transform: scaleY(1.05) } }
@keyframes sr-magpie { 0% { transform: translateX(-50px) rotate(0deg) } 25% { transform: translateX(100px) rotate(5deg) } 75% { transform: translateX(300px) rotate(-3deg) } 100% { transform: translateX(500px) rotate(0deg) } }
@keyframes sr-bird { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(-200px) rotate(-8deg) } 75% { transform: translateX(-400px) rotate(5deg) } 100% { transform: translateX(-600px) rotate(0deg) } }

.scn-fruit-trees {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 50%, #e0f0ff 100%), radial-gradient(ellipse at 50% 100%, #fff4d0 0%, transparent 60%);
  overflow: hidden;
}
.scn-fruit-trees .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #c8e6c9 100%);
  animation: ft-sky 10s ease-in-out infinite alternate;
}
.scn-fruit-trees .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #8B4513 0%, #654321 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
}
.scn-fruit-trees .tree-left {
  position: absolute; bottom: 30%; left: 15%; width: 60px; height: 120px;
  background: linear-gradient(180deg, #5D4037 0%, #3E2723 100%);
  border-radius: 30% 30% 10% 10%;
  transform-origin: bottom center;
  animation: ft-sway 6s ease-in-out infinite;
}
.scn-fruit-trees .tree-right {
  position: absolute; bottom: 25%; right: 20%; width: 50px; height: 100px;
  background: linear-gradient(180deg, #6D4C41 0%, #4E342E 100%);
  border-radius: 25% 25% 8% 8%;
  transform-origin: bottom center;
  animation: ft-sway 8s ease-in-out infinite reverse;
}
.scn-fruit-trees .tree-center {
  position: absolute; bottom: 28%; left: 45%; width: 70px; height: 140px;
  background: linear-gradient(180deg, #4E342E 0%, #2E1B0E 100%);
  border-radius: 35% 35% 12% 12%;
  transform-origin: bottom center;
  animation: ft-sway 7s ease-in-out infinite;
}
.scn-fruit-trees .fruit-1 {
  position: absolute; bottom: 55%; left: 42%; width: 18px; height: 18px;
  background: radial-gradient(circle at 40% 40%, #FFA500 0%, #FF8C00 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,140,0,0.5);
  animation: ft-fruit 4s ease-in-out infinite;
}
.scn-fruit-trees .fruit-2 {
  position: absolute; bottom: 50%; left: 50%; width: 14px; height: 14px;
  background: radial-gradient(circle at 30% 30%, #FFD700 0%, #FFA000 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,160,0,0.5);
  animation: ft-fruit 5s ease-in-out infinite 1s;
}
@keyframes ft-sky { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes ft-sway { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(1.5deg) } 100% { transform: rotate(-0.5deg) } }
@keyframes ft-fruit { 0% { transform: translateY(0) scale(1) } 25% { transform: translateY(-3px) scale(1.1) } 50% { transform: translateY(0) scale(0.95) } 75% { transform: translateY(-2px) scale(1.05) } 100% { transform: translateY(0) scale(1) } }

.scn-college-students {
  background: linear-gradient(180deg, #e8dcc8 0%, #d4c5a9 50%, #c2b28a 100%), radial-gradient(ellipse at 50% 100%, #fff5e6 0%, transparent 60%);
  overflow: hidden;
}
.scn-college-students .backwall {
  position: absolute; top: 0; left: 0; right: 0; height: 70%;
  background: linear-gradient(180deg, #c9b99a 0%, #b8a88d 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
  animation: cs-wall 10s ease-in-out infinite alternate;
}
.scn-college-students .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8B7355 0%, #6B5B45 100%);
  border-radius: 0 0 10% 10% / 0 0 20% 20%;
}
.scn-college-students .window {
  position: absolute; top: 15%; left: 60%; width: 80px; height: 100px;
  background: linear-gradient(135deg, #b0e0e6 0%, #87ceeb 50%, #e0f0ff 100%);
  border: 6px solid #5D4037;
  border-radius: 8px;
  box-shadow: inset 0 0 20px #fff4d0, 0 0 30px 5px rgba(255,244,208,0.4);
  animation: cs-window 8s ease-in-out infinite;
}
.scn-college-students .desk-1 {
  position: absolute; bottom: 15%; left: 20%; width: 90px; height: 25px;
  background: linear-gradient(180deg, #7B5B3A 0%, #5C3D1E 100%);
  border-radius: 4px;
  transform: skewY(1deg);
  animation: cs-desk 5s ease-in-out infinite;
}
.scn-college-students .desk-2 {
  position: absolute; bottom: 18%; right: 15%; width: 80px; height: 22px;
  background: linear-gradient(180deg, #7B5B3A 0%, #5C3D1E 100%);
  border-radius: 4px;
  transform: skewY(-1deg);
  animation: cs-desk 6s ease-in-out infinite 1s;
}
.scn-college-students .student-1 {
  position: absolute; bottom: 15%; left: 25%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #3E2723 0%, #1A0D0A 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: cs-student 4s ease-in-out infinite;
}
.scn-college-students .student-2 {
  position: absolute; bottom: 18%; right: 18%; width: 28px; height: 48px;
  background: linear-gradient(180deg, #3E2723 0%, #1A0D0A 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: cs-student 5s ease-in-out infinite 0.5s;
}
.scn-college-students .book {
  position: absolute; bottom: 18%; left: 35%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #F5DEB3 0%, #DEB887 100%);
  border: 2px solid #8B4513;
  border-radius: 2px;
  animation: cs-book 3s ease-in-out infinite alternate;
}
@keyframes cs-wall { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes cs-window { 0% { box-shadow: inset 0 0 20px #fff4d0, 0 0 30px 5px rgba(255,244,208,0.4); } 50% { box-shadow: inset 0 0 30px #fff4d0, 0 0 50px 10px rgba(255,244,208,0.7); } 100% { box-shadow: inset 0 0 20px #fff4d0, 0 0 30px 5px rgba(255,244,208,0.4); } }
@keyframes cs-desk { 0% { transform: skewY(1deg) translateY(0) } 50% { transform: skewY(0deg) translateY(-1px) } 100% { transform: skewY(-1deg) translateY(0) } }
@keyframes cs-student { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) translateY(-1px) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(1deg) translateY(1px) } 100% { transform: rotate(0deg) } }
@keyframes cs-book { 0% { transform: translateX(0) rotate(0deg) } 100% { transform: translateX(4px) rotate(3deg) } }

.scn-sheep-shearing {
  background: linear-gradient(180deg, #e0c9a0 0%, #c8b080 50%, #a08860 100%), radial-gradient(ellipse at 50% 100%, #ffeedd 0%, transparent 70%);
  overflow: hidden;
}
.scn-sheep-shearing .wallshed {
  position: absolute; top: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.25);
}
.scn-sheep-shearing .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #6B4226 0%, #4B2E1A 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0;
}
.scn-sheep-shearing .sheep {
  position: absolute; bottom: 25%; left: 25%; width: 130px; height: 60px;
  background: linear-gradient(180deg, #f0e6d0 0%, #d4c4a8 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  animation: ss-sheep 6s ease-in-out infinite;
}
.scn-sheep-shearing .fleece {
  position: absolute; bottom: 25%; left: 50%; width: 100px; height: 40px;
  background: linear-gradient(135deg, #fff8f0 0%, #e8dcc8 100%);
  border-radius: 30% 70% 50% 50% / 40% 60% 40% 60%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  animation: ss-fleece 8s ease-in-out infinite alternate;
}
.scn-sheep-shearing .shearer {
  position: absolute; bottom: 15%; left: 55%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #2E1B0E 0%, #1A0D0A 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: ss-shearer 5s ease-in-out infinite;
}
.scn-sheep-shearing .flag {
  position: absolute; top: 10%; right: 15%; width: 50px; height: 30px;
  background: linear-gradient(180deg, #5e1a1d 0%, #9e4a4a 100%);
  border-radius: 2px;
  animation: ss-flag 4s ease-in-out infinite alternate;
}
.scn-sheep-shearing .bench {
  position: absolute; bottom: 15%; left: 20%; width: 160px; height: 12px;
  background: linear-gradient(180deg, #5C3D1E 0%, #3E2410 100%);
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}
@keyframes ss-sheep { 0% { transform: scaleX(1) scaleY(1) } 25% { transform: scaleX(0.98) scaleY(1.02) } 50% { transform: scaleX(1) scaleY(0.98) } 75% { transform: scaleX(1.02) scaleY(1) } 100% { transform: scaleX(1) scaleY(1) } }
@keyframes ss-fleece { 0% { transform: translate(0, 0) rotate(0deg) } 50% { transform: translate(8px, -3px) rotate(5deg) } 100% { transform: translate(-5px, 2px) rotate(-3deg) } }
@keyframes ss-shearer { 0% { transform: rotate(0deg) } 25% { transform: rotate(5deg) translateY(-2px) } 50% { transform: rotate(-2deg) } 75% { transform: rotate(3deg) translateY(2px) } 100% { transform: rotate(0deg) } }
@keyframes ss-flag { 0% { transform: skewY(0deg) } 50% { transform: skewY(3deg) } 100% { transform: skewY(-1deg) } }

.scn-berth-problems {
  background: linear-gradient(135deg, #f5e6d3 0%, #e3c9a6 50%, #c9b08a 100%), radial-gradient(ellipse at 20% 60%, rgba(255,220,150,0.3) 0%, transparent 60%);
}
.scn-berth-problems .wall-bg { position:absolute; inset:0; background: linear-gradient(180deg, #f0dcb8 0%, #d4bf9a 100%); }
.scn-berth-problems .window { position:absolute; top:12%; right:8%; width:28%; height:30%; background: linear-gradient(180deg, #b0d0e8 0%, #7a9ec0 100%); border-radius: 8% 8% 4% 4%; box-shadow: inset 0 4px 12px rgba(255,255,200,0.4); animation: bp-glow 4s ease-in-out infinite alternate; }
.scn-berth-problems .lower-berth { position:absolute; bottom:10%; left:5%; right:40%; height:28%; background: linear-gradient(180deg, #8b6f50 0%, #5a452f 100%); border-radius: 6% 6% 4% 4%; box-shadow: inset 0 8px 16px rgba(0,0,0,0.3); }
.scn-berth-problems .upper-berth { position:absolute; top:18%; left:5%; right:40%; height:22%; background: linear-gradient(180deg, #7a5f42 0%, #4a3520 100%); border-radius: 6% 6% 4% 4%; box-shadow: inset 0 6px 12px rgba(0,0,0,0.4); }
.scn-berth-problems .guard { position:absolute; bottom:12%; left:12%; width:14%; height:28%; background: linear-gradient(180deg, #2c221a 0%, #1a120c 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bp-sit 3s ease-in-out infinite; }
.scn-berth-problems .luggage { position:absolute; bottom:6%; left:45%; width:18%; height:14%; background: linear-gradient(135deg, #5c3d2a 0%, #3a2516 100%); border-radius: 10% 10% 6% 6%; box-shadow: 4px 4px 8px rgba(0,0,0,0.5); animation: bp-luggage 7s ease-in-out infinite; }
.scn-berth-problems .light { position:absolute; top:2%; left:45%; width:10%; height:6%; background: radial-gradient(circle, #ffefc0 0%, #e8c080 70%); border-radius: 50%; filter: blur(4px); box-shadow: 0 0 20px 10px rgba(255,239,192,0.5); animation: bp-light-flicker 2s ease-in-out infinite alternate; }
@keyframes bp-glow { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes bp-sit { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } }
@keyframes bp-luggage { 0%,100% { transform: rotate(0deg); } 30% { transform: rotate(2deg); } 70% { transform: rotate(-1deg); } }
@keyframes bp-light-flicker { 0% { opacity:0.8; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05); } 100% { opacity:0.85; transform: scale(1); } }

.scn-american-lady-berth {
  background: linear-gradient(180deg, #f8ead0 0%, #e5ceb0 60%, #d0b898 100%), radial-gradient(ellipse at 70% 30%, rgba(255,240,180,0.25) 0%, transparent 60%);
}
.scn-american-lady-berth .compartment-wall { position:absolute; inset:0; background: linear-gradient(90deg, #ebd6b0 0%, #dcc49c 100%); }
.scn-american-lady-berth .window { position:absolute; top:10%; left:8%; width:24%; height:32%; background: linear-gradient(180deg, #a8c8e0 0%, #7090b0 100%); border-radius: 10%; box-shadow: inset 0 4px 16px rgba(255,255,220,0.3); animation: alb-glow 5s ease-in-out infinite alternate; }
.scn-american-lady-berth .lower-berth { position:absolute; bottom:10%; left:10%; right:35%; height:26%; background: linear-gradient(180deg, #8a6d50 0%, #5a4028 100%); border-radius: 6% 6% 4% 4%; }
.scn-american-lady-berth .hanging-shelf { position:absolute; top:20%; right:12%; width:20%; height:8%; background: linear-gradient(180deg, #6e5340 0%, #4a3220 100%); border-radius: 4%; box-shadow: 0 4px 6px rgba(0,0,0,0.3); }
.scn-american-lady-berth .lady { position:absolute; bottom:12%; left:20%; width:16%; height:30%; background: linear-gradient(180deg, #3a2a20 0%, #1e1410 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: alb-lady-sit 4s ease-in-out infinite; }
.scn-american-lady-berth .satchels { position:absolute; top:18%; right:15%; width:12%; height:10%; background: linear-gradient(135deg, #9c7a5a 0%, #7a5a3a 100%); border-radius: 20% 20% 10% 10%; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); animation: alb-satchel 6s ease-in-out infinite; }
.scn-american-lady-berth .overhead-light { position:absolute; top:2%; left:45%; width:8%; height:5%; background: radial-gradient(circle, #ffedc0 0%, #dbaa60 70%); border-radius: 50%; filter: blur(4px); box-shadow: 0 0 24px 12px rgba(255,237,192,0.6); animation: alb-light 3s ease-in-out infinite alternate; }
@keyframes alb-glow { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.75; } }
@keyframes alb-lady-sit { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(1deg); } }
@keyframes alb-satchel { 0%,100% { transform: rotate(0deg); } 50% { transform: rotate(3deg); } }
@keyframes alb-light { 0% { opacity:0.85; transform: scale(0.9); } 50% { opacity:1; transform: scale(1.1); } 100% { opacity:0.9; transform: scale(1); } }

.scn-carriage-swap {
  background: linear-gradient(135deg, #e8dac0 0%, #cbb698 50%, #aa9178 100%), radial-gradient(ellipse at 30% 70%, rgba(255,220,150,0.2) 0%, transparent 60%);
}
.scn-carriage-swap .interior-bg { position:absolute; inset:0; background: linear-gradient(180deg, #dcc6a6 0%, #bca888 100%); }
.scn-carriage-swap .door-frame { position:absolute; left:8%; top:5%; width:25%; height:90%; background: linear-gradient(90deg, #6e5a48 0%, #4a3a2a 100%); border-radius: 8% 0 0 8% / 4% 0 0 4%; box-shadow: 4px 0 12px rgba(0,0,0,0.3); }
.scn-carriage-swap .window { position:absolute; top:10%; right:10%; width:22%; height:30%; background: linear-gradient(180deg, #b0c8d8 0%, #7a96b0 100%); border-radius: 8%; box-shadow: inset 0 4px 12px rgba(255,255,200,0.3); animation: cs-glow 4s ease-in-out infinite alternate; }
.scn-carriage-swap .officer { position:absolute; left:20%; bottom:10%; width:15%; height:35%; background: linear-gradient(180deg, #2a2a36 0%, #14141e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cs-officer 3s ease-in-out infinite; }
.scn-carriage-swap .seats { position:absolute; bottom:8%; right:8%; width:30%; height:20%; background: linear-gradient(180deg, #8a7058 0%, #5a442e 100%); border-radius: 10% 10% 6% 6%; box-shadow: inset 0 6px 12px rgba(0,0,0,0.4); }
.scn-carriage-swap .luggage { position:absolute; bottom:6%; left:35%; width:20%; height:14%; background: linear-gradient(135deg, #5c402a 0%, #3a2818 100%); border-radius: 10% 10% 6% 6%; box-shadow: 4px 4px 8px rgba(0,0,0,0.5); animation: cs-luggage 8s ease-in-out infinite; }
.scn-carriage-swap .train-motion { position:absolute; top:60%; left:50%; width:200%; height:2px; background: linear-gradient(90deg, transparent 0%, rgba(100,80,60,0.3) 50%, transparent 100%); transform: translateX(-50%); animation: cs-motion 6s linear infinite; }
@keyframes cs-glow { 0% { opacity:0.5; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes cs-officer { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(2deg); } }
@keyframes cs-luggage { 0%,100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(3deg) translateY(-2px); } 75% { transform: rotate(-2deg) translateY(1px); } }
@keyframes cs-motion { 0% { transform: translateX(-50%) scaleX(0.8); opacity:0.3; } 50% { transform: translateX(-50%) scaleX(1.2); opacity:0.6; } 100% { transform: translateX(-50%) scaleX(0.8); opacity:0.3; } }

.scn-englishman-berth {
  background: linear-gradient(180deg, #2a2a3a 0%, #1c1c2a 50%, #0e0e1a 100%), radial-gradient(ellipse at 50% 40%, rgba(80,60,40,0.4) 0%, transparent 70%);
}
.scn-englishman-berth .compartment { position:absolute; inset:0; background: linear-gradient(180deg, #1e1e2e 0%, #12121e 100%); }
.scn-englishman-berth .lower-berth-smythe { position:absolute; bottom:8%; left:5%; right:45%; height:25%; background: linear-gradient(180deg, #3a3028 0%, #221c16 100%); border-radius: 6% 6% 4% 4%; box-shadow: inset 0 8px 16px rgba(0,0,0,0.5); }
.scn-englishman-berth .figure-smythe { position:absolute; bottom:14%; left:15%; width:12%; height:18%; background: linear-gradient(180deg, #2a221e 0%, #14100c 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: eb-smythe 3s ease-in-out infinite; }
.scn-englishman-berth .englishman { position:absolute; bottom:10%; right:15%; width:20%; height:40%; background: linear-gradient(180deg, #1c1c2a 0%, #0a0a14 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom right; animation: eb-englishman 4s ease-in-out infinite; }
.scn-englishman-berth .trunk { position:absolute; bottom:6%; right:8%; width:18%; height:14%; background: linear-gradient(135deg, #4a3624 0%, #2a1c12 100%); border-radius: 10% 10% 6% 6%; box-shadow: 4px 4px 10px rgba(0,0,0,0.6); animation: eb-trunk 6s ease-in-out infinite; }
.scn-englishman-berth .window { position:absolute; top:12%; left:10%; width:22%; height:28%; background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%); border-radius: 8%; box-shadow: inset 0 4px 12px rgba(0,0,0,0.5); animation: eb-window-glow 5s ease-in-out infinite alternate; }
.scn-englishman-berth .light-glow { position:absolute; top:2%; left:40%; width:12%; height:6%; background: radial-gradient(circle, #ffeecc 0%, #ccaa66 70%); border-radius: 50%; filter: blur(6px); box-shadow: 0 0 30px 15px rgba(255,238,204,0.3); animation: eb-light 2s ease-in-out infinite alternate; }
@keyframes eb-smythe { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } }
@keyframes eb-englishman { 0% { transform: scale(1) rotate(0deg); } 25% { transform: scale(1.02) rotate(-1deg); } 75% { transform: scale(0.98) rotate(1deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes eb-trunk { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } }
@keyframes eb-window-glow { 0% { opacity:0.4; } 50% { opacity:0.7; } 100% { opacity:0.5; } }
@keyframes eb-light { 0% { opacity:0.6; transform: scale(0.8); } 100% { opacity:1; transform: scale(1.2); } }

/* clothes-insincerity – dark mood, bright interior */
.scn-clothes-insincerity {
  background: linear-gradient(135deg, #2b1f1a 0%, #3a2b24 40%, #4a3830 70%, #2b1f1a 100%),
              radial-gradient(ellipse at 50% 80%, #5a4538 0%, transparent 60%);
}
.scn-clothes-insincerity .ci-wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #3a2b24 0%, #2b1f1a 100%);
  box-shadow: inset 0 0 80px #1f1410; animation: ci-wall 20s ease-in-out infinite alternate;
}
.scn-clothes-insincerity .ci-mirror {
  position: absolute; left: 30%; top: 15%; width: 120px; height: 180px;
  background: linear-gradient(135deg, #a8927a 0%, #8a7762 30%, #6b5c4a 70%, #4a3e32 100%);
  border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.6), inset 0 0 40px #c9b89c;
  transform: rotate(-2deg); animation: ci-mirror 6s ease-in-out infinite alternate;
}
.scn-clothes-insincerity .ci-figure {
  position: absolute; left: 45%; bottom: 5%; width: 60px; height: 160px;
  background: linear-gradient(180deg, #1f1410 0%, #2b1f1a 40%, #3a2b24 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom;
  animation: ci-figure 4s ease-in-out infinite alternate;
}
.scn-clothes-insincerity .ci-robe {
  position: absolute; left: 42%; bottom: 40%; width: 80px; height: 100px;
  background: linear-gradient(180deg, #5a4538 0%, #3a2b24 50%, #2b1f1a 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  transform-origin: top; animation: ci-robe 5s ease-in-out infinite alternate;
}
.scn-clothes-insincerity .ci-light {
  position: absolute; left: 35%; top: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle at 50% 50%, #e8d8b0 0%, #c9b89c 40%, transparent 70%);
  border-radius: 50%; filter: blur(8px); box-shadow: 0 0 50px #c9b89c;
  animation: ci-light 3s ease-in-out infinite alternate;
}
.scn-clothes-insincerity .ci-shadow {
  position: absolute; left: 40%; bottom: 0; width: 100px; height: 60px;
  background: radial-gradient(ellipse at 50% 50%, #1a1210 0%, transparent 70%);
  animation: ci-shadow 4s ease-in-out infinite alternate;
}
.scn-clothes-insincerity .ci-veil {
  position: absolute; left: 38%; top: 10%; width: 90px; height: 30px;
  background: linear-gradient(180deg, rgba(200,180,160,0.1) 0%, rgba(200,180,160,0.3) 50%, transparent 100%);
  filter: blur(4px); transform: rotate(10deg); animation: ci-veil 7s ease-in-out infinite alternate;
}
@keyframes ci-wall { 0% { opacity: .9; } 50% { opacity: .95; } 100% { opacity: .85; } }
@keyframes ci-mirror { 0% { transform: rotate(-2deg) scaleX(1); box-shadow: 0 10px 30px rgba(0,0,0,.6); } 50% { transform: rotate(0deg) scaleX(1.05); box-shadow: 0 15px 40px rgba(0,0,0,.5); } 100% { transform: rotate(-2deg) scaleX(1); box-shadow: 0 10px 30px rgba(0,0,0,.6); } }
@keyframes ci-figure { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(8px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes ci-robe { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-2px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes ci-light { 0% { opacity: .5; transform: scale(1); } 50% { opacity: .8; transform: scale(1.2); } 100% { opacity: .6; transform: scale(1); } }
@keyframes ci-shadow { 0% { opacity: .3; transform: scaleX(1); } 50% { opacity: .5; transform: scaleX(1.1); } 100% { opacity: .3; transform: scaleX(1); } }
@keyframes ci-veil { 0% { transform: rotate(10deg) translateX(0); } 33% { transform: rotate(8deg) translateX(-5px); } 66% { transform: rotate(12deg) translateX(5px); } 100% { transform: rotate(10deg) translateX(0); } }

/* rosetta-ship – calm, dim interior */
.scn-rosetta-ship {
  background: linear-gradient(180deg, #1e1a18 0%, #2b2622 40%, #3a322e 70%, #1e1a18 100%),
              radial-gradient(ellipse at 50% 90%, #4a3e38 0%, transparent 60%);
}
.scn-rosetta-ship .rs-cabin {
  position: absolute; inset: 0; background: linear-gradient(180deg, #2b2622 0%, #1e1a18 100%);
  box-shadow: inset 0 0 60px #12100e; animation: rs-cabin 30s ease-in-out infinite alternate;
}
.scn-rosetta-ship .rs-table {
  position: absolute; left: 25%; bottom: 15%; width: 150px; height: 60px;
  background: linear-gradient(180deg, #4a3e38 0%, #3a322e 50%, #2b2622 100%);
  border-radius: 4px 4px 8px 8px; box-shadow: 0 4px 12px rgba(0,0,0,.5);
  transform-origin: center bottom; animation: rs-table 8s ease-in-out infinite alternate;
}
.scn-rosetta-ship .rs-lamp {
  position: absolute; left: 30%; top: 25%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 60%, #d4b88a 0%, #b89a6e 50%, transparent 80%);
  border-radius: 50% 50% 30% 30%; filter: blur(6px); box-shadow: 0 0 40px #b89a6e;
  animation: rs-lamp 4s ease-in-out infinite alternate;
}
.scn-rosetta-ship .rs-chair {
  position: absolute; left: 20%; bottom: 20%; width: 50px; height: 80px;
  background: linear-gradient(180deg, #3a322e 0%, #2b2622 50%, #1e1a18 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%; transform-origin: bottom;
  animation: rs-chair 6s ease-in-out infinite alternate;
}
.scn-rosetta-ship .rs-figure {
  position: absolute; left: 30%; bottom: 12%; width: 50px; height: 130px;
  background: linear-gradient(180deg, #2b2622 0%, #1e1a18 50%, #12100e 100%);
  border-radius: 40% 40% 35% 35% / 50% 50% 40% 40%; transform-origin: bottom;
  animation: rs-figure 5s ease-in-out infinite alternate;
}
.scn-rosetta-ship .rs-coat {
  position: absolute; left: 28%; bottom: 55%; width: 70px; height: 80px;
  background: linear-gradient(180deg, #4a3e38 0%, #3a322e 50%, #2b2622 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: top;
  animation: rs-coat 5s ease-in-out infinite alternate;
}
.scn-rosetta-ship .rs-sway {
  position: absolute; left: 10%; top: 10%; width: 80px; height: 15px;
  background: linear-gradient(180deg, rgba(180,160,130,0.2) 0%, rgba(180,160,130,0.05) 100%);
  filter: blur(6px); transform-origin: left; animation: rs-sway 12s linear infinite;
}
@keyframes rs-cabin { 0% { opacity: .9; } 50% { opacity: .95; } 100% { opacity: .85; } }
@keyframes rs-table { 0% { transform: rotate(-1deg) scaleX(1); } 50% { transform: rotate(1deg) scaleX(1.02); } 100% { transform: rotate(-1deg) scaleX(1); } }
@keyframes rs-lamp { 0% { opacity: .6; transform: scale(1) rotate(-3deg); } 50% { opacity: .9; transform: scale(1.1) rotate(0deg); } 100% { opacity: .7; transform: scale(1) rotate(3deg); } }
@keyframes rs-chair { 0% { transform: rotate(-2deg) translateX(0); } 50% { transform: rotate(0deg) translateX(3px); } 100% { transform: rotate(2deg) translateX(0); } }
@keyframes rs-figure { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(5px) rotate(1deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes rs-coat { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.03) translateY(-2px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes rs-sway { 0% { transform: rotate(-5deg); } 25% { transform: rotate(2deg); } 50% { transform: rotate(-3deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(-5deg); } }

/* bombay-first-view – warm, sunlit */
.scn-bombay-first-view {
  background: linear-gradient(180deg, #78a8c8 0%, #a8c8d8 30%, #d8e8e8 60%, #f0e8d8 100%),
              radial-gradient(ellipse at 30% 50%, #f0d8b0 0%, transparent 60%);
}
.scn-bombay-first-view .bv-sky {
  position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #5898b8 0%, #a8c8d8 60%, #d8e8e8 100%);
  animation: bv-sky 15s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-sun {
  position: absolute; top: 20%; right: 20%; width: 80px; height: 80px;
  background: radial-gradient(circle at 50% 50%, #f8e8b0 0%, #f0d090 30%, #e8b870 60%, transparent 80%);
  border-radius: 50%; filter: blur(10px); box-shadow: 0 0 60px #f0d090;
  animation: bv-sun 10s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-palm {
  position: absolute; right: 30%; bottom: 25%; width: 30px; height: 180px;
  background: linear-gradient(180deg, #6b8a5e 0%, #4a6a3e 50%, #2a4a1e 100%);
  border-radius: 30% 30% 0 0 / 10% 10% 0 0; transform-origin: bottom;
  animation: bv-palm 6s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-palm::after {
  content: ''; position: absolute; top: -30px; left: -60px; width: 150px; height: 60px;
  background: radial-gradient(ellipse at 50% 100%, #6b8a5e 0%, #4a6a3e 50%, transparent 80%);
  border-radius: 50%; transform-origin: bottom; animation: bv-palm-frond 6s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-dome {
  position: absolute; left: 20%; bottom: 20%; width: 100px; height: 80px;
  background: linear-gradient(180deg, #e8d8b8 0%, #d0b890 50%, #b89a70 100%);
  border-radius: 50% 50% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 8px 20px rgba(0,0,0,.3);
  animation: bv-dome 8s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-minaret {
  position: absolute; left: 25%; bottom: 20%; width: 20px; height: 120px;
  background: linear-gradient(180deg, #c8b898 0%, #b8a888 50%, #a89878 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0; transform-origin: bottom;
  animation: bv-minaret 8s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-figures {
  position: absolute; left: 40%; bottom: 10%; width: 120px; height: 100px;
  background: linear-gradient(180deg, #3a2e24 0%, #2b1f1a 50%, #1f1410 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom; animation: bv-figures 5s ease-in-out infinite alternate;
}
.scn-bombay-first-view .bv-breeze {
  position: absolute; left: 10%; top: 15%; width: 200px; height: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
  filter: blur(8px); animation: bv-breeze 25s linear infinite;
}
@keyframes bv-sky { 0% { opacity: .9; } 50% { opacity: 1; } 100% { opacity: .85; } }
@keyframes bv-sun { 0% { transform: translateY(0) scale(1); opacity: .9; } 50% { transform: translateY(-10px) scale(1.1); opacity: 1; } 100% { transform: translateY(0) scale(1); opacity: .9; } }
@keyframes bv-palm { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); } }
@keyframes bv-palm-frond { 0% { transform: rotate(-5deg) scaleX(1); } 50% { transform: rotate(5deg) scaleX(1.1); } 100% { transform: rotate(-5deg) scaleX(1); } }
@keyframes bv-dome { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.03) translateY(-3px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes bv-minaret { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(-3px) scaleX(1.02); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes bv-figures { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(8px) scaleY(1.04); } 100% { transform: translateX(0) scaleY(1); } }
@keyframes bv-breeze { 0% { transform: translateX(-100px) scaleY(1); } 50% { transform: translateX(100px) scaleY(2); } 100% { transform: translateX(300px) scaleY(1); } }

/* parse-women – warm, sunlit */
.scn-parse-women {
  background: linear-gradient(180deg, #b8d8c8 0%, #d8e8d8 30%, #f0e8d8 60%, #e8d8b8 100%),
              radial-gradient(ellipse at 50% 70%, #f0d8b0 0%, transparent 60%);
}
.scn-parse-women .pw-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #d8c8a8 0%, #c8b898 50%, #b8a888 100%);
  border-radius: 30% 70% 0 0 / 20% 30% 0 0; animation: pw-ground 12s ease-in-out infinite alternate;
}
.scn-parse-women .pw-fig1 {
  position: absolute; left: 15%; bottom: 20%; width: 40px; height: 130px;
  background: linear-gradient(180deg, #d06040 0%, #b85030 40%, #a04020 100%); /* terracotta */
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom;
  animation: pw-fig1 5s ease-in-out infinite alternate;
}
.scn-parse-women .pw-fig2 {
  position: absolute; left: 35%; bottom: 22%; width: 45px; height: 135px;
  background: linear-gradient(180deg, #60a060 0%, #489048 40%, #307830 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom;
  animation: pw-fig2 6s ease-in-out infinite alternate reverse;
}
.scn-parse-women .pw-fig3 {
  position: absolute; right: 30%; bottom: 18%; width: 42px; height: 128px;
  background: linear-gradient(180deg, #a068c0 0%, #8858a8 40%, #704890 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom;
  animation: pw-fig3 4s ease-in-out infinite alternate;
}
.scn-parse-women .pw-fig4 {
  position: absolute; right: 10%; bottom: 24%; width: 38px; height: 125px;
  background: linear-gradient(180deg, #e0b860 0%, #c8a048 40%, #b08830 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom;
  animation: pw-fig4 7s ease-in-out infinite alternate;
}
.scn-parse-women .pw-scarf {
  position: absolute; left: 32%; bottom: 65%; width: 80px; height: 20px;
  background: linear-gradient(180deg, #f0c880 0%, #e8b860 50%, #d0a050 100%);
  filter: blur(3px); transform-origin: left; animation: pw-scarf 8s ease-in-out infinite alternate;
}
.scn-parse-women .pw-blossom {
  position: absolute; left: 50%; bottom: 40%; width: 20px; height: 20px;
  background: radial-gradient(circle at 50% 50%, #f0a0a0 0%, #e08080 40%, transparent 70%);
  border-radius: 50%; filter: blur(2px); animation: pw-blossom 3s ease-in-out infinite alternate;
}
.scn-parse-women .pw-haze {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, rgba(240,232,200,0.2) 0%, transparent 70%);
  animation: pw-haze 20s ease-in-out infinite alternate;
}
@keyframes pw-ground { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-2px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes pw-fig1 { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(5px) rotate(1deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes pw-fig2 { 0% { transform: translateX(0) rotate(1deg); } 50% { transform: translateX(-4px) rotate(-1deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes pw-fig3 { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(3px) scaleY(1.03); } 100% { transform: translateX(0) scaleY(1); } }
@keyframes pw-fig4 { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(-3px) rotate(1deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes pw-scarf { 0% { transform: rotate(5deg) scaleX(1); } 50% { transform: rotate(-3deg) scaleX(1.1); } 100% { transform: rotate(5deg) scaleX(1); } }
@keyframes pw-blossom { 0% { opacity: .6; transform: scale(1) rotate(0deg); } 50% { opacity: .9; transform: scale(1.3) rotate(10deg); } 100% { opacity: .7; transform: scale(1) rotate(0deg); } }
@keyframes pw-haze { 0% { opacity: .8; } 50% { opacity: .95; } 100% { opacity: .8; } }

.scn-aboriginal-art {
  background:
    linear-gradient(180deg, #f5deb3 0%, #d2b48c 40%, #c2a278 100%),
    radial-gradient(ellipse at 50% 100%, #e8cfa0 0%, transparent 60%);
}
.scn-aboriginal-art .wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(135deg, #f0e6d0 0%, #e0cba0 50%, #d2b48c 100%); }
.scn-aboriginal-art .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #8b7355 0%, #6b5b4a 100%); }
.scn-aboriginal-art .bark { position:absolute; bottom:20%; left:20%; width:45%; height:30%; background: #b8956a; border-radius: 8% 12% 4% 10% / 60% 60% 40% 40%; box-shadow: inset 0 0 20px rgba(0,0,0,0.2), 0 4px 8px rgba(0,0,0,0.3); transform: rotate(-2deg); animation: aa-bark 12s ease-in-out infinite alternate; }
.scn-aboriginal-art .artist { position:absolute; bottom:22%; left:12%; width:28px; height:50px; background: linear-gradient(180deg, #7a5a3a 0%, #4a3020 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: aa-artist 4s ease-in-out infinite; }
.scn-aboriginal-art .brush { position:absolute; bottom:30%; left:15%; width:4px; height:20px; background: #3a2a1a; border-radius: 20% 20% 40% 40%; transform-origin: bottom center; animation: aa-brush 3s ease-in-out infinite; }
.scn-aboriginal-art .lamp { position:absolute; bottom:40%; right:15%; width:30px; height:40px; background: linear-gradient(180deg, #d4a050 0%, #b08030 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 30px 10px #f0c060, 0 0 60px 20px rgba(240,192,96,0.3); animation: aa-lamp 5s ease-in-out infinite alternate; }
.scn-aboriginal-art .dots { position:absolute; bottom:25%; left:30%; width:60%; height:15%; background: radial-gradient(circle at 10% 30%, #8b4513 4px, transparent 4px), radial-gradient(circle at 30% 60%, #a0522d 3px, transparent 3px), radial-gradient(circle at 50% 20%, #d2691e 5px, transparent 5px), radial-gradient(circle at 70% 50%, #cd853f 4px, transparent 4px), radial-gradient(circle at 90% 40%, #deb887 3px, transparent 3px); background-size: 20px 20px; animation: aa-dots 8s ease-in-out infinite alternate; }
.scn-aboriginal-art .shadow { position:absolute; bottom:0; left:10%; width:50%; height:18%; background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%); animation: aa-shadow 6s ease-in-out infinite; }
@keyframes aa-bark {
  0% { transform: rotate(-2deg) scale(1); }
  50% { transform: rotate(0deg) scale(1.02); }
  100% { transform: rotate(-1deg) scale(1); }
}
@keyframes aa-artist {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes aa-brush {
  0% { transform: rotate(-15deg) scaleY(1); }
  50% { transform: rotate(5deg) scaleY(1.1); }
  100% { transform: rotate(-10deg) scaleY(1); }
}
@keyframes aa-lamp {
  0% { opacity:0.8; box-shadow: 0 0 20px 5px #f0c060; }
  50% { opacity:1; box-shadow: 0 0 40px 15px #f0c060, 0 0 80px 25px rgba(240,192,96,0.3); }
  100% { opacity:0.85; box-shadow: 0 0 25px 8px #f0c060; }
}
@keyframes aa-dots {
  0% { opacity:0.6; }
  50% { opacity:1; }
  100% { opacity:0.7; }
}
@keyframes aa-shadow {
  0% { transform: scaleX(1) translateX(0); opacity:0.5; }
  50% { transform: scaleX(1.05) translateX(-5px); opacity:0.7; }
  100% { transform: scaleX(1) translateX(0); opacity:0.5; }
}

.scn-native-surgery {
  background:
    linear-gradient(180deg, #f0dcc0 0%, #d4b89a 40%, #b89878 100%),
    radial-gradient(ellipse at 50% 100%, #c8a888 0%, transparent 60%);
}
.scn-native-surgery .bg { position:absolute; inset:0 0 30% 0; background: linear-gradient(135deg, #e8d0b8 0%, #d4b89a 100%); }
.scn-native-surgery .ground { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); }
.scn-native-surgery .patient { position:absolute; bottom:20%; left:35%; width:30px; height:45px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ns-patient 6s ease-in-out infinite; }
.scn-native-surgery .foot-ember { position:absolute; bottom:12%; left:40%; width:20px; height:15px; background: radial-gradient(circle, #d2691e 0%, #8b4513 50%, #3a1a0a 100%); border-radius: 50%; box-shadow: inset 0 0 10px #ff8c00, 0 0 20px 5px rgba(255,140,0,0.4); animation: ns-ember 3s ease-in-out infinite alternate; }
.scn-native-surgery .ember-glow { position:absolute; bottom:10%; left:38%; width:28px; height:20px; background: radial-gradient(circle, rgba(255,140,0,0.3) 0%, transparent 70%); border-radius: 50%; animation: ns-glow 3s ease-in-out infinite alternate; }
.scn-native-surgery .helper { position:absolute; bottom:22%; left:25%; width:24px; height:40px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: ns-helper 4s ease-in-out infinite; }
.scn-native-surgery .smoke { position:absolute; bottom:25%; left:45%; width:30px; height:20px; background: radial-gradient(circle, rgba(200,200,200,0.4) 0%, transparent 70%); filter: blur(4px); animation: ns-smoke 8s ease-in-out infinite; }
@keyframes ns-patient {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ns-ember {
  0% { transform: scale(1) rotate(0deg); opacity:0.9; }
  50% { transform: scale(1.1) rotate(5deg); opacity:1; }
  100% { transform: scale(1) rotate(0deg); opacity:0.9; }
}
@keyframes ns-glow {
  0% { transform: scale(1); opacity:0.3; }
  50% { transform: scale(1.2); opacity:0.6; }
  100% { transform: scale(1); opacity:0.4; }
}
@keyframes ns-helper {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ns-smoke {
  0% { transform: translateY(0) scale(1); opacity:0.3; }
  50% { transform: translateY(-10px) scale(1.5); opacity:0.1; }
  100% { transform: translateY(0) scale(1); opacity:0.3; }
}

.scn-spear-extraction {
  background:
    linear-gradient(180deg, #f5e6d0 0%, #e0c8a8 40%, #c0a888 100%),
    radial-gradient(ellipse at 50% 0%, #e8d0b0 0%, transparent 60%);
}
.scn-spear-extraction .room { position:absolute; inset:0 0 25% 0; background: linear-gradient(135deg, #f0e0c8 0%, #dcc8a8 100%); }
.scn-spear-extraction .mat { position:absolute; bottom:0; left:10%; width:80%; height:25%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 10% 10% 0 0; }
.scn-spear-extraction .patient { position:absolute; bottom:10%; left:40%; width:35px; height:50px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(10deg); transform-origin: center bottom; animation: se-patient 8s ease-in-out infinite; }
.scn-spear-extraction .doctor { position:absolute; bottom:20%; left:25%; width:28px; height:55px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: se-doctor 4s ease-in-out infinite; }
.scn-spear-extraction .spear { position:absolute; bottom:25%; left:42%; width:4px; height:18px; background: linear-gradient(180deg, #8b4513 0%, #5a2a0a 100%); border-radius: 20%; transform: rotate(30deg); transform-origin: bottom center; animation: se-spear 6s ease-in-out infinite; }
.scn-spear-extraction .bandage { position:absolute; bottom:12%; left:38%; width:16px; height:10px; background: #f5deb3; border-radius: 30%; opacity:0.7; animation: se-bandage 10s ease-in-out infinite; }
.scn-spear-extraction .tool { position:absolute; bottom:20%; left:30%; width:3px; height:15px; background: #3a2a1a; border-radius: 10%; transform: rotate(-20deg); animation: se-tool 5s ease-in-out infinite; }
@keyframes se-patient {
  0% { transform: rotate(10deg) scale(1); }
  50% { transform: rotate(8deg) scale(1.02); }
  100% { transform: rotate(10deg) scale(1); }
}
@keyframes se-doctor {
  0% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-3px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-5deg); }
}
@keyframes se-spear {
  0% { transform: rotate(30deg) translateX(0); }
  50% { transform: rotate(25deg) translateX(2px); }
  100% { transform: rotate(30deg) translateX(0); }
}
@keyframes se-bandage {
  0% { opacity:0.6; }
  50% { opacity:1; }
  100% { opacity:0.7; }
}
@keyframes se-tool {
  0% { transform: rotate(-20deg) scaleY(1); }
  50% { transform: rotate(-15deg) scaleY(1.1); }
  100% { transform: rotate(-20deg) scaleY(1); }
}

.scn-wooden-leg {
  background:
    linear-gradient(180deg, #fef7e0 0%, #f5e6c0 40%, #e8d4a0 100%),
    radial-gradient(ellipse at 50% 100%, #ffe0b0 0%, transparent 60%);
}
.scn-wooden-leg .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(135deg, #fff0d0 0%, #f5e0b0 100%); }
.scn-wooden-leg .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #c8b898 0%, #a08868 100%); }
.scn-wooden-leg .figure { position:absolute; bottom:15%; left:40%; width:30px; height:55px; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wl-figure 1.5s ease-in-out infinite; }
.scn-wooden-leg .wood-leg { position:absolute; bottom:18%; left:43%; width:6px; height:25px; background: linear-gradient(180deg, #8b5a2b 0%, #5a3a1a 100%); border-radius: 10%; transform: rotate(15deg); transform-origin: bottom center; animation: wl-leg 1.5s ease-in-out infinite; }
.scn-wooden-leg .stump { position:absolute; bottom:20%; left:40%; width:10px; height:6px; background: #6b4a3a; border-radius: 50%; box-shadow: inset 0 0 4px #4a2a1a; }
.scn-wooden-leg .hat { position:absolute; bottom:58%; left:39%; width:20px; height:8px; background: #5a4a3a; border-radius: 50% 50% 10% 10% / 70% 70% 30% 30%; transform: rotate(-10deg); animation: wl-hat 2s ease-in-out infinite; }
.scn-wooden-leg .shadow { position:absolute; bottom:0; left:38%; width:35px; height:10px; background: radial-gradient(ellipse, rgba(0,0,0,0.2) 0%, transparent 70%); animation: wl-shadow 1.5s ease-in-out infinite; }
.scn-wooden-leg .motion { position:absolute; bottom:25%; left:35%; width:15px; height:2px; background: #a08868; border-radius: 50%; opacity:0.4; transform: rotate(-20deg); animation: wl-motion 1.5s ease-in-out infinite; }
@keyframes wl-figure {
  0% { transform: translateY(0) rotate(-5deg) scale(1); }
  30% { transform: translateY(-4px) rotate(3deg) scale(1.03); }
  60% { transform: translateY(0) rotate(-2deg) scale(1); }
  100% { transform: translateY(0) rotate(-5deg) scale(1); }
}
@keyframes wl-leg {
  0% { transform: rotate(15deg) translateX(0); }
  30% { transform: rotate(30deg) translateX(3px); }
  60% { transform: rotate(10deg) translateX(0); }
  100% { transform: rotate(15deg) translateX(0); }
}
@keyframes wl-hat {
  0% { transform: rotate(-10deg) translateY(0); }
  30% { transform: rotate(-5deg) translateY(-2px); }
  60% { transform: rotate(-12deg) translateY(0); }
  100% { transform: rotate(-10deg) translateY(0); }
}
@keyframes wl-shadow {
  0% { transform: scaleX(1) translateX(0); opacity:0.3; }
  30% { transform: scaleX(1.2) translateX(-3px); opacity:0.5; }
  60% { transform: scaleX(1) translateX(0); opacity:0.3; }
  100% { transform: scaleX(1) translateX(0); opacity:0.3; }
}
@keyframes wl-motion {
  0% { transform: rotate(-20deg) scaleX(1); opacity:0.3; }
  30% { transform: rotate(-30deg) scaleX(1.5); opacity:0.6; }
  60% { transform: rotate(-15deg) scaleX(1); opacity:0.3; }
  100% { transform: rotate(-20deg) scaleX(1); opacity:0.3; }
}

/* broken-hill-silver */
.scn-broken-hill-silver {
  background: linear-gradient(135deg, #c0b8a8 0%, #a09a8a 50%, #7a786a 100%),
              radial-gradient(ellipse at 30% 60%, #e8e0d0 0%, transparent 60%);
}
.scn-broken-hill-silver .wall-back { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #b8b0a0 0%, #8a8270 100%); border-radius:0 0 40% 40% / 0 0 20% 20%; animation: bhs-wall 12s ease-in-out infinite alternate; }
.scn-broken-hill-silver .wall-side { position:absolute; top:0; left:0; width:40%; height:70%; background: linear-gradient(90deg, #9a9280 0%, #7a7260 100%); border-radius:0 30% 20% 0; box-shadow: inset -20px 0 30px rgba(0,0,0,0.2); animation: bhs-wallside 15s ease-in-out infinite alternate; }
.scn-broken-hill-silver .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #5a5240 0%, #3a3220 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.5); }
.scn-broken-hill-silver .vein { position:absolute; top:20%; left:30%; width:50%; height:8%; background: linear-gradient(90deg, #d8d0c0 0%, #f0e8d8 30%, #d8d0c0 70%, #b8b0a0 100%); border-radius: 50%; filter: blur(2px); opacity:0.7; animation: bhs-vein 8s ease-in-out infinite alternate; }
.scn-broken-hill-silver .lantern { position:absolute; bottom:40%; left:20%; width:16px; height:24px; background: #d8a060; border-radius:30% 30% 10% 10%; box-shadow:0 0 40px 10px rgba(216,160,96,0.8), 0 0 80px 20px rgba(216,160,96,0.3); animation: bhs-lantern 4s ease-in-out infinite alternate; }
.scn-broken-hill-silver .miner { position:absolute; bottom:28%; left:55%; width:30px; height:60px; background: linear-gradient(180deg, #4a4238 0%, #2a2218 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: bhs-miner 6s ease-in-out infinite; }
.scn-broken-hill-silver .sparkle { position:absolute; width:4px; height:4px; background: #fff; border-radius:50%; filter: blur(1px); opacity:0.8; }
.scn-broken-hill-silver .s1 { top:25%; left:40%; animation: bhs-sparkle 3s ease-in-out infinite; }
.scn-broken-hill-silver .s2 { top:35%; left:55%; animation: bhs-sparkle 3.5s ease-in-out infinite 1.5s; }
@keyframes bhs-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes bhs-wallside { 0% { transform: skewY(0deg) } 50% { transform: skewY(2deg) } 100% { transform: skewY(0deg) } }
@keyframes bhs-vein { 0% { opacity:0.5; transform: scaleX(1) } 50% { opacity:0.8; transform: scaleX(1.05) } 100% { opacity:0.6; transform: scaleX(1) } }
@keyframes bhs-lantern { 0% { box-shadow: 0 0 30px 5px rgba(216,160,96,0.6); } 50% { box-shadow: 0 0 50px 15px rgba(216,160,96,0.9); } 100% { box-shadow: 0 0 35px 8px rgba(216,160,96,0.7); } }
@keyframes bhs-miner { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes bhs-sparkle { 0% { transform: scale(1); opacity:0.6; } 50% { transform: scale(1.8); opacity:1; } 100% { transform: scale(1); opacity:0.6; } }

/* scrub-country */
.scn-scrub-country {
  background: linear-gradient(180deg, #d4b87a 0%, #c0a460 40%, #a08840 70%, #806830 100%),
              radial-gradient(ellipse at 80% 20%, #f0d890 0%, transparent 70%);
}
.scn-scrub-country .sky-scrub { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #e8c870 0%, #c0a060 100%); animation: sc-sky 20s ease-in-out infinite alternate; }
.scn-scrub-country .sun { position:absolute; top:5%; right:15%; width:80px; height:80px; background: radial-gradient(circle, #fce8b0 0%, #f0d060 40%, transparent 70%); border-radius:50%; filter: blur(8px); animation: sc-sun 10s ease-in-out infinite alternate; }
.scn-scrub-country .horizon { position:absolute; bottom:50%; left:0; right:0; height:4px; background: #806830; box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.scn-scrub-country .bush { position:absolute; bottom:25%; width:90px; height:50px; background: radial-gradient(ellipse at 50% 100%, #6a5a2a 0%, #4a3a1a 60%, transparent 80%); border-radius:50%; filter: blur(2px); }
.scn-scrub-country .b1 { left:10%; animation: sc-bush 15s ease-in-out infinite; }
.scn-scrub-country .b2 { right:15%; width:120px; height:60px; animation: sc-bush 20s ease-in-out infinite 5s; }
.scn-scrub-country .shadow-figure { position:absolute; bottom:30%; left:65%; width:28px; height:70px; background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; box-shadow: 0 10px 30px rgba(0,0,0,0.6); animation: sc-figure 4s ease-in-out infinite; }
.scn-scrub-country .spear { position:absolute; bottom:32%; left:68%; width:3px; height:90px; background: linear-gradient(180deg, #8a7a5a 0%, #5a4a2a 100%); transform: rotate(15deg); transform-origin: bottom; animation: sc-spear 4s ease-in-out infinite; }
.scn-scrub-country .dust { position:absolute; bottom:20%; left:20%; width:60px; height:20px; background: rgba(180,160,120,0.3); border-radius:50%; filter: blur(6px); animation: sc-dust 8s linear infinite; }
@keyframes sc-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.75 } }
@keyframes sc-sun { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.05); } 100% { transform: translateY(0) scale(1); } }
@keyframes sc-bush { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.95) } 100% { transform: scaleX(1) } }
@keyframes sc-figure { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-3px) rotate(2deg); } 60% { transform: translateY(0) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes sc-spear { 0% { transform: rotate(15deg); } 50% { transform: rotate(18deg); } 100% { transform: rotate(15deg); } }
@keyframes sc-dust { 0% { transform: translateX(0) scale(1); opacity:0.3; } 50% { transform: translateX(30px) scale(1.3); opacity:0.1; } 100% { transform: translateX(60px) scale(1); opacity:0; } }

/* heroine-lost */
.scn-heroine-lost {
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 50%, #0e0e1e 100%),
              radial-gradient(ellipse at 50% 70%, #3a3a5a 0%, transparent 60%);
}
.scn-heroine-lost .floor-dim { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); }
.scn-heroine-lost .wall-dim { position:absolute; inset:0 0 25% 0; background: linear-gradient(90deg, #1e1e30 0%, #121224 50%, #1e1e30 100%); border-radius:0 0 20% 20% / 0 0 10% 10%; }
.scn-heroine-lost .window-dim { position:absolute; top:15%; left:35%; width:60px; height:80px; background: #2a3a4a; border:3px solid #3a3a4a; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); animation: hl-window 8s ease-in-out infinite alternate; }
.scn-heroine-lost .heroine { position:absolute; bottom:20%; left:50%; width:24px; height:50px; background: linear-gradient(180deg, #3a2a2a 0%, #1a0a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform: translateX(-50%); animation: hl-heroine 6s ease-in-out infinite; }
.scn-heroine-lost .diary { position:absolute; bottom:18%; left:45%; width:20px; height:28px; background: #4a3a2a; border-radius:5% 5% 10% 10%; transform: rotate(-5deg); animation: hl-diary 10s ease-in-out infinite; }
.scn-heroine-lost .candle { position:absolute; bottom:30%; left:30%; width:6px; height:20px; background: #d0b080; border-radius:30% 30% 10% 10%; box-shadow: 0 0 20px 6px rgba(200,160,80,0.5); animation: hl-candle 3s ease-in-out infinite alternate; }
.scn-heroine-lost .pool-light { position:absolute; bottom:15%; left:28%; width:80px; height:60px; background: radial-gradient(ellipse, rgba(200,160,80,0.1) 0%, transparent 80%); border-radius:50%; filter: blur(10px); animation: hl-pool 5s ease-in-out infinite alternate; }
@keyframes hl-window { 0% { opacity:0.6; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); } 50% { opacity:0.8; box-shadow: inset 0 0 30px rgba(0,0,0,0.7); } 100% { opacity:0.6; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); } }
@keyframes hl-heroine { 0% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-2px) rotate(2deg); } 50% { transform: translateX(-50%) translateY(0) rotate(-1deg); } 75% { transform: translateX(-50%) translateY(-1px) rotate(1deg); } 100% { transform: translateX(-50%) translateY(0) rotate(0deg); } }
@keyframes hl-diary { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-8deg) translateY(-2px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes hl-candle { 0% { height:18px; opacity:0.8; box-shadow: 0 0 15px 4px rgba(200,160,80,0.4); } 50% { height:22px; opacity:1; box-shadow: 0 0 25px 8px rgba(200,160,80,0.6); } 100% { height:18px; opacity:0.8; box-shadow: 0 0 15px 4px rgba(200,160,80,0.4); } }
@keyframes hl-pool { 0% { transform: scale(1); opacity:0.3; } 50% { transform: scale(1.2); opacity:0.5; } 100% { transform: scale(1); opacity:0.3; } }

/* aboriginal-tracker */
.scn-aboriginal-tracker {
  background: linear-gradient(180deg, #e8dcc8 0%, #d0c0a8 50%, #b0a090 100%),
              radial-gradient(ellipse at 70% 30%, #f0e8d8 0%, transparent 60%);
}
.scn-aboriginal-tracker .floor-bright { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #b8a088 0%, #8a7a6a 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); }
.scn-aboriginal-tracker .wall-bright { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #d0c0a8 0%, #c0b098 100%); }
.scn-aboriginal-tracker .window-out { position:absolute; top:10%; left:70%; width:80px; height:100px; background: #8ab4c8; border:4px solid #a08870; box-shadow: inset 0 0 30px rgba(0,0,0,0.2); animation: at-window 10s ease-in-out infinite alternate; }
.scn-aboriginal-tracker .sky-out { position:absolute; top:10%; left:70%; width:80px; height:100px; background: linear-gradient(180deg, #6a9ab0 0%, #4a7a90 50%, #3a6a80 100%); opacity:0.5; animation: at-sky 15s ease-in-out infinite alternate; }
.scn-aboriginal-tracker .table { position:absolute; bottom:22%; left:20%; width:50%; height:10%; background: linear-gradient(180deg, #a08870 0%, #806850 100%); border-radius:5% 5% 10% 10% / 50% 50% 40% 40%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-aboriginal-tracker .map { position:absolute; bottom:25%; left:28%; width:35%; height:18%; background: linear-gradient(135deg, #e0d0b0 0%, #c8b898 50%, #b0a080 100%); border-radius:5%; transform: rotate(2deg); box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: at-map 12s ease-in-out infinite; }
.scn-aboriginal-tracker .tracker { position:absolute; bottom:28%; left:45%; width:28px; height:70px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: at-tracker 5s ease-in-out infinite; }
.scn-aboriginal-tracker .spear-tracker { position:absolute; bottom:32%; left:48%; width:3px; height:100px; background: linear-gradient(180deg, #8a7a5a 0%, #5a4a2a 100%); transform: rotate(-10deg); transform-origin: bottom; animation: at-spear 5s ease-in-out infinite; }
@keyframes at-window { 0% { background: #8ab4c8; box-shadow: inset 0 0 30px rgba(0,0,0,0.2); } 50% { background: #9ac4d8; box-shadow: inset 0 0 40px rgba(0,0,0,0.1); } 100% { background: #8ab4c8; box-shadow: inset 0 0 30px rgba(0,0,0,0.2); } }
@keyframes at-sky { 0% { opacity:0.4; transform: translateY(0); } 50% { opacity:0.6; transform: translateY(-3px); } 100% { opacity:0.4; transform: translateY(0); } }
@keyframes at-map { 0% { transform: rotate(2deg) scale(1); } 50% { transform: rotate(4deg) scale(1.02); } 100% { transform: rotate(2deg) scale(1); } }
@keyframes at-tracker { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes at-spear { 0% { transform: rotate(-10deg); } 50% { transform: rotate(-12deg); } 100% { transform: rotate(-10deg); } }

/* ========== SCENE: natures-favorite (bright interior, funny) ========== */
.scn-natures-favorite {
  background:
    linear-gradient(180deg, #fff8e7 0%, #f5e6c8 50%, #e8d5a8 100%),
    radial-gradient(circle at 80% 20%, #fef9d7 0%, transparent 50%);
}
.scn-natures-favorite .wall { position:absolute; inset:0; background: linear-gradient(90deg, #f0e0c0 0%, #e8d0a0 100%); }
.scn-natures-favorite .window-frame { position:absolute; top:15%; left:50%; width:120px; height:160px; transform:translateX(-50%); background: #c0a070; border:8px solid #a08050; border-radius:6px; box-shadow: 0 8px 20px rgba(0,0,0,.3); overflow:hidden; }
.scn-natures-favorite .window-frame::after { content:''; position:absolute; inset:0; background: linear-gradient(180deg, #b0d4f0 0%, #d0e8ff 100%); opacity:.6; }
.scn-natures-favorite .curtain-left { position:absolute; top:13%; left:20%; width:45px; height:160px; background: linear-gradient(90deg, #b09070 0%, #d0b090 100%); border-radius:0 20% 20% 0; transform-origin: top; animation: nf-curtain-left 6s ease-in-out infinite alternate; }
.scn-natures-favorite .curtain-right { position:absolute; top:13%; right:20%; width:45px; height:160px; background: linear-gradient(270deg, #b09070 0%, #d0b090 100%); border-radius:20% 0 0 20%; transform-origin: top; animation: nf-curtain-right 6s ease-in-out infinite alternate; }
.scn-natures-favorite .bird { position:absolute; top:20%; left:50%; width:30px; height:20px; margin-left:-15px; background: radial-gradient(circle at 30% 50%, #d4a373 0%, #b07d4b 100%); border-radius:50% 50% 40% 40% / 60% 50% 50% 50%; transform: rotate(-10deg); animation: nf-bird 2s ease-in-out infinite alternate; }
.scn-natures-favorite .person { position:absolute; bottom:20%; left:38%; width:24px; height:60px; background: linear-gradient(180deg, #2c2c3a 0%, #1a1a28 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nf-person 4s ease-in-out infinite; }
.scn-natures-favorite .table { position:absolute; bottom:15%; left:28%; width:80px; height:14px; background: linear-gradient(180deg, #8b7355 0%, #6b5638 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-natures-favorite .vase { position:absolute; bottom:22%; left:32%; width:14px; height:24px; background: linear-gradient(180deg, #d4a373 0%, #b07d4b 80%, #8b5a2b 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 12px 2px rgba(212,163,115,.4); animation: nf-vase-glow 3s ease-in-out infinite alternate; }
@keyframes nf-curtain-left  { 0% { transform: scaleX(1) rotate(0deg) } 50% { transform: scaleX(0.9) rotate(2deg) } 100% { transform: scaleX(1) rotate(0deg) } }
@keyframes nf-curtain-right { 0% { transform: scaleX(1) rotate(0deg) } 50% { transform: scaleX(0.9) rotate(-2deg) } 100% { transform: scaleX(1) rotate(0deg) } }
@keyframes nf-bird { 0% { transform: translateY(0) rotate(-10deg) } 50% { transform: translateY(-4px) rotate(-5deg) } 100% { transform: translateY(0) rotate(-10deg) } }
@keyframes nf-person { 0% { transform: translateY(0) rotate(-0.5deg) } 25% { transform: translateY(-2px) rotate(0.5deg) } 50% { transform: translateY(0) rotate(-0.5deg) } 75% { transform: translateY(-1px) rotate(0.5deg) } 100% { transform: translateY(0) rotate(-0.5deg) } }
@keyframes nf-vase-glow { 0% { box-shadow: 0 0 8px 2px rgba(212,163,115,.3); } 50% { box-shadow: 0 0 20px 6px rgba(212,163,115,.6); } 100% { box-shadow: 0 0 10px 3px rgba(212,163,115,.4); } }

/* ========== SCENE: frozen-shadow (bright interior, funny) ========== */
.scn-frozen-shadow {
  background:
    linear-gradient(180deg, #e8e0d0 0%, #d0c8b8 40%, #b8a898 100%),
    radial-gradient(ellipse at 30% 70%, #f0e8d8 0%, transparent 60%);
}
.scn-frozen-shadow .skyline { position:absolute; top:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #c8d0d8 0%, #a0b0c0 100%); border-bottom:4px solid #889098; }
.scn-frozen-shadow .deck { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(180deg, #a09080 0%, #7a6a5a 100%); border-top:6px solid #8a7a6a; box-shadow: inset 0 10px 20px rgba(0,0,0,.2); }
.scn-frozen-shadow .shadow-frozen { position:absolute; bottom:45%; left:25%; width:60px; height:80px; background: linear-gradient(135deg, #3a3a4a 0%, #1a1a2a 100%); border-radius:40% 50% 50% 40% / 60% 40% 60% 40%; transform: skewX(-5deg); box-shadow: 0 0 0 2px rgba(255,255,255,.2); animation: fs-shadow-freeze 8s ease-in-out infinite alternate; }
.scn-frozen-shadow .mate { position:absolute; bottom:40%; left:50%; width:30px; height:70px; background: linear-gradient(180deg, #2c2c3a 0%, #1a1a2a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fs-mate 5s ease-in-out infinite; }
.scn-frozen-shadow .shadow-ripped { position:absolute; bottom:45%; left:38%; width:40px; height:50px; background: linear-gradient(135deg, #4a4a5a 0%, #2a2a3a 100%); border-radius:30% 40% 40% 30% / 50% 30% 50% 30%; transform: rotate(20deg); opacity:0.7; animation: fs-ripped 6s ease-in-out infinite alternate; }
.scn-frozen-shadow .rope { position:absolute; bottom:48%; left:45%; width:70px; height:4px; background: linear-gradient(90deg, #8a7a6a 0%, #b0a090 100%); border-radius:4px; transform: rotate(-15deg); animation: fs-rope 3s ease-in-out infinite alternate; }
.scn-frozen-shadow .bucket { position:absolute; bottom:35%; left:60%; width:24px; height:20px; background: linear-gradient(180deg, #706050 0%, #504030 100%); border-radius:20% 20% 30% 30%; box-shadow: 2px 4px 6px rgba(0,0,0,.3); }
@keyframes fs-shadow-freeze { 0% { transform: skewX(-5deg) translateY(0) scale(1); } 50% { transform: skewX(-3deg) translateY(2px) scale(1.02); } 100% { transform: skewX(-5deg) translateY(0) scale(1); } }
@keyframes fs-mate { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(8px) rotate(1deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-8px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes fs-ripped { 0% { transform: rotate(20deg) translateY(0) scale(1); } 50% { transform: rotate(25deg) translateY(-3px) scale(1.1); } 100% { transform: rotate(20deg) translateY(0) scale(1); } }
@keyframes fs-rope { 0% { transform: rotate(-15deg) translateX(0); } 50% { transform: rotate(-10deg) translateX(5px); } 100% { transform: rotate(-15deg) translateX(0); } }

/* ========== SCENE: tropic-customs (dawn, warm) ========== */
.scn-tropic-customs {
  background:
    linear-gradient(180deg, #f8c8a0 0%, #e8b080 30%, #c89060 60%, #a07050 100%),
    radial-gradient(ellipse at 20% 80%, #fde0c8 0%, transparent 60%);
}
.scn-tropic-customs .dawn-sky { position:absolute; top:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #fdd0b0 0%, #f0a070 30%, #d08050 60%, #a06040 100%); animation: tc-sky 15s ease-in-out infinite alternate; }
.scn-tropic-customs .deck-planks { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #b09070 0%, #8a7050 50%, #6a5030 100%); border-top:8px solid #7a6040; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); }
.scn-tropic-customs .hammock { position:absolute; top:35%; left:30%; width:100px; height:30px; background: linear-gradient(180deg, #c8a878 0%, #a88858 100%); border-radius:50% 50% 50% 50% / 40% 40% 40% 40%; transform: rotate(-5deg); animation: tc-hammock 4s ease-in-out infinite alternate; }
.scn-tropic-customs .lady-sleeping { position:absolute; top:32%; left:35%; width:40px; height:30px; background: linear-gradient(180deg, #4a3a3a 0%, #2a1a1a 100%); border-radius:50% 50% 40% 40% / 60% 50% 50% 40%; transform: rotate(10deg); animation: tc-sleep 6s ease-in-out infinite; }
.scn-tropic-customs .gentleman-pyjama { position:absolute; bottom:28%; left:50%; width:20px; height:50px; background: linear-gradient(180deg, #5a4a4a 0%, #3a2a2a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: tc-pyjama-walk 8s ease-in-out infinite; }
.scn-tropic-customs .lantern-dawn { position:absolute; top:20%; left:15%; width:10px; height:14px; background: radial-gradient(circle, #ffd080 0%, #f0a040 100%); border-radius:30% 30% 20% 20%; box-shadow: 0 0 20px 8px rgba(255,208,128,.5); animation: tc-lantern 3s ease-in-out infinite alternate; }
.scn-tropic-customs .railing { position:absolute; bottom:38%; left:0; right:0; height:8px; background: linear-gradient(90deg, #7a6a5a 0%, #a09080 50%, #7a6a5a 100%); border-radius:4px; }
@keyframes tc-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.7; } }
@keyframes tc-hammock { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-3px); } 100% { transform: rotate(-5deg) translateY(0); } }
@keyframes tc-sleep { 0% { transform: rotate(10deg) translateY(0); } 50% { transform: rotate(12deg) translateY(-1px); } 100% { transform: rotate(10deg) translateY(0); } }
@keyframes tc-pyjama-walk { 0% { transform: translateX(0) rotate(-0.5deg); } 25% { transform: translateX(10px) rotate(0.5deg); } 50% { transform: translateX(20px) rotate(-0.5deg); } 75% { transform: translateX(30px) rotate(0.5deg); } 100% { transform: translateX(40px) rotate(-0.5deg); } }
@keyframes tc-lantern { 0% { box-shadow: 0 0 20px 8px rgba(255,208,128,.4); opacity:.8; } 50% { box-shadow: 0 0 30px 14px rgba(255,208,128,.7); opacity:1; } 100% { box-shadow: 0 0 20px 8px rgba(255,208,128,.4); opacity:.8; } }

/* ========== SCENE: eternal-sailing (sunlit, warm) ========== */
.scn-eternal-sailing {
  background:
    linear-gradient(180deg, #87cceb 0%, #6bafd4 40%, #3a7ca5 70%, #1a4a6e 100%),
    radial-gradient(ellipse at 40% 10%, #fde8b0 0%, transparent 40%);
}
.scn-eternal-sailing .sea-deep { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #2a6a8a 0%, #1a4a6a 50%, #0a2a4a 100%); border-top:4px solid #3a8aaa; animation: es-sea 10s ease-in-out infinite alternate; }
.scn-eternal-sailing .sun-ball { position:absolute; top:10%; left:70%; width:50px; height:50px; background: radial-gradient(circle, #fff0b0 0%, #fdd080 60%, #f0a040 100%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(253,208,128,.6), 0 0 80px 40px rgba(253,208,128,.3); animation: es-sun 4s ease-in-out infinite alternate; }
.scn-eternal-sailing .cloud-drift-a { position:absolute; top:8%; left:20%; width:80px; height:18px; background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(200,220,240,.3) 100%); border-radius:50%; filter: blur(6px); animation: es-cloud-a 40s linear infinite; }
.scn-eternal-sailing .cloud-drift-b { position:absolute; top:18%; right:10%; width:60px; height:14px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(180,200,220,.2) 100%); border-radius:50%; filter: blur(5px); animation: es-cloud-b 55s linear infinite reverse; }
.scn-eternal-sailing .ship-hull { position:absolute; bottom:30%; left:35%; width:120px; height:30px; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 80%, #2a0a00 100%); border-radius:40% 40% 20% 20% / 80% 80% 20% 20%; box-shadow: 0 4px 12px rgba(0,0,0,.5); animation: es-ship 6s ease-in-out infinite; }
.scn-eternal-sailing .sail-fore { position:absolute; bottom:50%; left:38%; width:30px; height:60px; background: linear-gradient(180deg, #f0e8d8 0%, #d0c0a0 80%, #b0a080 100%); border-radius:10% 10% 5% 5% / 30% 30% 10% 10%; transform: rotate(-5deg); transform-origin: bottom; animation: es-sail-fore 4s ease-in-out infinite alternate; }
.scn-eternal-sailing .sail-aft { position:absolute; bottom:48%; left:50%; width:28px; height:55px; background: linear-gradient(180deg, #f0e8d8 0%, #d0c0a0 80%, #b0a080 100%); border-radius:10% 10% 5% 5% / 30% 30% 10% 10%; transform: rotate(3deg); transform-origin: bottom; animation: es-sail-aft 5s ease-in-out infinite alternate; }
.scn-eternal-sailing .wave-crest-1 { position:absolute; bottom:38%; left:-10%; width:150%; height:20px; background: radial-gradient(ellipse at 30% 50%, #3aa0c0 0%, transparent 70%); border-radius:50%; filter: blur(4px); animation: es-wave-1 8s linear infinite; }
.scn-eternal-sailing .wave-crest-2 { position:absolute; bottom:45%; left:-5%; width:140%; height:16px; background: radial-gradient(ellipse at 70% 50%, #4ab0d0 0%, transparent 60%); border-radius:50%; filter: blur(6px); animation: es-wave-2 10s linear infinite reverse; }
@keyframes es-sea { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(0); } }
@keyframes es-sun { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.03) translateY(2px); } 100% { transform: scale(1) translateY(0); } }
@keyframes es-cloud-a { 0% { transform: translateX(-80px) scale(1); } 50% { transform: translateX(20vw) scale(1.1); } 100% { transform: translateX(120vw) scale(1); } }
@keyframes es-cloud-b { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(-15vw) scale(1.05); } 100% { transform: translateX(-100vw) scale(1); } }
@keyframes es-ship { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(-0.5deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(1px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes es-sail-fore { 0% { transform: rotate(-5deg) scaleX(1); } 50% { transform: rotate(-3deg) scaleX(0.95); } 100% { transform: rotate(-5deg) scaleX(1); } }
@keyframes es-sail-aft { 0% { transform: rotate(3deg) scaleX(1); } 50% { transform: rotate(1deg) scaleX(0.95); } 100% { transform: rotate(3deg) scaleX(1); } }
@keyframes es-wave-1 { 0% { transform: translateX(-10%) scaleY(1); } 50% { transform: translateX(5%) scaleY(1.1); } 100% { transform: translateX(-10%) scaleY(1); } }
@keyframes es-wave-2 { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(-8%) scaleY(1.15); } 100% { transform: translateX(0) scaleY(1); } }

.scn-squaws-persuade {
  background:
    linear-gradient(180deg, #ffd8a0 0%, #f0c080 30%, #c89868 60%, #8a6a4a 100%),
    radial-gradient(ellipse at 70% 60%, #ffe0a0 0%, transparent 50%);
  background-blend-mode: overlay;
}
.scn-squaws-persuade .sun-blast {
  position:absolute; top:0; right:10%; width:120px; height:120px;
  background: radial-gradient(circle, #fff4d8 0%, #ffe0a0 40%, transparent 70%);
  border-radius:50%; opacity:0.9;
  animation: sp-sunpulse 8s ease-in-out infinite alternate;
}
.scn-squaws-persuade .dust-haze {
  position:absolute; inset:0;
  background: radial-gradient(ellipse at 30% 40%, rgba(200,160,120,0.3) 0%, transparent 70%);
  animation: sp-haze 12s ease-in-out infinite alternate;
}
.scn-squaws-persuade .line-shade {
  position:absolute; bottom:20%; left:0; right:0; height:4px;
  background: linear-gradient(90deg, transparent 0%, #5a3a2a 20%, #5a3a2a 80%, transparent 100%);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  animation: sp-lineshade 6s ease-in-out infinite alternate;
}
.scn-squaws-persuade .figure-chief {
  position:absolute; bottom:15%; left:28%; width:28px; height:52px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 8px 0 12px rgba(0,0,0,0.4);
  animation: sp-chief 10s ease-in-out infinite;
}
.scn-squaws-persuade .figure-old-woman {
  position:absolute; bottom:18%; left:45%; width:24px; height:44px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 45% 45% / 55% 55% 45% 45%;
  transform-origin: bottom center;
  box-shadow: -4px 0 10px rgba(0,0,0,0.3);
  animation: sp-oldwoman 12s ease-in-out infinite;
}
.scn-squaws-persuade .figure-squaw {
  position:absolute; bottom:14%; left:38%; width:20px; height:38px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sp-squaw 8s ease-in-out infinite;
}
.scn-squaws-persuade .spear-mark {
  position:absolute; bottom:25%; left:32%; width:2px; height:40px;
  background: linear-gradient(180deg, #6a4a2a 0%, transparent 100%);
  transform: rotate(-8deg);
  animation: sp-spear 14s ease-in-out infinite;
}
.scn-squaws-persuade .shadow-stripe {
  position:absolute; bottom:10%; left:0; right:0; height:15%;
  background: linear-gradient(180deg, rgba(80,50,30,0.6) 0%, transparent 100%);
  animation: sp-shadow 6s ease-in-out infinite alternate;
}
@keyframes sp-sunpulse { 0% { opacity:0.7; transform:scale(1) } 50% { opacity:1; transform:scale(1.1) } 100% { opacity:0.8; transform:scale(0.95) } }
@keyframes sp-haze { 0% { opacity:0.3 } 50% { opacity:0.5 } 100% { opacity:0.2 } }
@keyframes sp-lineshade { 0% { transform:translateY(0); opacity:0.6 } 50% { transform:translateY(-2px); opacity:0.9 } 100% { transform:translateY(1px); opacity:0.5 } }
@keyframes sp-chief { 0% { transform:translateX(0) rotate(-2deg) } 25% { transform:translateX(4px) rotate(1deg) } 50% { transform:translateX(8px) rotate(-1deg) } 75% { transform:translateX(4px) rotate(2deg) } 100% { transform:translateX(0) rotate(-1deg) } }
@keyframes sp-oldwoman { 0% { transform:translateX(0) rotate(0) } 33% { transform:translateX(-3px) rotate(2deg) } 66% { transform:translateX(3px) rotate(-2deg) } 100% { transform:translateX(0) rotate(1deg) } }
@keyframes sp-squaw { 0% { transform:translateX(0) translateY(0) } 30% { transform:translateX(5px) translateY(-2px) } 60% { transform:translateX(-5px) translateY(1px) } 100% { transform:translateX(0) translateY(0) } }
@keyframes sp-spear { 0% { transform:rotate(-8deg) translateY(0) } 50% { transform:rotate(-6deg) translateY(-3px) } 100% { transform:rotate(-10deg) translateY(2px) } }
@keyframes sp-shadow { 0% { opacity:0.4 } 50% { opacity:0.7 } 100% { opacity:0.3 } }

.scn-jubilee-of-joy {
  background:
    linear-gradient(180deg, #ffe8c0 0%, #ffd8a0 30%, #e8b870 60%, #c09050 100%),
    radial-gradient(ellipse at 50% 20%, #fff0d0 0%, transparent 60%);
}
.scn-jubilee-of-joy .sky-glow {
  position:absolute; top:0; left:0; right:0; height:60%;
  background: linear-gradient(180deg, rgba(255,240,200,0.6) 0%, rgba(255,220,160,0.2) 100%);
  animation: jj-skyglow 10s ease-in-out infinite alternate;
}
.scn-jubilee-of-joy .sun-wreath {
  position:absolute; top:8%; left:50%; width:140px; height:140px;
  transform:translateX(-50%);
  background: radial-gradient(circle, #fff8e0 0%, #ffe8b0 30%, transparent 70%);
  border-radius:50%;
  animation: jj-sunwreath 15s ease-in-out infinite;
}
.scn-jubilee-of-joy .crowd-left {
  position:absolute; bottom:10%; left:5%; width:30%; height:50%;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  opacity:0.7;
  animation: jj-crowdsway 7s ease-in-out infinite alternate;
}
.scn-jubilee-of-joy .crowd-right {
  position:absolute; bottom:10%; right:5%; width:30%; height:50%;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 60% 0 0 / 60% 80% 0 0;
  opacity:0.7;
  animation: jj-crowdsway 9s ease-in-out infinite alternate-reverse;
}
.scn-jubilee-of-joy .figure-embrace {
  position:absolute; bottom:15%; left:50%; width:36px; height:48px;
  transform:translateX(-50%);
  background: radial-gradient(ellipse at 50% 40%, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%;
  box-shadow: 0 0 20px rgba(200,160,100,0.5);
  animation: jj-embrace 6s ease-in-out infinite;
}
.scn-jubilee-of-joy .tear-drop {
  position:absolute; bottom:30%; left:48%; width:4px; height:8px;
  background: radial-gradient(circle, #d0e8ff 0%, #a0c8e8 100%);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  animation: jj-tear 4s ease-in-out infinite;
}
.scn-jubilee-of-joy .garland {
  position:absolute; bottom:22%; left:30%; right:30%; height:6px;
  background: linear-gradient(90deg, transparent 0%, #c8a060 20%, #e8c080 40%, #d0b070 60%, #c8a060 80%, transparent 100%);
  border-radius:50%;
  filter: blur(2px);
  animation: jj-garland 8s ease-in-out infinite alternate;
}
.scn-jubilee-of-joy .dust-sparkle {
  position:absolute; top:12%; left:20%; width:60px; height:60px;
  background: radial-gradient(circle at 30% 40%, rgba(255,240,200,0.6) 0%, transparent 70%);
  border-radius:50%;
  filter: blur(4px);
  animation: jj-sparkle 5s ease-in-out infinite alternate;
}
@keyframes jj-skyglow { 0% { opacity:0.6 } 50% { opacity:0.9 } 100% { opacity:0.7 } }
@keyframes jj-sunwreath { 0% { transform:translateX(-50%) scale(1) rotate(0deg) } 50% { transform:translateX(-50%) scale(1.05) rotate(5deg) } 100% { transform:translateX(-50%) scale(0.95) rotate(-5deg) } }
@keyframes jj-crowdsway { 0% { transform:translateX(0) rotate(0deg) } 50% { transform:translateX(3px) rotate(1deg) } 100% { transform:translateX(-3px) rotate(-1deg) } }
@keyframes jj-embrace { 0% { transform:translateX(-50%) scale(1) rotate(-2deg) } 25% { transform:translateX(-50%) scale(1.02) rotate(1deg) } 50% { transform:translateX(-50%) scale(1) rotate(2deg) } 75% { transform:translateX(-50%) scale(1.02) rotate(-1deg) } 100% { transform:translateX(-50%) scale(1) rotate(0deg) } }
@keyframes jj-tear { 0% { transform:translateY(0); opacity:1 } 50% { transform:translateY(8px); opacity:0.8 } 100% { transform:translateY(16px); opacity:0 } }
@keyframes jj-garland { 0% { transform:translateY(0) scaleX(1) } 50% { transform:translateY(-2px) scaleX(1.05) } 100% { transform:translateY(1px) scaleX(0.95) } }
@keyframes jj-sparkle { 0% { opacity:0.3; transform:translate(0,0) } 50% { opacity:0.8; transform:translate(8px,-4px) } 100% { opacity:0.4; transform:translate(-6px,3px) } }

.scn-miracle-accomplished {
  background:
    linear-gradient(180deg, #e8d0a0 0%, #d4b878 30%, #b89050 60%, #8a6a3a 100%),
    radial-gradient(ellipse at 50% 40%, #f0d8a0 0%, transparent 70%);
}
.scn-miracle-accomplished .chamber-depth {
  position:absolute; inset:5%;
  background: linear-gradient(180deg, rgba(80,60,30,0.3) 0%, transparent 30%, rgba(100,80,50,0.2) 100%);
  border-radius:10%;
  animation: ma-chamber 18s ease-in-out infinite alternate;
}
.scn-miracle-accomplished .lamp-glow {
  position:absolute; top:15%; left:50%; width:100px; height:100px;
  transform:translateX(-50%);
  background: radial-gradient(circle, #fff0c0 0%, #f0d080 30%, #d0a050 60%, transparent 80%);
  border-radius:50%;
  box-shadow: 0 0 40px 20px rgba(240,208,128,0.4);
  animation: ma-lampglow 6s ease-in-out infinite alternate;
}
.scn-miracle-accomplished .figure-robinson {
  position:absolute; bottom:20%; left:30%; width:30px; height:56px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 4px 0 12px rgba(0,0,0,0.4);
  animation: ma-robinson 8s ease-in-out infinite;
}
.scn-miracle-accomplished .figure-willing {
  position:absolute; bottom:22%; left:45%; width:22px; height:42px;
  background: linear-gradient(180deg, #5a4a2a 0%, #2a1a00 100%);
  border-radius: 50% 50% 45% 45% / 55% 55% 45% 45%;
  transform-origin: bottom center;
  animation: ma-willing 10s ease-in-out infinite alternate;
}
.scn-miracle-accomplished .figure-willing-2 {
  position:absolute; bottom:24%; left:55%; width:20px; height:38px;
  background: linear-gradient(180deg, #4a3a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ma-willing2 12s ease-in-out infinite alternate-reverse;
}
.scn-miracle-accomplished .pipe-curve {
  position:absolute; bottom:30%; left:28%; right:40%; height:2px;
  background: linear-gradient(90deg, transparent 0%, #8a6a3a 30%, #a08050 60%, transparent 100%);
  border-radius:50%;
  transform:rotate(-10deg);
  filter: blur(1px);
  animation: ma-pipe 14s ease-in-out infinite;
}
.scn-miracle-accomplished .book-stack {
  position:absolute; bottom:10%; left:20%; width:8px; height:20px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 40%, #6a4a2a 100%);
  border-radius: 2px;
  box-shadow: 4px 0 0 #5a3a1a, 8px 0 0 #7a5a3a;
  animation: ma-bookslide 20s ease-in-out infinite alternate;
}
.scn-miracle-accomplished .shadow-arch {
  position:absolute; bottom:0; left:20%; right:20%; height:40%;
  background: radial-gradient(ellipse at 50% 100%, rgba(40,20,0,0.4) 0%, transparent 70%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  animation: ma-shadowarch 9s ease-in-out infinite alternate;
}
@keyframes ma-chamber { 0% { opacity:0.3 } 50% { opacity:0.5 } 100% { opacity:0.4 } }
@keyframes ma-lampglow { 0% { box-shadow:0 0 30px 15px rgba(240,208,128,0.3); opacity:0.8 } 50% { box-shadow:0 0 60px 30px rgba(255,224,160,0.6); opacity:1 } 100% { box-shadow:0 0 40px 20px rgba(240,208,128,0.4); opacity:0.9 } }
@keyframes ma-robinson { 0% { transform:translateX(0) rotate(-1deg) } 25% { transform:translateX(4px) rotate(2deg) } 50% { transform:translateX(8px) rotate(-1deg) } 75% { transform:translateX(4px) rotate(1deg) } 100% { transform:translateX(0) rotate(0deg) } }
@keyframes ma-willing { 0% { transform:translateX(0) translateY(0) } 50% { transform:translateX(-3px) translateY(-2px) } 100% { transform:translateX(3px) translateY(1px) } }
@keyframes ma-willing2 { 0% { transform:translateX(0) rotate(0) } 50% { transform:translateX(2px) rotate(2deg) } 100% { transform:translateX(-2px) rotate(-2deg) } }
@keyframes ma-pipe { 0% { transform:rotate(-10deg) scaleX(1) } 50% { transform:rotate(-8deg) scaleX(1.02) } 100% { transform:rotate(-12deg) scaleX(0.98) } }
@keyframes ma-bookslide { 0% { transform:translateY(0) } 50% { transform:translateY(-2px) } 100% { transform:translateY(1px) } }
@keyframes ma-shadowarch { 0% { opacity:0.3 } 50% { opacity:0.5 } 100% { opacity:0.4 } }

.scn-forgotten-hero {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 30%, #3a3a4e 60%, #2a2a3a 100%),
    radial-gradient(ellipse at 50% 30%, #4a4a5e 0%, transparent 60%);
}
.scn-forgotten-hero .hall-dark {
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(10,10,20,0.6) 0%, rgba(20,20,30,0.4) 50%, rgba(30,30,40,0.7) 100%);
  animation: fh-halldim 12s ease-in-out infinite alternate;
}
.scn-forgotten-hero .beam-spot {
  position:absolute; top:10%; left:40%; right:40%; height:60%;
  background: linear-gradient(180deg, rgba(200,190,160,0.15) 0%, rgba(200,190,160,0.05) 40%, transparent 100%);
  clip-path: polygon(20% 0%, 80% 0%, 60% 100%, 40% 100%);
  animation: fh-beam 8s ease-in-out infinite alternate;
}
.scn-forgotten-hero .monument-shaft {
  position:absolute; bottom:5%; left:50%; width:40px; height:60%;
  transform:translateX(-50%);
  background: linear-gradient(180deg, #5a5a6a 0%, #3a3a4a 40%, #2a2a3a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: -2px 0 8px rgba(0,0,0,0.5), 2px 0 8px rgba(0,0,0,0.3);
  animation: fh-shaft 15s ease-in-out infinite alternate;
}
.scn-forgotten-hero .plaque-blank {
  position:absolute; bottom:10%; left:50%; width:28px; height:14px;
  transform:translateX(-50%);
  background: linear-gradient(180deg, #7a7a8a 0%, #5a5a6a 100%);
  border-radius: 2px;
  box-shadow: inset 0 1px 4px rgba(255,255,255,0.1);
  animation: fh-plaque 20s ease-in-out infinite;
}
.scn-forgotten-hero .shadow-figure {
  position:absolute; bottom:8%; left:35%; width:24px; height:48px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
  animation: fh-figure 10s ease-in-out infinite;
}
.scn-forgotten-hero .dust-mote {
  position:absolute; top:15%; left:35%; width:4px; height:4px;
  background: rgba(200,190,160,0.4);
  border-radius:50%;
  box-shadow: 0 0 6px 2px rgba(200,190,160,0.2);
  animation: fh-mote 16s linear infinite;
}
.scn-forgotten-hero .candle-wax {
  position:absolute; bottom:30%; left:32%; width:6px; height:12px;
  background: linear-gradient(180deg, #e8d0a0 0%, #c8a870 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 8px 4px rgba(232,208,160,0.3);
  animation: fh-wax 9s ease-in-out infinite alternate;
}
.scn-forgotten-hero .niche-void {
  position:absolute; top:20%; left:50%; width:18px; height:24px;
  transform:translateX(-50%);
  background: #0a0a1a;
  border-radius: 4px;
  box-shadow: inset 0 0 8px rgba(0,0,0,0.8), 0 0 12px rgba(0,0,0,0.5);
  animation: fh-niche 14s ease-in-out infinite alternate;
}
@keyframes fh-halldim { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.7 } }
@keyframes fh-beam { 0% { opacity:0.3; transform:skewX(0deg) } 50% { opacity:0.5; transform:skewX(2deg) } 100% { opacity:0.4; transform:skewX(-2deg) } }
@keyframes fh-shaft { 0% { transform:translateX(-50%) scale(1) } 50% { transform:translateX(-50%) scale(1.01) translateY(-2px) } 100% { transform:translateX(-50%) scale(0.99) translateY(1px) } }
@keyframes fh-plaque { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.8 } }
@keyframes fh-figure { 0% { transform:translateX(0) rotate(0) } 33% { transform:translateX(2px) rotate(2deg) } 66% { transform:translateX(-2px) rotate(-2deg) } 100% { transform:translateX(0) rotate(1deg) } }
@keyframes fh-mote { 0% { transform:translate(0, 0); opacity:0.3 } 25% { transform:translate(8px, -12px); opacity:0.6 } 50% { transform:translate(16px, -24px); opacity:0.2 } 75% { transform:translate(8px, -18px); opacity:0.5 } 100% { transform:translate(0, 0); opacity:0.3 } }
@keyframes fh-wax { 0% { transform:translateY(0) scale(1) } 50% { transform:translateY(-2px) scale(1.05) } 100% { transform:translateY(1px) scale(0.95) } }
@keyframes fh-niche { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.7 } }

.scn-prince-heir {
  background: 
    linear-gradient(180deg, #f2d9a8 0%, #e8c07a 40%, #d4a55a 100%),
    radial-gradient(ellipse at 80% 20%, #fff4e0 0%, transparent 60%);
}
.scn-prince-heir .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e8c07a 0%, #d4a55a 100%);
  animation: ph-wall 12s ease-in-out infinite alternate;
}
.scn-prince-heir .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #b8864a 0%, #8b6530 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 8px 15px rgba(0,0,0,0.3);
}
.scn-prince-heir .window {
  position: absolute; top: 12%; left: 10%; width: 30%; height: 40%;
  background: linear-gradient(135deg, #fef6e8 0%, #f0debc 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: inset 0 0 25px rgba(255,255,200,0.6);
  animation: ph-window 8s ease-in-out infinite alternate;
}
.scn-prince-heir .prince {
  position: absolute; bottom: 32%; left: 25%; width: 22%; height: 45%;
  background: linear-gradient(135deg, #4a3520 0%, #2d1f10 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  transform-origin: bottom center;
  animation: ph-prince 5s ease-in-out infinite;
}
.scn-prince-heir .maiden {
  position: absolute; bottom: 30%; left: 52%; width: 16%; height: 35%;
  background: linear-gradient(135deg, #6b4c30 0%, #3d2a1a 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 40% 40%;
  animation: ph-maiden 6s ease-in-out infinite;
}
.scn-prince-heir .turban-cloth {
  position: absolute; bottom: 45%; left: 35%; width: 28%; height: 12%;
  background: linear-gradient(90deg, #d4a55a 0%, #f0d090 50%, #d4a55a 100%);
  border-radius: 50% 50% 20% 20%;
  transform-origin: 80% center;
  animation: ph-turban 8s ease-in-out infinite alternate;
}
.scn-prince-heir .lamp {
  position: absolute; top: 30%; right: 15%; width: 8%; height: 12%;
  background: radial-gradient(circle, #ffe680 0%, #e8a030 60%, transparent 90%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px rgba(232,160,48,0.5);
  animation: ph-lamp 3s ease-in-out infinite alternate;
}
@keyframes ph-wall {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes ph-window {
  0% { transform: scaleY(1); box-shadow: inset 0 0 25px rgba(255,255,200,0.6); }
  50% { transform: scaleY(1.02); box-shadow: inset 0 0 40px rgba(255,255,200,0.8); }
  100% { transform: scaleY(1); box-shadow: inset 0 0 25px rgba(255,255,200,0.6); }
}
@keyframes ph-prince {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(2%) rotate(1deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-2%) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ph-maiden {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(3%) translateY(-2%); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes ph-turban {
  0% { transform: rotate(0deg) scaleX(1); }
  50% { transform: rotate(5deg) scaleX(1.05); }
  100% { transform: rotate(0deg) scaleX(1); }
}
@keyframes ph-lamp {
  0% { opacity: 0.7; box-shadow: 0 0 20px 10px rgba(232,160,48,0.3); }
  50% { opacity: 1; box-shadow: 0 0 40px 20px rgba(232,160,48,0.7); }
  100% { opacity: 0.8; box-shadow: 0 0 25px 12px rgba(232,160,48,0.4); }
}

.scn-silverware-locked {
  background: 
    linear-gradient(180deg, #f5ead0 0%, #e8d4a8 40%, #d4b882 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e8 0%, transparent 70%);
}
.scn-silverware-locked .wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #e8d4a8 0%, #d4b882 100%);
}
.scn-silverware-locked .table {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #a07840 0%, #7a5e30 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-silverware-locked .chest {
  position: absolute; bottom: 28%; left: 35%; width: 30%; height: 20%;
  background: linear-gradient(135deg, #8b5e3c 0%, #5a3c24 100%);
  border-radius: 10% 10% 5% 5%;
  border: 3px solid #b8864a;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  animation: sl-chest 10s ease-in-out infinite alternate;
}
.scn-silverware-locked .father {
  position: absolute; bottom: 28%; left: 10%; width: 25%; height: 50%;
  background: linear-gradient(135deg, #3d2a1a 0%, #1f150c 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  animation: sl-father 6s ease-in-out infinite;
}
.scn-silverware-locked .child {
  position: absolute; bottom: 30%; left: 55%; width: 18%; height: 38%;
  background: linear-gradient(135deg, #6b4c30 0%, #3d2a1a 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 40% 40%;
  animation: sl-child 5s ease-in-out infinite;
}
.scn-silverware-locked .vermillion-dot {
  position: absolute; bottom: 65%; left: 14%; width: 4%; height: 4%;
  background: radial-gradient(circle, #c8553d 0%, #a0461a 80%);
  border-radius: 50%;
  box-shadow: 0 0 10px 3px rgba(200,85,61,0.4);
  animation: sl-dot 4s ease-in-out infinite alternate;
}
.scn-silverware-locked .taster {
  position: absolute; bottom: 25%; left: 68%; width: 20%; height: 40%;
  background: linear-gradient(135deg, #4a3520 0%, #2d1f10 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  animation: sl-taster 7s ease-in-out infinite;
}
@keyframes sl-chest {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.6); }
  100% { transform: translateY(0); }
}
@keyframes sl-father {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-2%) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(2%) rotate(0deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sl-child {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(3%) translateY(-2%); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes sl-dot {
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(1); opacity: 0.8; }
}
@keyframes sl-taster {
  0% { transform: translateX(0); }
  33% { transform: translateX(-5%); }
  66% { transform: translateX(5%); }
  100% { transform: translateX(0); }
}

.scn-towers-of-silence {
  background: 
    linear-gradient(180deg, #87ceeb 0%, #b0d4e8 30%, #e6f2f7 60%, #f0f8ff 100%),
    radial-gradient(ellipse at 30% 10%, #fff8d0 0%, transparent 50%);
}
.scn-towers-of-silence .sky-bg {
  position: absolute; inset: 0 0 20% 0;
  background: linear-gradient(180deg, #7ec8e3 0%, #b0d4e8 100%);
  animation: tos-sky 15s ease-in-out infinite alternate;
}
.scn-towers-of-silence .sun {
  position: absolute; top: 5%; left: 70%; width: 10%; height: 12%;
  background: radial-gradient(circle, #fff8d0 0%, #ffd700 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(255,215,0,0.4);
  animation: tos-sun 6s ease-in-out infinite alternate;
}
.scn-towers-of-silence .tower {
  position: absolute; bottom: 20%; left: 30%; width: 40%; height: 35%;
  background: linear-gradient(180deg, #6b5b4b 0%, #4a3a2a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5);
  animation: tos-tower 20s ease-in-out infinite alternate;
}
.scn-towers-of-silence .vulture-a {
  position: absolute; top: 35%; left: 40%; width: 6%; height: 5%;
  background: radial-gradient(ellipse, #2d2d2d 0%, #1a1a1a 100%);
  border-radius: 50% 50% 30% 30%;
  animation: tos-vulture 8s ease-in-out infinite;
}
.scn-towers-of-silence .vulture-b {
  position: absolute; top: 28%; left: 55%; width: 5%; height: 4%;
  background: radial-gradient(ellipse, #2d2d2d 0%, #1a1a1a 100%);
  border-radius: 50% 50% 30% 30%;
  animation: tos-vulture 10s ease-in-out infinite reverse;
  animation-delay: -3s;
}
.scn-towers-of-silence .procession {
  position: absolute; bottom: 15%; left: 10%; width: 30%; height: 10%;
  background: linear-gradient(90deg, #3d2a1a 0%, #2d1f10 50%, #3d2a1a 100%);
  border-radius: 50% 50% 20% 20%;
  animation: tos-procession 15s linear infinite;
}
.scn-towers-of-silence .grove {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #2a4a2a 0%, #1a2a1a 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.4);
}
@keyframes tos-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes tos-sun {
  0% { transform: scale(1); opacity: 0.8; box-shadow: 0 0 30px 15px rgba(255,215,0,0.3); }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 50px 25px rgba(255,215,0,0.5); }
  100% { transform: scale(1); opacity: 0.8; }
}
@keyframes tos-tower {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.01); }
  100% { transform: scaleY(1); }
}
@keyframes tos-vulture {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-5px) rotate(5deg); }
  50% { transform: translateY(2px) rotate(-3deg); }
  75% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes tos-procession {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(300%); }
}

.scn-parsee-funeral {
  background: 
    linear-gradient(180deg, #7ec8e3 0%, #b0d4e8 30%, #d8e8f0 60%, #f0f8ff 100%),
    radial-gradient(ellipse at 20% 30%, #fff8d0 0%, transparent 60%);
}
.scn-parsee-funeral .sky-bg {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #6bb8d4 0%, #a0c8d8 100%);
  animation: pf-sky 12s ease-in-out infinite alternate;
}
.scn-parsee-funeral .sun {
  position: absolute; top: 8%; left: 65%; width: 8%; height: 10%;
  background: radial-gradient(circle, #fff8d0 0%, #ffd700 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px rgba(255,215,0,0.3);
  animation: pf-sun 6s ease-in-out infinite alternate;
}
.scn-parsee-funeral .tower-interior {
  position: absolute; bottom: 25%; left: 30%; width: 40%; height: 40%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 20% 20%;
  box-shadow: inset 0 -20px 30px rgba(0,0,0,0.6);
  overflow: hidden;
}
.scn-parsee-funeral .trench-a {
  position: absolute; bottom: 30%; left: 35%; width: 30%; height: 4%;
  background: linear-gradient(90deg, #2a1a0a 0%, #4a3a2a 50%, #2a1a0a 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(-10deg);
  transform-origin: 60% center;
  animation: pf-trench 14s ease-in-out infinite alternate;
}
.scn-parsee-funeral .trench-b {
  position: absolute; bottom: 35%; left: 45%; width: 30%; height: 4%;
  background: linear-gradient(90deg, #2a1a0a 0%, #4a3a2a 50%, #2a1a0a 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(15deg);
  transform-origin: 40% center;
  animation: pf-trench 18s ease-in-out infinite alternate reverse;
  animation-delay: -5s;
}
.scn-parsee-funeral .central-well {
  position: absolute; bottom: 30%; left: 48%; width: 4%; height: 15%;
  background: radial-gradient(ellipse at 50% 0%, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: inset 0 5px 10px rgba(0,0,0,0.8);
  animation: pf-well 20s ease-in-out infinite alternate;
}
.scn-parsee-funeral .bearer {
  position: absolute; bottom: 28%; left: 20%; width: 12%; height: 18%;
  background: linear-gradient(135deg, #2d1f10 0%, #1a120a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 35% 35%;
  animation: pf-bearer 10s ease-in-out infinite;
}
.scn-parsee-funeral .corpse {
  position: absolute; bottom: 32%; left: 38%; width: 20%; height: 8%;
  background: linear-gradient(90deg, #5a3a2a 0%, #8b5e3c 50%, #5a3a2a 100%);
  border-radius: 30% 30% 10% 10%;
  animation: pf-corpse 12s ease-in-out infinite alternate;
}
@keyframes pf-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes pf-sun {
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.02); opacity: 1; }
  100% { transform: scale(1); opacity: 0.8; }
}
@keyframes pf-trench {
  0% { transform: rotate(-10deg) scaleX(1); }
  50% { transform: rotate(-12deg) scaleX(1.05); }
  100% { transform: rotate(-10deg) scaleX(1); }
}
@keyframes pf-well {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.02); }
  100% { transform: scaleY(1); }
}
@keyframes pf-bearer {
  0% { transform: translateX(0) translateY(0); }
  25% { transform: translateX(10%) translateY(-5%); }
  50% { transform: translateX(20%) translateY(0); }
  75% { transform: translateX(10%) translateY(-5%); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes pf-corpse {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(2%) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/* scene: ship-comforts */
.scn-ship-comforts {
  background: 
    linear-gradient(180deg, #3a2a1a 0%, #5a3e2a 30%, #8b6b4a 60%, #a0825a 100%),
    radial-gradient(ellipse at 50% 70%, #f0d4a0 0%, transparent 50%);
}
.scn-ship-comforts .wall { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #8b6b4a 0%, #6b4e31 100%); }
.scn-ship-comforts .floor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #5a3e2a 0%, #3a2a1a 100%); border-radius: 20% 20% 0 0 / 10% 10% 0 0; }
.scn-ship-comforts .table { position:absolute; bottom:30%; left:30%; width:40%; height:8%; background: linear-gradient(180deg, #a0825a 0%, #8b6b4a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-ship-comforts .plate { position:absolute; bottom:33%; left:45%; width:10%; height:5%; background: radial-gradient(circle, #f5e6d0 0%, #e0c8a0 100%); border-radius: 50%; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); }
.scn-ship-comforts .lamp { position:absolute; bottom:38%; left:20%; width:6%; height:15%; background: linear-gradient(180deg, #8b6b4a 0%, #6b4e31 100%); border-radius: 10% 10% 20% 20%; }
.scn-ship-comforts .lamp::after { content:''; position:absolute; top:-8%; left:25%; width:50%; height:12%; background: #f0d4a0; border-radius: 50%; box-shadow: 0 0 20px 8px #f0d4a0, 0 0 40px 16px rgba(240,212,160,.4); animation: sc-lamp-glow 4s ease-in-out infinite alternate; }
.scn-ship-comforts .porthole { position:absolute; top:18%; right:15%; width:18%; height:28%; background: #1a2a3a; border-radius: 50%; border: 4px solid #5a3e2a; overflow:hidden; }
.scn-ship-comforts .sea-glow { position:absolute; top:18%; right:15%; width:18%; height:28%; background: radial-gradient(circle at 50% 80%, #4a7a9a 0%, #1a2a3a 100%); border-radius: 50%; animation: sc-sea 10s ease-in-out infinite alternate; }
.scn-ship-comforts .chair { position:absolute; bottom:26%; left:55%; width:12%; height:16%; background: linear-gradient(180deg, #6b4e31 0%, #3a2a1a 100%); border-radius: 30% 30% 10% 10%; transform: rotate(2deg); }
@keyframes sc-lamp-glow { 0% { box-shadow: 0 0 15px 5px #f0d4a0, 0 0 30px 10px rgba(240,212,160,.3); } 50% { box-shadow: 0 0 25px 8px #fce8b0, 0 0 50px 18px rgba(252,232,176,.5); } 100% { box-shadow: 0 0 18px 6px #f0d4a0, 0 0 35px 12px rgba(240,212,160,.35); } }
@keyframes sc-sea { 0% { opacity:0.7; transform: translateY(0); } 50% { opacity:0.9; transform: translateY(-2px); } 100% { opacity:0.75; transform: translateY(1px); } }

/* scene: young-captain */
.scn-young-captain {
  background: 
    linear-gradient(180deg, #7a5e3e 0%, #5a3e2a 50%, #3a2a1a 100%),
    radial-gradient(ellipse at 40% 20%, #f0d4a0 0%, transparent 60%);
}
.scn-young-captain .cabin-wall { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #8b6b4a 0%, #6b4e31 100%); }
.scn-young-captain .cabin-floor { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #5a3e2a 0%, #3a2a1a 100%); border-radius: 20% 20% 0 0 / 10% 10% 0 0; }
.scn-young-captain .window { position:absolute; top:12%; left:10%; width:30%; height:40%; background: #1a2a3a; border:3px solid #5a3e2a; border-radius: 4px; }
.scn-young-captain .window::after { content:''; position:absolute; inset:0; background: radial-gradient(circle at 50% 80%, #5b7a9a 0%, #1a2a3a 100%); opacity:0.8; animation: yc-seaview 15s ease-in-out infinite alternate; }
.scn-young-captain .captain-figure { position:absolute; bottom:10%; left:45%; width:10%; height:60%; background: linear-gradient(180deg, #2a3a5a 0%, #1a2a3a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: yc-stand 6s ease-in-out infinite; }
.scn-young-captain .captain-hat { position:absolute; bottom:62%; left:44%; width:12%; height:8%; background: #1a2a3a; border-radius: 30% 30% 0 0; transform: rotate(-5deg); animation: yc-stand 6s ease-in-out infinite; }
.scn-young-captain .epaulets { position:absolute; bottom:55%; left:44%; width:3%; height:2%; background: #d4a853; border-radius: 50%; box-shadow: 9px 0 0 0 #d4a853, 0 0 6px 2px rgba(212,168,83,.3); }
.scn-young-captain .desk { position:absolute; bottom:8%; left:10%; width:35%; height:6%; background: linear-gradient(180deg, #a0825a 0%, #8b6b4a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-young-captain .desk-lamp { position:absolute; bottom:14%; left:12%; width:4%; height:10%; background: #6b4e31; }
.scn-young-captain .desk-lamp::after { content:''; position:absolute; top:-20%; left:-50%; width:200%; height:30%; background: #f0d4a0; border-radius: 50%; box-shadow: 0 0 15px 5px #f0d4a0; animation: yc-lamp 3s ease-in-out infinite alternate; }
@keyframes yc-stand { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes yc-seaview { 0% { opacity:0.6; } 50% { opacity:0.8; } 100% { opacity:0.7; } }
@keyframes yc-lamp { 0% { box-shadow: 0 0 10px 3px #f0d4a0; } 50% { box-shadow: 0 0 18px 6px #fce8b0; } 100% { box-shadow: 0 0 12px 4px #f0d4a0; } }

/* scene: captain-virtues */
.scn-captain-virtues {
  background: 
    linear-gradient(180deg, #6b4e31 0%, #8b6b4a 40%, #5a3e2a 100%),
    radial-gradient(ellipse at 60% 30%, #f0d4a0 0%, transparent 70%);
}
.scn-captain-virtues .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #5a3e2a 0%, #3a2a1a 100%); }
.scn-captain-virtues .desk { position:absolute; bottom:10%; left:15%; width:55%; height:6%; background: linear-gradient(180deg, #a0825a 0%, #8b6b4a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-captain-virtues .book { position:absolute; bottom:16%; left:35%; width:12%; height:8%; background: linear-gradient(180deg, #c8a870 0%, #a0825a 100%); border-radius: 2px; transform: rotate(-3deg); box-shadow: inset 0 2px 4px rgba(0,0,0,.1); }
.scn-captain-virtues .inkwell { position:absolute; bottom:16%; left:30%; width:4%; height:6%; background: #2a2a3a; border-radius: 50% 50% 30% 30%; }
.scn-captain-virtues .figure-seated { position:absolute; bottom:10%; left:50%; width:14%; height:40%; background: linear-gradient(180deg, #2a3a5a 0%, #1a2a3a 100%); border-radius: 40% 40% 35% 35% / 60% 60% 30% 30%; animation: cv-seat 8s ease-in-out infinite; }
.scn-captain-virtues .arm { position:absolute; bottom:22%; left:48%; width:3%; height:16%; background: #2a3a5a; border-radius: 20% 20% 10% 10%; transform: rotate(-30deg); transform-origin: bottom left; animation: cv-write 6s ease-in-out infinite; }
.scn-captain-virtues .lamp { position:absolute; bottom:38%; left:20%; width:5%; height:18%; background: #6b4e31; border-radius: 10% 10% 20% 20%; }
.scn-captain-virtues .lamp::after { content:''; position:absolute; top:-10%; left:-20%; width:140%; height:15%; background: #f0d4a0; border-radius: 50%; box-shadow: 0 0 18px 6px #f0d4a0, 0 0 30px 10px rgba(240,212,160,.3); animation: cv-lamp 4s ease-in-out infinite alternate; }
.scn-captain-virtues .quill { position:absolute; bottom:28%; left:48%; width:1%; height:10%; background: #c8a870; border-radius: 0 0 50% 50%; transform: rotate(20deg); transform-origin: bottom center; animation: cv-write 6s ease-in-out infinite; }
@keyframes cv-seat { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes cv-write { 0% { transform: rotate(-20deg); } 25% { transform: rotate(-15deg); } 50% { transform: rotate(-20deg); } 75% { transform: rotate(-10deg); } 100% { transform: rotate(-20deg); } }
@keyframes cv-lamp { 0% { box-shadow: 0 0 12px 4px #f0d4a0; } 50% { box-shadow: 0 0 22px 8px #fce8b0; } 100% { box-shadow: 0 0 15px 5px #f0d4a0; } }

/* scene: captain-tenor */
.scn-captain-tenor {
  background: 
    linear-gradient(180deg, #7a5e3e 0%, #8b6b4a 40%, #5a3e2a 100%),
    radial-gradient(ellipse at 50% 40%, #f0d4a0 0%, transparent 60%);
}
.scn-captain-tenor .saloon-bg { position:absolute; inset:0; background: linear-gradient(180deg, #8b6b4a 0%, #6b4e31 100%); }
.scn-captain-tenor .piano { position:absolute; bottom:5%; left:10%; width:40%; height:30%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-captain-tenor .keys { position:absolute; bottom:12%; left:12%; width:36%; height:10%; background: linear-gradient(180deg, #f0e8d0 0%, #d4c8a0 100%); border-radius: 2px; display: flex; justify-content: space-evenly; gap: 2px; }
.scn-captain-tenor .keys::before { content: ''; display: block; width: 100%; height: 100%; background: repeating-linear-gradient(90deg, #2a2a3a 0px, #2a2a3a 6px, transparent 6px, transparent 8px); }
.scn-captain-tenor .singer { position:absolute; bottom:20%; left:60%; width:10%; height:50%; background: linear-gradient(180deg, #2a3a5a 0%, #1a2a3a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: ct-sing 5s ease-in-out infinite; }
.scn-captain-tenor .singer::after { content:''; position:absolute; top:18%; left:40%; width:20%; height:10%; background: #2a3a5a; border-radius: 50%; } /* mouth */
.scn-captain-tenor .lady-silhouette { position:absolute; bottom:15%; left:75%; width:8%; height:40%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; }
.scn-captain-tenor .chandelier { position:absolute; top:5%; left:35%; width:30%; height:10%; background: radial-gradient(circle at 50% 0%, #d4a853 0%, #c8a870 100%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 20px 6px #f0d4a0; animation: ct-chandelier 8s ease-in-out infinite alternate; }
.scn-captain-tenor .music-stand { position:absolute; bottom:10%; left:50%; width:8%; height:16%; background: linear-gradient(180deg, #6b4e31 0%, #3a2a1a 100%); border-radius: 2px; transform: rotate(5deg); }
.scn-captain-tenor .candle { position:absolute; bottom:30%; left:55%; width:2%; height:8%; background: #f0e8d0; border-radius: 2px; box-shadow: 0 0 10px 4px #f0d4a0; animation: ct-candle 3s ease-in-out infinite alternate; }
@keyframes ct-sing { 0% { transform: translateY(0) rotate(0deg); } 20% { transform: translateY(-2px) rotate(2deg); } 40% { transform: translateY(-1px) rotate(-1deg); } 60% { transform: translateY(0) rotate(1deg); } 80% { transform: translateY(-2px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ct-chandelier { 0% { opacity:0.7; transform: translateY(0); } 50% { opacity:0.9; transform: translateY(-3px); } 100% { opacity:0.8; transform: translateY(0); } }
@keyframes ct-candle { 0% { box-shadow: 0 0 8px 3px #f0d4a0; } 50% { box-shadow: 0 0 15px 6px #fce8b0; } 100% { box-shadow: 0 0 10px 4px #f0d4a0; } }

/* Scene: manuel-religion */
.scn-manuel-religion { background: linear-gradient(180deg, #fff8e0 0%, #ffddaa 40%, #f8c070 100%), radial-gradient(ellipse at 50% 20%, #fffbe0 0%, transparent 70%); }
.scn-manuel-religion .mrl-bg { position:absolute; inset:0; background: linear-gradient(180deg, #fef5d0 0%, #fce4b0 50%, #f0c080 100%); }
.scn-manuel-religion .mrl-window { position:absolute; top:12%; left:15%; width:80px; height:100px; border:6px solid #c8a060; border-radius:8% 8% 15% 15%; background: radial-gradient(ellipse at 50% 30%, #ffebb0 0%, #f0c060 60%, #c89840 100%); box-shadow: inset 0 0 20px rgba(200,160,96,.6); animation: mrl-window 6s ease-in-out infinite alternate; }
.scn-manuel-religion .mrl-figure { position:absolute; bottom:10%; left:35%; width:50px; height:100px; background: linear-gradient(180deg, #c89060 0%, #a07050 50%, #805040 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mrl-figure 4s ease-in-out infinite; }
.scn-manuel-religion .mrl-halo { position:absolute; bottom:68%; left:35%; width:60px; height:20px; background: radial-gradient(ellipse at 50% 50%, #ffe080 0%, #f0c040 40%, transparent 80%); border-radius:50%; animation: mrl-halo 3s ease-in-out infinite alternate; }
.scn-manuel-religion .mrl-book { position:absolute; bottom:8%; left:42%; width:30px; height:20px; background: linear-gradient(180deg, #e0c898 0%, #c8a878 100%); border-radius:4px; box-shadow: 2px 2px 6px rgba(0,0,0,.2); transform-origin: left center; animation: mrl-book 8s ease-in-out infinite; }
.scn-manuel-religion .mrl-sunbeam { position:absolute; top:0; left:18%; width:40px; bottom:0; background: linear-gradient(180deg, rgba(255,255,200,.4) 0%, rgba(255,255,200,0) 100%); transform: skewX(-10deg); animation: mrl-sunbeam 10s ease-in-out infinite alternate; }
@keyframes mrl-window { 0% { opacity:.8; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.02) } 100% { opacity:.85; transform: scaleY(.98) } }
@keyframes mrl-figure { 0% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-2px) rotate(3deg) } 60% { transform: translateY(-1px) rotate(-2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes mrl-halo { 0% { opacity:.4; transform: scaleX(.8) } 50% { opacity:.8; transform: scaleX(1.2) } 100% { opacity:.5; transform: scaleX(1) } }
@keyframes mrl-book { 0% { transform: rotate(0deg) scaleX(1) } 25% { transform: rotate(-5deg) scaleX(1.1) } 75% { transform: rotate(5deg) scaleX(1.05) } 100% { transform: rotate(0deg) scaleX(1) } }
@keyframes mrl-sunbeam { 0% { opacity:.2; transform: skewX(-10deg) translateX(0) } 50% { opacity:.5; transform: skewX(-5deg) translateX(8px) } 100% { opacity:.3; transform: skewX(-15deg) translateX(-4px) } }

/* Scene: manuel-fired */
.scn-manuel-fired { background: linear-gradient(180deg, #f5e6c0 0%, #e8d4a0 50%, #d4b880 100%), radial-gradient(ellipse at 60% 40%, #f0dca0 0%, transparent 70%); }
.scn-manuel-fired .mfd-bg { position:absolute; inset:0; background: linear-gradient(180deg, #f5e6c0 0%, #e8d4a0 50%, #d4b880 100%); }
.scn-manuel-fired .mfd-door { position:absolute; right:10%; top:5%; width:100px; height:180px; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 10% 10% 0 0; border:4px solid #605030; transform-origin: right center; animation: mfd-door 12s ease-in-out infinite; }
.scn-manuel-fired .mfd-figure { position:absolute; bottom:8%; left:10%; width:45px; height:90px; background: linear-gradient(180deg, #b08868 0%, #906858 50%, #705048 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mfd-walk 5s ease-in-out infinite; }
.scn-manuel-fired .mfd-bag { position:absolute; bottom:6%; left:6%; width:25px; height:30px; background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius: 10% 10% 20% 20%; animation: mfd-bag 5s ease-in-out infinite; }
.scn-manuel-fired .mfd-hat { position:absolute; bottom:78%; left:10%; width:35px; height:8px; background: #705048; border-radius: 50% 50% 0 0; transform-origin: bottom center; animation: mfd-hat 5s ease-in-out infinite; }
.scn-manuel-fired .mfd-thought { position:absolute; top:18%; left:20%; width:40px; height:30px; background: radial-gradient(circle at 30% 30%, #ffffff 0%, #e0e0e0 100%); border-radius: 50% 50% 50% 0; filter: blur(2px); opacity:.6; animation: mfd-thought 8s ease-in-out infinite; }
@keyframes mfd-door { 0% { transform: scaleX(1) } 30% { transform: scaleX(.3) } 70% { transform: scaleX(.3) } 100% { transform: scaleX(1) } }
@keyframes mfd-walk { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(10px) rotate(2deg) } 50% { transform: translateX(20px) rotate(0deg) } 75% { transform: translateX(30px) rotate(-2deg) } 100% { transform: translateX(40px) rotate(0deg) } }
@keyframes mfd-bag { 0% { transform: translateY(0) } 25% { transform: translateY(-2px) } 50% { transform: translateY(0) } 75% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes mfd-hat { 0% { transform: rotate(0deg) } 25% { transform: rotate(5deg) } 75% { transform: rotate(-5deg) } 100% { transform: rotate(0deg) } }
@keyframes mfd-thought { 0% { opacity:.3; transform: translateY(0) scale(1) } 50% { opacity:.6; transform: translateY(-8px) scale(1.2) } 100% { opacity:.4; transform: translateY(-4px) scale(1.05) } }

/* Scene: satan-hired */
.scn-satan-hired { background: linear-gradient(180deg, #fce8c0 0%, #f0d4a0 40%, #d8b878 100%), radial-gradient(ellipse at 80% 20%, #ffddb0 0%, transparent 70%); }
.scn-satan-hired .sh-bg { position:absolute; inset:0; background: linear-gradient(180deg, #fce8c0 0%, #f0d4a0 50%, #d8b878 100%); }
.scn-satan-hired .sh-figure { position:absolute; bottom:5%; left:30%; width:55px; height:80px; background: linear-gradient(180deg, #3a2a2a 0%, #1a1010 100%); border-radius: 40% 40% 50% 50% / 50% 50% 40% 40%; transform-origin: bottom center; animation: sh-bounce 3s ease-in-out infinite; }
.scn-satan-hired .sh-fez { position:absolute; bottom:72%; left:30%; width:40px; height:18px; background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%); border-radius: 50% 50% 20% 20%; transform-origin: bottom center; animation: sh-fez 4s ease-in-out infinite; }
.scn-satan-hired .sh-tassel { position:absolute; bottom:78%; left:48%; width:6px; height:12px; background: #c8553d; border-radius: 50% 50% 0 0; transform-origin: top center; animation: sh-tassel 2s ease-in-out infinite alternate; }
.scn-satan-hired .sh-motion { position:absolute; bottom:20%; left:20%; width:80px; height:4px; background: linear-gradient(90deg, transparent, #ffcc88, transparent); border-radius:50%; filter: blur(4px); animation: sh-motion 1.5s linear infinite; }
.scn-satan-hired .sh-sparkle { position:absolute; top:10%; left:10%; width:6px; height:6px; background: radial-gradient(circle, #ffe080 0%, transparent 100%); border-radius:50%; animation: sh-sparkle 3s ease-in-out infinite; }
.scn-satan-hired .sh-shadow { position:absolute; bottom:0; left:25%; width:80px; height:10px; background: rgba(0,0,0,.15); border-radius:50%; filter: blur(6px); animation: sh-shadow 3s ease-in-out infinite; }
@keyframes sh-bounce { 0% { transform: translateY(0) scaleY(1) } 25% { transform: translateY(-8px) scaleY(1.1) } 50% { transform: translateY(0) scaleY(1) } 75% { transform: translateY(-4px) scaleY(1.05) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes sh-fez { 0% { transform: rotate(-5deg) translateY(0) } 25% { transform: rotate(5deg) translateY(-2px) } 50% { transform: rotate(-3deg) translateY(0) } 75% { transform: rotate(4deg) translateY(-1px) } 100% { transform: rotate(-5deg) translateY(0) } }
@keyframes sh-tassel { 0% { transform: rotate(-20deg) } 50% { transform: rotate(15deg) } 100% { transform: rotate(-10deg) } }
@keyframes sh-motion { 0% { opacity:0; transform: translateX(-40px) } 50% { opacity:.6; transform: translateX(0) } 100% { opacity:0; transform: translateX(40px) } }
@keyframes sh-sparkle { 0% { opacity:0; transform: scale(0) } 25% { opacity:1; transform: scale(1.5) } 50% { opacity:0; transform: scale(2) } 75% { opacity:.5; transform: scale(1) } 100% { opacity:0; transform: scale(0) } }
@keyframes sh-shadow { 0% { transform: scaleX(1) } 25% { transform: scaleX(.8) } 75% { transform: scaleX(1.1) } 100% { transform: scaleX(1) } }

/* Scene: god-visits */
.scn-god-visits { background: linear-gradient(180deg, #fff8e0 0%, #f0dcb0 40%, #dcc090 100%), radial-gradient(ellipse at 30% 70%, #ffe0a0 0%, transparent 70%); }
.scn-god-visits .gv-bg { position:absolute; inset:0; background: linear-gradient(180deg, #fff8e0 0%, #f0dcb0 50%, #dcc090 100%); }
.scn-god-visits .gv-door { position:absolute; left:20%; top:5%; width:120px; height:200px; background: linear-gradient(180deg, #a88860 0%, #886840 100%); border-radius: 10% 10% 0 0; border:6px solid #705030; transform-origin: left center; animation: gv-door 10s ease-in-out infinite; }
.scn-god-visits .gv-light { position:absolute; left:25%; top:5%; width:100px; height:200px; background: linear-gradient(180deg, rgba(255,255,200,.6) 0%, rgba(255,255,200,0) 100%); border-radius: 0 0 50% 50%; animation: gv-light 5s ease-in-out infinite alternate; }
.scn-god-visits .gv-satan { position:absolute; bottom:8%; left:10%; width:45px; height:75px; background: linear-gradient(180deg, #3a2a2a 0%, #1a1010 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gv-bow 6s ease-in-out infinite; }
.scn-god-visits .gv-god { position:absolute; bottom:5%; left:32%; width:60px; height:110px; background: linear-gradient(180deg, #f0e0c8 0%, #d0b898 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: gv-enter 12s ease-in-out infinite; }
.scn-god-visits .gv-halo { position:absolute; bottom:85%; left:35%; width:80px; height:25px; background: radial-gradient(ellipse at 50% 50%, #ffe080 0%, #f0c040 40%, transparent 80%); border-radius:50%; animation: gv-halo 4s ease-in-out infinite alternate; }
@keyframes gv-door { 0% { transform: scaleX(1) } 20% { transform: scaleX(.4) } 80% { transform: scaleX(.4) } 100% { transform: scaleX(1) } }
@keyframes gv-light { 0% { opacity:.3; transform: translateY(0) } 50% { opacity:.7; transform: translateY(-10px) } 100% { opacity:.4; transform: translateY(5px) } }
@keyframes gv-bow { 0% { transform: rotate(0deg) } 25% { transform: rotate(15deg) } 50% { transform: rotate(0deg) } 75% { transform: rotate(-10deg) } 100% { transform: rotate(0deg) } }
@keyframes gv-enter { 0% { transform: translateX(0) scaleY(1) } 15% { transform: translateX(-30px) scaleY(1.02) } 30% { transform: translateX(-60px) scaleY(.98) } 60% { transform: translateX(-60px) scaleY(1) } 100% { transform: translateX(0) scaleY(1) } }
@keyframes gv-halo { 0% { opacity:.4; transform: scaleX(.8) scaleY(1) } 50% { opacity:.9; transform: scaleX(1.2) scaleY(1.2) } 100% { opacity:.5; transform: scaleX(1) scaleY(1) } }

.scn-junooa-return {
  background:
    radial-gradient(ellipse at 50% 30%, #2a1a0a 0%, transparent 60%),
    linear-gradient(180deg, #1a1010 0%, #2a1a12 40%, #1c0c08 100%);
}
.scn-junooa-return .bg-void {
  position:absolute;inset:0;background:radial-gradient(ellipse at 40% 20%, #2a2018 0%, transparent 60%);
  animation: jr-void 12s ease-in-out infinite alternate;
}
.scn-junooa-return .bg-wall {
  position:absolute;inset:0 0 30% 0;background:linear-gradient(180deg, #3a2a20 0%, #1c0c08 100%);
  border-radius:0 0 20% 20% / 0 0 10% 10%;
}
.scn-junooa-return .floor {
  position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg, #1c100c 0%, #0c0404 100%);
  border-radius:30% 30% 0 0 / 20% 20% 0 0;
  animation: jr-floor 8s ease-in-out infinite alternate;
}
.scn-junooa-return .brazier {
  position:absolute;bottom:28%;left:50%;width:30px;height:24px;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 40%, #6a3a1a 0%, #3a1a0a 70%, transparent 100%);
  border-radius:30% 30% 20% 20%;
  box-shadow: inset 0 -4px 6px rgba(0,0,0,.6);
}
.scn-junooa-return .brazier-glow {
  position:absolute;bottom:32%;left:50%;width:80px;height:60px;transform:translateX(-50%);
  background:radial-gradient(ellipse, #c86a2a 0%, #a04a1a 30%, transparent 70%);
  border-radius:50%;
  filter:blur(10px);
  animation: jr-glow 4s ease-in-out infinite alternate;
}
.scn-junooa-return .figure-junooa {
  position:absolute;bottom:26%;left:38%;width:20px;height:38px;
  background:linear-gradient(180deg, #2a1a12 0%, #0c0404 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: jr-figure 6s ease-in-out infinite;
}
.scn-junooa-return .weapon {
  position:absolute;bottom:27%;left:36%;width:4px;height:20px;
  background:linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%);
  border-radius:0 0 10% 10%;
  transform:rotate(20deg);
  animation: jr-weapon 2s ease-in-out infinite alternate;
}
.scn-junooa-return .tear {
  position:absolute;bottom:45%;left:40%;width:3px;height:3px;
  background:radial-gradient(circle, #d0a070 0%, transparent 100%);
  border-radius:50%;
  animation: jr-tear 3s ease-in-out infinite;
}
.scn-junooa-return .shadow {
  position:absolute;bottom:25%;left:34%;width:60px;height:10px;
  background:radial-gradient(ellipse at 50% 50%, rgba(0,0,0,.4) 0%, transparent 70%);
  filter:blur(3px);
  animation: jr-shadow 6s ease-in-out infinite alternate;
}
@keyframes jr-void {
  0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 }
}
@keyframes jr-floor {
  0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(1px) }
}
@keyframes jr-glow {
  0% { opacity:.5; transform:translateX(-50%) scale(.9) } 50% { opacity:.9; transform:translateX(-50%) scale(1.1) } 100% { opacity:.7; transform:translateX(-50%) scale(1) }
}
@keyframes jr-figure {
  0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(4px) rotate(2deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(4px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) }
}
@keyframes jr-weapon {
  0% { opacity:.8; transform:rotate(15deg) scale(1) } 100% { opacity:1; transform:rotate(25deg) scale(1.05) }
}
@keyframes jr-tear {
  0% { opacity:0; transform:translateY(0) } 30% { opacity:.8; transform:translateY(4px) } 100% { opacity:0; transform:translateY(12px) }
}
@keyframes jr-shadow {
  0% { transform:scaleX(1) } 50% { transform:scaleX(1.2) } 100% { transform:scaleX(1) }
}

.scn-ramzam-thugging {
  background:
    radial-gradient(ellipse at 50% 70%, #1a0e06 0%, transparent 50%),
    linear-gradient(180deg, #0c0806 0%, #1a100a 60%, #261810 100%);
}
.scn-ramzam-thugging .night-sky {
  position:absolute;inset:0 0 40% 0;background:linear-gradient(180deg, #0a0604 0%, #1c1008 100%);
  animation: rt-sky 20s ease-in-out infinite alternate;
}
.scn-ramzam-thugging .ground {
  position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg, #1c1008 0%, #080400 100%);
  border-radius:30% 30% 0 0 / 15% 15% 0 0;
}
.scn-ramzam-thugging .fire {
  position:absolute;bottom:30%;left:40%;width:40px;height:30px;
  background:radial-gradient(ellipse at 50% 60%, #c8553d 0%, #a03a1a 40%, transparent 70%);
  border-radius:40% 40% 20% 20%;
  animation: rt-fire 1s ease-in-out infinite alternate;
}
.scn-ramzam-thugging .fire-glow {
  position:absolute;bottom:30%;left:36%;width:100px;height:80px;
  background:radial-gradient(ellipse, rgba(200,85,61,.6) 0%, rgba(120,50,20,.3) 30%, transparent 70%);
  filter:blur(12px);
  animation: rt-glow 2s ease-in-out infinite alternate;
}
.scn-ramzam-thugging .figure-one {
  position:absolute;bottom:28%;left:18%;width:18px;height:32px;
  background:linear-gradient(180deg, #2a1a12 0%, #0c0404 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rt-fig1 7s ease-in-out infinite;
}
.scn-ramzam-thugging .figure-two {
  position:absolute;bottom:26%;left:32%;width:20px;height:34px;
  background:linear-gradient(180deg, #2a1a12 0%, #0c0404 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rt-fig2 9s ease-in-out infinite;
}
.scn-ramzam-thugging .figure-three {
  position:absolute;bottom:27%;left:55%;width:16px;height:30px;
  background:linear-gradient(180deg, #2a1a12 0%, #0c0404 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rt-fig3 8s ease-in-out infinite;
}
.scn-ramzam-thugging .torch {
  position:absolute;bottom:34%;left:54%;width:4px;height:20px;
  background:linear-gradient(180deg, #3a2a1a 0%, #1c1008 100%);
  transform:rotate(-15deg);
}
@keyframes rt-sky {
  0% { opacity:.6 } 50% { opacity:.9 } 100% { opacity:.7 }
}
@keyframes rt-fire {
  0% { transform:scaleY(1) translateY(0); opacity:.9 } 50% { transform:scaleY(1.15) translateY(-3px); opacity:1 } 100% { transform:scaleY(1) translateY(0); opacity:.85 }
}
@keyframes rt-glow {
  0% { opacity:.5; transform:scale(.9) } 50% { opacity:.8; transform:scale(1.1) } 100% { opacity:.6; transform:scale(1) }
}
@keyframes rt-fig1 {
  0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(3px) rotate(2deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(3px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) }
}
@keyframes rt-fig2 {
  0% { transform: translateX(0) rotate(2deg) } 33% { transform: translateX(-4px) rotate(-1deg) } 66% { transform: translateX(2px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) }
}
@keyframes rt-fig3 {
  0% { transform: translateX(0) scale(1) } 50% { transform: translateX(5px) scale(1.02) } 100% { transform: translateX(0) scale(1) }
}

.scn-ramzam-surrenders {
  background:
    radial-gradient(ellipse at 50% 40%, #3a2a1a 0%, transparent 60%),
    linear-gradient(180deg, #1c1410 0%, #2a1c14 50%, #180c08 100%);
}
.scn-ramzam-surrenders .room-bg {
  position:absolute;inset:0 0 25% 0;background:linear-gradient(180deg, #2a1c14 0%, #1c0c08 100%);
  border-radius:0 0 20% 20% / 0 0 10% 10%;
}
.scn-ramzam-surrenders .room-floor {
  position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(180deg, #1c1008 0%, #0c0400 100%);
  border-radius:20% 20% 0 0 / 10% 10% 0 0;
}
.scn-ramzam-surrenders .lamp {
  position:absolute;bottom:30%;left:50%;width:20px;height:24px;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 30%, #d08040 0%, #804020 100%);
  border-radius:30% 30% 20% 20%;
  box-shadow: 0 0 8px 2px #a06030;
}
.scn-ramzam-surrenders .lamp-glow {
  position:absolute;bottom:30%;left:50%;width:80px;height:70px;transform:translateX(-50%);
  background:radial-gradient(ellipse, rgba(200,120,60,.5) 0%, rgba(120,60,30,.2) 50%, transparent 80%);
  filter:blur(10px);
  animation: rs-glow 5s ease-in-out infinite alternate;
}
.scn-ramzam-surrenders .figure-ramzam {
  position:absolute;bottom:22%;left:42%;width:22px;height:40px;
  background:linear-gradient(180deg, #3a2a1a 0%, #1a0c04 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: rs-figure 8s ease-in-out infinite;
}
.scn-ramzam-surrenders .sword {
  position:absolute;bottom:26%;left:35%;width:3px;height:26px;
  background:linear-gradient(180deg, #6a4a2a 0%, #3a2010 100%);
  transform:rotate(25deg);
  border-radius:10%;
  animation: rs-sword 3s ease-in-out infinite alternate;
}
.scn-ramzam-surrenders .shield {
  position:absolute;bottom:24%;left:50%;width:16px;height:20px;
  background:linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%);
  border-radius:30% 30% 20% 20% / 40% 40% 20% 20%;
  transform:rotate(-10deg);
  box-shadow: inset 0 0 6px rgba(0,0,0,.4);
  animation: rs-shield 4s ease-in-out infinite alternate;
}
.scn-ramzam-surrenders .pistol {
  position:absolute;bottom:24%;left:58%;width:8px;height:4px;
  background:linear-gradient(180deg, #4a2a1a 0%, #2a1008 100%);
  border-radius:20% 20% 20% 20%;
  transform:rotate(10deg);
  animation: rs-pistol 2s ease-in-out infinite alternate;
}
.scn-ramzam-surrenders .guard-shadow {
  position:absolute;bottom:21%;right:18%;width:40px;height:50px;
  background:radial-gradient(ellipse at 50% 60%, rgba(0,0,0,.5) 0%, transparent 70%);
  filter:blur(6px);
  animation: rs-shadow 10s ease-in-out infinite alternate;
}
@keyframes rs-glow {
  0% { opacity:.6; transform:translateX(-50%) scale(.95) } 50% { opacity:.9; transform:translateX(-50%) scale(1.05) } 100% { opacity:.7; transform:translateX(-50%) scale(1) }
}
@keyframes rs-figure {
  0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(3px) rotate(2deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(3px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) }
}
@keyframes rs-sword {
  0% { opacity:.8; transform:rotate(20deg) scaleY(1) } 50% { opacity:1; transform:rotate(30deg) scaleY(1.02) } 100% { opacity:.85; transform:rotate(25deg) scaleY(1) }
}
@keyframes rs-shield {
  0% { transform:rotate(-8deg) translateX(0) } 50% { transform:rotate(-12deg) translateX(2px) } 100% { transform:rotate(-10deg) translateX(0) }
}
@keyframes rs-pistol {
  0% { opacity:.7; transform:rotate(5deg) } 50% { opacity:1; transform:rotate(15deg) } 100% { opacity:.8; transform:rotate(10deg) }
}
@keyframes rs-shadow {
  0% { opacity:.3; transform:scaleX(.9) } 50% { opacity:.6; transform:scaleX(1.1) } 100% { opacity:.4; transform:scaleX(1) }
}

.scn-buhram-capture {
  background:
    radial-gradient(ellipse at 50% 60%, #1a0e06 0%, transparent 60%),
    linear-gradient(180deg, #0c0608 0%, #1a1012 40%, #080408 100%);
}
.scn-buhram-capture .night-bg {
  position:absolute;inset:0 0 35% 0;background:linear-gradient(180deg, #0c080a 0%, #1c1210 100%);
  animation: bc-bg 18s ease-in-out infinite alternate;
}
.scn-buhram-capture .cottage {
  position:absolute;bottom:25%;left:30%;width:60px;height:50px;
  background:linear-gradient(180deg, #2a1a12 0%, #1a0c08 100%);
  border-radius:6% 6% 4% 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,.5);
}
.scn-buhram-capture .cottage-door {
  position:absolute;bottom:27%;left:43%;width:14px;height:22px;
  background:linear-gradient(180deg, #3a2a1a 0%, #1c1008 100%);
  border-radius:10% 10% 0 0;
  transform-origin: left center;
  animation: bc-door 5s ease-in-out infinite alternate;
}
.scn-buhram-capture .straw-blaze {
  position:absolute;bottom:32%;left:55%;width:36px;height:24px;
  background:radial-gradient(ellipse at 50% 40%, #c8553d 0%, #a03a1a 40%, transparent 70%);
  border-radius:40% 40% 20% 20%;
  animation: bc-blaze 0.8s ease-in-out infinite alternate;
}
.scn-buhram-capture .blaze-glow {
  position:absolute;bottom:32%;left:52%;width:100px;height:80px;
  background:radial-gradient(ellipse, rgba(200,85,61,.6) 0%, rgba(150,50,20,.3) 40%, transparent 70%);
  filter:blur(15px);
  animation: bc-glow 2s ease-in-out infinite alternate;
}
.scn-buhram-capture .figure-sleeping {
  position:absolute;bottom:24%;left:35%;width:18px;height:14px;
  background:linear-gradient(180deg, #2a1a12 0%, #0c0404 100%);
  border-radius:40% 40% 30% 30% / 50% 50% 30% 30%;
  transform:rotate(10deg);
  animation: bc-sleep 10s ease-in-out infinite;
}
.scn-buhram-capture .figure-guard {
  position:absolute;bottom:26%;left:62%;width:16px;height:32px;
  background:linear-gradient(180deg, #2a1a12 0%, #0c0404 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bc-guard 6s ease-in-out infinite;
}
.scn-buhram-capture .sparks {
  position:absolute;bottom:40%;left:58%;width:4px;height:4px;
  background:radial-gradient(circle, #d08040 0%, transparent 100%);
  border-radius:50%;
  box-shadow: 0 0 4px 2px #d08040;
  animation: bc-sparks 1.2s ease-out infinite;
}
@keyframes bc-bg {
  0% { opacity:.6 } 50% { opacity:.9 } 100% { opacity:.7 }
}
@keyframes bc-door {
  0% { transform: rotateY(0deg) } 50% { transform: rotateY(-30deg) } 100% { transform: rotateY(0deg) }
}
@keyframes bc-blaze {
  0% { transform: scaleY(1) translateY(0); opacity:.85 } 50% { transform: scaleY(1.2) translateY(-4px); opacity:1 } 100% { transform: scaleY(1) translateY(0); opacity:.9 }
}
@keyframes bc-glow {
  0% { opacity:.5; transform: scale(.9) } 50% { opacity:.85; transform: scale(1.15) } 100% { opacity:.6; transform: scale(1) }
}
@keyframes bc-sleep {
  0% { transform: rotate(8deg) translateX(0) } 25% { transform: rotate(12deg) translateX(1px) } 50% { transform: rotate(8deg) translateX(0) } 75% { transform: rotate(10deg) translateX(-1px) } 100% { transform: rotate(10deg) translateX(0) }
}
@keyframes bc-guard {
  0% { transform: translateX(0) rotate(0) } 25% { transform: translateX(3px) rotate(2deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(3px) rotate(1deg) } 100% { transform: translateX(0) rotate(0) }
}
@keyframes bc-sparks {
  0% { opacity:1; transform: translateY(0) scale(1) } 50% { opacity:.8; transform: translateY(-10px) scale(.5) } 100% { opacity:0; transform: translateY(-20px) scale(0) }
}

.scn-massacre-boat {
  background: linear-gradient(180deg, #0b0b1a 0%, #12102a 40%, #1a162e 70%, #0e0c18 100%),
              radial-gradient(ellipse at 50% 30%, #1c1a3a 0%, transparent 70%);
}
.scn-massacre-boat .water {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(0deg, #080612 0%, #10102a 100%);
  animation: mb-water 6s ease-in-out infinite alternate;
}
.scn-massacre-boat .hull {
  position: absolute; bottom: 28%; left: 30%; width: 40%; height: 14%;
  background: linear-gradient(180deg, #2a1e1a 0%, #1a0e0a 100%);
  border-radius: 5% 5% 30% 30% / 10% 10% 40% 40%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
  animation: mb-rock 8s ease-in-out infinite;
}
.scn-massacre-boat .mast {
  position: absolute; bottom: 40%; left: 48%; width: 4%; height: 30%;
  background: linear-gradient(180deg, #1a120e 0%, #0a0806 100%);
  border-radius: 2px;
  transform-origin: bottom center;
  animation: mb-sway 3s ease-in-out infinite alternate;
}
.scn-massacre-boat .figure-miss {
  position: absolute; bottom: 32%; left: 38%; width: 6%; height: 12%;
  background: linear-gradient(180deg, #18131a 0%, #0a080c 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mb-figure 4s ease-in-out infinite;
}
.scn-massacre-boat .figure-wheeler {
  position: absolute; bottom: 30%; left: 60%; width: 5%; height: 15%;
  background: linear-gradient(180deg, #1c1410 0%, #0a0604 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mb-figure 5s ease-in-out infinite 0.5s;
}
.scn-massacre-boat .lantern {
  position: absolute; bottom: 42%; left: 35%; width: 3%; height: 3%;
  background: radial-gradient(circle, #d49a50 0%, #8a5a20 100%);
  border-radius: 50%;
  box-shadow: 0 0 14px 4px #6a3e10, 0 0 28px 8px rgba(100,60,20,0.4);
  animation: mb-lantern 2s ease-in-out infinite alternate;
}
.scn-massacre-boat .ripple {
  position: absolute; bottom: 18%; left: 40%; width: 12%; height: 8%;
  background: radial-gradient(ellipse, rgba(120,140,200,0.15) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(4px);
  animation: mb-ripple 4s ease-in-out infinite;
}
@keyframes mb-water { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 0.7; } }
@keyframes mb-rock { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-1deg); } }
@keyframes mb-sway { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }
@keyframes mb-figure { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-3px) rotate(1deg); } 50% { transform: translateY(0) rotate(2deg); } 75% { transform: translateY(-2px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes mb-lantern { 0% { opacity: 0.6; box-shadow: 0 0 8px 2px #5a3a18; } 50% { opacity: 1; box-shadow: 0 0 20px 6px #a06030, 0 0 40px 12px rgba(160,96,48,0.5); } 100% { opacity: 0.8; box-shadow: 0 0 12px 3px #6a3e10; } }
@keyframes mb-ripple { 0% { transform: scale(0.8); opacity: 0; } 50% { transform: scale(1.2); opacity: 0.5; } 100% { transform: scale(0.9); opacity: 0; } }

.scn-nana-massacre {
  background: linear-gradient(180deg, #0f0a14 0%, #1a1220 40%, #14101a 70%, #0a0810 100%),
              radial-gradient(ellipse at 50% 80%, #2a1a2e 0%, transparent 70%);
}
.scn-nana-massacre .wall {
  position: absolute; top: 0; bottom: 20%; left: 0; right: 0;
  background: linear-gradient(0deg, #1a141e 0%, #120e16 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.5);
}
.scn-nana-massacre .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(0deg, #0a080c 0%, #100e14 100%);
}
.scn-nana-massacre .door {
  position: absolute; bottom: 20%; left: 40%; width: 20%; height: 50%;
  background: linear-gradient(180deg, #2a2028 0%, #161016 100%);
  border-left: 2px solid #1a121a;
  border-right: 2px solid #120e12;
  border-radius: 2% 2% 0 0;
  box-shadow: -2px 0 6px rgba(0,0,0,0.4), 2px 0 6px rgba(0,0,0,0.2);
}
.scn-nana-massacre .window-slit {
  position: absolute; bottom: 55%; left: 30%; width: 6%; height: 12%;
  background: radial-gradient(ellipse at center, #3a2a3e 0%, transparent 80%);
  border-radius: 10% / 30%;
  box-shadow: 0 0 20px 4px #1a1420;
  animation: nm-window 8s ease-in-out infinite alternate;
}
.scn-nana-massacre .figure-woman {
  position: absolute; bottom: 20%; left: 25%; width: 8%; height: 25%;
  background: linear-gradient(180deg, #1c161e 0%, #0e0a10 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transform-origin: bottom center;
  animation: nm-figure 6s ease-in-out infinite;
}
.scn-nana-massacre .figure-child {
  position: absolute; bottom: 20%; left: 48%; width: 5%; height: 14%;
  background: linear-gradient(180deg, #161016 0%, #0a080a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nm-figure 4s ease-in-out infinite 1s;
}
.scn-nana-massacre .shadow-shape {
  position: absolute; bottom: 20%; left: 60%; width: 12%; height: 30%;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 80%);
  filter: blur(8px);
  animation: nm-shadow 10s ease-in-out infinite alternate;
}
@keyframes nm-window { 0% { opacity: 0.3; } 50% { opacity: 0.6; } 100% { opacity: 0.4; } }
@keyframes nm-figure { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-4px) rotate(1deg); } 60% { transform: translateY(0) rotate(-1deg); } 100% { transform: translateY(-2px) rotate(0deg); } }
@keyframes nm-shadow { 0% { transform: scale(0.9); opacity: 0.4; } 50% { transform: scale(1.1); opacity: 0.7; } 100% { transform: scale(0.8); opacity: 0.3; } }

.scn-children-into-well {
  background: linear-gradient(180deg, #3a2a2e 0%, #6a4a3e 20%, #b07050 40%, #c08a60 50%, #b08050 60%, #7a5a3a 80%, #4a3a2a 100%),
              radial-gradient(ellipse at 30% 20%, #d4a070 0%, transparent 70%);
}
.scn-children-into-well .sky-dawn {
  position: absolute; top: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #2e1a1e 0%, #6a3e2a 30%, #a06040 60%, #c08050 100%);
  animation: cw-sky 20s ease-in-out infinite alternate;
}
.scn-children-into-well .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #3a2e20 0%, #2a1e14 100%);
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.3);
}
.scn-children-into-well .well {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);
  width: 16%; height: 30%;
  background: linear-gradient(180deg, #3a2a1e 0%, #1a120a 100%);
  border-radius: 10% 10% 5% 5% / 30% 30% 10% 10%;
  box-shadow: inset 0 -4px 10px rgba(0,0,0,0.6), 0 8px 20px rgba(0,0,0,0.4);
  overflow: hidden;
}
.scn-children-into-well .figure-woman1 {
  position: absolute; bottom: 22%; left: 20%; width: 6%; height: 22%;
  background: linear-gradient(180deg, #1a1012 0%, #0e080a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cw-kneel 4s ease-in-out infinite;
}
.scn-children-into-well .figure-woman2 {
  position: absolute; bottom: 22%; left: 35%; width: 6%; height: 22%;
  background: linear-gradient(180deg, #1a1012 0%, #0e080a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cw-kneel 4s ease-in-out infinite 1s;
}
.scn-children-into-well .figure-man {
  position: absolute; bottom: 20%; left: 55%; width: 7%; height: 28%;
  background: linear-gradient(180deg, #160e10 0%, #0a0608 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cw-throw 3s ease-in-out infinite;
}
.scn-children-into-well .child {
  position: absolute; bottom: 20%; width: 4%; height: 12%;
  background: linear-gradient(180deg, #1a1214 0%, #0e080a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
}
.scn-children-into-well .child-a {
  left: 45%; animation: cw-run 6s linear infinite;
}
.scn-children-into-well .child-b {
  left: 48%; animation: cw-run 6s linear infinite 2s;
}
.scn-children-into-well .child-c {
  left: 52%; animation: cw-run 6s linear infinite 4s;
}
@keyframes cw-sky { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes cw-kneel { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(-2deg); } 75% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes cw-throw { 0% { transform: translateX(0) rotate(0deg); } 20% { transform: translateX(5px) rotate(10deg); } 40% { transform: translateX(-5px) rotate(-10deg); } 60% { transform: translateX(3px) rotate(5deg); } 80% { transform: translateX(-2px) rotate(-3deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes cw-run { 0% { transform: translateX(0) translateY(0); } 25% { transform: translateX(15px) translateY(-4px); } 50% { transform: translateX(30px) translateY(0); } 75% { transform: translateX(15px) translateY(-3px); } 100% { transform: translateX(0) translateY(0); } }

.scn-soldiers-late {
  background: linear-gradient(180deg, #e0d8d0 0%, #c8b8a8 40%, #a89888 100%),
              radial-gradient(ellipse at 50% 60%, #d0c0b0 0%, transparent 80%);
}
.scn-soldiers-late .room-wall {
  position: absolute; top: 0; bottom: 15%; left: 0; right: 0;
  background: linear-gradient(90deg, #c0b0a0 0%, #d0c0b0 50%, #b8a898 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.1);
}
.scn-soldiers-late .room-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(0deg, #a09080 0%, #b8a898 100%);
}
.scn-soldiers-late .blood-pool {
  position: absolute; bottom: 5%; left: 30%; width: 40%; height: 10%;
  background: radial-gradient(ellipse, #5e1a1d 0%, #3a0e10 70%, transparent 100%);
  border-radius: 50%;
  filter: blur(3px);
  animation: sl-pool 8s ease-in-out infinite alternate;
}
.scn-soldiers-late .sword-cut1 {
  position: absolute; bottom: 40%; left: 20%; width: 15%; height: 2%;
  background: linear-gradient(90deg, transparent 0%, #4a2a1e 20%, #3a1a12 40%, transparent 60%);
  transform: rotate(-25deg);
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  animation: sl-cut 5s ease-in-out infinite alternate;
}
.scn-soldiers-late .sword-cut2 {
  position: absolute; bottom: 60%; right: 25%; width: 12%; height: 2%;
  background: linear-gradient(90deg, transparent 0%, #4a2a1e 30%, #3a1a12 50%, transparent 70%);
  transform: rotate(15deg);
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  animation: sl-cut 6s ease-in-out infinite alternate 1s;
}
.scn-soldiers-late .torn-dress {
  position: absolute; bottom: 30%; left: 55%; width: 10%; height: 20%;
  background: linear-gradient(180deg, #a07050 0%, #805040 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%;
  clip-path: polygon(0% 0%, 70% 50%, 100% 80%, 50% 100%, 0% 70%);
  opacity: 0.6;
  animation: sl-dress 7s ease-in-out infinite alternate;
}
.scn-soldiers-late .child-toy {
  position: absolute; bottom: 18%; left: 40%; width: 5%; height: 5%;
  background: radial-gradient(circle, #6a3a20 0%, #3a1e0e 100%);
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: sl-toy 4s ease-in-out infinite;
}
@keyframes sl-pool { 0% { transform: scaleX(1) scaleY(1); opacity: 0.8; } 50% { transform: scaleX(1.05) scaleY(1.02); opacity: 1; } 100% { transform: scaleX(0.98) scaleY(0.96); opacity: 0.7; } }
@keyframes sl-cut { 0% { opacity: 0.3; } 50% { opacity: 0.7; } 100% { opacity: 0.4; } }
@keyframes sl-dress { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes sl-toy { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-5px) rotate(15deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-3px) rotate(-10deg); } 100% { transform: translateY(0) rotate(0deg); } }

.scn-ornithorhynchus-christian { background: linear-gradient(180deg, #f5e6d0 0%, #d9c2a0 50%, #b89870 100%), radial-gradient(ellipse at 50% 0%, #fff8ec 0%, transparent 70%); }
.scn-ornithorhynchus-christian .wall   { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #ebe0c8 0%, #d9c2a0 100%); }
.scn-ornithorhynchus-christian .floor  { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8b6f4e 0%, #6b5339 100%); box-shadow: inset 0 12px 20px rgba(0,0,0,.3); }
.scn-ornithorhynchus-christian .desk   { position:absolute; bottom:20%; left:30%; width:180px; height:50px; background: linear-gradient(180deg, #a8875a 0%, #7a5f3a 100%); border-radius:4px; box-shadow: 0 8px 12px rgba(0,0,0,.3); }
.scn-ornithorhynchus-christian .book   { position:absolute; bottom:28%; left:32%; width:50px; height:70px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:2px; transform: rotate(-8deg); box-shadow: 2px 2px 6px rgba(0,0,0,.3); }
.scn-ornithorhynchus-christian .egg-a  { position:absolute; bottom:24%; left:45%; width:24px; height:30px; background: radial-gradient(ellipse at 40% 30%, #f5f0dc 0%, #d4c8a0 70%); border-radius:50%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: oc-egg 6s ease-in-out infinite alternate; }
.scn-ornithorhynchus-christian .egg-b  { position:absolute; bottom:22%; left:50%; width:22px; height:28px; background: radial-gradient(ellipse at 40% 30%, #f0ead0 0%, #c8b890 70%); border-radius:50%; transform: rotate(-10deg); box-shadow: 0 3px 5px rgba(0,0,0,.2); animation: oc-egg 6s ease-in-out infinite alternate-reverse; }
.scn-ornithorhynchus-christian .clock  { position:absolute; top:12%; left:60%; width:60px; height:60px; background: radial-gradient(circle, #f0e0b0 0%, #c8a870 50%, #a08050 100%); border-radius:50%; box-shadow: 0 0 0 4px #8a6a3a, 0 4px 12px rgba(0,0,0,.4); animation: oc-swing 4s ease-in-out infinite; }
.scn-ornithorhynchus-christian .clock::after { content:''; position:absolute; top:50%; left:50%; width:4px; height:30px; background:#2a1a0a; transform-origin:50% 0%; transform:translate(-50%,0) rotate(45deg); border-radius:2px; animation: oc-hand 12s linear infinite; }
.scn-ornithorhynchus-christian .platypus { position:absolute; bottom:22%; left:40%; width:40px; height:50px; background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(0.8); animation: oc-bob 3s ease-in-out infinite alternate; }
.scn-ornithorhynchus-christian .collar  { position:absolute; bottom:36%; left:39.5%; width:12px; height:8px; background: linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 100%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
@keyframes oc-egg   { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(5deg); } 100% { transform: translateY(0) rotate(-3deg); } }
@keyframes oc-swing { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-1deg); } }
@keyframes oc-hand  { 0% { transform:translate(-50%,0) rotate(0deg); } 100% { transform:translate(-50%,0) rotate(360deg); } }
@keyframes oc-bob   { 0% { transform: scaleX(0.8) translateY(0); } 50% { transform: scaleX(0.8) translateY(-2px); } 100% { transform: scaleX(0.8) translateY(0); } }

.scn-survival-fittest { background: linear-gradient(180deg, #87ceeb 0%, #6ab0d6 40%, #c2e0c0 70%, #8bc48a 100%), radial-gradient(ellipse at 50% 0%, #ffec80 0%, transparent 60%); }
.scn-survival-fittest .sky     { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #7ec8e3 0%, #9ad8e8 100%); animation: sf-sky 10s ease-in-out infinite alternate; }
.scn-survival-fittest .mountain{ position:absolute; bottom:20%; left:10%; right:10%; height:70%; background: linear-gradient(180deg, #6b8e69 0%, #4a6a48 50%, #2a4a28 100%); border-radius: 50% 50% 0 0 / 60% 60% 0 0; box-shadow: inset 0 12px 20px rgba(0,0,0,.3); }
.scn-survival-fittest .snow   { position:absolute; bottom:75%; left:15%; right:15%; height:8%; background: linear-gradient(180deg, #f0f8ff 0%, #d0e0d0 100%); border-radius: 50% 50% 0 0; filter: blur(1px); }
.scn-survival-fittest .sun    { position:absolute; top:10%; left:60%; width:50px; height:50px; background: radial-gradient(circle, #ffe680 0%, #f0c040 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 40px 20px rgba(255,230,128,.4); animation: sf-sun 6s ease-in-out infinite alternate; }
.scn-survival-fittest .flagpole{ position:absolute; bottom:20%; left:45%; width:4px; height:120px; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius:2px; }
.scn-survival-fittest .flag   { position:absolute; bottom:68%; left:45%; width:60px; height:30px; background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%); border-radius:0 8px 8px 0; transform-origin: left center; animation: sf-wave 3s ease-in-out infinite alternate; }
.scn-survival-fittest .platypus-sf { position:absolute; bottom:22%; left:44%; width:40px; height:45px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(0.8); animation: sf-pose 4s ease-in-out infinite; }
@keyframes sf-sky   { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes sf-sun   { 0% { transform: scale(0.95) translate(0,0); } 50% { transform: scale(1.05) translate(2px,-2px); } 100% { transform: scale(1) translate(0,0); } }
@keyframes sf-wave  { 0% { transform: rotate(-5deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-3deg); } }
@keyframes sf-pose  { 0% { transform: scaleX(0.8) translateY(0) rotate(-2deg); } 25% { transform: scaleX(0.8) translateY(-3px) rotate(2deg); } 50% { transform: scaleX(0.8) translateY(0) rotate(-1deg); } 75% { transform: scaleX(0.8) translateY(-2px) rotate(1deg); } 100% { transform: scaleX(0.8) translateY(0) rotate(0); } }

.scn-ancient-creature { background: linear-gradient(180deg, #e8d4b8 0%, #d4b898 40%, #b89870 100%), radial-gradient(ellipse at 50% 0%, #fff3e0 0%, transparent 60%); }
.scn-ancient-creature .warm-wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #dcc8ac 0%, #c8b090 100%); }
.scn-ancient-creature .shelf    { position:absolute; bottom:35%; left:10%; right:10%; height:6%; background: linear-gradient(180deg, #8b6f4e 0%, #6b5339 100%); border-radius:2px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-ancient-creature .book     { position:absolute; bottom:33%; left:12%; width:30px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius:2px; transform: rotate(-5deg); }
.scn-ancient-creature .book:nth-child(4) { left:18%; width:35px; height:42px; transform: rotate(3deg); background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); }
.scn-ancient-creature .globe    { position:absolute; bottom:25%; left:50%; width:70px; height:70px; background: radial-gradient(circle at 40% 35%, #7ac0d0 0%, #3a7a8a 60%, #1a4a5a 100%); border-radius:50%; box-shadow: inset -8px -8px 20px rgba(0,0,0,.4), 0 8px 16px rgba(0,0,0,.3); transform: translateX(-50%); animation: ac-spin 20s linear infinite; }
.scn-ancient-creature .globe::after { content:''; position:absolute; top:8%; left:8%; width:40%; height:40%; background: radial-gradient(circle, #f0c8a0 0%, transparent 70%); border-radius:50%; }
.scn-ancient-creature .frame    { position:absolute; bottom:40%; left:15%; width:80px; height:100px; border:6px solid #8a6a3a; background: linear-gradient(180deg, #c8b090 0%, #a88a70 100%); border-radius:4px; box-shadow: 0 4px 12px rgba(0,0,0,.4); }
.scn-ancient-creature .portrait { position:absolute; bottom:42%; left:18%; width:64px; height:76px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(0.7); }
.scn-ancient-creature .quill    { position:absolute; bottom:30%; left:40%; width:2px; height:40px; background: linear-gradient(180deg, #f0e0b0 0%, #c8a870 100%); transform: rotate(15deg); border-radius:1px; animation: ac-quill 3s ease-in-out infinite alternate; }
.scn-ancient-creature .inkwell  { position:absolute; bottom:28%; left:38%; width:12px; height:16px; background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,.5); }
@keyframes ac-spin  { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
@keyframes ac-quill { 0% { transform: rotate(12deg) translateY(0); } 50% { transform: rotate(18deg) translateY(-2px); } 100% { transform: rotate(12deg) translateY(0); } }

.scn-invocation-poem { background: linear-gradient(180deg, #e8d4b8 0%, #d4b898 40%, #c0a080 100%), radial-gradient(ellipse at 50% 100%, #f0e0c0 0%, transparent 60%); }
.scn-invocation-poem .room      { position:absolute; inset:0; background: linear-gradient(180deg, #d4b898 0%, #c0a080 100%); }
.scn-invocation-poem .couch     { position:absolute; bottom:15%; left:20%; right:20%; height:30%; background: linear-gradient(180deg, #8b6f4e 0%, #6b5339 100%); border-radius:20% 20% 0 0; box-shadow: 0 8px 16px rgba(0,0,0,.3); }
.scn-invocation-poem .cushion   { position:absolute; bottom:25%; left:22%; right:22%; height:12%; background: linear-gradient(180deg, #a8875a 0%, #7a5f3a 100%); border-radius:50% 50% 0 0; }
.scn-invocation-poem .manuscript{ position:absolute; bottom:45%; left:50%; width:80px; height:100px; background: linear-gradient(180deg, #f5f0e0 0%, #e0d0b0 100%); transform: translateX(-50%) rotate(-3deg); box-shadow: 0 4px 8px rgba(0,0,0,.2); border-radius:2px; }
.scn-invocation-poem .manuscript::before { content:''; position:absolute; top:10%; left:10%; right:10%; height:20%; background: linear-gradient(180deg, #d0c0a0 0%, transparent 100%); border-radius:1px; }
.scn-invocation-poem .manuscript::after  { content:''; position:absolute; top:40%; left:10%; right:10%; height:15%; background: linear-gradient(180deg, #c8b898 0%, transparent 100%); }
.scn-invocation-poem .poet      { position:absolute; bottom:40%; left:35%; width:30px; height:60px; background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(0.6); animation: ip-write 4s ease-in-out infinite; }
.scn-invocation-poem .poet::after { content:''; position:absolute; top:30%; left:60%; width:20px; height:2px; background:#2a1a0a; transform: rotate(30deg); }
.scn-invocation-poem .inkpot   { position:absolute; bottom:43%; left:45%; width:10px; height:14px; background: linear-gradient(180deg, #1a0a0a 0%, #0a0a0a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,.5); }
.scn-invocation-poem .platypus-ip { position:absolute; bottom:20%; left:55%; width:40px; height:45px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(0.8); animation: ip-emerge 6s ease-in-out infinite; }
.scn-invocation-poem .kangaroo  { position:absolute; bottom:22%; left:15%; width:35px; height:55px; background: linear-gradient(180deg, #6b5a4a 0%, #3a2a1a 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform: scaleX(0.7); animation: ip-hop 5s ease-in-out infinite; }
.scn-invocation-poem .kangaroo::before { content:''; position:absolute; bottom:0; left:50%; width:4px; height:20px; background:#2a1a0a; transform:translateX(-50%) rotate(-10deg); border-radius:2px; }
@keyframes ip-write { 0% { transform: scaleX(0.6) translateY(0) rotate(0deg); } 25% { transform: scaleX(0.6) translateY(-2px) rotate(2deg); } 50% { transform: scaleX(0.6) translateY(0) rotate(0deg); } 75% { transform: scaleX(0.6) translateY(-2px) rotate(-2deg); } 100% { transform: scaleX(0.6) translateY(0) rotate(0deg); } }
@keyframes ip-emerge { 0% { transform: scaleX(0.8) translateY(10px) scaleY(0.8); opacity:0; } 30% { opacity:1; } 50% { transform: scaleX(0.8) translateY(0) scaleY(1); } 70% { transform: scaleX(0.8) translateY(-2px) scaleY(1.02); } 100% { transform: scaleX(0.8) translateY(0) scaleY(1); opacity:1; } }
@keyframes ip-hop  { 0% { transform: scaleX(0.7) translateY(0); } 20% { transform: scaleX(0.7) translateY(-4px); } 40% { transform: scaleX(0.7) translateY(0); } 60% { transform: scaleX(0.7) translateY(-2px); } 80% { transform: scaleX(0.7) translateY(0); } 100% { transform: scaleX(0.7) translateY(0); } }

.scn-watching-hunt { background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%, #deb887 100%), radial-gradient(ellipse at 30% 70%, #fff8dc 0%, transparent 70%); }
.scn-watching-hunt .sky   { position:absolute; inset:0 0 50% 0; background:linear-gradient(180deg, #b0e0e6 0%, #87ceeb 80%); animation:wh-sky 12s ease-in-out infinite alternate; }
.scn-watching-hunt .hills { position:absolute; bottom:35%; left:0; right:0; height:20%; background:linear-gradient(180deg, #228b22 0%, #006400 100%); border-radius:60% 40% 0 0; animation:wh-hills 18s ease-in-out infinite; }
.scn-watching-hunt .wall  { position:absolute; bottom:30%; left:20%; width:12%; height:8%; background:linear-gradient(90deg, #696969 0%, #a9a9a9 100%); border-radius:16% 16% 8% 8%; box-shadow:0 4px 8px rgba(0,0,0,.3); animation:wh-wall 6s ease-in-out infinite; }
.scn-watching-hunt .cart  { position:absolute; bottom:28%; right:15%; width:15%; height:12%; background:linear-gradient(135deg, #8b4513 0%, #a0522d 100%); border-radius:8% 8% 12% 12%; box-shadow:inset 0 -4px 0 #5c3317; animation:wh-cart 4s ease-in-out infinite; }
.scn-watching-hunt .horse { position:absolute; bottom:32%; left:45%; width:20%; height:18%; background:radial-gradient(ellipse at 50% 40%, #d2b48c 0%, #a0522d 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:wh-horse 0.6s ease-in-out infinite; }
.scn-watching-hunt .rider { position:absolute; bottom:40%; left:48%; width:8%; height:14%; background:linear-gradient(180deg, #4682b4 0%, #2c3e50 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation:wh-rider 0.6s ease-in-out infinite; }
.scn-watching-hunt .dust  { position:absolute; bottom:30%; left:42%; width:12%; height:6%; background:radial-gradient(ellipse, rgba(210,180,140,.6) 0%, transparent 70%); filter:blur(4px); animation:wh-dust 2s ease-in-out infinite; }
@keyframes wh-sky {0%{opacity:.9}50%{opacity:1}100%{opacity:.8}}
@keyframes wh-hills {0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@keyframes wh-wall {0%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.02)}100%{transform:translateY(0) scale(1)}}
@keyframes wh-horse {0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes wh-rider {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(5deg)}}
@keyframes wh-cart {0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes wh-dust {0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}

.scn-which-fox { background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%, #deb887 100%), radial-gradient(ellipse at 40% 60%, #fffacd 0%, transparent 70%); }
.scn-which-fox .sky      { position:absolute; inset:0 0 50% 0; background:linear-gradient(180deg, #b0e0e6 0%, #87ceeb 80%); animation:wf-sky 10s ease-in-out infinite alternate; }
.scn-which-fox .ground   { position:absolute; bottom:0; left:0; right:0; height:50%; background:linear-gradient(180deg, #228b22 0%, #006400 100%); animation:wf-ground 20s ease-in-out infinite; }
.scn-which-fox .narrator { position:absolute; bottom:25%; left:20%; width:8%; height:20%; background:linear-gradient(180deg, #d2b48c 0%, #8b4513 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation:wf-narrator 3s ease-in-out infinite; }
.scn-which-fox .rider    { position:absolute; bottom:32%; left:55%; width:8%; height:18%; background:linear-gradient(180deg, #4682b4 0%, #2c3e50 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation:wf-rider 0.5s ease-in-out infinite; }
.scn-which-fox .horse    { position:absolute; bottom:26%; left:52%; width:22%; height:20%; background:radial-gradient(ellipse at 50% 40%, #d2b48c 0%, #a0522d 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:wf-horse 0.6s ease-in-out infinite; }
.scn-which-fox .fox      { position:absolute; bottom:30%; right:12%; width:6%; height:4%; background:radial-gradient(circle, #d2691e 0%, #8b4513 100%); border-radius:50%; filter:blur(2px); animation:wf-fox 4s ease-in-out infinite; }
@keyframes wf-sky {0%{opacity:.9}50%{opacity:1}100%{opacity:.8}}
@keyframes wf-ground {0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@keyframes wf-narrator {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-4deg)}}
@keyframes wf-rider {0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-1px) rotate(10deg)}}
@keyframes wf-horse {0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes wf-fox {0%,100%{opacity:.4;transform:translateX(0)}50%{opacity:.8;transform:translateX(-10px)}}

.scn-quick-judgment { background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%, #deb887 100%), radial-gradient(ellipse at 30% 60%, #fffacd 0%, transparent 70%); }
.scn-quick-judgment .sky   { position:absolute; inset:0 0 50% 0; background:linear-gradient(180deg, #b0e0e6 0%, #87ceeb 80%); animation:qj-sky 8s ease-in-out infinite alternate; }
.scn-quick-judgment .ground{ position:absolute; bottom:0; left:0; right:0; height:50%; background:linear-gradient(180deg, #228b22 0%, #006400 100%); animation:qj-ground 15s ease-in-out infinite; }
.scn-quick-judgment .horse { position:absolute; bottom:28%; left:45%; width:25%; height:22%; background:radial-gradient(ellipse at 50% 40%, #d2b48c 0%, #a0522d 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:qj-horse 0.4s ease-in-out infinite; }
.scn-quick-judgment .rider { position:absolute; bottom:40%; left:50%; width:10%; height:16%; background:linear-gradient(180deg, #4682b4 0%, #2c3e50 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation:qj-rider 0.4s ease-in-out infinite; }
.scn-quick-judgment .dust  { position:absolute; bottom:25%; left:40%; width:20%; height:10%; background:radial-gradient(ellipse, rgba(210,180,140,.7) 0%, transparent 70%); filter:blur(6px); animation:qj-dust 1.5s ease-in-out infinite; }
.scn-quick-judgment .cart  { position:absolute; bottom:28%; right:10%; width:18%; height:14%; background:linear-gradient(135deg, #8b4513 0%, #a0522d 100%); border-radius:8% 8% 12% 12%; box-shadow:inset 0 -4px 0 #5c3317; animation:qj-cart 3s ease-in-out infinite; }
@keyframes qj-sky {0%{opacity:.9}50%{opacity:1}100%{opacity:.8}}
@keyframes qj-ground {0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@keyframes qj-horse {0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes qj-rider {0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-3px) rotate(20deg)}}
@keyframes qj-dust {0%,100%{opacity:.2;transform:scale(1) translateX(0)}50%{opacity:.8;transform:scale(2) translateX(30px)}}
@keyframes qj-cart {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-2deg)}}

.scn-italian-customs { background: linear-gradient(180deg, #f5deb3 0%, #deb887 40%, #d2b48c 100%), radial-gradient(ellipse at 80% 20%, #fff8dc 0%, transparent 60%); }
.scn-italian-customs .wall      { position:absolute; inset:0 0 20% 0; background:linear-gradient(180deg, #c8a67e 0%, #b68863 100%); box-shadow:inset 0 0 20px rgba(0,0,0,.2); animation:ic-wall 10s ease-in-out infinite; }
.scn-italian-customs .floor     { position:absolute; bottom:0; left:0; right:0; height:20%; background:linear-gradient(180deg, #8b7355 0%, #6b4c2b 100%); box-shadow:inset 0 4px 8px rgba(0,0,0,.4); animation:ic-floor 15s ease-in-out infinite; }
.scn-italian-customs .window    { position:absolute; top:10%; right:10%; width:20%; height:30%; background:radial-gradient(ellipse at 50% 30%, #fffacd 0%, #f0e68c 70%, transparent 100%); border-radius:8% 8% 12% 12%; box-shadow:0 0 20px #f0e68c; animation:ic-window 5s ease-in-out infinite alternate; }
.scn-italian-customs .trunk     { position:absolute; bottom:15%; left:20%; width:20%; height:12%; background:linear-gradient(180deg, #a0522d 0%, #8b4513 100%); border-radius:4% 4% 8% 8%; box-shadow:0 4px 8px rgba(0,0,0,.5); animation:ic-trunk 4s ease-in-out infinite; }
.scn-italian-customs .trunk2    { position:absolute; bottom:12%; left:45%; width:18%; height:10%; background:linear-gradient(180deg, #8b4513 0%, #5c3317 100%); border-radius:4% 4% 8% 8%; box-shadow:0 4px 8px rgba(0,0,0,.5); animation:ic-trunk2 4s ease-in-out infinite 2s; }
.scn-italian-customs .inspector { position:absolute; bottom:18%; left:10%; width:10%; height:25%; background:linear-gradient(180deg, #2c3e50 0%, #1a252f 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation:ic-inspector 3s ease-in-out infinite; }
.scn-italian-customs .traveler  { position:absolute; bottom:20%; left:55%; width:8%; height:22%; background:linear-gradient(180deg, #d2b48c 0%, #8b4513 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation:ic-traveler 4s ease-in-out infinite; }
@keyframes ic-wall {0%{opacity:.9}50%{opacity:1}100%{opacity:.95}}
@keyframes ic-floor {0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@keyframes ic-window {0%{opacity:.8;filter:brightness(1)}100%{opacity:1;filter:brightness(1.2)}}
@keyframes ic-trunk {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(2deg)}}
@keyframes ic-trunk2 {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(-2deg)}}
@keyframes ic-inspector {0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-5deg)}}
@keyframes ic-traveler {0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* ---- Scene: australian-slang (bright interior, warm) ---- */
.scn-australian-slang {
  background: 
    linear-gradient(180deg, #d9b382 0%, #c29b5e 40%, #b5894a 70%, #8f6b2b 100%),
    radial-gradient(ellipse at 30% 60%, #f5e6c8 0%, transparent 70%);
}
.scn-australian-slang .wall-bg {
  position: absolute; inset: 0 0 38% 0;
  background: linear-gradient(180deg, #c9a36e 0%, #7a5b32 100%);
  border-radius: 0 0 20% 20%;
}
.scn-australian-slang .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 38%;
  background: linear-gradient(180deg, #6b4c2a 0%, #4a331a 100%);
}
.scn-australian-slang .window {
  position: absolute; top: 12%; left: 12%; width: 26%; height: 32%;
  background: radial-gradient(ellipse at 50% 50%, #ffe6b0 0%, #b88a4a 80%);
  border-radius: 8%; box-shadow: inset 0 0 30px rgba(255,200,100,.3);
  animation: aus-glint 8s ease-in-out infinite alternate;
}
.scn-australian-slang .lantern {
  position: absolute; top: 44%; left: 68%; width: 14px; height: 22px;
  background: linear-gradient(180deg, #f5d480 0%, #c99a3e 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 36px 10px #f5c064, 0 0 60px 20px rgba(245,192,100,.3);
  animation: aus-lamp 3s ease-in-out infinite alternate;
}
.scn-australian-slang .table {
  position: absolute; bottom: 26%; left: 45%; width: 60px; height: 8px;
  background: linear-gradient(180deg, #7a5b32 0%, #4f371c 100%);
  border-radius: 4px;
}
.scn-australian-slang .stool {
  position: absolute; bottom: 26%; left: 55%; width: 22px; height: 34px;
  background: linear-gradient(180deg, #6b4c2a 0%, #3a2a14 100%);
  border-radius: 10% 10% 20% 20%;
}
.scn-australian-slang .figure {
  position: absolute; bottom: 30%; left: 54%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0f05 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: aus-sit 5s ease-in-out infinite;
}
.scn-australian-slang .dust-a,
.scn-australian-slang .dust-b {
  position: absolute; width: 4px; height: 4px; background: #ead5b0;
  border-radius: 50%; filter: blur(1px);
  animation: aus-dust 12s linear infinite;
}
.scn-australian-slang .dust-a { top: 60%; left: 20%; }
.scn-australian-slang .dust-b { top: 70%; left: 60%; animation-delay: -4s; }
@keyframes aus-glint {
  0% { opacity: .7; box-shadow: inset 0 0 20px rgba(255,200,100,.2); }
  50% { opacity: 1; box-shadow: inset 0 0 60px rgba(255,200,100,.6); }
  100% { opacity: .8; box-shadow: inset 0 0 30px rgba(255,200,100,.3); }
}
@keyframes aus-lamp {
  0% { box-shadow: 0 0 20px 6px #f5c064, 0 0 40px 12px rgba(245,192,100,.2); opacity: .9; }
  50% { box-shadow: 0 0 44px 14px #ffda80, 0 0 72px 24px rgba(255,218,128,.5); opacity: 1; }
  100% { box-shadow: 0 0 28px 8px #f5c064, 0 0 50px 16px rgba(245,192,100,.35); opacity: .95; }
}
@keyframes aus-sit {
  0% { transform: translateX(0) translateY(0) rotate(-1deg); }
  25% { transform: translateX(2px) translateY(-2px) rotate(1deg); }
  50% { transform: translateX(0) translateY(-1px) rotate(0deg); }
  75% { transform: translateX(-2px) translateY(-2px) rotate(-1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes aus-dust {
  0% { transform: translateY(0) scale(1); opacity: .6; }
  50% { transform: translateY(-20px) scale(.8); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: .6; }
}

/* ---- Scene: horsham-town (sunlit country town, warm) ---- */
.scn-horsham-town {
  background: 
    linear-gradient(180deg, #b0d4e8 0%, #e3d6b5 50%, #cbb080 100%),
    radial-gradient(ellipse at 60% 90%, #f5e2c0 0%, transparent 70%);
}
.scn-horsham-town .sky-bg {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #a0c8e0 0%, #d8e8c8 100%);
  animation: hor-sky 15s ease-in-out infinite alternate;
}
.scn-horsham-town .plain {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #d4b080 0%, #b8925a 100%);
  border-radius: 70% 90% 0 0 / 40% 50% 0 0;
}
.scn-horsham-town .road {
  position: absolute; bottom: 8%; left: 20%; right: 20%; height: 12%;
  background: linear-gradient(90deg, #c0a070 0%, #a08050 50%, #c0a070 100%);
  border-radius: 10px;
  transform: perspective(200px) rotateX(10deg);
}
.scn-horsham-town .hotel {
  position: absolute; bottom: 32%; left: 30%; width: 16%; height: 24%;
  background: linear-gradient(180deg, #d4b080 0%, #a88350 100%);
  border-radius: 6% 6% 2% 2%;
  box-shadow: 0 6px 12px rgba(0,0,0,.2);
}
.scn-horsham-town .cottonwood-t {
  position: absolute; bottom: 42%; right: 14%; width: 50px; height: 60px;
  background: radial-gradient(ellipse at 50% 100%, #6a8a4a 0%, #4a6a2a 100%);
  border-radius: 60% 60% 30% 30%;
  animation: hor-tree 12s ease-in-out infinite;
}
.scn-horsham-town .cottonwood-l {
  position: absolute; bottom: 50%; right: 14%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #4a6a2a 0%, #3a5a1a 100%);
  border-radius: 50%;
  filter: blur(3px);
  animation: hor-leaf 18s ease-in-out infinite alternate;
}
.scn-horsham-town .figure-walk {
  position: absolute; bottom: 18%; left: 40%; width: 18px; height: 32px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0f05 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hor-walk 6s ease-in-out infinite;
}
.scn-horsham-town .dust-stir {
  position: absolute; bottom: 22%; left: 35%; width: 6px; height: 6px;
  background: #e0c090; border-radius: 50%; filter: blur(2px);
  animation: hor-dust 8s ease-in-out infinite;
}
@keyframes hor-sky {
  0% { opacity: .85; }
  50% { opacity: 1; }
  100% { opacity: .9; }
}
@keyframes hor-tree {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-3px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hor-leaf {
  0% { transform: scale(1) rotate(0deg); opacity: .6; }
  50% { transform: scale(1.05) rotate(2deg); opacity: .9; }
  100% { transform: scale(1) rotate(0deg); opacity: .6; }
}
@keyframes hor-walk {
  0% { transform: translateX(0) translateY(0) rotate(-2deg); }
  25% { transform: translateX(10px) translateY(-2px) rotate(1deg); }
  50% { transform: translateX(20px) translateY(0) rotate(-1deg); }
  75% { transform: translateX(30px) translateY(-2px) rotate(2deg); }
  100% { transform: translateX(40px) translateY(0) rotate(0deg); }
}
@keyframes hor-dust {
  0% { transform: translateY(0) scale(1); opacity: .5; }
  50% { transform: translateY(-12px) scale(1.2); opacity: .1; }
  100% { transform: translateY(0) scale(1); opacity: .5; }
}

/* ---- Scene: pepper-tree (sunlit close-up, soft warmth) ---- */
.scn-pepper-tree {
  background: 
    linear-gradient(135deg, #d4e0c0 0%, #b0c890 40%, #7a9a5a 100%),
    radial-gradient(ellipse at 70% 40%, #f0e6c0 0%, transparent 70%);
}
.scn-pepper-tree .bg-sky {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #c0d8b0 0%, #9ab07a 100%);
  filter: blur(8px);
  animation: pep-bg 20s ease-in-out infinite alternate;
}
.scn-pepper-tree .trunk {
  position: absolute; bottom: 0; left: 50%; width: 10px; height: 60%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a14 100%);
  border-radius: 30% 30% 10% 10%;
  animation: pep-trunk 0s; /* static base, no animation needed but keep for consistency */
}
.scn-pepper-tree .branch-a {
  position: absolute; bottom: 50%; left: 50%; width: 4px; height: 40%;
  transform-origin: bottom left;
  transform: rotate(40deg) translateX(-10px);
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 20%;
  animation: pep-branch 7s ease-in-out infinite alternate;
}
.scn-pepper-tree .branch-b {
  position: absolute; bottom: 50%; left: 50%; width: 4px; height: 35%;
  transform-origin: bottom right;
  transform: rotate(-30deg) translateX(10px);
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 20%;
  animation: pep-branch 9s ease-in-out infinite alternate-reverse;
}
.scn-pepper-tree .foliage-a {
  position: absolute; top: 10%; left: 5%; right: 30%; bottom: 30%;
  background: radial-gradient(ellipse at 50% 50%, rgba(100,140,70,.4) 0%, transparent 80%);
  filter: blur(12px);
  animation: pep-foliage 15s ease-in-out infinite alternate;
}
.scn-pepper-tree .foliage-b {
  position: absolute; top: 5%; left: 20%; right: 10%; bottom: 25%;
  background: radial-gradient(ellipse at 50% 50%, rgba(120,160,80,.3) 0%, transparent 80%);
  filter: blur(15px);
  animation: pep-foliage 18s ease-in-out infinite alternate-reverse;
}
.scn-pepper-tree .berries {
  position: absolute; top: 30%; left: 35%; width: 12px; height: 12px;
  background: radial-gradient(circle, #a0461a 0%, #7a3010 70%);
  border-radius: 50%;
  box-shadow: 6px 8px 0 #8a3a1a, -4px -6px 0 #90401e, 10px -2px 0 #a0401a;
  animation: pep-berry 4s ease-in-out infinite alternate;
}
.scn-pepper-tree .glint {
  position: absolute; top: 18%; left: 32%; width: 3px; height: 3px;
  background: #ffe0a0; border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,224,160,.6);
  animation: pep-glint 6s ease-in-out infinite alternate;
}
@keyframes pep-bg {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .85; }
}
@keyframes pep-branch {
  0% { transform: rotate(38deg) translateX(-10px) scaleY(1); }
  50% { transform: rotate(42deg) translateX(-12px) scaleY(1.02); }
  100% { transform: rotate(38deg) translateX(-10px) scaleY(1); }
}
@keyframes pep-foliage {
  0% { transform: scale(1) translateX(0); opacity: .5; }
  50% { transform: scale(1.05) translateX(5px); opacity: .7; }
  100% { transform: scale(1) translateX(0); opacity: .5; }
}
@keyframes pep-berry {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.1) rotate(5deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes pep-glint {
  0% { opacity: .3; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-6px); }
  100% { opacity: .3; transform: translateY(0); }
}

/* ---- Scene: agricultural-college (hot sunlit landscape, wagon) ---- */
.scn-agricultural-college {
  background: 
    linear-gradient(180deg, #d0e0f0 0%, #e8d6a0 40%, #c8b078 70%, #a08850 100%),
    radial-gradient(ellipse at 50% 0%, #faecc0 0%, transparent 70%);
}
.scn-agricultural-college .sky-heat {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b8d0e8 0%, #e0d8a0 100%);
  animation: agr-sky 12s ease-in-out infinite alternate;
}
.scn-agricultural-college .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #d4b880 0%, #b89860 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0;
}
.scn-agricultural-college .road-dirt {
  position: absolute; bottom: 12%; left: 15%; right: 15%; height: 10%;
  background: linear-gradient(90deg, #c8a868 0%, #a88848 50%, #c8a868 100%);
  border-radius: 6px;
  transform: perspective(300px) rotateX(8deg);
}
.scn-agricultural-college .fence-left {
  position: absolute; bottom: 32%; left: 8%; width: 2px; height: 18%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a14 100%);
  box-shadow: 10px 0 0 0 #5a3a1a, 20px 0 0 0 #5a3a1a;
  animation: agr-fence 0s;
}
.scn-agricultural-college .fence-right {
  position: absolute; bottom: 32%; right: 8%; width: 2px; height: 18%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a14 100%);
  box-shadow: -10px 0 0 0 #5a3a1a, -20px 0 0 0 #5a3a1a;
  animation: agr-fence 0s;
}
.scn-agricultural-college .wagon {
  position: absolute; bottom: 18%; left: 30%; width: 60px; height: 16px;
  background: linear-gradient(180deg, #7a5a32 0%, #5a3a1a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: agr-wagon 4s ease-in-out infinite;
}
.scn-agricultural-college .horse {
  position: absolute; bottom: 18%; left: 42%; width: 50px; height: 40px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: agr-horse 3s ease-in-out infinite;
}
.scn-agricultural-college .dust-mot {
  position: absolute; bottom: 25%; left: 28%; width: 5px; height: 5px;
  background: #d4b880; border-radius: 50%; filter: blur(2px);
  animation: agr-dust 6s linear infinite;
}
.scn-agricultural-college .heat-shimmer {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 20%;
  background: repeating-linear-gradient(90deg, transparent 0px, rgba(255,255,200,.1) 5px, transparent 10px);
  filter: blur(4px);
  animation: agr-shimmer 5s ease-in-out infinite alternate;
}
@keyframes agr-sky {
  0% { opacity: .8; }
  50% { opacity: 1; }
  100% { opacity: .85; }
}
@keyframes agr-wagon {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(-1deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes agr-horse {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(6px) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-4px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes agr-dust {
  0% { transform: translateY(0) scale(1); opacity: .4; }
  100% { transform: translateY(-30px) scale(1.5); opacity: 0; }
}
@keyframes agr-shimmer {
  0% { opacity: .3; transform: scaleY(1); }
  50% { opacity: .7; transform: scaleY(1.2); }
  100% { opacity: .3; transform: scaleY(1); }
}

/* banyan-tree */
.scn-banyan-tree {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0e68c 70%, #daa520 100%),
              radial-gradient(ellipse at 80% 20%, rgba(255,215,0,0.3) 0%, transparent 60%);
}
.scn-banyan-tree .sky { position:absolute; inset:0; background: linear-gradient(180deg, #ffe4b5 0%, transparent 100%); animation: banyan-sky 8s ease-in-out infinite alternate; }
.scn-banyan-tree .sun-glow { position:absolute; top:8%; left:75%; width:40px; height:40px; background: radial-gradient(circle, #ffe066 0%, #ffd700 40%, transparent 100%); border-radius:50%; animation: banyan-sun 6s ease-in-out infinite alternate; }
.scn-banyan-tree .trunk { position:absolute; bottom:10%; left:50%; width:30px; height:60%; transform:translateX(-50%); background: linear-gradient(180deg, #6b4e3a 0%, #4a3222 100%); border-radius: 20% 20% 10% 10%; }
.scn-banyan-tree .canopy { position:absolute; top:15%; left:35%; width:50%; height:40%; background: linear-gradient(180deg, #228b22 0%, #006400 100%); border-radius: 60% 40% 50% 50%; box-shadow: inset 0 -10px 30px rgba(0,0,0,0.3); animation: banyan-canopy 10s ease-in-out infinite alternate; }
.scn-banyan-tree .root1 { position:absolute; bottom:25%; left:45%; width:4px; height:35%; background: linear-gradient(180deg, #5c4033 0%, #3b2a1d 100%); border-radius: 50%; transform-origin: top center; animation: banyan-root 12s ease-in-out infinite alternate; }
.scn-banyan-tree .root2 { position:absolute; bottom:20%; left:55%; width:3px; height:30%; background: linear-gradient(180deg, #5c4033 0%, #3b2a1d 100%); border-radius: 50%; transform-origin: top center; animation: banyan-root 14s ease-in-out infinite alternate reverse; }
.scn-banyan-tree .flowers { position:absolute; top:30%; left:40%; width:12px; height:12px; background: radial-gradient(circle, #c8553d 0%, #a0461a 100%); border-radius:50%; box-shadow: 0 0 15px 5px rgba(200,85,61,0.5); animation: banyan-flower 3s ease-in-out infinite alternate; }
.scn-banyan-tree .butterfly1 { position:absolute; top:20%; left:50%; width:14px; height:10px; background: radial-gradient(ellipse at 30% 50%, #ffb347 0%, #ff8c00 100%); border-radius:50%; clip-path: polygon(0% 0%, 50% 50%, 0% 100%); transform-origin: 50% 50%; animation: banyan-bfly 5s ease-in-out infinite; }
.scn-banyan-tree .butterfly2 { position:absolute; top:22%; left:55%; width:12px; height:8px; background: radial-gradient(ellipse at 30% 50%, #ffb347 0%, #ff8c00 100%); border-radius:50%; clip-path: polygon(100% 0%, 50% 50%, 100% 100%); transform-origin: 50% 50%; animation: banyan-bfly 6s ease-in-out infinite reverse; }

@keyframes banyan-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes banyan-sun { 0% { transform:scale(0.8); opacity:0.6 } 50% { transform:scale(1.1); opacity:1 } 100% { transform:scale(0.9); opacity:0.7 } }
@keyframes banyan-canopy { 0% { transform:rotate(-2deg) translateX(-2px); border-radius: 60% 40% 50% 50% } 50% { transform:rotate(2deg) translateX(2px); border-radius: 40% 60% 50% 50% } 100% { transform:rotate(-1deg) translateX(-1px); border-radius: 55% 45% 45% 55% } }
@keyframes banyan-root { 0% { transform:rotate(-5deg) } 50% { transform:rotate(5deg) } 100% { transform:rotate(-3deg) } }
@keyframes banyan-flower { 0% { transform:scale(0.8); box-shadow:0 0 10px 3px rgba(200,85,61,0.3) } 50% { transform:scale(1.2); box-shadow:0 0 25px 8px rgba(200,85,61,0.6) } 100% { transform:scale(1); box-shadow:0 0 15px 5px rgba(200,85,61,0.5) } }
@keyframes banyan-bfly { 0% { transform:translate(0,0) rotate(0deg); opacity:0.6 } 25% { transform:translate(10px,-10px) rotate(15deg); opacity:1 } 50% { transform:translate(20px,-5px) rotate(0deg); opacity:0.8 } 75% { transform:translate(10px,5px) rotate(-10deg); opacity:1 } 100% { transform:translate(0,0) rotate(0deg); opacity:0.7 } }

/* thibetan-drama */
.scn-thibetan-drama {
  background: linear-gradient(180deg, #ffa07a 0%, #ff7f50 30%, #d2691e 60%, #8b4513 100%),
              radial-gradient(ellipse at 50% 0%, rgba(255,200,100,0.4) 0%, transparent 70%);
}
.scn-thibetan-drama .mountains { position:absolute; bottom:40%; left:0; right:0; height:50%; background: linear-gradient(180deg, #a0522d 0%, #8b4513 50%, #654321 100%); border-radius: 30% 70% 0 0 / 60% 40% 0 0; }
.scn-thibetan-drama .stage { position:absolute; bottom:10%; left:20%; width:60%; height:30%; background: linear-gradient(180deg, #deb887 0%, #bc8f8f 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -5px 20px rgba(0,0,0,0.5); }
.scn-thibetan-drama .actor1 { position:absolute; bottom:25%; left:35%; width:30px; height:60px; background: linear-gradient(180deg, #c8553d 0%, #a0461a 40%, #702243 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: thib-spin 2s ease-in-out infinite; }
.scn-thibetan-drama .actor2 { position:absolute; bottom:28%; left:55%; width:28px; height:55px; background: linear-gradient(180deg, #daa520 0%, #b8860b 40%, #8b6508 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: thib-spin 2.5s ease-in-out infinite reverse; }
.scn-thibetan-drama .spinner { position:absolute; bottom:30%; left:48%; width:20px; height:40px; background: repeating-linear-gradient(45deg, #ffd700 0px, #ffd700 5px, #c8553d 5px, #c8553d 10px); border-radius: 20% 20% 50% 50%; transform-origin: bottom center; animation: thib-spin 1.5s linear infinite; }
.scn-thibetan-drama .audience { position:absolute; bottom:5%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #2f1a0e 0%, #1a0f08 100%); border-radius: 50% 50% 0 0; box-shadow: 0 3px 10px rgba(0,0,0,0.4); animation: thib-audience 4s ease-in-out infinite alternate; }
.scn-thibetan-drama .chant-aura { position:absolute; bottom:25%; left:40%; right:40%; height:20%; background: radial-gradient(ellipse at 50% 100%, rgba(255,215,0,0.3) 0%, transparent 80%); animation: thib-chant 3s ease-in-out infinite; }

@keyframes thib-spin { 0% { transform: rotate(0deg) scaleY(1) } 25% { transform: rotate(90deg) scaleY(0.8) } 50% { transform: rotate(180deg) scaleY(1) } 75% { transform: rotate(270deg) scaleY(0.8) } 100% { transform: rotate(360deg) scaleY(1) } }
@keyframes thib-audience { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(1px) } }
@keyframes thib-chant { 0% { opacity:0.3; transform: scaleY(1) } 50% { opacity:0.7; transform: scaleY(1.3) } 100% { opacity:0.3; transform: scaleY(1) } }

/* leopards-calf */
.scn-leopards-calf {
  background: linear-gradient(180deg, #f5deb3 0%, #deb887 30%, #c4a882 60%, #a0866f 100%),
              radial-gradient(ellipse at 50% 80%, rgba(139,119,101,0.4) 0%, transparent 60%);
}
.scn-leopards-calf .veranda-railing { position:absolute; bottom:0; left:0; right:0; height:15%; background: linear-gradient(180deg, #8b4513 0%, #5c3317 100%); border-radius: 0 0 5% 5%; }
.scn-leopards-calf .leopard { position:absolute; bottom:25%; left:30%; width:40px; height:25px; background: radial-gradient(ellipse at 30% 50%, #d2a679 0%, #8b5e3c 100%); border-radius: 50%; clip-path: polygon(0% 50%, 20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%); transform-origin: bottom center; animation: leop-pounce 3s ease-in-out infinite; }
.scn-leopards-calf .calf { position:absolute; bottom:22%; left:60%; width:25px; height:20px; background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius: 50% 50% 20% 20%; transform-origin: bottom center; animation: leop-dodge 3s ease-in-out infinite reverse; }
.scn-leopards-calf .branch { position:absolute; top:20%; left:40%; width:70px; height:4px; background: #5c4033; border-radius: 2px; transform: rotate(-15deg); animation: leop-branch 8s ease-in-out infinite alternate; }
.scn-leopards-calf .bird { position:absolute; top:15%; left:35%; width:12px; height:8px; background: radial-gradient(ellipse at 30% 50%, #ffa07a 0%, #fa8072 100%); border-radius: 50%; clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%); animation: leop-bird 2s ease-in-out infinite; }
.scn-leopards-calf .leaves { position:absolute; top:10%; left:30%; right:30%; height:20%; background: radial-gradient(ellipse at 50% 50%, #228b22 0%, transparent 70%); filter: blur(4px); animation: leop-leaves 6s ease-in-out infinite alternate; }
.scn-leopards-calf .shadow { position:absolute; bottom:10%; left:30%; width:50px; height:8px; background: rgba(0,0,0,0.3); border-radius: 50%; animation: leop-shadow 3s ease-in-out infinite; }

@keyframes leop-pounce { 0% { transform: translateX(-10px) scaleX(1) } 25% { transform: translateX(0) scaleX(0.9) } 50% { transform: translateX(20px) scaleX(1.1) } 75% { transform: translateX(0) scaleX(0.9) } 100% { transform: translateX(-10px) scaleX(1) } }
@keyframes leop-dodge { 0% { transform: translateX(0) } 25% { transform: translateX(-5px) } 50% { transform: translateX(0) } 75% { transform: translateX(5px) } 100% { transform: translateX(0) } }
@keyframes leop-branch { 0% { transform: rotate(-15deg) } 50% { transform: rotate(-10deg) } 100% { transform: rotate(-18deg) } }
@keyframes leop-bird { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(10deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes leop-leaves { 0% { opacity:0.5 } 50% { opacity:0.8 } 100% { opacity:0.5 } }
@keyframes leop-shadow { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.8) } 100% { transform: scaleX(1) } }

/* coppersmith-bird */
.scn-coppersmith-bird {
  background: linear-gradient(180deg, #fff8dc 0%, #f5deb3 40%, #d2b48c 70%, #a0866f 100%),
              radial-gradient(ellipse at 80% 20%, rgba(218,165,32,0.3) 0%, transparent 60%);
}
.scn-coppersmith-bird .branch { position:absolute; bottom:30%; left:20%; right:20%; height:6px; background: linear-gradient(90deg, transparent, #5c4033 20%, #5c4033 80%, transparent); border-radius: 3px; }
.scn-coppersmith-bird .bird { position:absolute; bottom:35%; left:45%; width:16px; height:12px; background: radial-gradient(ellipse at 30% 50%, #b87333 0%, #8b5e3c 100%); border-radius: 50% 50% 40% 40%; clip-path: polygon(0% 50%, 20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%); transform-origin: center 60%; animation: copp-bird 1s ease-in-out infinite; }
.scn-coppersmith-bird .head { position:absolute; bottom:40%; left:45%; width:10px; height:8px; background: radial-gradient(ellipse at 30% 50%, #d2691e 0%, #8b4513 100%); border-radius: 50%; transform-origin: bottom center; animation: copp-head 0.8s ease-in-out infinite; }
.scn-coppersmith-bird .hammer1 { position:absolute; bottom:38%; left:30%; width:8px; height:15px; background: linear-gradient(180deg, #808080 0%, #606060 100%); border-radius: 2px 2px 0 0; transform-origin: bottom center; animation: copp-hammer 0.6s ease-in-out infinite alternate; }
.scn-coppersmith-bird .hammer2 { position:absolute; bottom:38%; left:55%; width:8px; height:15px; background: linear-gradient(180deg, #808080 0%, #606060 100%); border-radius: 2px 2px 0 0; transform-origin: bottom center; animation: copp-hammer 0.6s ease-in-out infinite alternate-reverse; }
.scn-coppersmith-bird .soundwave { position:absolute; bottom:47%; left:45%; width:30px; height:10px; background: radial-gradient(ellipse at center, rgba(218,165,32,0.4) 0%, transparent 100%); border-radius: 50%; filter: blur(2px); animation: copp-wave 1.2s ease-out infinite; }
.scn-coppersmith-bird .anvil { position:absolute; bottom:30%; left:48%; width:20px; height:10px; background: linear-gradient(180deg, #696969 0%, #404040 100%); border-radius: 10% 10% 20% 20%; }

@keyframes copp-bird { 0% { transform: scaleY(1) } 25% { transform: scaleY(0.9) } 50% { transform: scaleY(1) } 75% { transform: scaleY(0.9) } 100% { transform: scaleY(1) } }
@keyframes copp-head { 0% { transform: rotate(-5deg) } 25% { transform: rotate(0deg) } 50% { transform: rotate(5deg) } 75% { transform: rotate(0deg) } 100% { transform: rotate(-5deg) } }
@keyframes copp-hammer { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-8px) rotate(10deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes copp-wave { 0% { transform: scaleX(1); opacity:0.6 } 50% { transform: scaleX(1.5); opacity:0.2 } 100% { transform: scaleX(2); opacity:0 } }

/* Scene: girl-babies (gb) */
.scn-girl-babies {
  background: linear-gradient(180deg, #2a1a30 0%, #4a3040 40%, #3a1a28 100%),
              radial-gradient(ellipse at 30% 60%, #5a3a4a 0%, transparent 60%);
}
.scn-girl-babies .wall { position:absolute; inset:0; background: linear-gradient(180deg, #3a2030 0%, #2a1830 100%); }
.scn-girl-babies .window { position:absolute; top:5%; right:10%; width:80px; height:60px; background: radial-gradient(circle at 50% 30%, #8a6a5a 0%, #5a3a3a 70%); border-radius:10% 10% 4% 4%; border:6px solid #2a1a20; box-shadow: inset 0 0 20px rgba(255,200,150,0.3); animation: gb-glow 6s ease-in-out infinite alternate; }
.scn-girl-babies .crib { position:absolute; bottom:20%; left:50%; width:100px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius:20% 20% 8% 8%; box-shadow: 0 8px 16px rgba(0,0,0,0.6); animation: gb-rock 4s ease-in-out infinite; }
.scn-girl-babies .baby { position:absolute; bottom:22%; left:50%; width:30px; height:20px; transform:translateX(-15px); background: radial-gradient(ellipse at 50% 40%, #6a4a4a 0%, #3a2020 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation: gb-breath 3s ease-in-out infinite; }
.scn-girl-babies .figure { position:absolute; bottom:15%; left:20%; width:20px; height:50px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: gb-stand 5s ease-in-out infinite; }
.scn-girl-babies .lantern { position:absolute; top:30%; left:25%; width:8px; height:12px; background: radial-gradient(circle, #b08040 0%, #6a4a2a 70%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 20px 6px rgba(176,128,64,0.5); animation: gb-flicker 2s ease-in-out infinite alternate; }
.scn-girl-babies .bunting { position:absolute; top:12%; height:4px; width:30px; background: linear-gradient(90deg, #5a2a2a, #7a4a3a, #5a2a2a); border-radius:50%; filter: blur(1px); }
.scn-girl-babies .bunt-left { left:30%; animation: gb-sway 8s ease-in-out infinite; }
.scn-girl-babies .bunt-right { right:30%; animation: gb-sway 8s ease-in-out infinite reverse; }

@keyframes gb-glow { 0% { opacity:0.6; box-shadow:inset 0 0 15px rgba(255,200,150,0.2); } 50% { opacity:0.9; box-shadow:inset 0 0 30px rgba(255,200,150,0.5); } 100% { opacity:0.7; box-shadow:inset 0 0 20px rgba(255,200,150,0.3); } }
@keyframes gb-rock { 0% { transform:translateX(-50%) rotate(0deg); } 25% { transform:translateX(-50%) rotate(1deg); } 50% { transform:translateX(-50%) rotate(0deg); } 75% { transform:translateX(-50%) rotate(-1deg); } 100% { transform:translateX(-50%) rotate(0deg); } }
@keyframes gb-breath { 0% { transform:translateX(-15px) scaleY(1); } 50% { transform:translateX(-15px) scaleY(1.02); } 100% { transform:translateX(-15px) scaleY(1); } }
@keyframes gb-stand { 0% { transform:translateY(0) rotate(0deg); } 30% { transform:translateY(-2px) rotate(2deg); } 60% { transform:translateY(0) rotate(-1deg); } 100% { transform:translateY(0) rotate(0deg); } }
@keyframes gb-flicker { 0% { opacity:0.7; box-shadow:0 0 12px 3px #b08040; } 50% { opacity:1; box-shadow:0 0 30px 8px #d0a060; } 100% { opacity:0.8; box-shadow:0 0 16px 4px #b08040; } }
@keyframes gb-sway { 0% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(-4px) rotate(3deg); } 100% { transform:translateY(0) rotate(0deg); } }

/* Scene: sweeper-tyranny (st) */
.scn-sweeper-tyranny {
  background: linear-gradient(180deg, #e8d8b8 0%, #c8b090 50%, #a88870 100%),
              radial-gradient(ellipse at 70% 40%, #f0e0c0 0%, transparent 60%);
}
.scn-sweeper-tyranny .bg-shop { position:absolute; inset:0; background: linear-gradient(90deg, #c8b098 0%, #e0d0b8 40%, #c8b098 100%); }
.scn-sweeper-tyranny .counter { position:absolute; bottom:20%; left:20%; right:40%; height:30px; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-sweeper-tyranny .sweeper { position:absolute; bottom:15%; left:30%; width:28px; height:60px; background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%); border-radius:40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: st-strut 3s ease-in-out infinite; }
.scn-sweeper-tyranny .broom { position:absolute; bottom:20%; left:38%; width:4px; height:40px; background: #5a3a2a; transform:rotate(20deg); transform-origin: bottom; animation: st-sweep 4s ease-in-out infinite; }
.scn-sweeper-tyranny .broom::before { content:''; position:absolute; top:0; left:-4px; width:12px; height:10px; background: #8a5a3a; border-radius:40% 40% 0 0; }
.scn-sweeper-tyranny .householder { position:absolute; bottom:20%; right:20%; width:20px; height:50px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:50% 50% 20% 20% / 60% 60% 30% 30%; animation: st-cower 2s ease-in-out infinite alternate; }
.scn-sweeper-tyranny .curtain { position:absolute; top:5%; width:40px; height:70px; background: linear-gradient(180deg, #b08060 0%, #8a6040 100%); border-radius:10%; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.scn-sweeper-tyranny .cur-left { left:5%; animation: st-curtain 5s ease-in-out infinite; }
.scn-sweeper-tyranny .cur-right { right:5%; animation: st-curtain 5s ease-in-out infinite reverse; }

@keyframes st-strut { 0% { transform:rotate(-2deg) translateY(0); } 25% { transform:rotate(2deg) translateY(-3px); } 50% { transform:rotate(-1deg) translateY(0); } 75% { transform:rotate(1deg) translateY(-2px); } 100% { transform:rotate(-2deg) translateY(0); } }
@keyframes st-sweep { 0% { transform:rotate(20deg) translateX(0); } 50% { transform:rotate(30deg) translateX(5px); } 100% { transform:rotate(20deg) translateX(0); } }
@keyframes st-cower { 0% { transform:scaleY(1) translateY(0); } 100% { transform:scaleY(0.9) translateY(5px); } }
@keyframes st-curtain { 0% { transform:scaleY(1) translateX(0); } 50% { transform:scaleY(1.05) translateX(3px); } 100% { transform:scaleY(1) translateX(0); } }

/* Scene: london-sweeper (ls) */
.scn-london-sweeper {
  background: linear-gradient(180deg, #d8d0c0 0%, #b8a890 50%, #988878 100%),
              radial-gradient(ellipse at 40% 50%, #e0d8c8 0%, transparent 70%);
}
.scn-london-sweeper .facade { position:absolute; top:10%; left:10%; right:10%; bottom:30%; background: linear-gradient(180deg, #c8b898 0%, #a89878 100%); border-radius:4px; box-shadow:inset 0 -8px 12px rgba(0,0,0,0.2); }
.scn-london-sweeper .column { position:absolute; top:10%; width:16px; bottom:30%; background: linear-gradient(90deg, #b8a888 0%, #d8c8a8 40%, #b8a888 100%); border-radius:4px; box-shadow:0 4px 6px rgba(0,0,0,0.2); }
.scn-london-sweeper .col-left { left:25%; }
.scn-london-sweeper .col-right { right:25%; }
.scn-london-sweeper .awning { position:absolute; top:12%; left:15%; right:15%; height:20px; background: linear-gradient(180deg, #a07050 0%, #805030 100%); border-radius:4px 4px 0 0; }
.scn-london-sweeper .sweeper { position:absolute; bottom:20%; left:40%; width:30px; height:70px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:40% 40% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: ls-strut 3s ease-in-out infinite; }
.scn-london-sweeper .sweeper::after { content:''; position:absolute; top:-8px; left:0; width:30px; height:16px; background: #1a1a2a; border-radius:50% 50% 0 0; animation: ls-hat 3s ease-in-out infinite; } /* top hat */
.scn-london-sweeper .cane { position:absolute; bottom:22%; left:48%; width:4px; height:40px; background: #1a1a2a; transform:rotate(-15deg); transform-origin: bottom; animation: ls-cane 4s ease-in-out infinite; }
.scn-london-sweeper .brush { position:absolute; bottom:22%; left:35%; width:10px; height:14px; background: #6a4a3a; border-radius:20% 20% 10% 10%; transform:rotate(10deg); animation: ls-brush 5s ease-in-out infinite alternate; }
.scn-london-sweeper .lamp { position:absolute; top:15%; left:10%; width:8px; height:20px; background: #2a2a3a; border-radius:4px; }
.scn-london-sweeper .lamp::after { content:''; position:absolute; bottom:-6px; left:-4px; width:16px; height:12px; background: radial-gradient(circle, #e0c060 0%, #b08030 60%); border-radius:50%; box-shadow:0 0 20px 4px #c09040; animation: ls-lamp 2s ease-in-out infinite alternate; }

@keyframes ls-strut { 0% { transform:rotate(-3deg) scaleX(1); } 25% { transform:rotate(3deg) scaleX(0.95); } 50% { transform:rotate(-1deg) scaleX(1); } 75% { transform:rotate(2deg) scaleX(0.95); } 100% { transform:rotate(-3deg) scaleX(1); } }
@keyframes ls-hat { 0% { transform:rotate(0deg) translateY(0); } 50% { transform:rotate(5deg) translateY(-2px); } 100% { transform:rotate(0deg) translateY(0); } }
@keyframes ls-cane { 0% { transform:rotate(-15deg) translateX(0); } 50% { transform:rotate(-25deg) translateX(3px); } 100% { transform:rotate(-15deg) translateX(0); } }
@keyframes ls-brush { 0% { transform:rotate(10deg) translateY(0); } 100% { transform:rotate(10deg) translateY(-3px); } }
@keyframes ls-lamp { 0% { opacity:0.7; box-shadow:0 0 12px 2px #c09040; } 100% { opacity:1; box-shadow:0 0 30px 8px #d0a050; } }

/* Scene: great-river (gr) */
.scn-great-river {
  background: linear-gradient(180deg, #5a7a8a 0%, #7a9aaa 40%, #9abaca 100%),
              radial-gradient(ellipse at 50% 0%, #c0d8e0 0%, transparent 60%);
}
.scn-great-river .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #8ab0c0 0%, #5a7a8a 100%); }
.scn-great-river .sun { position:absolute; top:10%; left:60%; width:40px; height:40px; background: radial-gradient(circle, #f0d080 0%, #d0a050 60%, transparent 70%); border-radius:50%; box-shadow:0 0 40px 20px rgba(240,208,128,0.3); animation: gr-sun 15s ease-in-out infinite alternate; }
.scn-great-river .river { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #4a6a7a 0%, #2a4a5a 100%); }
.scn-great-river .sandbar { position:absolute; bottom:30%; left:10%; width:120px; height:20px; background: linear-gradient(180deg, #c8a878 0%, #a88858 100%); border-radius:40% 60% 20% 20% / 80% 70% 20% 20%; box-shadow:0 4px 8px rgba(0,0,0,0.2); animation: gr-sand 20s ease-in-out infinite; }
.scn-great-river .bridge { position:absolute; top:30%; left:5%; right:5%; height:10px; background: linear-gradient(90deg, #5a4a3a 0%, #7a6a5a 50%, #5a4a3a 100%); border-radius:20px; animation: gr-bridge 25s ease-in-out infinite alternate; }
.scn-great-river .bridge::after { content:''; position:absolute; top:-20px; left:10%; right:10%; height:4px; background: #4a3a2a; } /* railing */
.scn-great-river .train { position:absolute; top:28%; left:-10px; width:50px; height:12px; background: linear-gradient(90deg, #3a2a2a 0%, #5a4a4a 100%); border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.3); animation: gr-train 30s linear infinite; }
.scn-great-river .cloud { position:absolute; height:14px; background: rgba(255,255,255,0.4); border-radius:50%; filter: blur(4px); }
.scn-great-river .cloud-a { top:12%; left:20%; width:60px; animation: gr-drift-a 45s linear infinite; }
.scn-great-river .cloud-b { top:20%; right:10%; width:80px; animation: gr-drift-b 60s linear infinite reverse; }

@keyframes gr-sun { 0% { transform:translateY(0) scale(1); opacity:0.9; } 50% { transform:translateY(-6px) scale(1.05); opacity:1; } 100% { transform:translateY(0) scale(1); opacity:0.95; } }
@keyframes gr-sand { 0% { transform:translateX(0) scaleY(1); } 50% { transform:translateX(4px) scaleY(1.03); } 100% { transform:translateX(0) scaleY(1); } }
@keyframes gr-bridge { 0% { transform:translateY(0) scaleX(1); } 50% { transform:translateY(-2px) scaleX(1.01); } 100% { transform:translateY(0) scaleX(1); } }
@keyframes gr-train { 0% { left:-10px; } 100% { left:110%; } }
@keyframes gr-drift-a { 0% { transform:translateX(-30px); } 100% { transform:translateX(120vw); } }
@keyframes gr-drift-b { 0% { transform:translateX(0); } 100% { transform:translateX(-130vw); } }

.scn-dodge-scarce {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 40%, #3a2a1e 80%, #1a120a 100%),
              radial-gradient(ellipse at 30% 50%, #2a2a3e 0%, transparent 60%);
  overflow: hidden;
}
.scn-dodge-scarce .bg-wall {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 60%, #0e0e1a 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 20% 100%, 0 80%);
  animation: sc1-wall 20s ease-in-out infinite alternate;
}
.scn-dodge-scarce .bg-shadow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 70%, rgba(0,0,0,0.6) 20%, transparent 70%);
  animation: sc1-shadow 12s ease-in-out infinite alternate;
}
.scn-dodge-scarce .window {
  position: absolute;
  top: 10%;
  left: 70%;
  width: 120px;
  height: 160px;
  background: radial-gradient(ellipse at 50% 50%, #ffd680 0%, #b08040 60%, #5a3a1a 100%);
  border-radius: 4%;
  box-shadow: inset 0 0 40px 20px rgba(255,214,128,0.4), 0 0 80px 30px rgba(255,214,128,0.2);
  animation: sc1-window 8s ease-in-out infinite alternate;
}
.scn-dodge-scarce .lamp {
  position: absolute;
  bottom: 30%;
  left: 15%;
  width: 20px;
  height: 40px;
  background: radial-gradient(circle at 50% 60%, #ffd680 0%, #b08040 50%, #5a3a1a 100%);
  border-radius: 40% 40% 10% 10%;
  box-shadow: 0 0 60px 30px rgba(255,214,128,0.6), 0 0 120px 60px rgba(255,214,128,0.3);
  animation: sc1-lamp 4s ease-in-out infinite alternate;
}
.scn-dodge-scarce .table {
  position: absolute;
  bottom: 15%;
  left: 10%;
  width: 200px;
  height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 8px 16px rgba(0,0,0,0.8);
  transform: skewX(-5deg);
  animation: sc1-table 6s ease-in-out infinite alternate;
}
.scn-dodge-scarce .figure-captain {
  position: absolute;
  bottom: 18%;
  left: 20%;
  width: 60px;
  height: 120px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc1-captain 3s ease-in-out infinite;
}
.scn-dodge-scarce .figure-boy {
  position: absolute;
  bottom: 20%;
  left: 45%;
  width: 40px;
  height: 80px;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc1-boy 4s ease-in-out infinite;
}
.scn-dodge-scarce .papers {
  position: absolute;
  bottom: 17%;
  left: 12%;
  width: 40px;
  height: 50px;
  background: linear-gradient(180deg, #c8b88a 0%, #a8986a 100%);
  border-radius: 2%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  transform: rotate(-10deg);
  animation: sc1-papers 8s ease-in-out infinite alternate;
}

@keyframes sc1-wall {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.85; transform: scale(0.98); }
}
@keyframes sc1-shadow {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}
@keyframes sc1-window {
  0% { opacity: 0.8; transform: scale(1); box-shadow: inset 0 0 30px 15px rgba(255,214,128,0.3); }
  50% { opacity: 1; transform: scale(1.02); box-shadow: inset 0 0 50px 25px rgba(255,214,128,0.6); }
  100% { opacity: 0.9; transform: scale(0.98); box-shadow: inset 0 0 20px 10px rgba(255,214,128,0.4); }
}
@keyframes sc1-lamp {
  0% { transform: scaleY(1); opacity: 0.9; box-shadow: 0 0 40px 20px rgba(255,214,128,0.4); }
  50% { transform: scaleY(1.05); opacity: 1; box-shadow: 0 0 80px 40px rgba(255,214,128,0.8); }
  100% { transform: scaleY(0.95); opacity: 0.8; box-shadow: 0 0 30px 15px rgba(255,214,128,0.3); }
}
@keyframes sc1-table {
  0% { transform: skewX(-5deg) translateY(0); }
  50% { transform: skewX(-3deg) translateY(-2px); }
  100% { transform: skewX(-5deg) translateY(1px); }
}
@keyframes sc1-captain {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-2px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sc1-boy {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(-3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sc1-papers {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-3px); }
  100% { transform: rotate(-12deg) translateY(1px); }
}

.scn-boy-exhausted {
  background: linear-gradient(180deg, #d4c4a0 0%, #b8a080 40%, #8a6a4a 70%, #4a3a2a 100%),
              radial-gradient(ellipse at 50% 0%, #ffd080 0%, transparent 60%);
  overflow: hidden;
}
.scn-boy-exhausted .ground {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.6);
  animation: sc2-ground 15s ease-in-out infinite alternate;
}
.scn-boy-exhausted .sun {
  position: absolute;
  top: 5%;
  right: 10%;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, #ffd080 0%, #ffa040 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 120px 60px rgba(255,160,64,0.6), 0 0 200px 100px rgba(255,160,64,0.3);
  animation: sc2-sun 20s ease-in-out infinite alternate;
}
.scn-boy-exhausted .tree-shadow {
  position: absolute;
  bottom: 40%;
  left: 20%;
  width: 180px;
  height: 260px;
  background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, transparent 80%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  filter: blur(8px);
  animation: sc2-tree-shadow 30s linear infinite;
}
.scn-boy-exhausted .figure-boy {
  position: absolute;
  bottom: 20%;
  left: 35%;
  width: 50px;
  height: 80px;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(90deg) scaleX(0.6);
  transform-origin: 50% 100%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: sc2-boy 6s ease-in-out infinite;
}
.scn-boy-exhausted .dust-particles {
  position: absolute;
  bottom: 25%;
  left: 30%;
  width: 100%;
  height: 40px;
  background: radial-gradient(circle at 30% 50%, rgba(255,200,100,0.4) 0%, transparent 70%);
  filter: blur(4px);
  animation: sc2-dust 8s ease-in-out infinite alternate;
}

@keyframes sc2-ground {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(2px); }
}
@keyframes sc2-sun {
  0% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}
@keyframes sc2-tree-shadow {
  0% { transform: translateX(-10px) scale(1); }
  50% { transform: translateX(20px) scale(1.05); }
  100% { transform: translateX(-10px) scale(1); }
}
@keyframes sc2-boy {
  0% { transform: rotate(90deg) scaleX(0.6) translateY(0); }
  50% { transform: rotate(92deg) scaleX(0.65) translateY(-5px); }
  100% { transform: rotate(90deg) scaleX(0.6) translateY(0); }
}
@keyframes sc2-dust {
  0% { opacity: 0.3; transform: translateY(0); }
  50% { opacity: 0.7; transform: translateY(-10px); }
  100% { opacity: 0.2; transform: translateY(5px); }
}

.scn-cast-iron-regulations {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 50%, #3a2a1e 85%, #1a120a 100%),
              radial-gradient(ellipse at 70% 40%, #2a2a3e 0%, transparent 60%);
  overflow: hidden;
}
.scn-cast-iron-regulations .bg-wall {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 40%, #0e0e1a 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 30% 100%, 0 85%);
  animation: sc3-wall 18s ease-in-out infinite alternate;
}
.scn-cast-iron-regulations .desk {
  position: absolute;
  bottom: 10%;
  left: 20%;
  width: 280px;
  height: 40px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 10px 20px rgba(0,0,0,0.8);
  transform: skewX(-10deg);
  animation: sc3-desk 10s ease-in-out infinite alternate;
}
.scn-cast-iron-regulations .lamp {
  position: absolute;
  bottom: 25%;
  left: 25%;
  width: 24px;
  height: 50px;
  background: radial-gradient(circle at 50% 60%, #ffd680 0%, #b08040 50%, #5a3a1a 100%);
  border-radius: 40% 40% 10% 10%;
  box-shadow: 0 0 80px 40px rgba(255,214,128,0.6), 0 0 160px 80px rgba(255,214,128,0.3);
  animation: sc3-lamp 5s ease-in-out infinite alternate;
}
.scn-cast-iron-regulations .figure-captain {
  position: absolute;
  bottom: 15%;
  left: 50%;
  width: 70px;
  height: 140px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc3-captain 4s ease-in-out infinite;
}
.scn-cast-iron-regulations .papers {
  position: absolute;
  bottom: 12%;
  left: 25%;
  width: 50px;
  height: 60px;
  background: linear-gradient(180deg, #c8b88a 0%, #a8986a 100%);
  border-radius: 2%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  transform: rotate(-15deg);
  animation: sc3-papers 7s ease-in-out infinite alternate;
}
.scn-cast-iron-regulations .inkwell {
  position: absolute;
  bottom: 15%;
  left: 38%;
  width: 16px;
  height: 20px;
  background: radial-gradient(circle at 50% 20%, #2a2a3e 0%, #1a1a2e 100%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.6);
  animation: sc3-inkwell 9s ease-in-out infinite alternate;
}

@keyframes sc3-wall {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.01); }
  100% { opacity: 0.85; transform: scale(0.99); }
}
@keyframes sc3-desk {
  0% { transform: skewX(-10deg) translateY(0); }
  50% { transform: skewX(-8deg) translateY(-3px); }
  100% { transform: skewX(-10deg) translateY(1px); }
}
@keyframes sc3-lamp {
  0% { transform: scaleY(1); opacity: 0.9; box-shadow: 0 0 60px 30px rgba(255,214,128,0.4); }
  50% { transform: scaleY(1.06); opacity: 1; box-shadow: 0 0 100px 50px rgba(255,214,128,0.8); }
  100% { transform: scaleY(0.94); opacity: 0.8; box-shadow: 0 0 50px 25px rgba(255,214,128,0.3); }
}
@keyframes sc3-captain {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(4px) rotate(2deg); }
  50% { transform: translateX(-3px) rotate(-1deg); }
  75% { transform: translateX(2px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sc3-papers {
  0% { transform: rotate(-15deg) translateY(0); }
  50% { transform: rotate(-8deg) translateY(-5px); }
  100% { transform: rotate(-18deg) translateY(2px); }
}
@keyframes sc3-inkwell {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(1px); }
}

.scn-cruelty-legal {
  background: linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 50%, #3a2a1e 85%, #1a120a 100%),
              radial-gradient(ellipse at 50% 30%, #2a2a3e 0%, transparent 70%);
  overflow: hidden;
}
.scn-cruelty-legal .bg-panel {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 50%, #0e0e1a 100%);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 40% 100%, 0 75%);
  animation: sc4-panel 20s ease-in-out infinite alternate;
}
.scn-cruelty-legal .desk {
  position: absolute;
  bottom: 8%;
  left: 15%;
  width: 300px;
  height: 50px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 12px 24px rgba(0,0,0,0.8);
  transform: perspective(800px) rotateX(10deg);
  animation: sc4-desk 12s ease-in-out infinite alternate;
}
.scn-cruelty-legal .lamp {
  position: absolute;
  bottom: 20%;
  left: 20%;
  width: 28px;
  height: 55px;
  background: radial-gradient(circle at 50% 60%, #ffd680 0%, #b08040 50%, #5a3a1a 100%);
  border-radius: 40% 40% 10% 10%;
  box-shadow: 0 0 80px 40px rgba(255,214,128,0.6), 0 0 160px 80px rgba(255,214,128,0.3);
  animation: sc4-lamp 6s ease-in-out infinite alternate;
}
.scn-cruelty-legal .figure-official {
  position: absolute;
  bottom: 12%;
  left: 50%;
  width: 80px;
  height: 150px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc4-official 5s ease-in-out infinite;
}
.scn-cruelty-legal .papers {
  position: absolute;
  bottom: 10%;
  left: 22%;
  width: 60px;
  height: 70px;
  background: linear-gradient(180deg, #c8b88a 0%, #a8986a 100%);
  border-radius: 2%;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  transform: rotate(-8deg);
  animation: sc4-papers 8s ease-in-out infinite alternate;
}
.scn-cruelty-legal .hand-writng {
  position: absolute;
  bottom: 12%;
  left: 28%;
  width: 20px;
  height: 30px;
  background: linear-gradient(180deg, #c8a070 0%, #a08050 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(20deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: sc4-hand 3s ease-in-out infinite alternate;
}
.scn-cruelty-legal .chain {
  position: absolute;
  bottom: 15%;
  left: 65%;
  width: 40px;
  height: 80px;
  background: repeating-linear-gradient(180deg, #6a5a4a 0px, #6a5a4a 8px, #5a4a3a 8px, #5a4a3a 16px);
  border-radius: 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.6);
  animation: sc4-chain 15s linear infinite;
}

@keyframes sc4-panel {
  0% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.01); }
  100% { opacity: 0.85; transform: scale(0.99); }
}
@keyframes sc4-desk {
  0% { transform: perspective(800px) rotateX(10deg) translateY(0); }
  50% { transform: perspective(800px) rotateX(12deg) translateY(-3px); }
  100% { transform: perspective(800px) rotateX(8deg) translateY(1px); }
}
@keyframes sc4-lamp {
  0% { transform: scaleY(1); opacity: 0.9; box-shadow: 0 0 60px 30px rgba(255,214,128,0.4); }
  50% { transform: scaleY(1.05); opacity: 1; box-shadow: 0 0 100px 50px rgba(255,214,128,0.8); }
  100% { transform: scaleY(0.95); opacity: 0.8; box-shadow: 0 0 40px 20px rgba(255,214,128,0.3); }
}
@keyframes sc4-official {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(5px) rotate(2deg); }
  50% { transform: translateX(-4px) rotate(-1deg); }
  75% { transform: translateX(3px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sc4-papers {
  0% { transform: rotate(-8deg) translateY(0); }
  50% { transform: rotate(-3deg) translateY(-5px); }
  100% { transform: rotate(-12deg) translateY(2px); }
}
@keyframes sc4-hand {
  0% { transform: rotate(20deg) translateY(0); }
  50% { transform: rotate(22deg) translateY(-4px); }
  100% { transform: rotate(18deg) translateY(1px); }
}
@keyframes sc4-chain {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(3deg); }
  100% { transform: translateY(0) rotate(-3deg); }
}

.scn-big-lie {
  background:
    linear-gradient(180deg, #fef3d9 0%, #fce4b8 40%, #f0cca0 100%),
    radial-gradient(ellipse at 50% 0%, #ffeab0 0%, transparent 60%);
}
.scn-big-lie .room-bg {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 120%, #e8d4a0 0%, transparent 70%);
  animation: bl-room 20s ease-in-out infinite alternate;
}
.scn-big-lie .gem-mountain {
  position: absolute; bottom: 5%; left: 50%; width: 160px; height: 280px;
  transform: translateX(-50%);
  background:
    linear-gradient(135deg, #ffd480 0%, #c08030 40%, #ffd480 55%, #a06020 80%, #ffc060 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: 0 20px 40px rgba(160, 96, 32, 0.4), inset 0 0 60px rgba(255, 212, 128, 0.3);
  animation: bl-mountain 4s ease-in-out infinite;
}
.scn-big-lie .gem-glint {
  position: absolute; width: 8px; height: 8px;
  background: radial-gradient(circle, #fff8e0 0%, #ffd480 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 6px rgba(255, 212, 128, 0.6);
  animation: bl-glint 2s ease-in-out infinite alternate;
}
.scn-big-lie .glint-a { top: 18%; left: 42%; animation-delay: 0s; }
.scn-big-lie .glint-b { top: 35%; right: 38%; animation-delay: 0.7s; }
.scn-big-lie .tiny-reader {
  position: absolute; bottom: 10%; left: 30%; width: 14px; height: 26px;
  background: linear-gradient(180deg, #8a7a60 0%, #4a3a2a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: bl-reader 3s ease-in-out infinite;
}
.scn-big-lie .numeral-1 {
  position: absolute; top: 30%; right: 12%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #d4a050 0%, #a07030 100%);
  border-radius: 10% 10% 40% 40% / 20% 20% 40% 40%;
  transform: rotate(5deg);
  animation: bl-num 5s ease-in-out infinite;
}
.scn-big-lie .numeral-2 {
  position: absolute; top: 45%; right: 20%; width: 16px; height: 36px;
  background: linear-gradient(180deg, #c09040 0%, #906020 100%);
  border-radius: 10% 10% 40% 40% / 20% 20% 40% 40%;
  transform: rotate(-8deg);
  animation: bl-num 5s ease-in-out infinite 1s;
}
.scn-big-lie .numeral-3 {
  position: absolute; top: 38%; right: 6%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #b08030 0%, #805020 100%);
  border-radius: 10% 10% 40% 40% / 20% 20% 40% 40%;
  transform: rotate(12deg);
  animation: bl-num 5s ease-in-out infinite 2s;
}
@keyframes bl-room { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes bl-mountain { 0% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.03) translateY(-4px) } 100% { transform: translateX(-50%) scale(0.98) } }
@keyframes bl-glint { 0% { transform: scale(1); opacity: 0.6 } 50% { transform: scale(1.8); opacity: 1 } 100% { transform: scale(0.8); opacity: 0.4 } }
@keyframes bl-reader { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) rotate(2deg) } 100% { transform: translateX(16px) rotate(0) } }
@keyframes bl-num { 0% { transform: rotate(0deg) translateY(0) } 50% { transform: rotate(10deg) translateY(-6px) } 100% { transform: rotate(-5deg) translateY(2px) } }

.scn-niagara-lesson {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #ead8b0 40%, #dcc8a0 100%),
    radial-gradient(ellipse at 50% 100%, #d4b880 0%, transparent 70%);
}
.scn-niagara-lesson .study-wall {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #e8d4b0 0%, #f0dcbc 50%, #dcc8a0 100%);
  animation: nl-wall 25s ease-in-out infinite alternate;
}
.scn-niagara-lesson .frame-1,
.scn-niagara-lesson .frame-2,
.scn-niagara-lesson .frame-3 {
  position: absolute; top: 8%; width: 100px; height: 140px;
  background: linear-gradient(180deg, #b89878 0%, #8a7050 100%);
  border: 6px solid #705840;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px #a08868, 0 6px 12px rgba(0,0,0,0.2);
}
.scn-niagara-lesson .frame-1 { left: 5%; animation: nl-frame 12s ease-in-out infinite; }
.scn-niagara-lesson .frame-2 { left: 35%; animation: nl-frame 12s ease-in-out infinite 4s; }
.scn-niagara-lesson .frame-3 { right: 5%; animation: nl-frame 12s ease-in-out infinite 8s; }
.scn-niagara-lesson .waterfall {
  position: absolute; top: 12%; left: 50%; width: 60px; height: 100px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #b0d4e8 0%, #d0eaf4 40%, #a0c0d8 80%, #e0f0f8 100%);
  border-radius: 0 0 30% 30% / 0 0 50% 50%;
  box-shadow: 0 8px 20px rgba(120, 180, 200, 0.4);
  animation: nl-waterfall 3s ease-in-out infinite;
}
.scn-niagara-lesson .figure-tiny {
  position: absolute; bottom: 12%; left: 28%; width: 12px; height: 22px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  animation: nl-figure 4s ease-in-out infinite;
}
.scn-niagara-lesson .number-fifteen {
  position: absolute; top: 20%; right: 25%; width: 30px; height: 44px;
  background: linear-gradient(135deg, #c0a070 0%, #907050 50%, #b89868 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%;
  transform: rotate(8deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  animation: nl-fifteen 6s ease-in-out infinite;
}
@keyframes nl-wall { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes nl-frame { 0% { transform: scale(1) rotate(0deg) } 50% { transform: scale(1.05) rotate(1deg) } 100% { transform: scale(0.95) rotate(-1deg) } }
@keyframes nl-waterfall { 0% { transform: translateX(-50%) scaleY(1); opacity: 0.8 } 50% { transform: translateX(-50%) scaleY(1.08); opacity: 1 } 100% { transform: translateX(-50%) scaleY(0.92); opacity: 0.7 } }
@keyframes nl-figure { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3px) rotate(2deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(3px) rotate(1deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes nl-fifteen { 0% { transform: rotate(8deg) translateY(0) } 50% { transform: rotate(-4deg) translateY(-8px) } 100% { transform: rotate(12deg) translateY(4px) } }

.scn-ice-storm-memory {
  background:
    linear-gradient(180deg, #4a3548 0%, #6a4a5a 35%, #8a6a7a 70%, #a08080 100%),
    radial-gradient(ellipse at 70% 20%, #b09090 0%, transparent 50%);
}
.scn-ice-storm-memory .room-interior {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #6a5060 0%, #4a3848 100%);
  animation: ism-room 30s ease-in-out infinite alternate;
}
.scn-ice-storm-memory .window-frame {
  position: absolute; top: 8%; left: 35%; width: 120px; height: 180px;
  background: linear-gradient(180deg, #604848 0%, #382828 100%);
  border: 8px solid #403030;
  border-radius: 4px;
  box-shadow: inset 0 0 0 3px #504040, 0 8px 16px rgba(0,0,0,0.5);
}
.scn-ice-storm-memory .frosted-pane {
  position: absolute; top: 12%; left: 37%; width: 104px; height: 164px;
  background: linear-gradient(180deg, #b0c8d8 0%, #d8e8f0 30%, #c0d0e0 70%, #a8b8c8 100%);
  border-radius: 2px;
  opacity: 0.7;
  animation: ism-frost 8s ease-in-out infinite alternate;
}
.scn-ice-storm-memory .ice-tree {
  position: absolute; top: 15%; left: 40%; width: 80px; height: 120px;
  background: linear-gradient(135deg, #d0e8f0 0%, #a0c8d8 50%, #80b0c0 100%);
  clip-path: polygon(40% 0%, 60% 0%, 70% 30%, 90% 20%, 80% 50%, 100% 45%, 85% 70%, 95% 85%, 70% 80%, 50% 100%, 40% 80%, 20% 85%, 15% 70%, 0% 50%, 10% 45%, 5% 25%);
  border-radius: 10% 10% 20% 20% / 30% 30% 20% 20%;
  box-shadow: 0 0 20px rgba(200, 230, 240, 0.3);
  animation: ism-tree 12s ease-in-out infinite alternate;
}
.scn-ice-storm-memory .taj-ghost {
  position: absolute; top: 30%; left: 44%; width: 50px; height: 70px;
  background: linear-gradient(180deg, rgba(200, 220, 240, 0.4) 0%, rgba(160, 180, 200, 0.2) 100%);
  clip-path: polygon(10% 100%, 30% 40%, 50% 10%, 70% 40%, 90% 100%);
  border-radius: 0;
  filter: blur(3px);
  animation: ism-taj 15s ease-in-out infinite;
}
.scn-ice-storm-memory .fire-glow {
  position: absolute; bottom: 10%; left: 15%; width: 60px; height: 40px;
  background: radial-gradient(ellipse 60% 50% at 50% 100%, #ff8040 0%, #ff6020 40%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(255, 128, 64, 0.4);
  animation: ism-fire 3s ease-in-out infinite alternate;
}
.scn-ice-storm-memory .vapor {
  position: absolute; top: 70%; left: 20%; width: 50px; height: 30px;
  background: linear-gradient(180deg, rgba(200, 200, 220, 0.3) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: ism-vapor 18s ease-in-out infinite;
}
@keyframes ism-room { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes ism-frost { 0% { opacity: 0.5; transform: scale(1) } 50% { opacity: 0.8; transform: scale(1.02) } 100% { opacity: 0.6; transform: scale(0.98) } }
@keyframes ism-tree { 0% { transform: rotate(-2deg) scale(1); opacity: 0.6 } 50% { transform: rotate(1deg) scale(1.05); opacity: 0.9 } 100% { transform: rotate(-1deg) scale(0.95); opacity: 0.7 } }
@keyframes ism-taj { 0% { transform: translateY(0) scale(1); opacity: 0.2 } 50% { transform: translateY(-6px) scale(1.08); opacity: 0.5 } 100% { transform: translateY(3px) scale(0.92); opacity: 0.25 } }
@keyframes ism-fire { 0% { transform: scale(1); opacity: 0.7 } 50% { transform: scale(1.1); opacity: 1 } 100% { transform: scale(0.9); opacity: 0.8 } }
@keyframes ism-vapor { 0% { transform: translateX(0) translateY(0); opacity: 0.3 } 50% { transform: translateX(10px) translateY(-5px); opacity: 0.6 } 100% { transform: translateX(-5px) translateY(2px); opacity: 0.2 } }

.scn-ice-storm-glory {
  background:
    linear-gradient(180deg, #f8c8a0 0%, #f0a880 20%, #d89070 40%, #b07860 60%, #906050 80%, #705050 100%),
    radial-gradient(ellipse at 80% 100%, #e0a080 0%, transparent 50%);
}
.scn-ice-storm-glory .dawn-sky {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #f8d0b0 0%, #e8b898 30%, #d8a080 60%, #c89070 100%);
  animation: isg-sky 35s ease-in-out infinite alternate;
}
.scn-ice-storm-glory .window-sill {
  position: absolute; bottom: 20%; left: 30%; width: 160px; height: 20px;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.3);
}
.scn-ice-storm-glory .branch-1,
.scn-ice-storm-glory .branch-2 {
  position: absolute; bottom: 40%; width: 90px; height: 100px;
  background: linear-gradient(135deg, #d0e8f0 0%, #b0d0e0 50%, #a0b8c8 100%);
  border-radius: 40% 60% 50% 30% / 50% 40% 60% 50%;
  box-shadow: 0 0 20px rgba(180, 220, 240, 0.3);
}
.scn-ice-storm-glory .branch-1 { left: 22%; transform: rotate(-15deg); animation: isg-branch 10s ease-in-out infinite; }
.scn-ice-storm-glory .branch-2 { right: 22%; transform: rotate(10deg); animation: isg-branch 10s ease-in-out infinite 5s; }
.scn-ice-storm-glory .icicle-comb {
  position: absolute; top: 25%; left: 38%; width: 70px; height: 120px;
  background: linear-gradient(180deg, #d8ecf4 0%, #c0dce8 30%, #a0c0d0 60%, #80a8b8 100%);
  clip-path: polygon(10% 0%, 30% 0%, 25% 40%, 40% 20%, 35% 60%, 50% 30%, 45% 80%, 60% 40%, 55% 90%, 70% 50%, 65% 100%, 80% 60%, 100% 80%, 90% 30%, 100% 0%, 0% 100%);
  border-radius: 10% 10% 0 0 / 20% 20% 0 0;
  opacity: 0.8;
  animation: isg-icicle 4s ease-in-out infinite alternate;
}
.scn-ice-storm-glory .interior-light {
  position: absolute; bottom: 25%; left: 35%; width: 80px; height: 80px;
  background: radial-gradient(ellipse at 50% 50%, #ffcc80 0%, #ffa050 30%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(255, 160, 80, 0.5);
  animation: isg-light 3s ease-in-out infinite alternate;
}
.scn-ice-storm-glory .sleeping-figure {
  position: absolute; bottom: 28%; left: 44%; width: 40px; height: 24px;
  background: linear-gradient(180deg, #705848 0%, #503828 100%);
  border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: isg-sleep 6s ease-in-out infinite;
}
@keyframes isg-sky { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes isg-branch { 0% { transform: rotate(-15deg) scale(1); opacity: 0.6 } 50% { transform: rotate(-12deg) scale(1.04); opacity: 0.9 } 100% { transform: rotate(-18deg) scale(0.96); opacity: 0.7 } }
@keyframes isg-icicle { 0% { transform: scaleY(1); opacity: 0.6 } 50% { transform: scaleY(1.06); opacity: 0.9 } 100% { transform: scaleY(0.94); opacity: 0.7 } }
@keyframes isg-light { 0% { transform: scale(1); opacity: 0.6 } 50% { transform: scale(1.12); opacity: 0.9 } 100% { transform: scale(0.92); opacity: 0.7 } }
@keyframes isg-sleep { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-2px) scale(1.02) } 100% { transform: translateY(1px) scale(0.98) } }

.scn-latter-prophet {
  background: linear-gradient(135deg, #1a1010 0%, #2a1515 40%, #1a0a0a 100%), radial-gradient(ellipse at 60% 70%, #3a2010 0%, transparent 70%);
}
.scn-latter-prophet .interior-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1e1414 0%, #0e0808 100%);
  animation: lp-wall 20s ease-in-out infinite alternate;
}
.scn-latter-prophet .desk {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 45%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1e120a 100%);
  border-radius: 12% 12% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.6);
}
.scn-latter-prophet .figure {
  position: absolute; bottom: 32%; left: 25%; width: 60px; height: 90px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0e0808 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center; animation: lp-write 4s ease-in-out infinite;
}
.scn-latter-prophet .lamp {
  position: absolute; bottom: 40%; left: 60%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #b08040 0%, #5a3010 100%);
  border-radius: 20% 20% 40% 40%; box-shadow: 0 0 30px 10px #c09050, 0 0 60px 20px rgba(192,144,80,.3);
  animation: lp-lamp 3s ease-in-out infinite alternate;
}
.scn-latter-prophet .paper1 {
  position: absolute; bottom: 20%; left: 20%; width: 80px; height: 100px;
  background: linear-gradient(135deg, #f0e8d0 0%, #c8b898 100%);
  border-radius: 4%; transform: rotate(-10deg); box-shadow: 2px 2px 8px rgba(0,0,0,.4);
  animation: lp-paper1 6s ease-in-out infinite;
}
.scn-latter-prophet .paper2 {
  position: absolute; bottom: 18%; left: 50%; width: 70px; height: 90px;
  background: linear-gradient(135deg, #e8dcc8 0%, #b8a888 100%);
  border-radius: 4%; transform: rotate(8deg); box-shadow: 2px 2px 8px rgba(0,0,0,.4);
  animation: lp-paper2 7s ease-in-out infinite 1s;
}
@keyframes lp-wall {
  0% { background: linear-gradient(180deg, #1e1414 0%, #0e0808 100%); }
  50% { background: linear-gradient(180deg, #2e1a1a 0%, #120808 100%); }
  100% { background: linear-gradient(180deg, #1e1414 0%, #0e0808 100%); }
}
@keyframes lp-write {
  0% { transform: translate(0, 0) rotate(-2deg); }
  25% { transform: translate(4px, -2px) rotate(0deg); }
  50% { transform: translate(8px, 0) rotate(2deg); }
  75% { transform: translate(4px, -1px) rotate(0deg); }
  100% { transform: translate(0, 0) rotate(-2deg); }
}
@keyframes lp-lamp {
  0% { box-shadow: 0 0 20px 8px #c09050, 0 0 40px 15px rgba(192,144,80,.3); }
  50% { box-shadow: 0 0 40px 20px #e0b070, 0 0 80px 30px rgba(224,176,112,.5); }
  100% { box-shadow: 0 0 25px 10px #c09050, 0 0 50px 18px rgba(192,144,80,.35); }
}
@keyframes lp-paper1 {
  0% { transform: rotate(-10deg) translate(0, 0); }
  50% { transform: rotate(-7deg) translate(2px, -3px); }
  100% { transform: rotate(-10deg) translate(0, 0); }
}
@keyframes lp-paper2 {
  0% { transform: rotate(8deg) translate(0, 0); }
  50% { transform: rotate(11deg) translate(-3px, 2px); }
  100% { transform: rotate(8deg) translate(0, 0); }
}

.scn-grays-indictment {
  background: linear-gradient(160deg, #1c1210 0%, #2a1a14 40%, #0e0806 100%), radial-gradient(ellipse at 30% 80%, #3a2012 0%, transparent 70%);
}
.scn-grays-indictment .bg-close {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1c1410 0%, #0e0a08 100%);
  animation: gi-bg 30s ease-in-out infinite alternate;
}
.scn-grays-indictment .document {
  position: absolute; bottom: 25%; left: 15%; right: 15%; top: 35%;
  background: linear-gradient(160deg, #e8dcc4 0%, #b8a888 100%);
  border-radius: 4% 4% 2% 2%; box-shadow: 0 4px 20px rgba(0,0,0,.5);
  transform: rotate(-3deg) scale(0.95); animation: gi-document 8s ease-in-out infinite;
}
.scn-grays-indictment .hand {
  position: absolute; bottom: 30%; left: 20%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a10 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: top left; animation: gi-hand 4s ease-in-out infinite;
}
.scn-grays-indictment .inkwell {
  position: absolute; bottom: 30%; right: 25%; width: 24px; height: 28px;
  background: linear-gradient(180deg, #1a0e08 0%, #0a0402 100%);
  border-radius: 50% 50% 40% 40%; box-shadow: 0 0 12px 4px #5a3a2a;
  animation: gi-ink 5s ease-in-out infinite;
}
.scn-grays-indictment .pen {
  position: absolute; bottom: 35%; right: 28%; width: 8px; height: 40px;
  background: linear-gradient(180deg, #8a6a3a 0%, #3a2a12 100%);
  border-radius: 4px; transform: rotate(-30deg);
  transform-origin: bottom center; animation: gi-pen 4s ease-in-out infinite 0.5s;
}
.scn-grays-indictment .shadow {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  border-radius: 30% 30% 0 0; filter: blur(4px);
}
@keyframes gi-bg {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes gi-document {
  0% { transform: rotate(-3deg) scale(0.95); }
  50% { transform: rotate(-1deg) scale(1); }
  100% { transform: rotate(-3deg) scale(0.95); }
}
@keyframes gi-hand {
  0% { transform: translate(0, 0) rotate(-5deg); }
  25% { transform: translate(5px, -3px) rotate(2deg); }
  50% { transform: translate(10px, 0) rotate(8deg); }
  75% { transform: translate(5px, -2px) rotate(2deg); }
  100% { transform: translate(0, 0) rotate(-5deg); }
}
@keyframes gi-ink {
  0% { box-shadow: 0 0 8px 2px #5a3a2a; }
  50% { box-shadow: 0 0 16px 6px #7a4a3a; }
  100% { box-shadow: 0 0 8px 2px #5a3a2a; }
}
@keyframes gi-pen {
  0% { transform: rotate(-30deg) translate(0, 0); }
  25% { transform: rotate(-20deg) translate(2px, -4px); }
  50% { transform: rotate(-10deg) translate(4px, 0); }
  75% { transform: rotate(-20deg) translate(2px, -3px); }
  100% { transform: rotate(-30deg) translate(0, 0); }
}

.scn-indictment-continued {
  background: linear-gradient(180deg, #1a0e0a 0%, #2e1810 50%, #120804 100%), radial-gradient(ellipse at 50% 80%, #3a1a08 0%, transparent 60%);
}
.scn-indictment-continued .desk-top {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #3a2a18 0%, #1e1208 100%);
  border-radius: 20% 20% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.6);
  animation: ic-desk 15s ease-in-out infinite alternate;
}
.scn-indictment-continued .candle {
  position: absolute; bottom: 40%; left: 50%; width: 16px; height: 40px;
  background: linear-gradient(180deg, #e8d8b0 0%, #a08050 100%);
  border-radius: 20% 20% 30% 30%; transform: translateX(-50%);
  box-shadow: 0 0 20px 8px #c09050, 0 0 40px 16px rgba(192,144,80,.4);
  animation: ic-candle 3s ease-in-out infinite alternate;
}
.scn-indictment-continued .cup {
  position: absolute; bottom: 35%; left: 30%; width: 30px; height: 22px;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a10 100%);
  border-radius: 0 0 30% 30%; transform: rotate(-10deg);
  box-shadow: inset 0 -2px 6px rgba(0,0,0,.5);
}
.scn-indictment-continued .paper1 {
  position: absolute; bottom: 30%; left: 20%; width: 90px; height: 70px;
  background: linear-gradient(135deg, #e8dcc4 0%, #c8b898 100%);
  border-radius: 4%; transform: rotate(5deg); box-shadow: 2px 2px 10px rgba(0,0,0,.4);
  animation: ic-paper1 9s ease-in-out infinite;
}
.scn-indictment-continued .paper2 {
  position: absolute; bottom: 35%; left: 60%; width: 80px; height: 60px;
  background: linear-gradient(135deg, #d8ccb4 0%, #b8a888 100%);
  border-radius: 4%; transform: rotate(-8deg); box-shadow: 2px 2px 10px rgba(0,0,0,.4);
  animation: ic-paper2 11s ease-in-out infinite 2s;
}
.scn-indictment-continued .paper3 {
  position: absolute; bottom: 28%; left: 40%; width: 70px; height: 50px;
  background: linear-gradient(135deg, #e0d4bc 0%, #c0b098 100%);
  border-radius: 4%; transform: rotate(12deg); box-shadow: 2px 2px 10px rgba(0,0,0,.4);
  animation: ic-paper3 8s ease-in-out infinite 4s;
}
.scn-indictment-continued .glow-candle {
  position: absolute; bottom: 55%; left: 50%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(255,200,100,0.6) 0%, rgba(255,200,100,0) 70%);
  transform: translateX(-50%); pointer-events: none;
  animation: ic-glow 3s ease-in-out infinite alternate;
}
@keyframes ic-desk {
  0% { box-shadow: inset 0 10px 30px rgba(0,0,0,.6); }
  50% { box-shadow: inset 0 15px 40px rgba(0,0,0,.8); }
  100% { box-shadow: inset 0 10px 30px rgba(0,0,0,.6); }
}
@keyframes ic-candle {
  0% { box-shadow: 0 0 15px 6px #c09050, 0 0 30px 12px rgba(192,144,80,.3); }
  50% { box-shadow: 0 0 25px 12px #e0b070, 0 0 50px 20px rgba(224,176,112,.5); }
  100% { box-shadow: 0 0 18px 8px #c09050, 0 0 35px 14px rgba(192,144,80,.35); }
}
@keyframes ic-paper1 {
  0% { transform: rotate(5deg) translate(0, 0); }
  50% { transform: rotate(8deg) translate(3px, -2px); }
  100% { transform: rotate(5deg) translate(0, 0); }
}
@keyframes ic-paper2 {
  0% { transform: rotate(-8deg) translate(0, 0); }
  50% { transform: rotate(-5deg) translate(-2px, 3px); }
  100% { transform: rotate(-8deg) translate(0, 0); }
}
@keyframes ic-paper3 {
  0% { transform: rotate(12deg) scale(1); }
  50% { transform: rotate(15deg) scale(1.02); }
  100% { transform: rotate(12deg) scale(1); }
}
@keyframes ic-glow {
  0% { opacity: 0.7; transform: translateX(-50%) scale(0.9); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
  100% { opacity: 0.8; transform: translateX(-50%) scale(1); }
}

.scn-indictment-concluded {
  background: linear-gradient(180deg, #1a0e0a 0%, #2e1a12 40%, #120804 100%), radial-gradient(ellipse at 40% 60%, #3a1a08 0%, transparent 70%);
}
.scn-indictment-concluded .room-bg {
  position: absolute; inset: 0; background: linear-gradient(135deg, #1c1410 0%, #0e0806 100%);
  animation: ix-room 25s ease-in-out infinite alternate;
}
.scn-indictment-concluded .window-bright {
  position: absolute; top: 10%; left: 60%; width: 120px; height: 150px;
  background: radial-gradient(ellipse at 50% 50%, #f0e8d0 0%, #c0b090 60%, #5a4a3a 100%);
  border-radius: 10% 10% 5% 5%; box-shadow: 0 0 60px 30px #b0a080, 0 0 120px 40px rgba(176,160,128,.3);
  animation: ix-window 6s ease-in-out infinite alternate;
}
.scn-indictment-concluded .figure {
  position: absolute; bottom: 25%; left: 20%; width: 50px; height: 110px;
  background: linear-gradient(180deg, #1a1010 0%, #0a0404 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: ix-figure 8s ease-in-out infinite;
}
.scn-indictment-concluded .document {
  position: absolute; bottom: 45%; left: 22%; width: 60px; height: 80px;
  background: linear-gradient(160deg, #e8dcc4 0%, #b8a888 100%);
  border-radius: 4%; transform: rotate(-5deg); box-shadow: 2px 2px 12px rgba(0,0,0,.5);
  animation: ix-doc 8s ease-in-out infinite;
}
.scn-indictment-concluded .lamp {
  position: absolute; bottom: 30%; right: 20%; width: 18px; height: 30px;
  background: linear-gradient(180deg, #b08040 0%, #5a3010 100%);
  border-radius: 20% 20% 40% 40%; box-shadow: 0 0 20px 6px #c09050, 0 0 40px 12px rgba(192,144,80,.4);
  animation: ix-lamp 4s ease-in-out infinite alternate;
}
.scn-indictment-concluded .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #2a1a10 0%, #1a0e06 100%);
  border-radius: 30% 30% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.6);
}
.scn-indictment-concluded .light-rays {
  position: absolute; top: 10%; left: 60%; width: 120px; height: 150px;
  background: linear-gradient(135deg, rgba(240,232,208,0.15) 0%, rgba(240,232,208,0) 70%);
  filter: blur(12px); animation: ix-rays 8s ease-in-out infinite alternate;
}
@keyframes ix-room {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes ix-window {
  0% { box-shadow: 0 0 40px 20px #b0a080, 0 0 80px 30px rgba(176,160,128,.2); }
  50% { box-shadow: 0 0 70px 40px #d0c0a0, 0 0 140px 50px rgba(208,192,160,.35); }
  100% { box-shadow: 0 0 50px 25px #b0a080, 0 0 100px 40px rgba(176,160,128,.25); }
}
@keyframes ix-figure {
  0% { transform: translate(0, 0) rotate(-2deg); }
  25% { transform: translate(3px, -2px) rotate(1deg); }
  50% { transform: translate(6px, 0) rotate(3deg); }
  75% { transform: translate(3px, -1px) rotate(1deg); }
  100% { transform: translate(0, 0) rotate(-2deg); }
}
@keyframes ix-doc {
  0% { transform: rotate(-5deg) scale(1); }
  50% { transform: rotate(-2deg) scale(1.03); }
  100% { transform: rotate(-5deg) scale(1); }
}
@keyframes ix-lamp {
  0% { box-shadow: 0 0 12px 4px #c09050, 0 0 24px 8px rgba(192,144,80,.3); }
  50% { box-shadow: 0 0 24px 12px #e0b070, 0 0 48px 20px rgba(224,176,112,.5); }
  100% { box-shadow: 0 0 16px 6px #c09050, 0 0 32px 10px rgba(192,144,80,.35); }
}
@keyframes ix-rays {
  0% { opacity: 0.3; transform: scale(1) rotate(0deg); }
  50% { opacity: 0.6; transform: scale(1.2) rotate(-3deg); }
  100% { opacity: 0.4; transform: scale(1) rotate(0deg); }
}

/* cawnpore-memorial */
.scn-cawnpore-memorial {
  background: linear-gradient(180deg, #3a2a1a 0%, #5a3a1a 40%, #7a5a2a 70%, #9a7a3a 100%),
              radial-gradient(ellipse at 70% 20%, #d0a040 0%, transparent 50%);
}
.scn-cawnpore-memorial .sky { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #4a3a1a 0%, transparent 100%); animation: caw-sky 20s ease-in-out infinite alternate; }
.scn-cawnpore-memorial .sun { position: absolute; top: 8%; left: 30%; width: 60px; height: 60px; background: radial-gradient(circle, #f0c060 0%, #d0a030 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 20px rgba(240,192,96,0.4); animation: caw-sun 15s ease-in-out infinite alternate; }
.scn-cawnpore-memorial .river { position: absolute; bottom: 20%; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #5a4a2a 0%, #3a2a1a 100%); border-radius: 30% 70% 0 0 / 50% 80% 0 0; box-shadow: inset 0 4px 10px rgba(0,0,0,0.3); animation: caw-river 8s ease-in-out infinite; }
.scn-cawnpore-memorial .temple { position: absolute; bottom: 35%; left: 15%; width: 50px; height: 80px; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); transform: skewY(-2deg); animation: caw-temple 12s ease-in-out infinite; }
.scn-cawnpore-memorial .bird { position: absolute; bottom: 55%; left: 60%; width: 30px; height: 12px; background: linear-gradient(90deg, #1a1a1a 0%, #2a2a2a 100%); border-radius: 50% 50% 0 0; box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: caw-bird 18s ease-in-out infinite; }
.scn-cawnpore-memorial .ground { position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%); border-radius: 20% 40% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.4); animation: caw-ground 6s ease-in-out infinite alternate; }
.scn-cawnpore-memorial .stone { position: absolute; bottom: 18%; left: 45%; width: 20px; height: 30px; background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%); border-radius: 10% 10% 30% 30%; box-shadow: 0 2px 6px rgba(0,0,0,0.5); animation: caw-stone 14s ease-in-out infinite; }

@keyframes caw-sky { 0% { opacity:0.7 } 50% { opacity:0.9 } 100% { opacity:0.8 } }
@keyframes caw-sun { 0% { transform: translateX(0) scale(1); box-shadow: 0 0 30px 15px rgba(240,192,96,0.3); } 50% { transform: translateX(20px) scale(1.1); box-shadow: 0 0 60px 30px rgba(240,192,96,0.5); } 100% { transform: translateX(-10px) scale(0.95); box-shadow: 0 0 40px 20px rgba(240,192,96,0.4); } }
@keyframes caw-river { 0% { background-position: 0 0; } 50% { background-position: 10% 5%; } 100% { background-position: 0 0; } }
@keyframes caw-temple { 0%,100% { transform: skewY(-2deg) translateY(0); } 50% { transform: skewY(-1deg) translateY(-3px); } }
@keyframes caw-bird { 0% { transform: translateX(0) rotate(-5deg); } 25% { transform: translateX(30px) rotate(0deg); } 50% { transform: translateX(60px) rotate(5deg); } 75% { transform: translateX(30px) rotate(0deg); } 100% { transform: translateX(0) rotate(-5deg); } }
@keyframes caw-ground { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(0.98); } }
@keyframes caw-stone { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } }

/* well-memorial */
.scn-well-memorial {
  background: linear-gradient(180deg, #2a1a0a 0%, #4a2a1a 40%, #6a3a1a 70%, #8a5a2a 100%),
              radial-gradient(ellipse at 30% 80%, #b08040 0%, transparent 60%);
}
.scn-well-memorial .sky { position: absolute; inset: 0 0 60% 0; background: linear-gradient(180deg, #3a2a1a 0%, transparent 100%); animation: wel-sky 25s ease-in-out infinite alternate; }
.scn-well-memorial .ground { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, #4a3a1a 0%, #2a1a0a 100%); border-radius: 10% 30% 0 0; }
.scn-well-memorial .well { position: absolute; bottom: 30%; left: 40%; width: 60px; height: 50px; background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%); border-radius: 50% 50% 10% 10% / 30% 30% 20% 20%; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.6); transform: scaleX(0.9); animation: wel-well 10s ease-in-out infinite; }
.scn-well-memorial .pillar { position: absolute; bottom: 45%; left: 38%; width: 14px; height: 40px; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 10% 10% 20% 20%; box-shadow: 4px 0 6px rgba(0,0,0,0.3); animation: wel-pillar 15s ease-in-out infinite; }
.scn-well-memorial .flower { position: absolute; bottom: 28%; left: 55%; width: 8px; height: 12px; background: radial-gradient(circle, #c8553d 0%, #a0461a 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(200,85,61,0.3); animation: wel-flower 6s ease-in-out infinite; }
.scn-well-memorial .shadow { position: absolute; bottom: 20%; left: 35%; width: 80px; height: 10px; background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.3) 50%, transparent 100%); border-radius: 50%; animation: wel-shadow 20s ease-in-out infinite; }

@keyframes wel-sky { 0% { opacity:0.6 } 50% { opacity:0.8 } 100% { opacity:0.7 } }
@keyframes wel-well { 0%,100% { transform: scaleX(0.9) translateY(0); } 50% { transform: scaleX(0.9) translateY(-4px); } }
@keyframes wel-pillar { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } }
@keyframes wel-flower { 0% { transform: scale(1) rotate(0deg); opacity:0.8; } 50% { transform: scale(1.3) rotate(15deg); opacity:1; } 100% { transform: scale(1) rotate(0deg); opacity:0.8; } }
@keyframes wel-shadow { 0% { opacity:0.3; transform: scaleX(1); } 50% { opacity:0.5; transform: scaleX(1.1); } 100% { opacity:0.3; transform: scaleX(1); } }

/* taj-disappointment */
.scn-taj-disappointment {
  background: linear-gradient(180deg, #d08040 0%, #f0a050 30%, #f0c080 60%, #e0a060 100%),
              radial-gradient(ellipse at 50% 30%, #f0d0a0 0%, transparent 70%);
}
.scn-taj-disappointment .sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #f0d0a0 0%, transparent 100%); animation: tajd-sky 15s ease-in-out infinite alternate; }
.scn-taj-disappointment .sun { position: absolute; top: 10%; right: 15%; width: 70px; height: 70px; background: radial-gradient(circle, #f0e0c0 0%, #f0c080 50%, transparent 100%); border-radius: 50%; box-shadow: 0 0 60px 30px rgba(240,192,128,0.5); animation: tajd-sun 20s ease-in-out infinite; }
.scn-taj-disappointment .dome { position: absolute; bottom: 35%; left: 40%; width: 80px; height: 70px; background: linear-gradient(180deg, #e0d0b0 0%, #c0a080 100%); border-radius: 50% 50% 10% 10% / 80% 80% 20% 20%; box-shadow: 0 8px 16px rgba(0,0,0,0.3); transform: scaleX(1.2); animation: tajd-dome 12s ease-in-out infinite; }
.scn-taj-disappointment .minaret { position: absolute; bottom: 30%; left: 35%; width: 12px; height: 60px; background: linear-gradient(180deg, #d0c0a0 0%, #a08060 100%); border-radius: 10% 10% 30% 30%; box-shadow: 2px 0 4px rgba(0,0,0,0.2); animation: tajd-minaret 14s ease-in-out infinite; }
.scn-taj-disappointment .pool { position: absolute; bottom: 18%; left: 20%; right: 20%; height: 18%; background: linear-gradient(180deg, #b0a080 0%, #908070 100%); border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%; box-shadow: inset 0 4px 10px rgba(0,0,0,0.2); animation: tajd-pool 8s ease-in-out infinite; }
.scn-taj-disappointment .figure { position: absolute; bottom: 22%; left: 55%; width: 20px; height: 50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tajd-figure 5s ease-in-out infinite; }
.scn-taj-disappointment .cloud { position: absolute; top: 12%; left: 10%; width: 80px; height: 14px; background: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); border-radius: 50%; filter: blur(4px); animation: tajd-cloud 30s linear infinite; }

@keyframes tajd-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes tajd-sun { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(-15px) scale(1.05); } 100% { transform: translateX(0) scale(0.95); } }
@keyframes tajd-dome { 0%,100% { transform: scaleX(1.2) translateY(0); } 50% { transform: scaleX(1.2) translateY(-3px); } }
@keyframes tajd-minaret { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(0.5deg); } }
@keyframes tajd-pool { 0% { background-position: 0 0; } 50% { background-position: 5% 2%; } 100% { background-position: 0 0; } }
@keyframes tajd-figure { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes tajd-cloud { 0% { transform: translateX(-30px); } 100% { transform: translateX(120vw); } }

/* treacherous-language */
.scn-treacherous-language {
  background: linear-gradient(180deg, #f5f0e0 0%, #e8dcc8 40%, #d0c0a0 100%),
              radial-gradient(ellipse at 70% 30%, #ffffff 0%, transparent 60%);
}
.scn-treacherous-language .window { position: absolute; top: 5%; right: 10%; width: 120px; height: 160px; background: linear-gradient(180deg, #d0e8f0 0%, #c0d8e0 100%); border: 4px solid #8a7a6a; border-radius: 4px; box-shadow: 0 0 30px 10px rgba(200,220,230,0.4); animation: trea-window 10s ease-in-out infinite; }
.scn-treacherous-language .wall { position: absolute; inset: 0; background: linear-gradient(180deg, #f0e8d8 0%, #e0d0b8 100%); z-index: -1; }
.scn-treacherous-language .book { position: absolute; bottom: 30%; left: 30%; width: 60px; height: 40px; background: linear-gradient(180deg, #c8b8a0 0%, #a09078 100%); border-radius: 4px; box-shadow: 2px 4px 6px rgba(0,0,0,0.2); transform-origin: left center; animation: trea-book 6s ease-in-out infinite; }
.scn-treacherous-language .pattern { position: absolute; bottom: 25%; left: 25%; right: 25%; height: 50px; background: repeating-linear-gradient(45deg, #d0c0a0 0px, #d0c0a0 4px, #e0d0b0 4px, #e0d0b0 8px); opacity: 0.3; border-radius: 2px; animation: trea-pattern 18s linear infinite; }
.scn-treacherous-language .table { position: absolute; bottom: 20%; left: 20%; right: 20%; height: 12%; background: linear-gradient(180deg, #b0a080 0%, #908060 100%); border-radius: 4px 4px 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.2); }
.scn-treacherous-language .light-ray { position: absolute; top: 5%; right: 20%; width: 40px; height: 200px; background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, transparent 100%); transform: skewX(-10deg); filter: blur(2px); animation: trea-ray 8s ease-in-out infinite; }

@keyframes trea-window { 0%,100% { box-shadow: 0 0 20px 5px rgba(200,220,230,0.3); } 50% { box-shadow: 0 0 40px 15px rgba(200,220,230,0.5); } }
@keyframes trea-book { 0% { transform: scaleY(1) rotateY(0deg); } 25% { transform: scaleY(1.02) rotateY(15deg); } 50% { transform: scaleY(1) rotateY(30deg); } 75% { transform: scaleY(0.98) rotateY(15deg); } 100% { transform: scaleY(1) rotateY(0deg); } }
@keyframes trea-pattern { 0% { background-position: 0 0; } 100% { background-position: 100% 100%; } }
@keyframes trea-ray { 0% { opacity:0.3; transform: skewX(-10deg) translateX(0); } 50% { opacity:0.6; transform: skewX(-10deg) translateX(5px); } 100% { opacity:0.3; transform: skewX(-10deg) translateX(0); } }

/* ===== bench-show-brag ===== */
.scn-bench-show-brag {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%), radial-gradient(ellipse at 30% 60%, #7a5a3a 0%, transparent 70%);
}
.scn-bench-show-brag .bsb-wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  opacity: 0.9;
  animation: bsb-dim 12s ease-in-out infinite alternate;
}
.scn-bench-show-brag .bsb-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, #1a120a 0%, #2a1a0a 100%);
}
.scn-bench-show-brag .bsb-irishman {
  position: absolute; bottom: 30%; left: 25%; width: 24px; height: 60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bsb-strut 4s ease-in-out infinite;
}
.scn-bench-show-brag .bsb-narrator {
  position: absolute; bottom: 30%; right: 25%; width: 22px; height: 56px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bsb-nod 3s ease-in-out infinite;
}
.scn-bench-show-brag .bsb-bench {
  position: absolute; bottom: 22%; left: 38%; width: 80px; height: 12px;
  background: #5a3a1a;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.6);
  animation: bsb-wobble 5s ease-in-out infinite;
}
.scn-bench-show-brag .bsb-lamp {
  position: absolute; top: 10%; right: 15%; width: 10px; height: 16px;
  background: radial-gradient(circle, #e8b84a 0%, #a07020 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 0 30px 8px rgba(200,150,50,0.6);
  animation: bsb-flicker 2s ease-in-out infinite alternate;
}
.scn-bench-show-brag .bsb-hat {
  position: absolute; top: 30%; left: calc(25% - 6px); width: 18px; height: 10px;
  background: #2a1a0a;
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  transform: rotate(-10deg);
  animation: bsb-tilt 4s ease-in-out infinite;
}
@keyframes bsb-dim {
  0% { opacity: 0.85; }
  50% { opacity: 0.95; }
  100% { opacity: 0.88; }
}
@keyframes bsb-strut {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(3px) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-3px) rotate(1deg); }
  100% { transform: translateX(0) rotate(-2deg); }
}
@keyframes bsb-nod {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes bsb-wobble {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(2px) rotate(2deg); }
  50% { transform: translateX(-1px) rotate(-1deg); }
  75% { transform: translateX(3px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes bsb-flicker {
  0% { box-shadow: 0 0 20px 5px rgba(200,150,50,0.5); opacity: 0.8; }
  50% { box-shadow: 0 0 35px 10px rgba(200,150,50,0.8); opacity: 1; }
  100% { box-shadow: 0 0 25px 6px rgba(200,150,50,0.6); opacity: 0.9; }
}
@keyframes bsb-tilt {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-2px); }
  100% { transform: rotate(-10deg) translateY(0); }
}

/* ===== dog-dimensions ===== */
.scn-dog-dimensions {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%), radial-gradient(ellipse at 70% 50%, #5a3a2a 0%, transparent 70%);
}
.scn-dog-dimensions .dgd-wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  animation: dgd-dim 15s ease-in-out infinite alternate;
}
.scn-dog-dimensions .dgd-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, #1a120a 0%, #2a1a0a 100%);
}
.scn-dog-dimensions .dgd-dog-body {
  position: absolute; bottom: 30%; left: 38%; width: 60px; height: 30px;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  border-radius: 40% 30% 30% 40% / 50% 50% 50% 50%;
  transform-origin: center bottom;
  animation: dgd-breathe 4s ease-in-out infinite;
}
.scn-dog-dimensions .dgd-dog-head {
  position: absolute; bottom: 42%; left: 42%; width: 28px; height: 24px;
  background: #6a4a3a;
  border-radius: 50% 40% 40% 50% / 60% 50% 50% 60%;
  transform-origin: center bottom;
  animation: dgd-look 5s ease-in-out infinite;
}
.scn-dog-dimensions .dgd-dog-tail {
  position: absolute; bottom: 35%; left: 28%; width: 8px; height: 16px;
  background: #5a3a2a;
  border-radius: 50% 50% 0 0;
  transform-origin: bottom center;
  animation: dgd-wag 2s ease-in-out infinite alternate;
}
.scn-dog-dimensions .dgd-irishman {
  position: absolute; bottom: 30%; right: 20%; width: 22px; height: 58px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: dgd-point 3s ease-in-out infinite;
}
.scn-dog-dimensions .dgd-table {
  position: absolute; bottom: 22%; right: 40%; width: 40px; height: 20px;
  background: #4a2a1a;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.5);
  animation: dgd-shift 6s ease-in-out infinite;
}
.scn-dog-dimensions .dgd-lamp {
  position: absolute; top: 15%; left: 10%; width: 8px; height: 14px;
  background: radial-gradient(circle, #e8b84a 0%, #a07020 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 0 25px 6px rgba(200,150,50,0.6);
  animation: dgd-flicker 2.5s ease-in-out infinite alternate;
}
@keyframes dgd-dim { 0% { opacity: 0.85; } 50% { opacity: 0.95; } 100% { opacity: 0.88; } }
@keyframes dgd-breathe {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.03) translateY(-2px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes dgd-look {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes dgd-wag {
  0% { transform: rotate(-20deg); }
  100% { transform: rotate(20deg); }
}
@keyframes dgd-point {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(2px) rotate(5deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(-2px) rotate(-5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes dgd-shift {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes dgd-flicker {
  0% { box-shadow: 0 0 20px 4px rgba(200,150,50,0.5); opacity: 0.8; }
  50% { box-shadow: 0 0 30px 8px rgba(200,150,50,0.8); opacity: 1; }
  100% { box-shadow: 0 0 25px 5px rgba(200,150,50,0.6); opacity: 0.9; }
}

/* ===== guess-the-dog ===== */
.scn-guess-the-dog {
  background: linear-gradient(180deg, #e8dcc8 0%, #c8b898 100%), radial-gradient(ellipse at 50% 100%, #d8c8a8 0%, transparent 70%);
}
.scn-guess-the-dog .gtd-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #f0e8d8 0%, #d8c8a8 100%);
  animation: gtd-bright 10s ease-in-out infinite alternate;
}
.scn-guess-the-dog .gtd-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(0deg, #b8a888 0%, #c8b898 100%);
}
.scn-guess-the-dog .gtd-dog {
  position: absolute; bottom: 25%; left: 35%; width: 60px; height: 32px;
  background: linear-gradient(180deg, #a08060 0%, #705040 100%);
  border-radius: 40% 30% 30% 40% / 50% 50% 50% 50%;
  transform-origin: center bottom;
  animation: gtd-breathe 3.5s ease-in-out infinite;
}
.scn-guess-the-dog .gtd-narrator {
  position: absolute; bottom: 30%; right: 20%; width: 22px; height: 58px;
  background: linear-gradient(180deg, #806050 0%, #503028 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gtd-gesture 4s ease-in-out infinite;
}
.scn-guess-the-dog .gtd-measure {
  position: absolute; bottom: 20%; left: 50%; width: 4px; height: 40px;
  background: #4a3a2a;
  border-radius: 2px;
  transform: translateX(-50%);
  animation: gtd-measure 6s ease-in-out infinite;
}
.scn-guess-the-dog .gtd-window {
  position: absolute; top: 10%; right: 10%; width: 40px; height: 50px;
  background: radial-gradient(circle at 50% 30%, #a8d8f0 0%, #80a8c0 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
  animation: gtd-light 8s ease-in-out infinite alternate;
}
.scn-guess-the-dog .gtd-shadow {
  position: absolute; bottom: 0; left: 30%; width: 80px; height: 10px;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  filter: blur(3px);
  animation: gtd-shadow 4s ease-in-out infinite alternate;
}
@keyframes gtd-bright {
  0% { opacity: 0.95; }
  50% { opacity: 1; }
  100% { opacity: 0.97; }
}
@keyframes gtd-breathe {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-1px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes gtd-gesture {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(-8deg) translateY(-2px); }
  50% { transform: rotate(0deg) translateY(0); }
  75% { transform: rotate(8deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes gtd-measure {
  0% { transform: translateX(-50%) scaleY(1); }
  50% { transform: translateX(-50%) scaleY(1.1); }
  100% { transform: translateX(-50%) scaleY(1); }
}
@keyframes gtd-light {
  0% { box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 0 20px rgba(168,216,240,0.3); }
  50% { box-shadow: inset 0 0 15px rgba(0,0,0,0.15), 0 0 30px rgba(168,216,240,0.5); }
  100% { box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 0 20px rgba(168,216,240,0.3); }
}
@keyframes gtd-shadow {
  0% { transform: scaleX(1); opacity: 0.6; }
  50% { transform: scaleX(1.1); opacity: 0.4; }
  100% { transform: scaleX(1); opacity: 0.6; }
}

/* ===== blockade-run ===== */
.scn-blockade-run {
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%), radial-gradient(ellipse at 20% 70%, #4a2a1a 0%, transparent 70%);
}
.scn-blockade-run .br-wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  animation: br-dim 14s ease-in-out infinite alternate;
}
.scn-blockade-run .br-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, #0a0500 0%, #1a0a00 100%);
}
.scn-blockade-run .br-irishman {
  position: absolute; bottom: 30%; left: 20%; width: 24px; height: 56px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: br-scrub 2s ease-in-out infinite;
}
.scn-blockade-run .br-chair {
  position: absolute; bottom: 20%; left: 22%; width: 30px; height: 30px;
  background: #4a2a1a;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.6);
  animation: br-wobble 2.5s ease-in-out infinite;
}
.scn-blockade-run .br-narrator {
  position: absolute; bottom: 30%; right: 25%; width: 22px; height: 58px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: br-step 4s ease-in-out infinite;
}
.scn-blockade-run .br-stairs {
  position: absolute; bottom: 40%; right: 10%; width: 50px; height: 60px;
  background: repeating-linear-gradient(0deg, #3a2a1a 0px, #3a2a1a 6px, #2a1a0a 6px, #2a1a0a 12px);
  border-radius: 2px;
  transform: skewY(-10deg);
  animation: br-slide 8s ease-in-out infinite alternate;
}
.scn-blockade-run .br-lamp {
  position: absolute; top: 12%; left: 40%; width: 8px; height: 14px;
  background: radial-gradient(circle, #d8a040 0%, #a07020 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 0 25px 8px rgba(200,150,50,0.5);
  animation: br-flicker 3s ease-in-out infinite alternate;
}
@keyframes br-dim {
  0% { opacity: 0.8; }
  50% { opacity: 0.95; }
  100% { opacity: 0.85; }
}
@keyframes br-scrub {
  0% { transform: translateX(0) rotate(-5deg); }
  25% { transform: translateX(4px) rotate(0deg); }
  50% { transform: translateX(0) rotate(5deg); }
  75% { transform: translateX(-4px) rotate(0deg); }
  100% { transform: translateX(0) rotate(-5deg); }
}
@keyframes br-wobble {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(3deg) translateY(-2px); }
  50% { transform: rotate(-2deg) translateY(0); }
  75% { transform: rotate(2deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes br-step {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(3px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes br-slide {
  0% { transform: skewY(-10deg) translateY(0); }
  100% { transform: skewY(-10deg) translateY(8px); }
}
@keyframes br-flicker {
  0% { box-shadow: 0 0 20px 5px rgba(200,150,50,0.4); opacity: 0.8; }
  50% { box-shadow: 0 0 30px 10px rgba(200,150,50,0.7); opacity: 1; }
  100% { box-shadow: 0 0 25px 6px rgba(200,150,50,0.5); opacity: 0.9; }
}

.scn-lucknow-siege-begins {
  background: linear-gradient(180deg, #1e1820 0%, #2a2028 40%, #1f181e 100%),
              radial-gradient(ellipse at 50% 30%, #3a2a34 0%, transparent 60%);
}
.scn-lucknow-siege-begins .int-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(170deg, #3a3038 0%, #2a2028 70%, #1e1820 100%);
  border-bottom: 6px solid #4a3a3a;
  animation: lub-wall 12s ease-in-out infinite alternate;
}
.scn-lucknow-siege-begins .int-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a2228 0%, #1a1418 100%);
  box-shadow: inset 0 12px 30px rgba(0,0,0,.6);
}
.scn-lucknow-siege-begins .lamp-post {
  position: absolute; bottom: 28%; left: 50%; width: 8px; height: 60px;
  background: linear-gradient(90deg, #5a4a3a 0%, #7a6a5a 40%, #5a4a3a 100%);
  transform: translateX(-50%);
  border-radius: 2px;
}
.scn-lucknow-siege-begins .lamp-glow {
  position: absolute; bottom: 42%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f0c878 0%, #c89040 40%, transparent 70%);
  transform: translate(-50%, 10px);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(200,144,64,.3);
  animation: lub-glow 3s ease-in-out infinite alternate;
}
.scn-lucknow-siege-begins .figure-watch {
  position: absolute; bottom: 28%; left: 35%; width: 22px; height: 55px;
  background: linear-gradient(180deg, #1a1a22 0%, #0a0a12 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: scaleX(-1);
  animation: lub-watch 6s ease-in-out infinite;
}
.scn-lucknow-siege-begins .window-arch {
  position: absolute; bottom: 32%; left: 65%; width: 50px; height: 80px;
  background: radial-gradient(ellipse at 50% 40%, #2a2a3a 0%, #1a1a2a 100%);
  border: 3px solid #3a3030;
  border-radius: 30% 30% 10% 10%;
  box-shadow: inset 0 0 20px #0a0a12;
  animation: lub-window 8s ease-in-out infinite alternate;
}
.scn-lucknow-siege-begins .shadow-bar {
  position: absolute; bottom: 28%; left: 25%; width: 8px; height: 80px;
  background: #0a0a0e;
  transform: skewX(-8deg);
  filter: blur(4px);
  opacity: .6;
  animation: lub-shadow 15s linear infinite;
}
.scn-lucknow-siege-begins .dust-motes {
  position: absolute; top: 15%; left: 20%; width: 100%; height: 100%;
  background: radial-gradient(circle at 20% 30%, rgba(255,220,180,.05) 0%, transparent 30%);
  filter: blur(10px);
  animation: lub-dust 30s linear infinite;
}
@keyframes lub-wall { 0% { filter: brightness(1); } 50% { filter: brightness(.85); } 100% { filter: brightness(1); } }
@keyframes lub-glow { 0% { opacity: .7; transform: translate(-50%, 10px) scale(1); } 50% { opacity: 1; transform: translate(-50%, 8px) scale(1.05); } 100% { opacity: .8; transform: translate(-50%, 10px) scale(.98); } }
@keyframes lub-watch { 0% { transform: scaleX(-1) translateY(0) rotate(0deg); } 25% { transform: scaleX(-1) translateY(-2px) rotate(2deg); } 50% { transform: scaleX(-1) translateY(0) rotate(-1deg); } 75% { transform: scaleX(-1) translateY(-1px) rotate(1deg); } 100% { transform: scaleX(-1) translateY(0) rotate(0deg); } }
@keyframes lub-window { 0% { opacity: .6; } 50% { opacity: .9; } 100% { opacity: .5; } }
@keyframes lub-shadow { 0% { transform: skewX(-8deg) translateX(0); } 50% { transform: skewX(-8deg) translateX(5px); } 100% { transform: skewX(-8deg) translateX(0); } }
@keyframes lub-dust { 0% { opacity: .2; transform: translate(0,0); } 50% { opacity: .5; transform: translate(20px,-10px); } 100% { opacity: .2; transform: translate(0,0); } }

.scn-lawrence-defeated {
  background: linear-gradient(180deg, #4a3520 0%, #7a5a30 30%, #c89a50 60%, #d4a85a 100%),
              radial-gradient(ellipse at 50% 30%, #d4b06a 0%, transparent 50%);
}
.scn-lawrence-defeated .sky-blaze {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #d4a04a 0%, #c08038 50%, #a06030 100%);
  animation: law-sky 10s ease-in-out infinite alternate;
}
.scn-lawrence-defeated .sun-disk {
  position: absolute; top: 10%; left: 50%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffe080 0%, #f0b040 60%);
  transform: translateX(-50%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(240,176,64,.5);
  animation: law-sun 8s ease-in-out infinite;
}
.scn-lawrence-defeated .haze-veil {
  position: absolute; top: 20%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, rgba(200,160,80,.3) 0%, transparent 100%);
  filter: blur(10px);
  animation: law-haze 15s linear infinite alternate;
}
.scn-lawrence-defeated .fallen-flag {
  position: absolute; bottom: 40%; left: 30%; width: 4px; height: 60px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2212 100%);
  transform: rotate(-20deg);
  border-radius: 2px;
  box-shadow: 0 0 4px 2px rgba(0,0,0,.5);
  animation: law-flag 6s ease-in-out infinite;
}
.scn-lawrence-defeated .horse-sil {
  position: absolute; bottom: 25%; left: 60%; width: 40px; height: 30px;
  background: #1a1a12;
  border-radius: 60% 30% 40% 30%;
  filter: blur(2px);
  transform: scaleX(-1);
  animation: law-horse 4s ease-in-out infinite alternate;
}
.scn-lawrence-defeated .figure-down {
  position: absolute; bottom: 25%; left: 25%; width: 20px; height: 35px;
  background: #0a0a06;
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform: rotate(-40deg);
  animation: law-figure 5s ease-in-out infinite;
}
.scn-lawrence-defeated .dust-plume {
  position: absolute; bottom: 20%; left: 40%; width: 100px; height: 60px;
  background: radial-gradient(ellipse at 50% 100%, rgba(180,140,80,.15) 0%, transparent 60%);
  filter: blur(8px);
  animation: law-dust 12s linear infinite;
}
.scn-lawrence-defeated .cracked-earth {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(0deg, #3a2a1a 0%, #5a4030 50%, #7a5a40 100%);
  clip-path: polygon(0 0, 10% 20%, 30% 5%, 50% 25%, 70% 8%, 100% 15%, 100% 100%, 0 100%);
  animation: law-earth 20s ease-in-out infinite alternate;
}
@keyframes law-sky { 0% { filter: brightness(1) saturate(1); } 50% { filter: brightness(.8) saturate(1.2); } 100% { filter: brightness(1) saturate(1); } }
@keyframes law-sun { 0% { transform: translateX(-50%) scale(1) rotate(0deg); } 50% { transform: translateX(-50%) scale(1.05) rotate(5deg); } 100% { transform: translateX(-50%) scale(1) rotate(0deg); } }
@keyframes law-haze { 0% { opacity: .3; transform: translateY(0); } 50% { opacity: .6; transform: translateY(-10px); } 100% { opacity: .3; transform: translateY(0); } }
@keyframes law-flag { 0% { transform: rotate(-20deg) translateY(0); } 50% { transform: rotate(-25deg) translateY(-3px); } 100% { transform: rotate(-20deg) translateY(0); } }
@keyframes law-horse { 0% { transform: scaleX(-1) translateX(0) rotate(0deg); } 100% { transform: scaleX(-1) translateX(10px) rotate(-2deg); } }
@keyframes law-figure { 0% { transform: rotate(-40deg) translateY(0); } 50% { transform: rotate(-35deg) translateY(-2px); } 100% { transform: rotate(-40deg) translateY(0); } }
@keyframes law-dust { 0% { opacity: .2; transform: scale(1) translateX(0); } 50% { opacity: .5; transform: scale(1.2) translateX(20px); } 100% { opacity: .2; transform: scale(1) translateX(0); } }
@keyframes law-earth { 0% { filter: brightness(1); } 50% { filter: brightness(.7); } 100% { filter: brightness(1); } }

.scn-besieged-garrison {
  background: linear-gradient(180deg, #12101a 0%, #1a1824 40%, #12101a 100%),
              radial-gradient(ellipse at 50% 70%, #2a2834 0%, transparent 60%);
}
.scn-besieged-garrison .room-bg {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a2838 0%, #1e1c2a 60%, #12101a 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,.7);
  animation: bes-room 15s ease-in-out infinite alternate;
}
.scn-besieged-garrison .window-bar {
  position: absolute; bottom: 38%; left: 40%; width: 12px; height: 80px;
  background: #2a2230;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,.8);
  animation: bes-bar 4s ease-in-out infinite alternate;
}
.scn-besieged-garrison .candle-lone {
  position: absolute; bottom: 28%; left: 50%; width: 6px; height: 20px;
  background: linear-gradient(180deg, #f0d0a0 0%, #c89060 100%);
  transform: translateX(-50%);
  border-radius: 2px 2px 4px 4px;
  animation: bes-candle 3s ease-in-out infinite;
}
.scn-besieged-garrison .candle-halo {
  position: absolute; bottom: 34%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f0c060 0%, #c09040 30%, transparent 60%);
  transform: translate(-50%, 10px);
  border-radius: 50%;
  box-shadow: 0 0 50px 15px rgba(192,144,64,.3);
  animation: bes-halo 3s ease-in-out infinite alternate;
}
.scn-besieged-garrison .huddle-fig {
  position: absolute; bottom: 28%; left: 30%; width: 40px; height: 50px;
  background: #1a1820;
  border-radius: 60% 60% 40% 40% / 70% 70% 30% 30%;
  filter: blur(2px);
  animation: bes-huddle 8s ease-in-out infinite;
}
.scn-besieged-garrison .child-form {
  position: absolute; bottom: 28%; left: 35%; width: 18px; height: 30px;
  background: #121016;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(10px) scale(.8);
  animation: bes-child 4s ease-in-out infinite alternate;
}
.scn-besieged-garrison .shadow-creep {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, transparent 0%, #0a0810 100%);
  animation: bes-shadow 20s linear infinite alternate;
}
@keyframes bes-room { 0% { filter: brightness(1); } 50% { filter: brightness(.7); } 100% { filter: brightness(1); } }
@keyframes bes-bar { 0% { transform: translateX(0); } 50% { transform: translateX(-2px); } 100% { transform: translateX(0); } }
@keyframes bes-candle { 0% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.05); } 100% { transform: translateX(-50%) scaleY(1); } }
@keyframes bes-halo { 0% { opacity: .6; transform: translate(-50%, 10px) scale(1); } 50% { opacity: 1; transform: translate(-50%, 8px) scale(1.1); } 100% { opacity: .7; transform: translate(-50%, 10px) scale(.95); } }
@keyframes bes-huddle { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(3px) rotate(-1deg); } 50% { transform: translateX(0) rotate(1deg); } 75% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes bes-child { 0% { transform: translateX(10px) scale(.8) rotate(0deg); } 100% { transform: translateX(10px) scale(.85) rotate(-3deg); } }
@keyframes bes-shadow { 0% { opacity: .5; } 50% { opacity: .8; } 100% { opacity: .5; } }

.scn-four-months-firing {
  background: linear-gradient(180deg, #141214 0%, #1a1820 50%, #121016 100%),
              radial-gradient(ellipse at 30% 50%, #2a2834 0%, transparent 50%);
}
.scn-four-months-firing .broken-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(170deg, #2a2830 0%, #1e1c24 60%, #121018 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 30% 60%, 50% 80%, 70% 50%);
  animation: fou-wall 20s ease-in-out infinite alternate;
}
.scn-four-months-firing .hole-light {
  position: absolute; bottom: 45%; left: 40%; width: 20px; height: 30px;
  background: radial-gradient(circle, #4a404a 0%, #2a2834 100%);
  border-radius: 50%;
  box-shadow: inset 0 0 10px #0a0810;
  animation: fou-hole 6s ease-in-out infinite alternate;
}
.scn-four-months-firing .lantern-swing {
  position: absolute; top: 15%; left: 60%; width: 16px; height: 24px;
  background: linear-gradient(180deg, #a09070 0%, #605040 100%);
  border-radius: 4px 4px 6px 6px;
  transform-origin: top center;
  animation: fou-swing 3s ease-in-out infinite;
}
.scn-four-months-firing .lantern-glow {
  position: absolute; top: 14%; left: 60%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f0c060 0%, #c09040 30%, transparent 60%);
  transform: translate(-50%, 10px);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(192,144,64,.3);
  animation: fou-glow 3s ease-in-out infinite alternate;
}
.scn-four-months-firing .crouch-woman {
  position: absolute; bottom: 25%; left: 35%; width: 24px; height: 40px;
  background: linear-gradient(180deg, #1a1820 0%, #0e0c14 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform: scale(.9);
  animation: fou-crouch 5s ease-in-out infinite alternate;
}
.scn-four-months-firing .shrapnel-dust {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(circle at 70% 40%, rgba(200,180,160,.05) 0%, transparent 30%);
  filter: blur(12px);
  animation: fou-dust 8s linear infinite;
}
.scn-four-months-firing .floor-rubble {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1a1820 0%, #0e0c14 100%);
  box-shadow: inset 0 10px 30px rgba(0,0,0,.8);
  clip-path: polygon(0 0, 15% 10%, 30% 0, 50% 15%, 70% 0, 85% 10%, 100% 0, 100% 100%, 0 100%);
  animation: fou-rubble 30s linear infinite alternate;
}
@keyframes fou-wall { 0% { filter: brightness(1); } 50% { filter: brightness(.6); } 100% { filter: brightness(1); } }
@keyframes fou-hole { 0% { opacity: .5; } 50% { opacity: .8; } 100% { opacity: .4; } }
@keyframes fou-swing { 0% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } }
@keyframes fou-glow { 0% { opacity: .6; transform: translate(-50%, 10px) scale(1); } 50% { opacity: 1; transform: translate(-50%, 8px) scale(1.1); } 100% { opacity: .7; transform: translate(-50%, 10px) scale(.95); } }
@keyframes fou-crouch { 0% { transform: scale(.9) translateY(0) rotate(0deg); } 50% { transform: scale(.85) translateY(-3px) rotate(-2deg); } 100% { transform: scale(.9) translateY(0) rotate(2deg); } }
@keyframes fou-dust { 0% { opacity: .2; } 50% { opacity: .6; } 100% { opacity: .2; } }
@keyframes fou-rubble { 0% { filter: brightness(1); } 50% { filter: brightness(.7); } 100% { filter: brightness(1); } }

/* governor-lord – calm bright interior */
.scn-governor-lord { background: linear-gradient(180deg, #f5e6c8 0%, #e8d4a0 50%, #d4bc8c 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%); }
.scn-governor-lord .wall { position:absolute; inset:0; background: linear-gradient(135deg, #f0e2c4 0%, #dec8a0 100%); }
.scn-governor-lord .window { position:absolute; top:10%; left:28%; width:44%; height:55%; background: linear-gradient(180deg, #87ceeb 0%, #b0e0f0 30%, #f0e8c0 60%, #f5dba0 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,.1); animation: sc-gov-sky 12s ease-in-out infinite alternate; }
.scn-governor-lord .curtain.left { position:absolute; top:8%; left:25%; width:15%; height:60%; background: linear-gradient(180deg, #c8a88a 0%, #a88866 100%); border-radius: 0 30px 30px 0; box-shadow: 4px 0 12px rgba(0,0,0,.2); animation: sc-gov-curtain 9s ease-in-out infinite alternate; }
.scn-governor-lord .curtain.right { position:absolute; top:8%; right:25%; width:15%; height:60%; background: linear-gradient(180deg, #c8a88a 0%, #a88866 100%); border-radius: 30px 0 0 30px; box-shadow: -4px 0 12px rgba(0,0,0,.2); animation: sc-gov-curtain 9s ease-in-out infinite alternate-reverse; }
.scn-governor-lord .desk { position:absolute; bottom:8%; left:30%; width:40%; height:16%; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-governor-lord .candlestick { position:absolute; bottom:22%; left:44%; width:8px; height:25px; background: linear-gradient(180deg, #d4b48c 0%, #b8986e 100%); border-radius: 2px; }
.scn-governor-lord .flame { position:absolute; bottom:26%; left:44%; width:10px; height:14px; background: radial-gradient(ellipse, #ffd060 0%, #ffa020 50%, transparent 100%); border-radius: 50%; box-shadow: 0 0 20px 10px #ffb030; animation: sc-gov-flame 2s ease-in-out infinite alternate; }
.scn-governor-lord .ship-model { position:absolute; bottom:16%; left:52%; width:40px; height:18px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a22 100%); border-radius: 0 0 20px 20px; transform-origin: bottom center; animation: sc-gov-ship 6s ease-in-out infinite; }
@keyframes sc-gov-sky { 0% { opacity: .9; filter: brightness(1) } 50% { opacity: 1; filter: brightness(1.05) } 100% { opacity: .85; filter: brightness(.95) } }
@keyframes sc-gov-curtain { 0% { transform: translateX(0) } 50% { transform: translateX(4px) } 100% { transform: translateX(0) } }
@keyframes sc-gov-flame { 0% { transform: scaleY(1) rotate(-2deg); opacity: .8 } 50% { transform: scaleY(1.2) rotate(0deg); opacity: 1 } 100% { transform: scaleY(.9) rotate(2deg); opacity: .75 } }
@keyframes sc-gov-ship { 0%,100% { transform: rotate(-3deg) translateY(0) } 50% { transform: rotate(3deg) translateY(-2px) } }

/* young-stranger-shark – warm sunlit wharf */
.scn-young-stranger-shark { background: linear-gradient(180deg, #f0d8b0 0%, #d4b880 30%, #8ab6d4 60%, #5a8aaa 100%), radial-gradient(ellipse at 80% 30%, #ffe080 0%, transparent 50%); }
.scn-young-stranger-shark .sky { position:absolute; top:0; left:0; right:0; bottom:45%; background: linear-gradient(180deg, #f9e6c0 0%, #f0d4a0 100%); animation: sc-sha-cloud 40s linear infinite; }
.scn-young-stranger-shark .water { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #6a9ab8 0%, #3a6a8a 100%); animation: sc-sha-wave 8s ease-in-out infinite alternate; }
.scn-young-stranger-shark .dock { position:absolute; bottom:30%; left:10%; width:60%; height:8%; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a12 100%); border-radius: 2px; box-shadow: 0 -4px 8px rgba(0,0,0,.3); }
.scn-young-stranger-shark .fisherman { position:absolute; bottom:32%; left:20%; width:28px; height:48px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; }
.scn-young-stranger-shark .young-man { position:absolute; bottom:32%; left:40%; width:22px; height:42px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc-sha-walk 3s ease-in-out infinite; }
.scn-young-stranger-shark .line { position:absolute; bottom:36%; left:25%; width:3px; height:20px; background: #a08060; transform: rotate(25deg); transform-origin: top left; animation: sc-sha-line 2s ease-in-out infinite; }
.scn-young-stranger-shark .basket { position:absolute; bottom:34%; left:14%; width:20px; height:16px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a12 100%); border-radius: 30% 30% 10% 10%; animation: sc-sha-basket 7s ease-in-out infinite; }
.scn-young-stranger-shark .sun { position:absolute; top:8%; right:18%; width:40px; height:40px; background: radial-gradient(circle, #fff0c0 0%, #ffd060 50%, transparent 70%); border-radius: 50%; box-shadow: 0 0 40px 15px rgba(255,200,80,.4); animation: sc-sha-sun 5s ease-in-out infinite alternate; }
@keyframes sc-sha-cloud { 0% { background-position: 0 0 } 100% { background-position: 200px 0 } }
@keyframes sc-sha-wave { 0% { transform: translateY(0) } 50% { transform: translateY(3px) } 100% { transform: translateY(-3px) } }
@keyframes sc-sha-walk { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) rotate(0deg) } 50% { transform: translateX(8px) rotate(2deg) } 75% { transform: translateX(12px) rotate(0deg) } 100% { transform: translateX(16px) rotate(-2deg) } }
@keyframes sc-sha-line { 0%,100% { transform: rotate(20deg) } 50% { transform: rotate(30deg) } }
@keyframes sc-sha-basket { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes sc-sha-sun { 0% { transform: scale(.9); opacity: .8 } 100% { transform: scale(1.1); opacity: 1 } }

/* shark-caught – warm sunlit close-up on sand */
.scn-shark-caught { background: linear-gradient(180deg, #e0c8a0 0%, #c8b088 30%, #a8966a 100%), radial-gradient(ellipse at 30% 50%, #f5e0b0 0%, transparent 70%); }
.scn-shark-caught .sand { position:absolute; inset:0; background: linear-gradient(135deg, #c8b488, #b09870); }
.scn-shark-caught .shark-body { position:absolute; bottom:20%; left:20%; width:200px; height:50px; background: linear-gradient(180deg, #5a6a7a 0%, #3a4a5a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: center; animation: sc-cau-sharkbody 4s ease-in-out infinite; }
.scn-shark-caught .shark-tail { position:absolute; bottom:22%; left:6%; width:50px; height:40px; background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%); border-radius: 50% 20% 20% 50%; transform: rotate(-30deg); transform-origin: right center; animation: sc-cau-tail 3s ease-in-out infinite alternate; }
.scn-shark-caught .shark-fin { position:absolute; bottom:40%; left:45%; width:20px; height:30px; background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%); border-radius: 50% 50% 0 0; transform: rotate(-10deg); transform-origin: bottom center; animation: sc-cau-fin 5s ease-in-out infinite; }
.scn-shark-caught .fisherman-kneel { position:absolute; bottom:18%; right:15%; width:30px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc-cau-kneel 6s ease-in-out infinite; }
.scn-shark-caught .young-washing { position:absolute; bottom:20%; left:55%; width:20px; height:45px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(5deg); transform-origin: bottom center; animation: sc-cau-wash 3s ease-in-out infinite; }
.scn-shark-caught .bucket { position:absolute; bottom:20%; left:68%; width:24px; height:20px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 10%; }
.scn-shark-caught .blood-puddle { position:absolute; bottom:22%; left:28%; width:30px; height:8px; background: radial-gradient(ellipse, #a0461a 0%, transparent 80%); border-radius: 50%; opacity: .5; animation: sc-cau-blood 5s ease-in-out infinite; }
@keyframes sc-cau-sharkbody { 0%,100% { transform: scaleX(1) rotate(0deg) } 50% { transform: scaleX(1.02) rotate(1deg) } }
@keyframes sc-cau-tail { 0% { transform: rotate(-35deg) } 50% { transform: rotate(-25deg) } 100% { transform: rotate(-35deg) } }
@keyframes sc-cau-fin { 0%,100% { transform: rotate(-10deg) translateY(0) } 50% { transform: rotate(-5deg) translateY(-3px) } }
@keyframes sc-cau-kneel { 0%,100% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(-2deg) } }
@keyframes sc-cau-wash { 0%,100% { transform: rotate(5deg) translateX(0) } 50% { transform: rotate(3deg) translateX(5px) } }
@keyframes sc-cau-blood { 0% { opacity: .3; transform: scale(.8) } 50% { opacity: .6; transform: scale(1.2) } 100% { opacity: .4; transform: scale(.9) } }

/* rich-young-man – warm sunlit food stand */
.scn-rich-young-man { background: linear-gradient(180deg, #f0d8b0 0%, #d4bc90 40%, #b8a080 100%), radial-gradient(ellipse at 70% 20%, #fff0c0 0%, transparent 60%); }
.scn-rich-young-man .sky { position:absolute; top:0; left:0; right:0; bottom:35%; background: linear-gradient(180deg, #f9ecc0 0%, #f0d8a0 100%); }
.scn-rich-young-man .stand { position:absolute; bottom:20%; left:5%; width:30%; height:40%; background: linear-gradient(180deg, #8a6a4a 0%, #4a2a12 100%); border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.scn-rich-young-man .vendor { position:absolute; bottom:18%; left:12%; width:22px; height:50px; background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc-ric-vendor 5s ease-in-out infinite; }
.scn-rich-young-man .plate { position:absolute; bottom:22%; left:35%; width:40px; height:10px; background: radial-gradient(ellipse, #f0e0c0 0%, #c8b080 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.scn-rich-young-man .coins { position:absolute; bottom:28%; left:50%; width:10px; height:10px; background: radial-gradient(circle, #ffd060 0%, #b08030 100%); border-radius: 50%; box-shadow: 0 0 10px 2px rgba(255,200,80,.5); animation: sc-ric-coins 2s ease-in-out infinite alternate; }
.scn-rich-young-man .young-eating { position:absolute; bottom:18%; right:20%; width:24px; height:48px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sc-ric-chew 1.5s ease-in-out infinite; }
.scn-rich-young-man .steam { position:absolute; bottom:32%; left:42%; width:12px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, transparent 100%); border-radius: 50%; filter: blur(4px); animation: sc-ric-steam 4s ease-in-out infinite; }
@keyframes sc-ric-vendor { 0%,100% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(2deg) } }
@keyframes sc-ric-coins { 0% { transform: scale(1) rotate(0deg) } 50% { transform: scale(1.3) rotate(10deg) } 100% { transform: scale(.9) rotate(-5deg) } }
@keyframes sc-ric-chew { 0%,100% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-1px) rotate(3deg) } 50% { transform: translateY(0) rotate(-2deg) } 75% { transform: translateY(-1px) rotate(4deg) } }
@keyframes sc-ric-steam { 0% { opacity: .3; transform: translateY(0) scale(1) } 50% { opacity: .6; transform: translateY(-10px) scale(1.5) } 100% { opacity: 0; transform: translateY(-20px) scale(2) } }

/* maori-increase */
.scn-maori-increase {
  background: linear-gradient(135deg, #6a4c3a 0%, #4a3424 50%, #3a2a1a 100%),
              radial-gradient(ellipse at 30% 20%, #c8a070 0%, transparent 60%);
}
.scn-maori-increase .wharenui-wall { position:absolute; inset:0; background: repeating-linear-gradient(90deg, #5a3e2e 0px, #5a3e2e 4px, #4a3222 4px, #4a3222 8px), linear-gradient(180deg, #6a4c3a 0%, #4a3424 100%); opacity:0.6; animation: mi-wall 24s ease-in-out infinite alternate; }
.scn-maori-increase .window-light { position:absolute; top:10%; left:60%; width:80px; height:100px; background: radial-gradient(ellipse at 50% 50%, #f0d8b0 0%, #e0c090 40%, transparent 70%); border-radius:8% 8% 4% 4%; box-shadow: 0 0 40px 20px rgba(240,216,176,0.3); animation: mi-light 6s ease-in-out infinite alternate; }
.scn-maori-increase .carved-post { position:absolute; bottom:10%; left:30%; width:24px; height:120px; background: linear-gradient(180deg, #8a6040 0%, #5a3e2e 50%, #3a2a1a 100%); border-radius:20% 20% 10% 10% / 40% 40% 20% 20%; transform:rotate(-2deg) scale(0.95); box-shadow: 4px 0 8px rgba(0,0,0,0.4); }
.scn-maori-increase .figure-maori { position:absolute; bottom:8%; left:50%; width:40px; height:90px; transform:translateX(-50%); background: linear-gradient(180deg, #8a6a4a 0%, #5a4028 50%, #3a2a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: inset -4px -8px 12px rgba(0,0,0,0.5); animation: mi-figure 8s ease-in-out infinite; }
.scn-maori-increase .kumara-basket { position:absolute; bottom:4%; left:20%; width:50px; height:30px; background: linear-gradient(180deg, #b08050 0%, #8a6040 100%); border-radius:20% 20% 30% 30% / 40% 40% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-maori-increase .drifting-dust { position:absolute; top:30%; left:0; width:6px; height:6px; background:rgba(240,216,176,0.4); border-radius:50%; filter: blur(2px); animation: mi-dust 15s linear infinite; }
.scn-maori-increase .hanging-ornament { position:absolute; top:18%; left:43%; width:12px; height:20px; background: linear-gradient(180deg, #c8a070 0%, #8a6040 100%); border-radius:50% 50% 30% 30%; animation: mi-ornament 5s ease-in-out infinite; transform-origin: top center; }
.scn-maori-increase .shadow-strip { position:absolute; bottom:0; left:0; right:0; height:10%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%); }

@keyframes mi-wall { 0% { opacity:0.5 } 50% { opacity:0.7 } 100% { opacity:0.55 } }
@keyframes mi-light { 0% { opacity:0.7; transform:scale(0.95) } 50% { opacity:1; transform:scale(1.05) } 100% { opacity:0.8; transform:scale(0.98) } }
@keyframes mi-figure { 0% { transform:translateX(-50%) translateY(0) rotate(-1deg) } 50% { transform:translateX(-48%) translateY(-3px) rotate(1deg) } 100% { transform:translateX(-50%) translateY(0) rotate(0) } }
@keyframes mi-dust { 0% { transform:translateX(-30px) translateY(0); opacity:0 } 25% { opacity:0.5 } 75% { opacity:0.3 } 100% { transform:translateX(100vw) translateY(-40px); opacity:0 } }
@keyframes mi-ornament { 0% { transform:rotate(-5deg) } 50% { transform:rotate(8deg) } 100% { transform:rotate(-3deg) } }

/* missionary-wrong */
.scn-missionary-wrong {
  background: linear-gradient(180deg, #d4b888 0%, #c4a878 40%, #b09068 100%),
              radial-gradient(ellipse at 70% 60%, #e8d8b0 0%, transparent 50%);
}
.scn-missionary-wrong .room-wall { position:absolute; inset:0; background: linear-gradient(90deg, #c4a878 0%, #b89868 50%, #c4a878 100%); animation: mw-wall 20s ease-in-out infinite alternate; }
.scn-missionary-wrong .table-mid { position:absolute; bottom:15%; left:35%; width:120px; height:14px; background: linear-gradient(180deg, #8a6a4a 0%, #6a4e32 100%); border-radius:4% 4% 8% 8%; box-shadow: 0 6px 12px rgba(0,0,0,0.2); }
.scn-missionary-wrong .missionary-black { position:absolute; bottom:15%; left:40%; width:38px; height:80px; background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 50%, #0a0a0a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform:translateX(-20px); box-shadow: inset 4px 0 8px rgba(255,255,255,0.1); animation: mw-missionary 7s ease-in-out infinite; }
.scn-missionary-wrong .maori-hand { position:absolute; bottom:25%; left:55%; width:16px; height:40px; background: linear-gradient(180deg, #8a6a4a 0%, #5a4028 100%); border-radius:40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mw-hand 4s ease-in-out infinite; transform:rotate(20deg) scale(1.1); }
.scn-missionary-wrong .book-page { position:absolute; bottom:18%; left:38%; width:20px; height:12px; background: linear-gradient(180deg, #f0e0c0 0%, #e0d0b0 100%); border-radius:4%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); animation: mw-page 6s ease-in-out infinite alternate; transform-origin: left center; }
.scn-missionary-wrong .lamp-glow { position:absolute; top:15%; right:20%; width:30px; height:40px; background: radial-gradient(ellipse at 50% 30%, #ffe8c0 0%, #f0d0a0 40%, transparent 70%); border-radius:40% 40% 20% 20%; box-shadow: 0 0 50px 20px rgba(240,208,160,0.3), 0 0 100px 40px rgba(240,208,160,0.15); animation: mw-lamp 5s ease-in-out infinite alternate; }
.scn-missionary-wrong .window-mw { position:absolute; top:8%; right:12%; width:50px; height:70px; background: radial-gradient(ellipse at 50% 60%, #b0d0e0 0%, #90b8d0 60%, transparent 80%); border-radius:4% 4% 8% 8%; box-shadow: inset 0 0 20px rgba(180,200,220,0.3); }

@keyframes mw-wall { 0% { background-position: 0% 0% } 50% { background-position: 10% 0% } 100% { background-position: 0% 0% } }
@keyframes mw-missionary { 0% { transform:translateX(-20px) rotate(0) } 50% { transform:translateX(-22px) rotate(2deg) } 100% { transform:translateX(-20px) rotate(0) } }
@keyframes mw-hand { 0% { transform:rotate(15deg) scale(1) } 30% { transform:rotate(30deg) scale(1.15) } 60% { transform:rotate(-5deg) scale(1) } 100% { transform:rotate(20deg) scale(1.1) } }
@keyframes mw-page { 0% { transform:rotate(0) scaleX(1) } 50% { transform:rotate(-10deg) scaleX(0.8) } 100% { transform:rotate(5deg) scaleX(0.95) } }
@keyframes mw-lamp { 0% { opacity:0.7; transform:scale(0.95) } 50% { opacity:1; transform:scale(1.08) } 100% { opacity:0.8; transform:scale(1) } }

/* lunatic-warning */
.scn-lunatic-warning {
  background: linear-gradient(135deg, #c8a878 0%, #b89868 30%, #a08050 100%),
              radial-gradient(ellipse at 60% 70%, #e8d0a8 0%, transparent 60%);
}
.scn-lunatic-warning .study-wall { position:absolute; inset:0; background: linear-gradient(90deg, #b89868 0%, #a88458 50%, #b89868 100%); }
.scn-lunatic-warning .door-open { position:absolute; top:5%; left:5%; width:70px; height:130px; background: linear-gradient(180deg, #6a4e32 0%, #4a3424 100%); border-radius:4% 4% 0 0 / 8% 8% 0 0; box-shadow: 8px 0 16px rgba(0,0,0,0.3); animation: lw-door 12s ease-in-out infinite alternate; transform-origin: left center; }
.scn-lunatic-warning .narrator-seated { position:absolute; bottom:15%; left:30%; width:44px; height:70px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform:translateX(-20px) rotate(-5deg); animation: lw-narrator 8s ease-in-out infinite; }
.scn-lunatic-warning .lunatic-figure { position:absolute; bottom:15%; left:60%; width:42px; height:85px; background: linear-gradient(180deg, #7a5a3a 0%, #4a3424 50%, #2a1a0a 100%); border-radius:50% 50% 40% 40% / 50% 50% 40% 40%; transform-origin: bottom center; animation: lw-lunatic 3s ease-in-out infinite; }
.scn-lunatic-warning .pointing-arm { position:absolute; bottom:30%; left:65%; width:10px; height:36px; background: linear-gradient(180deg, #6a4a2a 0%, #4a3424 100%); border-radius:30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: lw-arm 2s ease-in-out infinite; transform:rotate(-40deg) scale(1.2); }
.scn-lunatic-warning .lamp-lw { position:absolute; top:12%; right:8%; width:24px; height:32px; background: radial-gradient(ellipse at 50% 40%, #ffe8c0 0%, #f0d0a0 40%, transparent 70%); border-radius:30% 30% 20% 20%; box-shadow: 0 0 30px 15px rgba(240,208,160,0.3); animation: lw-lamp 4s ease-in-out infinite alternate; }
.scn-lunatic-warning .picture-frame { position:absolute; top:12%; right:30%; width:30px; height:40px; border:3px solid #5a3e2e; background: linear-gradient(135deg, #a08060 0%, #8a6a4a 50%, #7a5a3a 100%); border-radius:4%; transform:rotate(2deg); box-shadow: 2px 2px 8px rgba(0,0,0,0.2); }
.scn-lunatic-warning .shadow-lw { position:absolute; bottom:0; left:0; right:0; height:12%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.3) 100%); }

@keyframes lw-door { 0% { transform:rotate(0) scaleX(1) } 50% { transform:rotate(-15deg) scaleX(0.9) } 100% { transform:rotate(0) scaleX(1) } }
@keyframes lw-narrator { 0% { transform:translateX(-20px) rotate(-5deg) } 50% { transform:translateX(-18px) rotate(-3deg) } 100% { transform:translateX(-20px) rotate(-5deg) } }
@keyframes lw-lunatic { 0% { transform:translateX(0) translateY(0) rotate(0) } 25% { transform:translateX(4px) translateY(-2px) rotate(3deg) } 50% { transform:translateX(-2px) translateY(1px) rotate(-2deg) } 75% { transform:translateX(3px) translateY(-1px) rotate(4deg) } 100% { transform:translateX(0) translateY(0) rotate(0) } }
@keyframes lw-arm { 0% { transform:rotate(-35deg) scale(1) } 25% { transform:rotate(-50deg) scale(1.1) } 50% { transform:rotate(-30deg) scale(0.95) } 75% { transform:rotate(-45deg) scale(1.05) } 100% { transform:rotate(-40deg) scale(1) } }
@keyframes lw-lamp { 0% { opacity:0.7; box-shadow: 0 0 20px 10px rgba(240,208,160,0.2) } 50% { opacity:1; box-shadow: 0 0 40px 20px rgba(240,208,160,0.4) } 100% { opacity:0.8; box-shadow: 0 0 25px 12px rgba(240,208,160,0.25) } }

/* wanganui-monuments */
.scn-wanganui-monuments {
  background: linear-gradient(180deg, #d4e4f0 0%, #b8cce0 30%, #a0b8d0 60%, #8a9eb8 100%),
              radial-gradient(ellipse at 50% 0%, #f0f8ff 0%, transparent 60%);
}
.scn-wanganui-monuments .sky-wm { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #c8d8e8 0%, #a8bcd0 100%); animation: wm-sky 30s ease-in-out infinite alternate; }
.scn-wanganui-monuments .ground-wm { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #6a7a5a 0%, #4a5a3a 50%, #3a4a2a 100%); border-radius:20% 20% 0 0 / 10% 10% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,0.3); }
.scn-wanganui-monuments .monument-stone { position:absolute; bottom:35%; left:50%; width:40px; height:80px; transform:translateX(-50%); background: linear-gradient(180deg, #e0e0d0 0%, #c0c0b0 50%, #a0a090 100%); border-radius:4% 4% 2% 2%; box-shadow: 4px 4px 12px rgba(0,0,0,0.2), inset 0 2px 6px rgba(255,255,255,0.3); }
.scn-wanganui-monuments .monument-plinth { position:absolute; bottom:30%; left:50%; width:60px; height:16px; transform:translateX(-50%); background: linear-gradient(180deg, #d0d0c0 0%, #b0b0a0 100%); border-radius:4% 4% 8% 8%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
.scn-wanganui-monuments .tree-silhouette { position:absolute; bottom:20%; right:12%; width:60px; height:100px; background: linear-gradient(180deg, #3a4a2a 0%, #2a3a1a 100%); border-radius:60% 60% 30% 30% / 80% 80% 40% 40%; transform:rotate(3deg); box-shadow: -4px 0 8px rgba(0,0,0,0.2); animation: wm-tree 15s ease-in-out infinite alternate; }
.scn-wanganui-monuments .flag-wm { position:absolute; bottom:45%; left:50%; width:20px; height:14px; transform:translateX(-50%) translateY(-50px); background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%); border-radius:0 20% 20% 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); animation: wm-flag 5s ease-in-out infinite; transform-origin: left center; }
.scn-wanganui-monuments .bird-wm { position:absolute; top:12%; left:40%; width:20px; height:8px; background: #2a3a4a; border-radius:50% 50% 50% 50% / 40% 40% 40% 40%; transform:rotate(-10deg); animation: wm-bird 20s linear infinite; }
.scn-wanganui-monuments .shadow-long { position:absolute; bottom:30%; left:40%; width:100px; height:6px; background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, transparent 100%); border-radius:50%; transform:rotate(-20deg); animation: wm-shadow 30s ease-in-out infinite alternate; }

@keyframes wm-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes wm-tree { 0% { transform:rotate(3deg) scale(1) } 50% { transform:rotate(2deg) scale(0.98) } 100% { transform:rotate(4deg) scale(1.01) } }
@keyframes wm-flag { 0% { transform:translateX(-50%) translateY(-50px) rotate(-5deg) } 50% { transform:translateX(-50%) translateY(-50px) rotate(12deg) } 100% { transform:translateX(-50%) translateY(-50px) rotate(-3deg) } }
@keyframes wm-bird { 0% { transform:translateX(-40px) translateY(0) rotate(-10deg) } 50% { transform:translateX(20vw) translateY(-20px) rotate(5deg) } 100% { transform:translateX(100vw) translateY(-10px) rotate(-5deg) } }
@keyframes wm-shadow { 0% { transform:rotate(-20deg) scaleX(1); opacity:0.5 } 50% { transform:rotate(-25deg) scaleX(1.1); opacity:0.7 } 100% { transform:rotate(-18deg) scaleX(0.95); opacity:0.4 } }

/* Scene: holwell-suffering (dim interior, dark mood) */
.scn-holwell-suffering {
  background: 
    linear-gradient(180deg, #2a1e12 0%, #1a1008 40%, #0d0804 100%),
    radial-gradient(ellipse at 30% 60%, #3a2a1a 0%, transparent 70%);
}
.scn-holwell-suffering .wall-left {
  position: absolute; left: 0; top: 0; width: 25%; height: 100%;
  background: linear-gradient(90deg, #382818 0%, #1f1208 100%);
  box-shadow: inset -6px 0 12px rgba(0,0,0,.6);
}
.scn-holwell-suffering .wall-right {
  position: absolute; right: 0; top: 0; width: 35%; height: 100%;
  background: linear-gradient(90deg, #1f1208 0%, #2a1a0e 100%);
  box-shadow: inset 6px 0 12px rgba(0,0,0,.5);
}
.scn-holwell-suffering .floor {
  position: absolute; bottom: 0; left: 25%; right: 35%; height: 20%;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a1008 100%);
  box-shadow: inset 0 8px 12px rgba(0,0,0,.7);
}
.scn-holwell-suffering .window {
  position: absolute; left: 38%; top: 18%; width: 18%; height: 30%;
  background: radial-gradient(ellipse at 50% 50%, #4a3820 0%, #2a1a0e 70%);
  border: 6px solid #1a1008;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(60,40,20,.4);
}
.scn-holwell-suffering .beam {
  position: absolute; left: 38%; top: 18%; width: 12%; height: 50%;
  background: linear-gradient(180deg, rgba(180,140,80,.08) 0%, transparent 100%);
  filter: blur(8px);
  animation: hs-beam 6s ease-in-out infinite alternate;
}
.scn-holwell-suffering .figure-holwell {
  position: absolute; left: 45%; bottom: 20%; width: 8%; height: 25%;
  background: linear-gradient(180deg, #3a2a1a 0%, #0d0804 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: hs-fig1 4s ease-in-out infinite;
}
.scn-holwell-suffering .figure-surgeon {
  position: absolute; right: 42%; bottom: 20%; width: 7%; height: 22%;
  background: linear-gradient(180deg, #4a3a2a 0%, #1a1008 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: hs-fig2 4.5s ease-in-out infinite 0.5s;
}
.scn-holwell-suffering .figure-topaz {
  position: absolute; left: 52%; bottom: 22%; width: 6%; height: 18%;
  background: linear-gradient(180deg, #2a1a0e 0%, #0d0804 100%);
  border-radius: 35% 35% 25% 25% / 45% 45% 35% 35%;
  transform-origin: bottom center;
  animation: hs-fig3 3.8s ease-in-out infinite 0.2s;
}
.scn-holwell-suffering .shadow-cast {
  position: absolute; left: 40%; bottom: 10%; width: 20%; height: 10%;
  background: rgba(0,0,0,.5);
  border-radius: 50%;
  filter: blur(6px);
  animation: hs-shadow 4.2s ease-in-out infinite;
}
@keyframes hs-beam {
  0% { opacity: 0.3; transform: scaleX(1); }
  50% { opacity: 0.6; transform: scaleX(1.1); }
  100% { opacity: 0.2; transform: scaleX(0.95); }
}
@keyframes hs-fig1 {
  0% { transform: translateX(0) rotate(0deg); }
  30% { transform: translateX(3%) rotate(4deg); }
  60% { transform: translateX(-2%) rotate(-3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hs-fig2 {
  0% { transform: translateX(0) rotate(0deg); }
  40% { transform: translateX(4%) rotate(-5deg); }
  80% { transform: translateX(-3%) rotate(3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hs-fig3 {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(2%) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes hs-shadow {
  0% { transform: scaleX(1); opacity: 0.5; }
  50% { transform: scaleX(1.3); opacity: 0.7; }
  100% { transform: scaleX(1); opacity: 0.4; }
}

/* Scene: resurrection-from-hole (dim interior, dark mood) */
.scn-resurrection-from-hole {
  background: 
    linear-gradient(180deg, #1a120e 0%, #0d0804 60%, #050302 100%),
    radial-gradient(ellipse at 50% 10%, #3a2a1a 0%, transparent 70%);
}
.scn-resurrection-from-hole .hole-rim {
  position: absolute; left: 30%; top: 20%; width: 40%; height: 8%;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a1008 100%);
  border-radius: 50%;
  box-shadow: 0 -8px 12px rgba(0,0,0,.8), inset 0 4px 6px rgba(60,40,20,.3);
}
.scn-resurrection-from-hole .hole-abyss {
  position: absolute; left: 32%; top: 28%; width: 36%; height: 45%;
  background: radial-gradient(ellipse at 50% 100%, #0d0804 0%, #000 80%);
  border-radius: 0 0 40% 40% / 0 0 60% 60%;
  box-shadow: inset 0 20px 30px rgba(0,0,0,.9);
}
.scn-resurrection-from-hole .figure-rising {
  position: absolute; left: 45%; bottom: 35%; width: 10%; height: 22%;
  background: linear-gradient(180deg, #3a2a1a 0%, #0d0804 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: rh-fig 8s ease-in-out infinite;
}
.scn-resurrection-from-hole .arm-reaching {
  position: absolute; left: 48%; bottom: 50%; width: 4%; height: 18%;
  background: linear-gradient(180deg, #2a1a0e 0%, #0d0804 100%);
  border-radius: 20%;
  transform-origin: bottom center;
  transform: rotate(15deg);
  animation: rh-arm 7s ease-in-out infinite alternate;
}
.scn-resurrection-from-hole .light-ray {
  position: absolute; left: 44%; top: 15%; width: 12%; height: 30%;
  background: linear-gradient(180deg, rgba(180,140,80,.1) 0%, transparent 100%);
  filter: blur(10px);
  animation: rh-light 6s ease-in-out infinite alternate;
}
.scn-resurrection-from-hole .dust-particle {
  position: absolute; left: 40%; top: 30%; width: 1%; height: 1%;
  background: rgba(200,180,120,.3);
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(200,180,120,.2);
  animation: rh-dust 12s linear infinite;
}
.scn-resurrection-from-hole .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #1a1008 0%, #0d0804 100%);
  box-shadow: inset 0 8px 12px rgba(0,0,0,.7);
}
.scn-resurrection-from-hole .dead-body {
  position: absolute; left: 35%; bottom: 18%; width: 12%; height: 10%;
  background: linear-gradient(180deg, #1a120e 0%, #0d0804 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform: rotate(10deg);
}
@keyframes rh-fig {
  0% { transform: translateY(0) scaleY(0.8); opacity: 0.4; }
  40% { transform: translateY(-5%) scaleY(1); opacity: 0.8; }
  80% { transform: translateY(-2%) scaleY(0.95); opacity: 0.7; }
  100% { transform: translateY(0) scaleY(0.8); opacity: 0.4; }
}
@keyframes rh-arm {
  0% { transform: rotate(10deg) scaleY(0.9); }
  50% { transform: rotate(25deg) scaleY(1.1); }
  100% { transform: rotate(10deg) scaleY(0.9); }
}
@keyframes rh-light {
  0% { opacity: 0.15; transform: scaleX(1); }
  50% { opacity: 0.35; transform: scaleX(1.2); }
  100% { opacity: 0.1; transform: scaleX(0.8); }
}
@keyframes rh-dust {
  0% { transform: translate(0,0) scale(1); opacity: 0; }
  20% { opacity: 0.8; }
  80% { opacity: 0.6; }
  100% { transform: translate(20px, -30px) scale(2); opacity: 0; }
}

/* Scene: cold-weather-myth (funny, bright interior) */
.scn-cold-weather-myth {
  background: 
    linear-gradient(135deg, #f8e8c8 0%, #e8d8b0 50%, #d8c8a0 100%),
    radial-gradient(ellipse at 70% 30%, #fff8e0 0%, transparent 60%);
}
.scn-cold-weather-myth .wall-bright {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #f0e0c0 0%, #e0d0b0 100%);
}
.scn-cold-weather-myth .officer-left {
  position: absolute; left: 18%; bottom: 22%; width: 12%; height: 28%;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 40% 40% 25% 25% / 45% 45% 35% 35%;
  transform-origin: bottom center;
  animation: cw-officer1 5s ease-in-out infinite;
}
.scn-cold-weather-myth .officer-right {
  position: absolute; right: 22%; bottom: 22%; width: 14%; height: 30%;
  background: linear-gradient(180deg, #5a4a2a 0%, #2a1a0e 100%);
  border-radius: 40% 40% 25% 25% / 45% 45% 35% 35%;
  transform-origin: bottom center;
  animation: cw-officer2 5.5s ease-in-out infinite 0.3s;
}
.scn-cold-weather-myth .thermometer {
  position: absolute; left: 50%; top: 12%; width: 6%; height: 40%;
  background: linear-gradient(180deg, #c8b090 0%, #a08060 40%, #604020 100%);
  border-radius: 20% 20% 30% 30% / 10% 10% 20% 20%;
  transform: translateX(-50%);
  box-shadow: 0 4px 8px rgba(0,0,0,.2), inset 0 4px 6px rgba(255,255,255,.3);
  animation: cw-thermo 4s ease-in-out infinite alternate;
}
.scn-cold-weather-myth .sun-clock {
  position: absolute; top: 10%; right: 15%; width: 10%; height: 10%;
  background: radial-gradient(circle, #f0d080 0%, #d0a050 100%);
  border-radius: 50%;
  box-shadow: 0 0 20px 8px rgba(240,208,128,.5);
  animation: cw-sun 8s linear infinite;
}
.scn-cold-weather-myth .map-india {
  position: absolute; left: 10%; top: 15%; width: 20%; height: 25%;
  background: linear-gradient(135deg, #b8a080 0%, #a09070 100%);
  border-radius: 10% 30% 10% 20% / 20% 30% 20% 30%;
  box-shadow: inset 0 0 12px rgba(0,0,0,.2);
  transform: rotate(-5deg);
}
.scn-cold-weather-myth .tea-steam {
  position: absolute; right: 30%; bottom: 30%; width: 4%; height: 10%;
  background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(4px);
  animation: cw-steam 3s ease-in-out infinite alternate;
}
@keyframes cw-officer1 {
  0% { transform: translateX(0) rotate(0deg); }
  40% { transform: translateX(5%) rotate(5deg); }
  70% { transform: translateX(-3%) rotate(-3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes cw-officer2 {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(-4%) rotate(-6deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes cw-thermo {
  0% { transform: translateX(-50%) scaleY(1); }
  50% { transform: translateX(-50%) scaleY(1.15); }
  100% { transform: translateX(-50%) scaleY(0.9); }
}
@keyframes cw-sun {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes cw-steam {
  0% { transform: translateY(0) scaleX(1); opacity: 0.5; }
  100% { transform: translateY(-20px) scaleX(2); opacity: 0; }
}

/* Scene: 869-forms (funny, bright interior) */
.scn-869-forms {
  background: 
    linear-gradient(180deg, #f0e0c0 0%, #e0d0b0 50%, #d8c0a0 100%),
    radial-gradient(ellipse at 80% 20%, #fff8e0 0%, transparent 60%);
}
.scn-869-forms .desk {
  position: absolute; bottom: 10%; left: 25%; right: 25%; height: 40%;
  background: linear-gradient(180deg, #c8b090 0%, #a08060 100%);
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -6px 12px rgba(0,0,0,.3), inset 0 4px 8px rgba(255,255,255,.2);
}
.scn-869-forms .papers {
  position: absolute; left: 40%; bottom: 40%; width: 25%; height: 15%;
  background: linear-gradient(135deg, #fff8e8 0%, #f0e0c0 100%);
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0,0,0,.1);
  transform: rotate(-3deg);
  animation: ef-papers 10s ease-in-out infinite;
}
.scn-869-forms .pen {
  position: absolute; left: 60%; bottom: 45%; width: 2%; height: 14%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 50% 50% 10% 10% / 60% 60% 20% 20%;
  transform: rotate(20deg);
  transform-origin: bottom left;
  animation: ef-pen 4s ease-in-out infinite alternate;
}
.scn-869-forms .window-outside {
  position: absolute; right: 8%; top: 10%; width: 25%; height: 35%;
  background: radial-gradient(ellipse at 50% 50%, #8ab8a0 0%, #5a8060 100%);
  border: 6px solid #a08060;
  border-radius: 8px;
  box-shadow: inset 0 0 20px rgba(0,0,0,.2);
}
.scn-869-forms .tree-silhouette {
  position: absolute; right: 12%; top: 12%; width: 15%; height: 28%;
  background: linear-gradient(180deg, #2a4a2a 0%, #1a2a1a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  opacity: 0.6;
  animation: ef-tree 20s ease-in-out infinite alternate;
}
.scn-869-forms .book-stack {
  position: absolute; left: 28%; bottom: 35%; width: 8%; height: 12%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a3020 100%);
  border-radius: 4px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}
.scn-869-forms .lamp {
  position: absolute; left: 20%; top: 25%; width: 6%; height: 30%;
  background: linear-gradient(180deg, #d0b090 0%, #a08060 100%);
  border-radius: 40% 40% 10% 10% / 30% 30% 15% 15%;
  transform: rotate(-10deg);
  transform-origin: bottom center;
  animation: ef-lamp 6s ease-in-out infinite alternate;
}
.scn-869-forms .shadow-869 {
  position: absolute; left: 30%; bottom: 8%; width: 40%; height: 6%;
  background: rgba(0,0,0,.2);
  border-radius: 50%;
  filter: blur(8px);
}
@keyframes ef-papers {
  0% { transform: rotate(-3deg) translateY(0); }
  50% { transform: rotate(0deg) translateY(-2px); }
  100% { transform: rotate(-3deg) translateY(0); }
}
@keyframes ef-pen {
  0% { transform: rotate(15deg); }
  50% { transform: rotate(30deg); }
  100% { transform: rotate(15deg); }
}
@keyframes ef-tree {
  0% { transform: scaleY(1); opacity: 0.6; }
  50% { transform: scaleY(1.05); opacity: 0.7; }
  100% { transform: scaleY(1); opacity: 0.6; }
}
@keyframes ef-lamp {
  0% { transform: rotate(-10deg) scaleY(1); }
  50% { transform: rotate(-5deg) scaleY(1.1); }
  100% { transform: rotate(-10deg) scaleY(1); }
}

.scn-blue-mountains {
  background:
    linear-gradient(180deg, #f7a44c 0%, #f4c56a 25%, #e0b0ff 70%, #6a8ccf 100%),
    radial-gradient(ellipse at 50% 20%, #ffd999 0%, transparent 60%),
    linear-gradient(180deg, #1a2233 0%, transparent 50%);
}
.scn-blue-mountains .sky-bm { position:absolute; inset:0 0 40% 0; background:linear-gradient(180deg, #8ab4e8 0%, transparent 100%); animation:bm-sky 14s ease-in-out infinite alternate; }
.scn-blue-mountains .sun-bm { position:absolute; top:8%; left:70%; width:60px; height:60px; background:radial-gradient(circle, #ffe680 0%, #f5a623 70%); border-radius:50%; box-shadow:0 0 40px 20px #f5a623, 0 0 80px 40px rgba(245,166,35,.3); animation:bm-sun 5s ease-in-out infinite alternate; }
.scn-blue-mountains .mtn-back { position:absolute; bottom:30%; left:0; right:0; height:35%; background:linear-gradient(180deg, #7088b0 0%, #3a5a80 100%); border-radius:30% 40% 0 0 / 60% 70% 0 0; animation:bm-mtn 20s ease-in-out infinite alternate; }
.scn-blue-mountains .mtn-mid { position:absolute; bottom:25%; left:-5%; width:110%; height:30%; background:linear-gradient(180deg, #506a90 0%, #2a4060 100%); border-radius:20% 30% 0 0 / 40% 50% 0 0; animation:bm-mtn 25s ease-in-out infinite alternate-reverse; }
.scn-blue-mountains .mtn-front { position:absolute; bottom:20%; left:-10%; width:120%; height:25%; background:linear-gradient(180deg, #3a5080 0%, #1a2a50 100%); border-radius:50% 30% 0 0 / 70% 40% 0 0; animation:bm-mtn 30s ease-in-out infinite alternate; }
.scn-blue-mountains .pile-a { position:absolute; bottom:28%; left:15%; width:22px; height:16px; background:radial-gradient(ellipse at 50% 100%, #4a5a3a 0%, #2a3a1a 100%); border-radius:50%; animation:bm-pile 4s ease-in-out infinite; }
.scn-blue-mountains .pile-b { position:absolute; bottom:30%; left:60%; width:18px; height:12px; background:radial-gradient(ellipse at 50% 100%, #4a5a3a 0%, #2a3a1a 100%); border-radius:50%; animation:bm-pile 5s ease-in-out infinite 1s; }
.scn-blue-mountains .cloud-bm { position:absolute; width:70px; height:16px; background:linear-gradient(180deg, rgba(255,255,240,.5) 0%, rgba(255,255,240,.1) 100%); border-radius:50%; filter:blur(5px); }
.scn-blue-mountains .cloud-a { top:12%; left:-10%; animation:bm-drift-a 40s linear infinite; }
.scn-blue-mountains .cloud-b { top:20%; left:20%; animation:bm-drift-b 55s linear infinite reverse; }
@keyframes bm-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.75} }
@keyframes bm-sun { 0%{transform:scale(.9) translateY(0); box-shadow:0 0 30px 15px #f5a623} 50%{transform:scale(1.05) translateY(-4px); box-shadow:0 0 50px 25px #f5a623} 100%{transform:scale(.95) translateY(2px); box-shadow:0 0 35px 18px #f5a623} }
@keyframes bm-mtn { 0%{transform:translateY(0)} 50%{transform:translateY(-5px)} 100%{transform:translateY(2px)} }
@keyframes bm-pile { 0%{transform:translateY(0) scale(1)} 50%{transform:translateY(-2px) scale(1.03)} 100%{transform:translateY(0) scale(1)} }
@keyframes bm-drift-a { 0%{transform:translateX(-80px)} 100%{transform:translateX(120vw)} }
@keyframes bm-drift-b { 0%{transform:translateX(0)} 100%{transform:translateX(-130vw)} }

.scn-station-breakfast {
  background:
    linear-gradient(180deg, #f7e8c4 0%, #e8d5a0 40%, #d4b87a 100%),
    radial-gradient(ellipse at 50% 100%, #f7e8c4 0%, transparent 70%);
}
.scn-station-breakfast .wall-sb { position:absolute; inset:0 0 30% 0; background:linear-gradient(180deg, #e8d5a0 0%, #d4b87a 100%); animation:sb-wall 10s ease-in-out infinite alternate; }
.scn-station-breakfast .floor-sb { position:absolute; bottom:0; left:0; right:0; height:30%; background:linear-gradient(180deg, #b8a070 0%, #967850 100%); }
.scn-station-breakfast .table-sb { position:absolute; bottom:25%; left:50%; width:70%; height:8%; transform:translateX(-50%); background:linear-gradient(180deg, #c8a070 0%, #a08060 100%); border-radius:4px; box-shadow:0 -4px 8px rgba(0,0,0,.2); }
.scn-station-breakfast .cup-sb { position:absolute; bottom:32%; left:40%; width:14px; height:20px; background:linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 100%); border-radius:0 0 4px 4px; border:2px solid #aaa; box-shadow:inset 0 2px 4px #fff, inset 0 -2px 4px #888; }
.scn-station-breakfast .steam-sb { position:absolute; bottom:40%; left:42%; width:6px; height:30px; background:linear-gradient(180deg, rgba(255,255,255,.6) 0%, transparent 100%); border-radius:50%; filter:blur(3px); animation:sb-steam 2.5s ease-in-out infinite; }
.scn-station-breakfast .plate-sb { position:absolute; bottom:28%; left:55%; width:30px; height:6px; background:radial-gradient(ellipse at 50% 50%, #f0ece0 0%, #d0c8b0 100%); border-radius:50%; box-shadow:0 -1px 2px #aaa; }
.scn-station-breakfast .waiter-sb { position:absolute; bottom:20%; left:20%; width:20px; height:44px; background:linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation:sb-walk 6s ease-in-out infinite; }
.scn-station-breakfast .window-sb { position:absolute; top:10%; left:5%; width:80px; height:100px; background:linear-gradient(180deg, #c0d8f0 0%, #90b0d0 100%); border:4px solid #8a6a4a; border-radius:4px; box-shadow:inset 0 0 20px rgba(255,255,200,.5); }
.scn-station-breakfast .light-sb { position:absolute; top:10%; left:5%; width:80px; height:100px; background:linear-gradient(180deg, rgba(255,255,200,.2) 0%, transparent 100%); filter:blur(8px); animation:sb-light 4s ease-in-out infinite alternate; }
@keyframes sb-wall { 0%{opacity:.9} 50%{opacity:1} 100%{opacity:.85} }
@keyframes sb-steam { 0%{transform:translateY(0) scale(1); opacity:.6} 50%{transform:translateY(-15px) scale(1.5); opacity:.2} 100%{transform:translateY(0) scale(1); opacity:.6} }
@keyframes sb-walk { 0%{transform:translateX(0) rotate(-1deg)} 25%{transform:translateX(8px) rotate(1deg)} 50%{transform:translateX(16px) rotate(0)} 75%{transform:translateX(24px) rotate(-1deg)} 100%{transform:translateX(32px) rotate(0)} }
@keyframes sb-light { 0%{opacity:.5} 100%{opacity:1} }

.scn-gum-tree-plains {
  background:
    linear-gradient(180deg, #f0e68c 0%, #f5deb3 30%, #87ceeb 70%, #4682b4 100%),
    radial-gradient(ellipse at 50% 100%, #f5deb3 0%, transparent 70%);
}
.scn-gum-tree-plains .sky-gt { position:absolute; inset:0 0 40% 0; background:linear-gradient(180deg, #87ceeb 0%, transparent 100%); animation:gt-sky 12s ease-in-out infinite alternate; }
.scn-gum-tree-plains .sun-gt { position:absolute; top:10%; left:80%; width:50px; height:50px; background:radial-gradient(circle, #fff8c0 0%, #f5a623 70%); border-radius:50%; box-shadow:0 0 30px 15px #f5a623; animation:gt-sun 6s ease-in-out infinite alternate; }
.scn-gum-tree-plains .plains-gt { position:absolute; bottom:0; left:0; right:0; height:50%; background:linear-gradient(180deg, #8fbc8f 0%, #6b8e23 100%); border-radius:20% 20% 0 0 / 30% 30% 0 0; }
.scn-gum-tree-plains .tree-a { position:absolute; bottom:35%; left:20%; width:16px; height:80px; background:linear-gradient(180deg, #8b7d6b 0%, #5c4a36 100%); border-radius:4px 4px 0 0; transform-origin:bottom center; animation:gt-tree 15s ease-in-out infinite; }
.scn-gum-tree-plains .tree-a::after { content:''; position:absolute; top:0; left:-10px; width:36px; height:40px; background:radial-gradient(ellipse at 50% 100%, #2e6b2e 0%, #1a4a1a 100%); border-radius:50% 50% 20% 20%; }
.scn-gum-tree-plains .tree-b { position:absolute; bottom:32%; left:60%; width:14px; height:70px; background:linear-gradient(180deg, #8b7d6b 0%, #5c4a36 100%); border-radius:4px 4px 0 0; transform-origin:bottom center; animation:gt-tree 18s ease-in-out infinite 2s; }
.scn-gum-tree-plains .tree-b::after { content:''; position:absolute; top:0; left:-8px; width:30px; height:34px; background:radial-gradient(ellipse at 50% 100%, #2e6b2e 0%, #1a4a1a 100%); border-radius:50% 50% 20% 20%; }
.scn-gum-tree-plains .cabin-gt { position:absolute; bottom:28%; left:42%; width:40px; height:30px; background:linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius:4px; box-shadow:0 2px 6px rgba(0,0,0,.3); }
.scn-gum-tree-plains .kids-gt { position:absolute; bottom:20%; left:44%; width:12px; height:16px; background:linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius:50% 50% 40% 40%; animation:gt-kids 5s ease-in-out infinite; }
.scn-gum-tree-plains .cloud-gt { position:absolute; width:80px; height:18px; background:linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 100%); border-radius:50%; filter:blur(6px); }
.scn-gum-tree-plains .c1 { top:15%; left:-15%; animation:gt-drift-a 45s linear infinite; }
.scn-gum-tree-plains .c2 { top:25%; left:30%; animation:gt-drift-b 60s linear infinite reverse; }
@keyframes gt-sky { 0%{opacity:.85} 50%{opacity:1} 100%{opacity:.8} }
@keyframes gt-sun { 0%{transform:translateY(0) scale(.95)} 50%{transform:translateY(-3px) scale(1.05)} 100%{transform:translateY(2px) scale(.95)} }
@keyframes gt-tree { 0%{transform:rotate(-1deg)} 50%{transform:rotate(1deg)} 100%{transform:rotate(-1deg)} }
@keyframes gt-kids { 0%{transform:translateY(0)} 50%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
@keyframes gt-drift-a { 0%{transform:translateX(-100px)} 100%{transform:translateX(120vw)} }
@keyframes gt-drift-b { 0%{transform:translateX(0)} 100%{transform:translateX(-140vw)} }

.scn-no-kangaroos {
  background:
    linear-gradient(180deg, #f0e68c 0%, #f5deb3 25%, #b0c4de 60%, #4682b4 100%),
    radial-gradient(ellipse at 50% 100%, #f5deb3 0%, transparent 70%);
}
.scn-no-kangaroos .sky-nk { position:absolute; inset:0 0 35% 0; background:linear-gradient(180deg, #b0c4de 0%, transparent 100%); animation:nk-sky 14s ease-in-out infinite alternate; }
.scn-no-kangaroos .sun-nk { position:absolute; top:12%; left:75%; width:55px; height:55px; background:radial-gradient(circle, #fffacd 0%, #f0a030 70%); border-radius:50%; box-shadow:0 0 35px 15px #f0a030; animation:nk-sun 7s ease-in-out infinite alternate; }
.scn-no-kangaroos .outback-nk { position:absolute; bottom:0; left:0; right:0; height:60%; background:linear-gradient(180deg, #d2b48c 0%, #a08060 100%); border-radius:30% 30% 0 0 / 50% 50% 0 0; }
.scn-no-kangaroos .bird-a { position:absolute; top:20%; left:30%; width:20px; height:16px; background:linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius:80% 0 0 80%; transform:rotate(-20deg); animation:nk-bird 8s ease-in-out infinite; }
.scn-no-kangaroos .bird-a::after { content:''; position:absolute; top:0; right:-8px; width:12px; height:10px; background:linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius:0 80% 80% 0; }
.scn-no-kangaroos .bird-b { position:absolute; top:18%; left:45%; width:18px; height:14px; background:linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%); border-radius:70% 0 0 70%; transform:rotate(-15deg); animation:nk-bird 9s ease-in-out infinite 2s; }
.scn-no-kangaroos .bird-b::after { content:''; position:absolute; top:0; right:-7px; width:10px; height:9px; background:linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%); border-radius:0 70% 70% 0; }
.scn-no-kangaroos .traveler-nk { position:absolute; bottom:22%; left:35%; width:18px; height:40px; background:linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation:nk-walk 6s ease-in-out infinite; }
.scn-no-kangaroos .signpost-nk { position:absolute; bottom:20%; left:60%; width:4px; height:30px; background:#6a4a3a; border-radius:1px; animation:nk-sign 10s ease-in-out infinite alternate; }
.scn-no-kangaroos .signpost-nk::after { content:''; position:absolute; top:0; left:-12px; width:28px; height:6px; background:#8a6a4a; border-radius:2px; }
.scn-no-kangaroos .cloud-nk { position:absolute; width:70px; height:16px; background:linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.05) 100%); border-radius:50%; filter:blur(5px); }
.scn-no-kangaroos .d1 { top:10%; left:-20%; animation:nk-drift-a 50s linear infinite; }
.scn-no-kangaroos .d2 { top:18%; left:40%; animation:nk-drift-b 65s linear infinite reverse; }
@keyframes nk-sky { 0%{opacity:.8} 50%{opacity:1} 100%{opacity:.75} }
@keyframes nk-sun { 0%{transform:scale(.9) translateY(0)} 50%{transform:scale(1.05) translateY(-3px)} 100%{transform:scale(.95) translateY(2px)} }
@keyframes nk-bird { 0%{transform:translateX(0) rotate(-20deg)} 25%{transform:translateX(20px) rotate(-15deg)} 50%{transform:translateX(40px) rotate(-20deg)} 75%{transform:translateX(60px) rotate(-15deg)} 100%{transform:translateX(80px) rotate(-20deg)} }
@keyframes nk-walk { 0%{transform:translateX(0) rotate(-1deg)} 25%{transform:translateX(8px) rotate(1deg)} 50%{transform:translateX(16px) rotate(0)} 75%{transform:translateX(24px) rotate(-1deg)} 100%{transform:translateX(32px) rotate(0)} }
@keyframes nk-sign { 0%{transform:rotate(-3deg)} 50%{transform:rotate(3deg)} 100%{transform:rotate(-2deg)} }
@keyframes nk-drift-a { 0%{transform:translateX(-100px)} 100%{transform:translateX(130vw)} }
@keyframes nk-drift-b { 0%{transform:translateX(0)} 100%{transform:translateX(-150vw)} }

/* scene: english-as-she-taught */
.scn-english-as-she-taught {
  background: 
    linear-gradient(135deg, #fdebd0 0%, #f5d6a8 40%, #e6c28c 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e7 0%, transparent 60%);
}
.scn-english-as-she-taught .wall {
  position: absolute; inset: 0; 
  background: linear-gradient(180deg, #f7e9d7 0%, #eed7b5 100%);
  animation: es1-wall-pulse 12s ease-in-out infinite alternate;
}
.scn-english-as-she-taught .blackboard {
  position: absolute; top: 8%; left: 20%; right: 20%; bottom: 45%;
  background: linear-gradient(135deg, #3a4a3a 0%, #1e2e1e 100%);
  border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.3);
}
.scn-english-as-she-taught .desk {
  position: absolute; bottom: 18%; left: 25%; width: 40%; height: 18%;
  background: linear-gradient(180deg, #b78a5f 0%, #8b5e3c 100%);
  border-radius: 4px 4px 8px 8px; 
  transform: perspective(400px) rotateX(6deg);
  box-shadow: 0 6px 10px rgba(0,0,0,.2);
}
.scn-english-as-she-taught .chair {
  position: absolute; bottom: 8%; left: 38%; width: 14%; height: 16%;
  background: linear-gradient(180deg, #a07048 0%, #784828 100%);
  border-radius: 4px 4px 20% 20%;
  transform: perspective(300px) rotateX(8deg);
  animation: es1-chair 5s ease-in-out infinite;
}
.scn-english-as-she-taught .student {
  position: absolute; bottom: 22%; left: 42%; width: 12%; height: 28%;
  background: linear-gradient(180deg, #8b6b4a 0%, #5a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: es1-student-bob 3s ease-in-out infinite alternate;
}
.scn-english-as-she-taught .book {
  position: absolute; bottom: 28%; left: 32%; width: 10%; height: 6%;
  background: linear-gradient(135deg, #d4a76a 0%, #b08050 100%);
  border-radius: 2px;
  transform: rotate(-12deg);
  animation: es1-book-flip 4s ease-in-out infinite;
}
.scn-english-as-she-taught .chalk-dust {
  position: absolute; top: 18%; left: 30%; width: 20%; height: 10%;
  background: radial-gradient(ellipse, rgba(255,255,240,.6) 0%, transparent 70%);
  filter: blur(8px);
  animation: es1-dust-drift 20s linear infinite;
}
@keyframes es1-wall-pulse {
  0% { opacity: .9; } 50% { opacity: 1; } 100% { opacity: .92; }
}
@keyframes es1-chair {
  0% { transform: perspective(300px) rotateX(8deg) translateY(0); }
  50% { transform: perspective(300px) rotateX(5deg) translateY(-2px); }
  100% { transform: perspective(300px) rotateX(8deg) translateY(0); }
}
@keyframes es1-student-bob {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes es1-book-flip {
  0% { transform: rotate(-12deg) scaleX(1); }
  25% { transform: rotate(-8deg) scaleX(1.02); }
  50% { transform: rotate(8deg) scaleX(0.98); }
  75% { transform: rotate(4deg) scaleX(1); }
  100% { transform: rotate(-12deg) scaleX(1); }
}
@keyframes es1-dust-drift {
  0% { transform: translate(0,0) scale(1); opacity: .3; }
  50% { transform: translate(30px,-10px) scale(1.2); opacity: .6; }
  100% { transform: translate(60px,-20px) scale(0.8); opacity: 0; }
}

/* scene: schoolboy-history */
.scn-schoolboy-history {
  background:
    linear-gradient(180deg, #fce4c8 0%, #f2d0a8 50%, #e0b88a 100%),
    radial-gradient(ellipse at 30% 20%, #fff5e0 0%, transparent 60%);
}
.scn-schoolboy-history .wall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #f7e4cc 0%, #edd4b0 100%);
  animation: sh1-wall-flicker 15s ease-in-out infinite alternate;
}
.scn-schoolboy-history .desk {
  position: absolute; bottom: 16%; left: 22%; width: 44%; height: 20%;
  background: linear-gradient(180deg, #c99b6a 0%, #9a6e40 100%);
  border-radius: 6px 6px 12px 12px;
  transform: perspective(400px) rotateX(5deg);
  box-shadow: 0 8px 14px rgba(0,0,0,.2);
}
.scn-schoolboy-history .student {
  position: absolute; bottom: 22%; left: 44%; width: 10%; height: 24%;
  background: linear-gradient(180deg, #937052 0%, #5a3f2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sh1-student-think 4s ease-in-out infinite alternate;
}
.scn-schoolboy-history .crown {
  position: absolute; bottom: 40%; left: 46%; width: 8%; height: 6%;
  background: radial-gradient(ellipse, #f0c860 0%, #c89830 70%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 0 12px rgba(200,150,48,.4);
  animation: sh1-crown-wobble 2s ease-in-out infinite;
}
.scn-schoolboy-history .coins {
  position: absolute; bottom: 32%; left: 30%; width: 20%; height: 8%;
  background: radial-gradient(ellipse at 50% 50%, #f5d080 0%, transparent 60%);
  filter: blur(3px);
  animation: sh1-coins-spin 6s linear infinite;
}
.scn-schoolboy-history .ship {
  position: absolute; bottom: 30%; left: 28%; width: 12%; height: 8%;
  background: linear-gradient(180deg, #b08050 0%, #6a4020 100%);
  border-radius: 0 0 40% 40% / 0 0 80% 80%;
  transform: rotate(-8deg);
  animation: sh1-ship-rock 7s ease-in-out infinite;
}
.scn-schoolboy-history .thought-cloud {
  position: absolute; top: 14%; left: 50%; width: 18%; height: 14%;
  background: radial-gradient(ellipse, rgba(255,255,240,.5) 0%, transparent 70%);
  filter: blur(10px);
  animation: sh1-thought-drift 12s ease-in-out infinite alternate;
}
@keyframes sh1-wall-flicker {
  0% { opacity: .9; } 30% { opacity: 1; } 70% { opacity: .93; } 100% { opacity: .9; }
}
@keyframes sh1-student-think {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(4deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sh1-crown-wobble {
  0% { transform: rotate(-5deg) translateY(0); }
  30% { transform: rotate(8deg) translateY(-2px); }
  70% { transform: rotate(-3deg) translateY(1px); }
  100% { transform: rotate(-5deg) translateY(0); }
}
@keyframes sh1-coins-spin {
  0% { transform: translateX(0) rotate(0deg); opacity: .3; }
  50% { transform: translateX(20px) rotate(180deg); opacity: .7; }
  100% { transform: translateX(40px) rotate(360deg); opacity: .2; }
}
@keyframes sh1-ship-rock {
  0% { transform: rotate(-8deg) translateX(0); }
  50% { transform: rotate(6deg) translateX(3px); }
  100% { transform: rotate(-8deg) translateX(0); }
}
@keyframes sh1-thought-drift {
  0% { transform: translate(-10px,0) scale(1); }
  50% { transform: translate(10px,-5px) scale(1.1); }
  100% { transform: translate(-10px,0) scale(1); }
}

/* scene: puritan-asylum */
.scn-puritan-asylum {
  background:
    linear-gradient(180deg, #d7e3ec 0%, #b6c9d4 40%, #8ba3af 100%),
    radial-gradient(ellipse at 40% 30%, #eaf3f8 0%, transparent 60%);
}
.scn-puritan-asylum .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #c8dae6 0%, #b2c8d6 100%);
  animation: pa1-sky 20s ease-in-out infinite alternate;
}
.scn-puritan-asylum .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 32%;
  background: linear-gradient(180deg, #7a9a6a 0%, #4a6e3a 100%);
  border-radius: 20% 20% 0 0 / 40% 40% 0 0;
}
.scn-puritan-asylum .building {
  position: absolute; bottom: 22%; left: 28%; width: 44%; height: 48%;
  background: linear-gradient(180deg, #a08060 0%, #6a5030 100%);
  border-radius: 6% 6% 2% 2%;
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
}
.scn-puritan-asylum .window {
  position: absolute; bottom: 44%; left: 40%; width: 10%; height: 14%;
  background: radial-gradient(ellipse, #6a6a5a 0%, #3a3a2a 100%);
  border: 2px solid #4a3a2a;
  border-radius: 4px;
  animation: pa1-window-blink 6s ease-in-out infinite;
}
.scn-puritan-asylum .door {
  position: absolute; bottom: 10%; left: 46%; width: 12%; height: 24%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%);
  border-radius: 4px 4px 0 0;
  transform-origin: left center;
  animation: pa1-door-creak 10s ease-in-out infinite;
}
.scn-puritan-asylum .puritan-figure {
  position: absolute; bottom: 20%; left: 20%; width: 8%; height: 28%;
  background: linear-gradient(180deg, #2a2a3a 0%, #10101a 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  animation: pa1-walk 7s ease-in-out infinite alternate;
}
.scn-puritan-asylum .tree {
  position: absolute; bottom: 28%; right: 18%; width: 16%; height: 40%;
  background: linear-gradient(180deg, #4a6a3a 0%, #2a3a1a 100%);
  border-radius: 60% 40% 20% 20% / 40% 60% 40% 30%;
  animation: pa1-tree-sway 15s ease-in-out infinite alternate;
}
@keyframes pa1-sky {
  0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .85; }
}
@keyframes pa1-window-blink {
  0% { opacity: .7; box-shadow: inset 0 0 6px rgba(0,0,0,.3); }
  40% { opacity: 1; box-shadow: inset 0 0 10px rgba(0,0,0,.1); }
  60% { opacity: .9; box-shadow: inset 0 0 8px rgba(0,0,0,.2); }
  100% { opacity: .7; box-shadow: inset 0 0 6px rgba(0,0,0,.3); }
}
@keyframes pa1-door-creak {
  0% { transform: rotateY(0deg); }
  30% { transform: rotateY(2deg); }
  60% { transform: rotateY(-1deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes pa1-walk {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(8px) translateY(-2px) rotate(3deg); }
  50% { transform: translateX(16px) translateY(0) rotate(0deg); }
  75% { transform: translateX(24px) translateY(-2px) rotate(-3deg); }
  100% { transform: translateX(32px) translateY(0) rotate(0deg); }
}
@keyframes pa1-tree-sway {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-2deg); }
}

/* scene: gorilla-warfare */
.scn-gorilla-warfare {
  background:
    linear-gradient(180deg, #f5e8d3 0%, #e3d0b0 50%, #ceb48a 100%),
    radial-gradient(ellipse at 50% 0%, #fff8ee 0%, transparent 70%);
}
.scn-gorilla-warfare .classroom-wall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #f2dfc8 0%, #e2ccab 100%);
  animation: gw1-wall-shake 20s ease-in-out infinite alternate;
}
.scn-gorilla-warfare .blackboard {
  position: absolute; top: 6%; left: 15%; right: 15%; bottom: 48%;
  background: linear-gradient(135deg, #2a3a2a 0%, #1a2a1a 100%);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}
.scn-gorilla-warfare .chalk-ledge {
  position: absolute; bottom: 48%; left: 15%; right: 15%; height: 3%;
  background: linear-gradient(180deg, #a08060 0%, #785840 100%);
  border-radius: 0 0 4px 4px;
}
.scn-gorilla-warfare .gorilla {
  position: absolute; bottom: 20%; left: 30%; width: 30%; height: 40%;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a0e0e 100%);
  border-radius: 40% 40% 50% 50% / 60% 60% 50% 50%;
  animation: gw1-gorilla-gallop 4s ease-in-out infinite;
}
.scn-gorilla-warfare .rider {
  position: absolute; bottom: 48%; left: 40%; width: 8%; height: 14%;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a1a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: gw1-rider-bounce 4s ease-in-out infinite;
}
.scn-gorilla-warfare .saddle {
  position: absolute; bottom: 44%; left: 41%; width: 8%; height: 4%;
  background: linear-gradient(180deg, #8a5a3a 0%, #5a3020 100%);
  border-radius: 30%;
}
.scn-gorilla-warfare .banana {
  position: absolute; bottom: 58%; right: 25%; width: 6%; height: 10%;
  background: linear-gradient(135deg, #f5d080 0%, #e0b050 100%);
  border-radius: 60% 60% 20% 20% / 80% 80% 30% 30%;
  transform: rotate(30deg);
  animation: gw1-banana-fly 5s linear infinite;
}
.scn-gorilla-warfare .chalk-dust {
  position: absolute; top: 8%; left: 20%; width: 40%; height: 20%;
  background: radial-gradient(ellipse, rgba(255,255,240,.5) 0%, transparent 70%);
  filter: blur(12px);
  animation: gw1-dust-swirl 25s linear infinite;
}
@keyframes gw1-wall-shake {
  0% { transform: translateX(0); opacity: .9; }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); opacity: 1; }
  75% { transform: translateX(-1px); }
  100% { transform: translateX(0); opacity: .9; }
}
@keyframes gw1-gorilla-gallop {
  0% { transform: translateY(0) scaleX(1); }
  25% { transform: translateY(-4px) scaleX(1.02); }
  50% { transform: translateY(0) scaleX(1); }
  75% { transform: translateY(-3px) scaleX(0.98); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes gw1-rider-bounce {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-6px) rotate(5deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-4px) rotate(-4deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes gw1-banana-fly {
  0% { transform: rotate(30deg) translateX(0) translateY(0); opacity: .9; }
  50% { transform: rotate(140deg) translateX(-40px) translateY(-30px); opacity: .7; }
  100% { transform: rotate(360deg) translateX(-80px) translateY(-60px); opacity: 0; }
}
@keyframes gw1-dust-swirl {
  0% { transform: translate(0,0) scale(1) rotate(0deg); opacity: .2; }
  50% { transform: translate(30px,-20px) scale(1.3) rotate(20deg); opacity: .5; }
  100% { transform: translate(60px,-40px) scale(0.8) rotate(40deg); opacity: 0; }
}

.scn-india-start {
  background: 
    linear-gradient(180deg, #f8f0dc 0%, #e8dcc4 50%, #c8b89a 100%),
    radial-gradient(ellipse at 50% 30%, #f0e8d0 0%, transparent 70%);
}
.scn-india-start .window { position:absolute; top:5%; left:10%; width:35%; height:45%; background: linear-gradient(180deg, #b8d8e8 0%, #e0f0f8 100%); border-radius:8% 8% 4% 4%; border:6px solid #6a5a4a; box-shadow: inset 0 0 20px rgba(255,255,255,.3), 0 4px 12px rgba(0,0,0,.15); animation: is-window 12s ease-in-out infinite alternate; }
.scn-india-start .sky { position:absolute; top:8%; left:13%; width:29%; height:36%; background: linear-gradient(180deg, #a0c0e0 0%, #c0d8f0 100%); border-radius:6px; opacity:.6; animation: is-sky 10s ease-in-out infinite alternate; }
.scn-india-start .desk { position:absolute; bottom:15%; left:25%; width:50%; height:30%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:4% 4% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.scn-india-start .book { position:absolute; bottom:28%; left:35%; width:14%; height:16%; background: linear-gradient(180deg, #c8a878 0%, #a88858 100%); border-radius:4% 8% 8% 4%; transform:rotate(-5deg); box-shadow: 2px 2px 6px rgba(0,0,0,.2); animation: is-book 8s ease-in-out infinite alternate; }
.scn-india-start .globe { position:absolute; bottom:30%; right:20%; width:12%; height:12%; background: radial-gradient(circle at 40% 30%, #7ab8a0 0%, #4a8a70 70%); border-radius:50%; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: is-globe 20s linear infinite; }
.scn-india-start .lamp { position:absolute; bottom:32%; left:18%; width:8%; height:20%; background: linear-gradient(180deg, #d0b060 0%, #b09040 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 0 20px 6px rgba(200,160,80,.4); animation: is-lamp 4s ease-in-out infinite alternate; }
.scn-india-start .figure { position:absolute; bottom:14%; left:40%; width:10%; height:25%; background: linear-gradient(180deg, #c8b89a 0%, #a8987a 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: is-figure 6s ease-in-out infinite; }
.scn-india-start .dust { position:absolute; top:20%; left:20%; width:100%; height:80%; opacity:.3; background: radial-gradient(circle 2px, #f0e8d0 0%, transparent 100%); animation: is-dust 15s linear infinite; }
@keyframes is-window  { 0% { transform: scaleY(1) translateY(0) } 50% { transform: scaleY(1.02) translateY(-1px) } 100% { transform: scaleY(1) translateY(0) } }
@keyframes is-sky    { 0% { opacity:.4; transform: translate(0,0) } 50% { opacity:.7; transform: translate(3px, -2px) } 100% { opacity:.5; transform: translate(1px,1px) } }
@keyframes is-book   { 0% { transform: rotate(-5deg) } 50% { transform: rotate(-3deg) scale(1.02) } 100% { transform: rotate(-6deg) } }
@keyframes is-globe  { 0% { transform: rotate(0deg) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } }
@keyframes is-lamp   { 0% { box-shadow: 0 0 20px 6px rgba(200,160,80,.3); } 50% { box-shadow: 0 0 30px 10px rgba(200,160,80,.6); } 100% { box-shadow: 0 0 20px 6px rgba(200,160,80,.4); } }
@keyframes is-figure { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes is-dust   { 0% { transform: translateY(0) } 50% { transform: translateY(-10px) } 100% { transform: translateY(0) } }

.scn-thug-origins {
  background: 
    linear-gradient(180deg, #b8a090 0%, #a09080 40%, #7a6a5a 100%),
    radial-gradient(ellipse at 50% 70%, #c0a890 0%, transparent 80%);
}
.scn-thug-origins .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:20% 20% 0 0; }
.scn-thug-origins .wall { position:absolute; top:0; left:0; right:0; bottom:35%; background: linear-gradient(180deg, #c8b8a0 0%, #a89880 100%); }
.scn-thug-origins .doorway { position:absolute; bottom:20%; left:30%; width:25%; height:70%; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius:10% 10% 0 0; box-shadow: inset 0 0 30px rgba(0,0,0,.5); animation: to-door 15s ease-in-out infinite alternate; }
.scn-thug-origins .figure { position:absolute; bottom:22%; left:38%; width:12%; height:30%; background: linear-gradient(180deg, #1a0a0a 0%, #0a0505 100%); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: to-figure 8s ease-in-out infinite; }
.scn-thug-origins .dagger { position:absolute; bottom:24%; left:44%; width:4%; height:16%; background: linear-gradient(180deg, #8a7060 0%, #5a4a3a 100%); border-radius:20% 20% 40% 40%; transform:rotate(15deg); box-shadow: 0 2px 4px rgba(0,0,0,.4); animation: to-dagger 4s ease-in-out infinite alternate; }
.scn-thug-origins .shadow { position:absolute; bottom:10%; left:20%; width:40%; height:20%; background: radial-gradient(ellipse, rgba(30,20,10,.6) 0%, transparent 70%); animation: to-shadow 12s ease-in-out infinite alternate; }
.scn-thug-origins .curtains { position:absolute; top:5%; left:0; width:20%; height:95%; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius:0 40% 40% 0; box-shadow: 4px 0 10px rgba(0,0,0,.3); animation: to-curtains 6s ease-in-out infinite alternate; }
@keyframes to-door   { 0% { transform: scaleX(1) } 50% { transform: scaleX(0.95) } 100% { transform: scaleX(1) } }
@keyframes to-figure { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-4px) rotate(3deg) scale(1.02) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes to-dagger { 0% { transform: rotate(15deg) translate(0,0) } 50% { transform: rotate(20deg) translate(2px,-2px) } 100% { transform: rotate(12deg) translate(0,0) } }
@keyframes to-shadow { 0% { opacity:.4; transform: scaleX(.8) } 50% { opacity:.6; transform: scaleX(1.1) } 100% { opacity:.4; transform: scaleX(.9) } }
@keyframes to-curtains { 0% { transform: translateX(0) } 50% { transform: translateX(-5px) } 100% { transform: translateX(0) } }

.scn-thug-book {
  background: 
    linear-gradient(180deg, #f0e8d0 0%, #e0d8c0 40%, #c8b8a0 100%),
    radial-gradient(ellipse at 50% 40%, #f8f0e0 0%, transparent 70%);
}
.scn-thug-book .desk { position:absolute; bottom:10%; left:10%; width:80%; height:30%; background: linear-gradient(180deg, #9a8a6a 0%, #7a6a5a 100%); border-radius:4% 4% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,.15); }
.scn-thug-book .book { position:absolute; bottom:20%; left:30%; width:30%; height:22%; background: linear-gradient(180deg, #c8a878 0%, #a88858 100%); border-radius:4% 8% 8% 4%; transform:rotate(-3deg); box-shadow: 2px 2px 6px rgba(0,0,0,.2); animation: tb-book 10s ease-in-out infinite alternate; }
.scn-thug-book .quill { position:absolute; bottom:28%; left:62%; width:4%; height:20%; background: linear-gradient(180deg, #e0d0c0 0%, #b0a090 100%); border-radius:20% 20% 40% 40%; transform:rotate(-20deg); animation: tb-quill 5s ease-in-out infinite alternate; }
.scn-thug-book .candle { position:absolute; bottom:32%; left:20%; width:6%; height:18%; background: linear-gradient(180deg, #f0e0b0 0%, #d0b060 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 20px 6px rgba(200,160,80,.4); animation: tb-candle 4s ease-in-out infinite alternate; }
.scn-thug-book .glasses { position:absolute; bottom:22%; left:42%; width:12%; height:8%; background: radial-gradient(circle, transparent 40%, #5a4a3a 42%, #5a4a3a 48%, transparent 50%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: tb-glasses 12s linear infinite; }
.scn-thug-book .dust { position:absolute; top:10%; left:10%; width:80%; height:80%; opacity:.2; background: radial-gradient(circle 1px, #e0d0b0 0%, transparent 100%); animation: tb-dust 20s linear infinite; }
@keyframes tb-book   { 0% { transform: rotate(-3deg) } 50% { transform: rotate(0deg) scale(1.01) } 100% { transform: rotate(-4deg) } }
@keyframes tb-quill  { 0% { transform: rotate(-20deg) translate(0,0) } 50% { transform: rotate(-15deg) translate(2px,-2px) } 100% { transform: rotate(-22deg) translate(0,0) } }
@keyframes tb-candle { 0% { box-shadow: 0 0 20px 6px rgba(200,160,80,.3); transform: scaleY(1) } 50% { box-shadow: 0 0 30px 10px rgba(200,160,80,.6); transform: scaleY(1.05) } 100% { box-shadow: 0 0 20px 6px rgba(200,160,80,.4); transform: scaleY(1) } }
@keyframes tb-glasses{ 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(3px) rotate(3deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes tb-dust   { 0% { transform: translateY(0) } 33% { transform: translateY(-5px) translateX(3px) } 66% { transform: translateY(-2px) translateX(-2px) } 100% { transform: translateY(0) } }

.scn-railway-station-turmoil {
  background: 
    linear-gradient(180deg, #f0e0c0 0%, #e0c8a8 40%, #c8a888 100%),
    radial-gradient(ellipse at 50% 50%, #f8e8d0 0%, transparent 80%);
}
.scn-railway-station-turmoil .floor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #b0a090 0%, #8a7a6a 100%); border-radius:10% 10% 0 0; }
.scn-railway-station-turmoil .crowd { position:absolute; bottom:20%; left:5%; width:90%; height:50%; background: radial-gradient(circle 12px, #c8b8a0 20%, transparent 20%), radial-gradient(circle 10px, #a09080 20%, transparent 20%), radial-gradient(circle 14px, #b0a090 20%, transparent 20%); background-size: 30px 30px, 35px 35px, 25px 25px; background-position: 0 0, 15px 10px, 30px 20px; animation: rst-crowd 4s ease-in-out infinite alternate; }
.scn-railway-station-turmoil .luggage { position:absolute; bottom:15%; left:10%; width:15%; height:18%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:8%; box-shadow: 2px 2px 4px rgba(0,0,0,.3); animation: rst-luggage 6s ease-in-out infinite; }
.scn-railway-station-turmoil .clock { position:absolute; top:8%; right:15%; width:15%; height:20%; background: radial-gradient(circle, #f0e0c0 30%, #c8b8a0 32%, #c8b8a0 45%, #6a5a4a 50%); border-radius:50%; border:4px solid #6a5a4a; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: rst-clock 2s ease-in-out infinite alternate; }
.scn-railway-station-turmoil .doorway { position:absolute; bottom:25%; left:5%; width:20%; height:60%; background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%); border-radius:20% 10% 0 0; box-shadow: inset 0 0 20px rgba(0,0,0,.5); }
.scn-railway-station-turmoil .sign { position:absolute; top:15%; left:35%; width:30%; height:10%; background: linear-gradient(180deg, #f0c860 0%, #d0a840 100%); border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: rst-sign 3s ease-in-out infinite alternate; }
.scn-railway-station-turmoil .train-light { position:absolute; bottom:30%; left:65%; width:8%; height:8%; background: radial-gradient(circle, #f8e0a0 0%, #f0c040 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 10px rgba(240,192,64,.5); animation: rst-light 1.5s ease-in-out infinite alternate; }
@keyframes rst-crowd { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(-5px) scale(1.02) } 100% { transform: translateX(3px) scale(0.98) } }
@keyframes rst-luggage { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(8px) rotate(5deg) } 100% { transform: translateX(-8px) rotate(-3deg) } }
@keyframes rst-clock { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(0.95) } }
@keyframes rst-sign { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(2deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes rst-light { 0% { opacity:.6; transform: scale(.8) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(.9) } }

.scn-brown-decision { background: linear-gradient(135deg, #e8d4b0 0%, #c8b08a 35%, #a08868 65%, #7a6048 100%), radial-gradient(ellipse at 70% 20%, #fff8e0 0%, transparent 60%); }
.scn-brown-decision .bg-walls { position:absolute; inset:0; background: linear-gradient(180deg, #e0c8a0 0%, #b89870 60%, #8a7050 100%); box-shadow: inset 0 0 60px rgba(60,40,20,.5); }
.scn-brown-decision .window-bright { position:absolute; top:10%; right:8%; width:35%; height:45%; background: linear-gradient(135deg, #fff8e0 0%, #ffe8b0 40%, #e8c880 100%); border-radius: 4%; box-shadow: 0 0 40px 20px rgba(255,240,200,.6), inset 0 0 20px rgba(255,200,100,.3); animation: bd-window 4s ease-in-out infinite alternate; }
.scn-brown-decision .clock-tick { position:absolute; top:8%; left:65%; width:22px; height:22px; background: radial-gradient(circle at 50% 50%, #f0e8d0 0%, #b08850 60%, #604020 100%); border-radius: 50%; box-shadow: 0 0 12px 2px rgba(180,140,80,.5); animation: bd-clock 1s ease-in-out infinite; }
.scn-brown-decision .figure-brown { position:absolute; bottom:18%; left:30%; width:30px; height:70px; background: linear-gradient(180deg, #2a2220 0%, #1a1210 60%, #0a0808 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: bd-brown 2s ease-in-out infinite alternate; }
.scn-brown-decision .hand-mary { position:absolute; bottom:25%; right:35%; width:12px; height:28px; background: linear-gradient(180deg, #d8c0a0 0%, #b89878 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; transform-origin: 30% 100%; animation: bd-reach 1.5s ease-in-out infinite alternate; }
.scn-brown-decision .lap-robe { position:absolute; bottom:22%; left:45%; width:50px; height:20px; background: linear-gradient(135deg, #806050 0%, #604838 60%, #403028 100%); border-radius: 20% 20% 40% 40%; box-shadow: 0 4px 8px rgba(0,0,0,.5); transform: rotate(-5deg); animation: bd-robe 2.5s ease-in-out infinite alternate; }
.scn-brown-decision .shadow-bars { position:absolute; inset:0; background: repeating-linear-gradient(90deg, transparent 0%, rgba(0,0,0,.08) 12%, transparent 20%, rgba(0,0,0,.04) 28%); animation: bd-bars 8s linear infinite; }
.scn-brown-decision .dust-motes { position:absolute; inset:0; background: radial-gradient(circle at 30% 40%, rgba(255,240,200,.3) 0%, transparent 50%), radial-gradient(circle at 70% 60%, rgba(255,240,200,.2) 0%, transparent 40%), radial-gradient(circle at 50% 30%, rgba(255,240,200,.15) 0%, transparent 60%); filter: blur(4px); animation: bd-dust 6s ease-in-out infinite alternate; }
@keyframes bd-window { 0% { opacity: .85; transform: scale(1) } 50% { opacity: 1; transform: scale(1.02) } 100% { opacity: .9; transform: scale(.98) } }
@keyframes bd-clock { 0% { transform: rotate(0deg) scale(1) } 25% { transform: rotate(3deg) scale(1.05) } 50% { transform: rotate(0deg) scale(1) } 75% { transform: rotate(-3deg) scale(1.05) } 100% { transform: rotate(0deg) scale(1) } }
@keyframes bd-brown { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 50% { transform: translateX(-2px) translateY(1px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(0) } }
@keyframes bd-reach { 0% { transform: rotate(10deg) translateY(0) } 50% { transform: rotate(15deg) translateY(-2px) } 100% { transform: rotate(8deg) translateY(1px) } }
@keyframes bd-robe { 0% { transform: rotate(-5deg) translateX(0) } 50% { transform: rotate(-3deg) translateX(2px) } 100% { transform: rotate(-6deg) translateX(-1px) } }
@keyframes bd-bars { 0% { transform: translateX(0) } 50% { transform: translateX(10%) } 100% { transform: translateX(0) } }
@keyframes bd-dust { 0% { opacity: .6; transform: translateY(0) } 50% { opacity: .9; transform: translateY(-4px) } 100% { opacity: .7; transform: translateY(2px) } }

.scn-happy-ending-required { background: linear-gradient(135deg, #e8dcc0 0%, #c8b890 30%, #a09068 65%, #786850 100%), radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 70%); }
.scn-happy-ending-required .bg-parlor { position:absolute; inset:0; background: linear-gradient(180deg, #d8c8a8 0%, #b09870 50%, #887050 100%); box-shadow: inset 0 0 80px rgba(40,30,20,.4); }
.scn-happy-ending-required .jury-row { position:absolute; top:15%; left:10%; right:10%; height:18%; background: repeating-linear-gradient(90deg, #5a4a38 0%, #5a4a38 12%, #6a5a48 12%, #6a5a48 24%, #7a6a58 24%, #7a6a58 36%, #6a5a48 36%, #6a5a48 48%, #5a4a38 48%, #5a4a38 60%); border-radius: 8% 8% 4% 4%; box-shadow: 0 6px 12px rgba(0,0,0,.3); animation: he-jury 12s ease-in-out infinite alternate; }
.scn-happy-ending-required .figure-brown-center { position:absolute; bottom:20%; left:50%; width:32px; height:72px; transform: translateX(-50%); background: linear-gradient(180deg, #2a2220 0%, #1a1210 60%, #0a0808 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; box-shadow: 0 4px 12px rgba(0,0,0,.5); animation: he-brown-center 3s ease-in-out infinite alternate; }
.scn-happy-ending-required .judge-bench { position:absolute; top:35%; left:15%; right:15%; height:12px; background: linear-gradient(180deg, #8a7050 0%, #6a5038 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-happy-ending-required .gavel-tension { position:absolute; top:34%; left:30%; width:8px; height:18px; background: #4a3a28; border-radius: 20%; transform-origin: top center; animation: he-gavel 1.2s ease-in-out infinite; }
.scn-happy-ending-required .spotlight-beam { position:absolute; top:0; left:30%; right:30%; bottom:0; background: linear-gradient(180deg, rgba(255,248,224,.35) 0%, rgba(255,240,200,.15) 50%, transparent 80%); clip-path: polygon(30% 0%, 70% 0%, 55% 100%, 45% 100%); animation: he-spotlight 5s ease-in-out infinite alternate; }
.scn-happy-ending-required .banner-scroll { position:absolute; top:5%; left:25%; right:25%; height:8%; background: linear-gradient(135deg, #a08060 0%, #806048 50%, #a08060 100%); border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.3), inset 0 0 20px rgba(200,180,140,.3); animation: he-banner 8s ease-in-out infinite alternate; }
@keyframes he-jury { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes he-brown-center { 0% { transform: translateX(-50%) translateY(0) rotate(-1deg) } 50% { transform: translateX(-50%) translateY(-2px) rotate(1deg) } 100% { transform: translateX(-50%) translateY(1px) rotate(0) } }
@keyframes he-gavel { 0% { transform: rotate(0deg) } 25% { transform: rotate(10deg) } 50% { transform: rotate(0deg) } 75% { transform: rotate(-10deg) } 100% { transform: rotate(0deg) } }
@keyframes he-spotlight { 0% { opacity: .7; transform: scaleX(1) } 50% { opacity: 1; transform: scaleX(1.05) } 100% { opacity: .8; transform: scaleX(.95) } }
@keyframes he-banner { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }

.scn-impossible-difficulties { background: linear-gradient(135deg, #d8c8a8 0%, #b8a080 35%, #907060 65%, #685048 100%), radial-gradient(ellipse at 40% 50%, #e8d8b8 0%, transparent 60%); }
.scn-impossible-difficulties .bg-chamber { position:absolute; inset:0; background: linear-gradient(180deg, #c8b898 0%, #a08868 60%, #786048 100%); box-shadow: inset 0 0 50px rgba(40,30,20,.6); }
.scn-impossible-difficulties .table-mid { position:absolute; bottom:22%; left:20%; right:20%; height:12px; background: linear-gradient(180deg, #8a7050 0%, #6a5038 100%); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.4); animation: id-table 6s ease-in-out infinite alternate; }
.scn-impossible-difficulties .lap-robe-center { position:absolute; bottom:24%; left:42%; width:40px; height:16px; background: linear-gradient(135deg, #786048 0%, #584030 60%, #382820 100%); border-radius: 20% 20% 40% 40%; box-shadow: 0 4px 10px rgba(0,0,0,.5); transform: rotate(-4deg); animation: id-robe-center 2s ease-in-out infinite alternate; }
.scn-impossible-difficulties .hand-brown-grip { position:absolute; bottom:26%; left:48%; width:12px; height:24px; background: linear-gradient(180deg, #d8c0a0 0%, #b89878 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; transform-origin: 70% 100%; animation: id-hand-brown 1.8s ease-in-out infinite alternate; }
.scn-impossible-difficulties .hand-mary-reach { position:absolute; bottom:26%; right:38%; width:11px; height:26px; background: linear-gradient(180deg, #d8c0a0 0%, #b09070 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; transform-origin: 30% 100%; animation: id-hand-mary 1.6s ease-in-out infinite alternate; }
.scn-impossible-difficulties .witness-shadow { position:absolute; top:12%; left:15%; right:15%; bottom:40%; background: radial-gradient(ellipse at 50% 0%, rgba(40,30,20,.3) 0%, transparent 70%), radial-gradient(ellipse at 30% 30%, rgba(40,30,20,.2) 0%, transparent 50%), radial-gradient(ellipse at 70% 30%, rgba(40,30,20,.2) 0%, transparent 50%); border-radius: 20%; filter: blur(8px); animation: id-witness 10s ease-in-out infinite alternate; }
.scn-impossible-difficulties .tension-lines { position:absolute; inset:0; background: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(100,60,40,.06) 8px, rgba(100,60,40,.06) 10px); animation: id-tension 4s ease-in-out infinite alternate; }
.scn-impossible-difficulties .dust-slow { position:absolute; inset:0; background: radial-gradient(circle at 60% 50%, rgba(255,240,200,.15) 0%, transparent 40%), radial-gradient(circle at 40% 70%, rgba(255,240,200,.1) 0%, transparent 50%); filter: blur(5px); animation: id-dust-slow 12s ease-in-out infinite alternate; }
@keyframes id-table { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes id-robe-center { 0% { transform: rotate(-4deg) translateX(0) } 50% { transform: rotate(-2deg) translateX(1px) } 100% { transform: rotate(-5deg) translateX(-1px) } }
@keyframes id-hand-brown { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(1px) } 100% { transform: rotate(-3deg) translateY(-1px) } }
@keyframes id-hand-mary { 0% { transform: rotate(10deg) translateY(0) } 50% { transform: rotate(14deg) translateY(-2px) } 100% { transform: rotate(8deg) translateY(1px) } }
@keyframes id-witness { 0% { opacity: .6; transform: scale(1) } 50% { opacity: .8; transform: scale(1.02) } 100% { opacity: .5; transform: scale(.98) } }
@keyframes id-tension { 0% { opacity: .3 } 50% { opacity: .6 } 100% { opacity: .4 } }
@keyframes id-dust-slow { 0% { opacity: .5; transform: translateY(0) } 50% { opacity: .7; transform: translateY(-3px) } 100% { opacity: .6; transform: translateY(1px) } }

.scn-story-abandoned { background: linear-gradient(135deg, #2a3040 0%, #1a2030 30%, #182028 65%, #101820 100%), radial-gradient(ellipse at 30% 40%, #3a4050 0%, transparent 60%); }
.scn-story-abandoned .bg-night { position:absolute; inset:0; background: linear-gradient(180deg, #1a2030 0%, #101820 60%, #081018 100%); box-shadow: inset 0 0 80px rgba(0,0,0,.6); }
.scn-story-abandoned .moon-window { position:absolute; top:12%; left:8%; width:30%; height:40%; background: linear-gradient(135deg, #c8d8e0 0%, #a0b8c8 50%, #8098a8 100%); border-radius: 4%; box-shadow: inset 0 0 30px rgba(200,220,240,.3), 0 0 40px 10px rgba(180,200,220,.2); animation: sa-moon 15s ease-in-out infinite alternate; }
.scn-story-abandoned .figure-brown-slump { position:absolute; bottom:18%; left:35%; width:30px; height:64px; background: linear-gradient(180deg, #1a1820 0%, #0a0810 60%, #050508 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: sa-slump 8s ease-in-out infinite alternate; }
.scn-story-abandoned .hand-mary-still { position:absolute; bottom:24%; right:30%; width:11px; height:24px; background: linear-gradient(180deg, #b8a898 0%, #988878 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; transform-origin: 30% 100%; animation: sa-hand-still 6s ease-in-out infinite alternate; }
.scn-story-abandoned .clock-three { position:absolute; top:8%; right:12%; width:20px; height:20px; background: radial-gradient(circle at 50% 50%, #a0a8b0 0%, #586068 60%, #303840 100%); border-radius: 50%; box-shadow: 0 0 8px 2px rgba(160,180,200,.3); animation: sa-clock 2s ease-in-out infinite; }
.scn-story-abandoned .candle-wax { position:absolute; bottom:30%; left:60%; width:8px; height:20px; background: linear-gradient(180deg, #e8d8c0 0%, #c8b898 50%, #a08868 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 16px 4px rgba(200,180,140,.4); animation: sa-candle 5s ease-in-out infinite alternate; }
.scn-story-abandoned .papers-strewn { position:absolute; bottom:12%; left:20%; right:20%; height:6%; background: repeating-linear-gradient(90deg, #c8b8a0 0%, #c8b8a0 8%, #e0d0b8 8%, #e0d0b8 16%, #b8a890 16%, #b8a890 24%, #d0c0a8 24%, #d0c0a8 32%, #c0b098 32%, #c0b098 40%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: sa-papers 20s ease-in-out infinite alternate; }
.scn-story-abandoned .shadow-calm { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0,0,0,.3) 100%); animation: sa-calm 12s ease-in-out infinite alternate; }
@keyframes sa-moon { 0% { opacity: .6; transform: scale(1) } 50% { opacity: .8; transform: scale(1.01) } 100% { opacity: .7; transform: scale(.99) } }
@keyframes sa-slump { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 50% { transform: translateX(1px) translateY(2px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(-1deg) } }
@keyframes sa-hand-still { 0% { transform: rotate(5deg) translateY(0) } 50% { transform: rotate(6deg) translateY(1px) } 100% { transform: rotate(4deg) translateY(0) } }
@keyframes sa-clock { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes sa-candle { 0% { transform: scaleY(1) scaleX(1); box-shadow: 0 0 12px 3px rgba(200,180,140,.3) } 50% { transform: scaleY(1.02) scaleX(1.01); box-shadow: 0 0 20px 6px rgba(200,180,140,.5) } 100% { transform: scaleY(.98) scaleX(1); box-shadow: 0 0 14px 4px rgba(200,180,140,.35) } }
@keyframes sa-papers { 0% { transform: translateX(0) } 50% { transform: translateX(5%) } 100% { transform: translateX(-3%) } }
@keyframes sa-calm { 0% { opacity: .4 } 50% { opacity: .6 } 100% { opacity: .5 } }

/* peaceful-without-satan */
.scn-peaceful-without-satan {
  background: 
    linear-gradient(180deg, #fff8e7 0%, #f0e6d3 60%, #e3d5b8 100%),
    radial-gradient(ellipse at 80% 20%, #ffe8b0 0%, transparent 50%);
}
.scn-peaceful-without-satan .wall   { position:absolute; inset:0 0 45% 0; background: linear-gradient(90deg, #e8dcc8 0%, #d6c8ae 50%, #e8dcc8 100%); }
.scn-peaceful-without-satan .floor  { position:absolute; inset:45% 0 0 0; background: linear-gradient(180deg, #b8956a 0%, #a07a4e 50%, #8c693e 100%); box-shadow: inset 0 20px 30px rgba(0,0,0,.15); }
.scn-peaceful-without-satan .window { position:absolute; top:18%; left:50%; width:120px; height:160px; transform:translateX(-50%); background: linear-gradient(180deg, #a8d8ea 0%, #7bc1d9 40%, #5aa9c6 100%); border: 8px solid #8c693e; border-radius: 10px; box-shadow: inset 0 0 30px rgba(255,255,255,.3), 0 8px 16px rgba(0,0,0,.2); }
.scn-peaceful-without-satan .sun    { position:absolute; top:10%; left:70%; width:70px; height:70px; background: radial-gradient(circle, #fff4b0 0%, #ffd680 40%, #e8a030 70%, transparent 70%); border-radius:50%; animation: pws-sun 6s ease-in-out infinite alternate; }
.scn-peaceful-without-satan .table  { position:absolute; bottom:20%; left:35%; width:100px; height:12px; background: linear-gradient(90deg, #a07a4e 0%, #c8a57a 50%, #a07a4e 100%); border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,.3); animation: pws-table 4s ease-in-out infinite; }
.scn-peaceful-without-satan .chair  { position:absolute; bottom:12%; left:38%; width:40px; height:50px; background: linear-gradient(180deg, #8c693e 0%, #6c4a2a 100%); border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%; transform-origin: bottom center; animation: pws-chair 3s ease-in-out infinite; }
.scn-peaceful-without-satan .hat    { position:absolute; bottom:15%; left:32%; width:30px; height:12px; background: #5a3a1a; border-radius: 50% 50% 20% 20% / 80% 80% 30% 30%; transform: rotate(-5deg); animation: pws-hat 2s ease-in-out infinite; }
.scn-peaceful-without-satan .shadow-hat { position:absolute; bottom:14%; left:31%; width:34px; height:6px; background: rgba(0,0,0,.15); border-radius: 50%; filter: blur(3px); animation: pws-shadow 2s ease-in-out infinite; }
@keyframes pws-sun   { 0% { transform: scale(.95) translateY(0); opacity:.85 } 50% { transform: scale(1.05) translateY(-8px); opacity:1 } 100% { transform: scale(.98) translateY(-2px); opacity:.9 } }
@keyframes pws-table { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(1deg) translateY(-1px) } }
@keyframes pws-chair { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) translateY(-3px) } 50% { transform: rotate(-1deg) translateY(-5px) } 75% { transform: rotate(1deg) translateY(-2px) } 100% { transform: rotate(0deg) } }
@keyframes pws-hat   { 0%,100% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(8deg) translateY(-4px) } }
@keyframes pws-shadow{ 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(.7) translateX(2px) } }

/* millinery-woman */
.scn-millinery-woman {
  background: 
    linear-gradient(180deg, #f5e6d0 0%, #e8d4b8 50%, #d4bfa0 100%),
    radial-gradient(ellipse at 60% 30%, #ffe0b0 0%, transparent 60%);
}
.scn-millinery-woman .room-bg { position:absolute; inset:0 40% 0 0; background: linear-gradient(90deg, #e8d4b8 0%, #d4bfa0 100%); border-right: 6px solid #b8956a; }
.scn-millinery-woman .worktable { position:absolute; bottom:25%; left:8%; width:140px; height:10px; background: linear-gradient(90deg, #8c693e 0%, #a07a4e 50%, #8c693e 100%); border-radius: 8px; box-shadow: 0 6px 10px rgba(0,0,0,.2); }
.scn-millinery-woman .lady  { position:absolute; bottom:30%; left:18%; width:32px; height:60px; background: linear-gradient(180deg, #c8756a 0%, #a85a4e 60%, #5e3a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mw-lady 5s ease-in-out infinite; }
.scn-millinery-woman .door  { position:absolute; top:16%; right:12%; width:70px; height:130px; background: linear-gradient(180deg, #6c4a2a 0%, #4a2a1a 100%); border-radius: 10px 10px 0 0; box-shadow: -4px 0 10px rgba(0,0,0,.3); }
.scn-millinery-woman .servant { position:absolute; bottom:10%; right:20%; width:28px; height:40px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform: scale(.9); animation: mw-servant 8s ease-in-out infinite; }
.scn-millinery-woman .lamp  { position:absolute; top:12%; left:50%; width:20px; height:30px; background: radial-gradient(ellipse, #ffd680 0%, #e8a030 50%, transparent 70%); border-radius: 50%; box-shadow: 0 0 40px 10px rgba(255,214,128,.5); animation: mw-lamp 4s ease-in-out infinite alternate; }
.scn-millinery-woman .thread { position:absolute; bottom:28%; left:20%; width:2px; height:40px; background: linear-gradient(180deg, #d4bfa0 0%, #c8756a 100%); transform: rotate(10deg); animation: mw-thread 3s ease-in-out infinite; }
@keyframes mw-lady   { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) translateY(-2px) } 50% { transform: rotate(-1deg) translateY(-4px) } 75% { transform: rotate(1deg) translateY(-1px) } 100% { transform: rotate(0deg) } }
@keyframes mw-servant { 0% { transform: scale(.9) translateY(0) } 30% { transform: scale(.92) translateY(-3px) } 60% { transform: scale(.88) translateY(2px) } 100% { transform: scale(.9) translateY(0) } }
@keyframes mw-lamp   { 0% { box-shadow: 0 0 30px 5px rgba(255,214,128,.4); opacity:.8 } 50% { box-shadow: 0 0 50px 15px rgba(255,214,128,.6); opacity:1 } 100% { box-shadow: 0 0 35px 8px rgba(255,214,128,.5); opacity:.9 } }
@keyframes mw-thread { 0%,100% { transform: rotate(10deg) scaleY(1) } 50% { transform: rotate(15deg) scaleY(1.2) } }

/* fort-drive */
.scn-fort-drive {
  background: 
    linear-gradient(180deg, #87ceeb 0%, #b0e0e6 30%, #f5deb3 60%, #d2b48c 100%),
    radial-gradient(ellipse at 60% 70%, #f5deb3 0%, transparent 50%);
}
.scn-fort-drive .sky      { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%); }
.scn-fort-drive .fort     { position:absolute; top:8%; right:10%; width:80px; height:120px; background: linear-gradient(180deg, #c8a57a 0%, #a07a4e 100%); border-radius: 20% 20% 10% 10% / 50% 50% 20% 20%; box-shadow: -10px 0 20px rgba(0,0,0,.2); animation: fd-fort 12s ease-in-out infinite alternate; }
.scn-fort-drive .road     { position:absolute; bottom:20%; left:0; right:0; height:25%; background: linear-gradient(180deg, #d2b48c 0%, #c8a57a 50%, #b8956a 100%); clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); }
.scn-fort-drive .tree-left  { position:absolute; bottom:30%; left:12%; width:40px; height:100px; background: linear-gradient(180deg, #5a7a3a 0%, #3a5a2a 100%); border-radius: 50% 50% 30% 30% / 80% 80% 40% 40%; transform-origin: bottom center; animation: fd-tree 6s ease-in-out infinite; }
.scn-fort-drive .tree-right { position:absolute; bottom:28%; right:20%; width:50px; height:110px; background: linear-gradient(180deg, #4a6a2a 0%, #2a4a1a 100%); border-radius: 40% 60% 20% 40% / 70% 80% 30% 30%; transform-origin: bottom center; animation: fd-tree 8s ease-in-out infinite reverse; }
.scn-fort-drive .well     { position:absolute; bottom:22%; left:35%; width:50px; height:24px; background: linear-gradient(180deg, #8c693e 0%, #6c4a2a 100%); border-radius: 50% 50% 20% 20% / 80% 80% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-fort-drive .bather   { position:absolute; bottom:24%; left:30%; width:22px; height:36px; background: linear-gradient(180deg, #d2a67a 0%, #a07a4e 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform-origin: bottom; animation: fd-bather 5s ease-in-out infinite; }
.scn-fort-drive .pilgrim  { position:absolute; bottom:25%; left:55%; width:18px; height:32px; background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform: scale(.8); animation: fd-pilgrim 7s ease-in-out infinite; }
@keyframes fd-fort   { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) translateY(-2px) } 100% { transform: scaleY(.98) translateY(1px) } }
@keyframes fd-tree   { 0% { transform: rotate(0deg) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(1deg) } 100% { transform: rotate(0deg) } }
@keyframes fd-bather { 0%,100% { transform: rotate(0deg) translateY(0) } 30% { transform: rotate(3deg) translateY(-3px) } 60% { transform: rotate(-2deg) translateY(1px) } }
@keyframes fd-pilgrim{ 0% { transform: scale(.8) translateX(0) } 33% { transform: scale(.82) translateX(4px) } 66% { transform: scale(.78) translateX(-2px) } 100% { transform: scale(.8) translateX(0) } }

/* two-million-pilgrims */
.scn-two-million-pilgrims {
  background: 
    linear-gradient(180deg, #b0e0e6 0%, #d2b48c 40%, #c8a57a 70%, #a07a4e 100%),
    radial-gradient(ellipse at 50% 100%, #d2b48c 0%, transparent 70%);
}
.scn-two-million-pilgrims .horizon { position:absolute; inset:40% 0 0 0; background: linear-gradient(180deg, #d2b48c 0%, #b8956a 100%); }
.scn-two-million-pilgrims .river   { position:absolute; top:45%; left:0; right:0; height:30%; background: linear-gradient(90deg, #7bc1d9 0%, #5aa9c6 30%, #3a8fad 70%, #5aa9c6 100%); border-radius: 40% 60% 30% 70% / 60% 40% 70% 30%; animation: tmp-river 20s ease-in-out infinite alternate; }
.scn-two-million-pilgrims .crowd-back { position:absolute; bottom:28%; left:0; right:0; height:15%; background: repeating-linear-gradient(90deg, #5a3a2a 0px, #5a3a2a 4px, #4a2a1a 4px, #4a2a1a 8px); background-size: 8px 100%; opacity:.6; animation: tmp-crowd 30s linear infinite; }
.scn-two-million-pilgrims .crowd-front { position:absolute; bottom:16%; left:0; right:0; height:20%; background: repeating-radial-gradient(circle at 10% 50%, #3a2a1a 0px, #3a2a1a 3px, #2a1a0a 3px, #2a1a0a 6px); background-size: 12px 12px; opacity:.8; animation: tmp-crowd 40s linear infinite reverse; }
.scn-two-million-pilgrims .seller  { position:absolute; bottom:20%; left:20%; width:30px; height:50px; background: linear-gradient(180deg, #6c4a2a 0%, #4a2a1a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; transform-origin: bottom; animation: tmp-seller 6s ease-in-out infinite; }
.scn-two-million-pilgrims .cart    { position:absolute; bottom:18%; left:15%; width:50px; height:10px; background: linear-gradient(90deg, #8c693e 0%, #a07a4e 50%, #8c693e 100%); border-radius: 20% 20% 30% 30% / 80% 80% 20% 20%; box-shadow: 0 4px 6px rgba(0,0,0,.2); animation: tmp-cart 8s ease-in-out infinite; }
.scn-two-million-pilgrims .holy-water { position:absolute; bottom:22%; left:25%; width:8px; height:14px; background: radial-gradient(circle, #7bc1d9 0%, #3a8fad 100%); border-radius: 50%; box-shadow: 0 0 10px 2px rgba(123,193,217,.4); animation: tmp-water 3s ease-in-out infinite alternate; }
.scn-two-million-pilgrims .bird    { position:absolute; top:15%; left:30%; width:16px; height:8px; background: #4a2a1a; border-radius: 50% 50% 30% 30% / 80% 80% 40% 40%; transform: rotate(-20deg); animation: tmp-bird 15s linear infinite; }
@keyframes tmp-river  { 0% { background-position: 0% 0% } 50% { background-position: 50% 10% } 100% { background-position: 100% 0% } }
@keyframes tmp-crowd  { 0% { background-position: 0 0 } 100% { background-position: 100px 0 } }
@keyframes tmp-seller { 0% { transform: scaleY(1) } 30% { transform: scaleY(1.05) } 60% { transform: scaleY(.95) } 100% { transform: scaleY(1) } }
@keyframes tmp-cart   { 0%,100% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(3px) rotate(1deg) } }
@keyframes tmp-water  { 0% { transform: scale(.8); opacity:.7 } 100% { transform: scale(1.2); opacity:1 } }
@keyframes tmp-bird   { 0% { transform: translateX(-50px) rotate(-20deg) } 50% { transform: translateX(200px) rotate(10deg) } 100% { transform: translateX(450px) rotate(-15deg) } }

.scn-brides-home {
  background: 
    radial-gradient(ellipse at 30% 20%, #f0c068 0%, transparent 60%),
    radial-gradient(ellipse at 70% 30%, #d09040 0%, transparent 50%),
    linear-gradient(180deg, #2a1a0a 0%, #4a3020 40%, #6a5040 100%);
}
.scn-brides-home .wall-back { position:absolute; inset:0 0 30% 0; background: linear-gradient(135deg, #4a3020 0%, #6a5040 50%, #3a2010 100%); animation: bh-warm-pulse 8s ease-in-out infinite alternate; }
.scn-brides-home .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(0deg, #1a0a00 0%, #3a2010 100%); border-top: 2px solid #805030; }
.scn-brides-home .lamp-left { position:absolute; left:10%; top:20%; width:16px; height:50px; background: linear-gradient(180deg, #d09040 0%, #b07030 100%); border-radius: 4px 4px 8px 8px; box-shadow: 0 0 40px 20px rgba(200,160,80,0.6); animation: bh-lamp-glow 3s ease-in-out infinite alternate; }
.scn-brides-home .lamp-right { position:absolute; right:10%; top:15%; width:16px; height:50px; background: linear-gradient(180deg, #d09040 0%, #b07030 100%); border-radius: 4px 4px 8px 8px; box-shadow: 0 0 40px 20px rgba(200,160,80,0.6); animation: bh-lamp-glow 3s ease-in-out infinite alternate-reverse; }
.scn-brides-home .mirror { position:absolute; left:50%; top:10%; width:120px; height:160px; transform:translateX(-50%); background: linear-gradient(135deg, rgba(240,220,200,0.9) 0%, rgba(200,180,160,0.7) 50%, rgba(160,140,120,0.5) 100%); border: 4px solid #b09070; border-radius: 4px; box-shadow: inset 0 0 60px 20px rgba(255,200,100,0.3), 0 0 30px 10px rgba(200,160,80,0.4); animation: bh-mirror-flicker 6s ease-in-out infinite; }
.scn-brides-home .mirror-glow { position:absolute; left:50%; top:10%; width:120px; height:160px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 50%, rgba(255,200,100,0.4) 0%, transparent 70%); animation: bh-glow-pulse 4s ease-in-out infinite alternate; }
.scn-brides-home .bride { position:absolute; bottom:20%; left:50%; width:30px; height:90px; transform:translateX(-50%); background: linear-gradient(180deg, #8a6040 0%, #5a3a20 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: bh-bride-sway 5s ease-in-out infinite; }
.scn-brides-home .diamond-rope { position:absolute; bottom:38%; left:50%; width:60px; height:6px; transform:translateX(-50%); background: linear-gradient(90deg, #ffe0b0 0%, #ffd090 20%, #ffe0b0 40%, #ffd090 60%, #ffe0b0 80%, #ffd090 100%); border-radius: 3px; box-shadow: 0 0 12px 4px rgba(255,200,100,0.8); animation: bh-diamond-spark 2s ease-in-out infinite alternate; }
.scn-brides-home .costume-shadow { position:absolute; bottom:18%; left:40%; width:60px; height:40px; background: linear-gradient(180deg, rgba(60,30,10,0.4) 0%, transparent 100%); border-radius: 50%; transform: rotate(10deg); animation: bh-costume-drift 7s ease-in-out infinite; }
@keyframes bh-warm-pulse { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes bh-lamp-glow { 0% { box-shadow: 0 0 30px 10px rgba(200,160,80,0.5); } 50% { box-shadow: 0 0 60px 30px rgba(255,200,100,0.8); } 100% { box-shadow: 0 0 30px 10px rgba(200,160,80,0.5); } }
@keyframes bh-mirror-flicker { 0% { opacity:0.7; transform:translateX(-50%) scale(1); } 25% { opacity:0.9; transform:translateX(-50%) scale(1.02); } 50% { opacity:0.75; transform:translateX(-50%) scale(0.98); } 75% { opacity:0.85; transform:translateX(-50%) scale(1.01); } 100% { opacity:0.7; transform:translateX(-50%) scale(1); } }
@keyframes bh-glow-pulse { 0% { opacity:0.3; } 50% { opacity:0.6; } 100% { opacity:0.4; } }
@keyframes bh-bride-sway { 0% { transform:translateX(-50%) rotate(-2deg) translateY(0); } 25% { transform:translateX(-45%) rotate(1deg) translateY(-2px); } 50% { transform:translateX(-50%) rotate(0deg) translateY(0); } 75% { transform:translateX(-55%) rotate(-1deg) translateY(-1px); } 100% { transform:translateX(-50%) rotate(2deg) translateY(0); } }
@keyframes bh-diamond-spark { 0% { box-shadow: 0 0 8px 2px rgba(255,200,100,0.6); transform:translateX(-50%) scaleX(1); } 50% { box-shadow: 0 0 20px 8px rgba(255,220,150,1); transform:translateX(-50%) scaleX(1.1); } 100% { box-shadow: 0 0 8px 2px rgba(255,200,100,0.6); transform:translateX(-50%) scaleX(1); } }
@keyframes bh-costume-drift { 0% { transform: rotate(10deg) translateX(0); } 50% { transform: rotate(5deg) translateX(10px); } 100% { transform: rotate(10deg) translateX(0); } }

.scn-bridegroom-absent {
  background: 
    radial-gradient(ellipse at 20% 40%, #c89650 0%, transparent 60%),
    radial-gradient(ellipse at 80% 30%, #a87530 0%, transparent 50%),
    linear-gradient(180deg, #3a2010 0%, #5a3a20 50%, #2a1a0a 100%);
}
.scn-bridegroom-absent .bg-warm { position:absolute; inset:0; background: linear-gradient(135deg, #4a3020 0%, #7a5a40 100%); animation: ba-ambient 10s ease-in-out infinite alternate; }
.scn-bridegroom-absent .arch { position:absolute; top:10%; left:20%; right:20%; height:60%; background: linear-gradient(180deg, #b09070 0%, #7a5a40 100%); border-radius: 40% 40% 0 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); }
.scn-bridegroom-absent .dancer-1 { position:absolute; bottom:25%; left:25%; width:24px; height:70px; background: linear-gradient(180deg, #c8553d 0%, #8a3020 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ba-dance 3s ease-in-out infinite; }
.scn-bridegroom-absent .dancer-2 { position:absolute; bottom:25%; right:25%; width:24px; height:70px; background: linear-gradient(180deg, #b87878 0%, #885050 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ba-dance 3s ease-in-out infinite -1.5s; }
.scn-bridegroom-absent .snake { position:absolute; bottom:30%; left:50%; width:40px; height:8px; transform:translateX(-50%); background: linear-gradient(90deg, #5a8a3a 0%, #3a5a2a 100%); border-radius: 50%; animation: ba-snake-coil 4s ease-in-out infinite; }
.scn-bridegroom-absent .instrument { position:absolute; bottom:20%; left:40%; width:12px; height:30px; background: linear-gradient(180deg, #b09070 0%, #7a5a40 100%); border-radius: 4px; transform: rotate(20deg); animation: ba-instrument-sway 6s ease-in-out infinite; }
.scn-bridegroom-absent .lamp-dim { position:absolute; top:18%; left:50%; width:14px; height:40px; transform:translateX(-50%); background: linear-gradient(180deg, #d09040 0%, #a07030 100%); border-radius: 4px; box-shadow: 0 0 20px 10px rgba(200,160,80,0.3); animation: ba-lamp 5s ease-in-out infinite alternate; }
.scn-bridegroom-absent .shadow-fig { position:absolute; bottom:10%; right:15%; width:20px; height:60px; background: linear-gradient(180deg, #1a0a00 0%, #0a0500 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; opacity:0.6; animation: ba-shadow 8s ease-in-out infinite; }
@keyframes ba-ambient { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes ba-dance { 0% { transform: translateY(0) rotate(-5deg) scaleY(1); } 25% { transform: translateY(-10px) rotate(0deg) scaleY(1.05); } 50% { transform: translateY(0) rotate(5deg) scaleY(0.95); } 75% { transform: translateY(-5px) rotate(0deg) scaleY(1.02); } 100% { transform: translateY(0) rotate(-5deg) scaleY(1); } }
@keyframes ba-snake-coil { 0% { transform: translateX(-50%) rotate(0deg) scaleX(1); } 25% { transform: translateX(-50%) rotate(10deg) scaleX(1.2); } 50% { transform: translateX(-50%) rotate(0deg) scaleX(1); } 75% { transform: translateX(-50%) rotate(-10deg) scaleX(1.3); } 100% { transform: translateX(-50%) rotate(0deg) scaleX(1); } }
@keyframes ba-instrument-sway { 0% { transform: rotate(20deg) translateX(0); } 50% { transform: rotate(15deg) translateX(4px); } 100% { transform: rotate(20deg) translateX(0); } }
@keyframes ba-lamp { 0% { box-shadow: 0 0 15px 5px rgba(200,160,80,0.2); } 50% { box-shadow: 0 0 30px 15px rgba(255,200,100,0.5); } 100% { box-shadow: 0 0 15px 5px rgba(200,160,80,0.2); } }
@keyframes ba-shadow { 0% { opacity:0.4; transform: translateY(0); } 50% { opacity:0.7; transform: translateY(-5px); } 100% { opacity:0.4; transform: translateY(0); } }

.scn-fading-scene {
  background: 
    radial-gradient(ellipse at 50% 30%, #1a1a3e 0%, #0a0a1a 100%),
    linear-gradient(180deg, #0a0a1a 0%, #1a1a3e 40%, #0a0a1a 100%);
}
.scn-fading-scene .sky-dark { position:absolute; inset:0 0 40% 0; background: radial-gradient(ellipse at 70% 20%, #3a3a6e 0%, transparent 60%); animation: fs-sky 12s ease-in-out infinite alternate; }
.scn-fading-scene .porch-roof { position:absolute; top:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-bottom: 2px solid #2a2a4a; }
.scn-fading-scene .porch-pillar { position:absolute; left:20%; top:0; bottom:40%; width:12px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); box-shadow: 2px 0 4px rgba(0,0,0,0.5); }
.scn-fading-scene .crowd-faces { position:absolute; bottom:20%; left:10%; right:10%; height:40%; background: radial-gradient(ellipse at 50% 60%, #1a1a2a 0%, transparent 70%); }
.scn-fading-scene .crowd-faces::before { content:''; position:absolute; bottom:0; left:20%; width:30px; height:40px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%; box-shadow: 40px 0 0 #2a2a3a, 80px 0 0 #1a1a2a; animation: fs-crowd 8s ease-in-out infinite alternate; }
.scn-fading-scene .drapery { position:absolute; bottom:30%; left:30%; width:80px; height:100px; background: linear-gradient(180deg, rgba(200,200,220,0.4) 0%, rgba(150,150,180,0.2) 100%); border-radius: 20% 80% 40% 60% / 60% 40% 80% 20%; filter: blur(2px); animation: fs-drape 10s ease-in-out infinite; }
.scn-fading-scene .giant-turban { position:absolute; bottom:15%; right:15%; width:40px; height:50px; background: radial-gradient(ellipse at 50% 30%, #3a3a5a 0%, #1a1a3a 100%); border-radius: 50%; transform: rotate(10deg); animation: fs-turban 6s ease-in-out infinite; }
.scn-fading-scene .star-glow { position:absolute; top:10%; right:25%; width:4px; height:4px; background: #a090d0; border-radius: 50%; box-shadow: 0 0 20px 6px rgba(160,144,208,0.6); animation: fs-star 3s ease-in-out infinite alternate; }
.scn-fading-scene .last-light { position:absolute; top:20%; left:40%; width:30px; height:30px; background: radial-gradient(circle, #d0b070 0%, transparent 70%); animation: fs-last 7s ease-in-out infinite; }
.scn-fading-scene .rat { position:absolute; bottom:5%; left:5%; width:20px; height:10px; background: linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); border-radius: 50% 50% 30% 30%; animation: fs-rat 4s ease-in-out infinite; }
@keyframes fs-sky { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes fs-crowd { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes fs-drape { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(2deg); } 100% { transform: scale(1) rotate(0deg); } }
@keyframes fs-turban { 0% { transform: rotate(10deg) scale(1); } 50% { transform: rotate(5deg) scale(1.05); } 100% { transform: rotate(10deg) scale(1); } }
@keyframes fs-star { 0% { box-shadow: 0 0 10px 3px rgba(160,144,208,0.4); } 50% { box-shadow: 0 0 25px 10px rgba(200,180,255,0.8); } 100% { box-shadow: 0 0 10px 3px rgba(160,144,208,0.4); } }
@keyframes fs-last { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:0.9; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(1); } }
@keyframes fs-rat { 0% { transform: translateX(0) scaleX(1); } 25% { transform: translateX(20px) scaleX(0.9); } 50% { transform: translateX(40px) scaleX(1); } 75% { transform: translateX(20px) scaleX(1.1); } 100% { transform: translateX(0) scaleX(1); } }

.scn-plague-terror {
  background: 
    radial-gradient(ellipse at 30% 40%, #e0d0a0 0%, transparent 70%),
    linear-gradient(180deg, #f0e0c0 0%, #c0b090 50%, #908070 100%);
}
.scn-plague-terror .room-bright { position:absolute; inset:0; background: linear-gradient(135deg, #f0e0c0 0%, #d0c0a0 100%); animation: pt-pulse 10s ease-in-out infinite alternate; }
.scn-plague-terror .window-light { position:absolute; top:10%; left:20%; width:100px; height:120px; background: linear-gradient(135deg, #fff0d0 0%, #e0d0b0 100%); border: 2px solid #a09070; box-shadow: 0 0 40px 20px rgba(255,240,200,0.5); animation: pt-light 5s ease-in-out infinite alternate; }
.scn-plague-terror .figure-recoil { position:absolute; bottom:20%; left:40%; width:40px; height:100px; background: linear-gradient(180deg, #a08060 0%, #604030 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: pt-recoil 3s ease-in-out infinite; }
.scn-plague-terror .hand-approach { position:absolute; bottom:30%; left:60%; width:20px; height:40px; background: linear-gradient(180deg, #b09070 0%, #7a5a40 100%); border-radius: 20% 20% 30% 30%; transform: rotate(-30deg); animation: pt-hand 4s ease-in-out infinite; }
.scn-plague-terror .shadow-spread { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, transparent 100%); animation: pt-shadow 8s ease-in-out infinite; }
.scn-plague-terror .dread-sweat { position:absolute; top:25%; left:35%; width:8px; height:8px; background: radial-gradient(circle, #c0a080 0%, transparent 100%); border-radius: 50%; animation: pt-sweat 2s ease-in-out infinite; }
.scn-plague-terror .door { position:absolute; right:10%; bottom:0; width:60px; height:120px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-left: 2px solid #4a3a2a; box-shadow: -4px 0 8px rgba(0,0,0,0.3); animation: pt-door 6s ease-in-out infinite alternate; }
@keyframes pt-pulse { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.95; } }
@keyframes pt-light { 0% { box-shadow: 0 0 20px 10px rgba(255,240,200,0.3); } 50% { box-shadow: 0 0 60px 30px rgba(255,240,200,0.7); } 100% { box-shadow: 0 0 20px 10px rgba(255,240,200,0.3); } }
@keyframes pt-recoil { 0% { transform: translateY(0) rotate(0deg) scaleY(1); } 20% { transform: translateY(-15px) rotate(-10deg) scaleY(1.1); } 40% { transform: translateY(0) rotate(0deg) scaleY(1); } 60% { transform: translateY(-5px) rotate(5deg) scaleY(0.95); } 100% { transform: translateY(0) rotate(0deg) scaleY(1); } }
@keyframes pt-hand { 0% { transform: rotate(-30deg) translateX(0); } 25% { transform: rotate(-20deg) translateX(10px); } 50% { transform: rotate(-30deg) translateX(0); } 75% { transform: rotate(-40deg) translateX(-5px); } 100% { transform: rotate(-30deg) translateX(0); } }
@keyframes pt-shadow { 0% { opacity:0.5; } 50% { opacity:0.8; } 100% { opacity:0.6; } }
@keyframes pt-sweat { 0% { transform: translate(0,0) scale(1); opacity:0.6; } 50% { transform: translate(5px,-10px) scale(1.5); opacity:0.2; } 100% { transform: translate(10px,-20px) scale(2); opacity:0; } }
@keyframes pt-door { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } 100% { transform: scaleX(1); } }

/* scene: trade-figures */
.scn-trade-figures {
  background: 
    linear-gradient(180deg, #f7f0e0 0%, #e2d5b8 60%, #c9b99a 100%),
    radial-gradient(ellipse at 30% 70%, #fff8e0 0%, transparent 60%);
}
.scn-trade-figures .window {
  position: absolute; left: 8%; top: 8%; width: 28%; height: 50%;
  background: linear-gradient(180deg, #b8d4e0 0%, #7fa8b8 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,200,0.3);
  animation: tf-window 12s ease-in-out infinite alternate;
}
.scn-trade-figures .desk {
  position: absolute; left: 25%; top: 55%; width: 50%; height: 8%;
  background: linear-gradient(180deg, #8b6b4a 0%, #5a3e2a 100%);
  border-radius: 2px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.scn-trade-figures .figure {
  position: absolute; left: 38%; top: 42%; width: 10%; height: 20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: tf-figure 6s ease-in-out infinite;
}
.scn-trade-figures .lamp {
  position: absolute; left: 55%; top: 32%; width: 6%; height: 14%;
  background: radial-gradient(ellipse at 50% 20%, #ffe080 0%, #c08040 60%, transparent 100%);
  border-radius: 50% 50% 30% 30%; box-shadow: 0 0 30px 10px rgba(255,200,80,0.5);
  animation: tf-lamp 4s ease-in-out infinite alternate;
}
.scn-trade-figures .shelves {
  position: absolute; right: 6%; top: 20%; width: 16%; height: 50%;
  background: repeating-linear-gradient(180deg, #7a5a3a 0px, #7a5a3a 4px, #b08a6a 4px, #b08a6a 8px);
  border-radius: 2px;
}
.scn-trade-figures .book {
  position: absolute; right: 9%; top: 26%; width: 8%; height: 14%;
  background: linear-gradient(135deg, #9a3a2a 0%, #6a1a0a 100%);
  border-radius: 2px; transform: rotate(5deg);
  animation: tf-book 8s ease-in-out infinite;
}
.scn-trade-figures .globe {
  position: absolute; left: 12%; top: 48%; width: 12%; height: 12%;
  background: radial-gradient(circle, #6a9a5a 0%, #3a6a2a 50%, #1a3a1a 100%);
  border-radius: 50%; box-shadow: inset -6px -6px 12px rgba(0,0,0,0.4);
  animation: tf-globe 20s linear infinite;
}
@keyframes tf-window { 0% { opacity: 0.8; } 50% { opacity: 1; box-shadow: inset 0 0 30px rgba(255,255,200,0.5); } 100% { opacity: 0.85; } }
@keyframes tf-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes tf-lamp { 0% { box-shadow: 0 0 20px 6px rgba(255,200,80,0.4); } 100% { box-shadow: 0 0 40px 16px rgba(255,200,80,0.7); } }
@keyframes tf-book { 0% { transform: rotate(5deg); } 50% { transform: rotate(8deg) translateY(-2px); } 100% { transform: rotate(3deg); } }
@keyframes tf-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* scene: india-vs-australasia */
.scn-india-vs-australasia {
  background:
    linear-gradient(180deg, #ede3d0 0%, #d4c4a8 60%, #b8a388 100%),
    radial-gradient(ellipse at 40% 60%, #fff5e0 0%, transparent 70%);
}
.scn-india-vs-australasia .table {
  position: absolute; left: 10%; top: 60%; width: 80%; height: 6%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a3020 100%);
  border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.scn-india-vs-australasia .pile-left {
  position: absolute; left: 25%; top: 42%; width: 14%; height: 18%;
  background: linear-gradient(180deg, #b08a5a 0%, #8a6840 100%);
  border-radius: 20% 20% 10% 10%;
  animation: iv-pile-left 10s ease-in-out infinite alternate;
}
.scn-india-vs-australasia .pile-right {
  position: absolute; right: 25%; top: 48%; width: 18%; height: 12%;
  background: linear-gradient(180deg, #d4b060 0%, #b09040 100%);
  border-radius: 30% 30% 10% 10%;
  animation: iv-pile-right 10s ease-in-out infinite alternate;
}
.scn-india-vs-australasia .coin-left {
  position: absolute; left: 28%; top: 38%; width: 6%; height: 6%;
  background: radial-gradient(circle, #c0a060 0%, #8a6a30 100%);
  border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: iv-coin-left 6s ease-in-out infinite;
}
.scn-india-vs-australasia .coin-right {
  position: absolute; right: 28%; top: 44%; width: 10%; height: 10%;
  background: radial-gradient(circle, #e8c060 0%, #b09030 100%);
  border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: iv-coin-right 6s ease-in-out infinite reverse;
}
.scn-india-vs-australasia .figure {
  position: absolute; left: 46%; top: 38%; width: 8%; height: 24%;
  background: linear-gradient(180deg, #2a1a10 0%, #0a0804 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: iv-figure 8s ease-in-out infinite;
}
.scn-india-vs-australasia .shadow {
  position: absolute; left: 38%; top: 58%; width: 24%; height: 3%;
  background: rgba(0,0,0,0.1);
  border-radius: 50%; filter: blur(4px);
  animation: iv-shadow 8s ease-in-out infinite;
}
@keyframes iv-pile-left { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes iv-pile-right { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes iv-coin-left { 0% { transform: scale(1); } 50% { transform: scale(1.2) rotate(10deg); } 100% { transform: scale(1); } }
@keyframes iv-coin-right { 0% { transform: scale(1); } 50% { transform: scale(1.3) rotate(-15deg); } 100% { transform: scale(1); } }
@keyframes iv-figure { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes iv-shadow { 0% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.1); } 100% { opacity: 0.3; transform: scale(1); } }

/* scene: individual-product */
.scn-individual-product {
  background:
    linear-gradient(180deg, #f5efe0 0%, #ddd2c0 50%, #c4b8a0 100%),
    radial-gradient(ellipse at 50% 65%, #fff0d0 0%, transparent 60%);
}
.scn-individual-product .pedestal-left {
  position: absolute; left: 18%; top: 50%; width: 12%; height: 30%;
  background: linear-gradient(180deg, #a08a70 0%, #6a5a4a 100%);
  border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.scn-individual-product .pedestal-right {
  position: absolute; right: 18%; top: 30%; width: 18%; height: 50%;
  background: linear-gradient(180deg, #a08a70 0%, #5a4a3a 100%);
  border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  animation: ip-pedestal 12s ease-in-out infinite alternate;
}
.scn-individual-product .item-left {
  position: absolute; left: 22%; top: 46%; width: 4%; height: 4%;
  background: radial-gradient(circle, #c0a060 0%, #8a6a30 100%);
  border-radius: 50%; box-shadow: 0 0 6px 2px rgba(192,160,96,0.4);
  animation: ip-item-left 5s ease-in-out infinite;
}
.scn-individual-product .item-right {
  position: absolute; right: 22%; top: 28%; width: 12%; height: 12%;
  background: radial-gradient(circle, #e8c860 0%, #b89838 100%);
  border-radius: 50%; box-shadow: 0 0 20px 6px rgba(232,200,96,0.5);
  animation: ip-item-right 8s ease-in-out infinite reverse;
}
.scn-individual-product .figure {
  position: absolute; left: 44%; top: 40%; width: 12%; height: 30%;
  background: linear-gradient(180deg, #2a1a10 0%, #0a0804 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ip-figure 7s ease-in-out infinite;
}
.scn-individual-product .magnifier {
  position: absolute; left: 52%; top: 36%; width: 8%; height: 12%;
  background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.6) 0%, transparent 60%);
  border-radius: 50% 50% 30% 30%; border: 2px solid #8a6a4a;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  animation: ip-magnifier 10s ease-in-out infinite;
}
.scn-individual-product .window {
  position: absolute; left: 5%; top: 5%; width: 22%; height: 35%;
  background: linear-gradient(180deg, #c0d8e0 0%, #80a8b8 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,200,0.2);
  animation: ip-window 15s ease-in-out infinite alternate;
}
@keyframes ip-pedestal { 0% { transform: translateY(0); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0); } }
@keyframes ip-item-left { 0% { transform: scale(1) rotate(0); } 50% { transform: scale(1.8) rotate(20deg); } 100% { transform: scale(1) rotate(0); } }
@keyframes ip-item-right { 0% { transform: scale(1); } 50% { transform: scale(1.4) rotate(-30deg); } 100% { transform: scale(1); } }
@keyframes ip-figure { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes ip-magnifier { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(8px) scale(1.1); } 100% { transform: translateX(0) scale(1); } }
@keyframes ip-window { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }

/* scene: judge-on-circuit */
.scn-judge-on-circuit {
  background:
    linear-gradient(180deg, #4a3a2a 0%, #2a1a10 40%, #1a0e08 100%),
    radial-gradient(ellipse at 30% 40%, #8a6a4a 0%, transparent 70%);
}
.scn-judge-on-circuit .carriage {
  position: absolute; left: 10%; top: 30%; width: 80%; height: 50%;
  background: linear-gradient(180deg, #6a4a32 0%, #3a261a 100%);
  border-radius: 10% 10% 4% 4%; box-shadow: inset 0 -6px 12px rgba(0,0,0,0.5);
}
.scn-judge-on-circuit .window {
  position: absolute; left: 30%; top: 36%; width: 24%; height: 28%;
  background: linear-gradient(180deg, #a0b8c0 0%, #607080 100%);
  border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,200,0.2);
  animation: jc-window 8s ease-in-out infinite alternate;
}
.scn-judge-on-circuit .seat {
  position: absolute; left: 32%; top: 56%; width: 20%; height: 8%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1808 100%);
  border-radius: 4px;
}
.scn-judge-on-circuit .figure {
  position: absolute; left: 38%; top: 38%; width: 8%; height: 20%;
  background: linear-gradient(180deg, #1a1008 0%, #0a0604 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: jc-figure 10s ease-in-out infinite;
}
.scn-judge-on-circuit .landscape {
  position: absolute; left: 30%; top: 36%; width: 24%; height: 28%;
  background: linear-gradient(180deg, #4a6a4a 0%, #2a3a2a 50%, #1a2a1a 100%);
  border-radius: 4px; overflow: hidden;
  animation: jc-landscape 25s linear infinite;
}
.scn-judge-on-circuit .lamp {
  position: absolute; left: 58%; top: 32%; width: 4%; height: 10%;
  background: radial-gradient(ellipse at 50% 20%, #ffe080 0%, #c08040 60%, transparent 100%);
  border-radius: 50% 50% 30% 30%; box-shadow: 0 0 20px 8px rgba(255,200,80,0.4);
  animation: jc-lamp 5s ease-in-out infinite alternate;
}
.scn-judge-on-circuit .track {
  position: absolute; bottom: 22%; left: 0; width: 100%; height: 2%;
  background: repeating-linear-gradient(90deg, #5a4a3a 0px, #5a4a3a 12px, #3a2a1a 12px, #3a2a1a 16px);
  animation: jc-track 4s linear infinite;
}
@keyframes jc-window { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes jc-figure { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes jc-landscape { 0% { background-position: 0 0; } 100% { background-position: -100% 0; } }
@keyframes jc-lamp { 0% { box-shadow: 0 0 15px 4px rgba(255,200,80,0.3); } 100% { box-shadow: 0 0 30px 12px rgba(255,200,80,0.6); } }
@keyframes jc-track { 0% { background-position: 0 0; } 100% { background-position: -32px 0; } }

/* natives-waiting */
.scn-natives-waiting {
  background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 40%, #b08d6a 100%),
              radial-gradient(ellipse at 50% 100%, #e6cca0 0%, transparent 70%);
}
.scn-natives-waiting .wall {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #e8d4b8 0%, #c5a77a 100%);
  border-radius: 0 0 30% 30% / 0 0 20% 20%;
  animation: nw-wall 20s ease-in-out infinite alternate;
}
.scn-natives-waiting .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #b08d6a 0%, #7a5e3e 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.3);
}
.scn-natives-waiting .figure-a {
  position: absolute; bottom: 25%; left: 20%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nw-figure-a 6s ease-in-out infinite;
}
.scn-natives-waiting .figure-b {
  position: absolute; bottom: 22%; left: 40%; width: 28px; height: 46px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nw-figure-b 7s ease-in-out infinite 1s;
}
.scn-natives-waiting .figure-c {
  position: absolute; bottom: 28%; left: 60%; width: 32px; height: 48px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: nw-figure-c 5s ease-in-out infinite 0.5s;
}
.scn-natives-waiting .ornament-1 {
  position: absolute; top: 50%; left: 25%; width: 6px; height: 6px;
  background: radial-gradient(circle, #e0b060 0%, #c08040 100%);
  border-radius: 50%; box-shadow: 0 0 10px 3px #e0b060;
  animation: nw-ornament 4s ease-in-out infinite alternate;
}
.scn-natives-waiting .ornament-2 {
  position: absolute; top: 55%; left: 55%; width: 5px; height: 5px;
  background: radial-gradient(circle, #d4a050 0%, #a08030 100%);
  border-radius: 50%; box-shadow: 0 0 8px 2px #d4a050;
  animation: nw-ornament 4s ease-in-out infinite alternate 2s;
}
.scn-natives-waiting .column {
  position: absolute; bottom: 15%; left: 75%; width: 18px; height: 60%;
  background: linear-gradient(180deg, #c8a888 0%, #8a6a4a 100%);
  border-radius: 8px 8px 0 0;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
}
@keyframes nw-wall {
  0% { opacity: 0.9; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.05); }
  100% { opacity: 0.85; filter: brightness(0.95); }
}
@keyframes nw-figure-a {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-3px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes nw-figure-b {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(-2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes nw-figure-c {
  0% { transform: translateY(0) rotate(2deg); }
  50% { transform: translateY(-4px) rotate(0deg); }
  100% { transform: translateY(0) rotate(2deg); }
}
@keyframes nw-ornament {
  0% { opacity: 0.6; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.2); }
  100% { opacity: 0.7; transform: scale(0.9); }
}

/* car-comfort */
.scn-car-comfort {
  background: linear-gradient(180deg, #f2e2c0 0%, #d6b892 50%, #b0885e 100%),
              radial-gradient(ellipse at 50% 80%, #e0c090 0%, transparent 60%);
}
.scn-car-comfort .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #b0885e 0%, #705030 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-car-comfort .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #e8d4b0 0%, #c8a878 100%);
  border-radius: 0 0 20% 20% / 0 0 10% 10%;
}
.scn-car-comfort .sofa {
  position: absolute; bottom: 25%; left: 15%; width: 40%; height: 30%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%);
  border-radius: 12px; box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: cc-sofa 10s ease-in-out infinite alternate;
}
.scn-car-comfort .bedding {
  position: absolute; bottom: 48%; left: 20%; width: 30%; height: 12%;
  background: linear-gradient(180deg, #f0e0c0 0%, #d0b890 100%);
  border-radius: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: rotate(-2deg);
  animation: cc-bedding 8s ease-in-out infinite alternate;
}
.scn-car-comfort .parasol {
  position: absolute; bottom: 55%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, #e8c8a0 0%, #c8a070 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  clip-path: polygon(0 0, 100% 0, 100% 60%, 50% 100%, 0 60%);
  transform: rotate(-10deg);
  animation: cc-parasol 6s ease-in-out infinite alternate;
}
.scn-car-comfort .cigar-box {
  position: absolute; bottom: 30%; left: 65%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: cc-box 5s ease-in-out infinite;
}
.scn-car-comfort .figure-profile {
  position: absolute; bottom: 22%; left: 10%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 60% 40% 40% 60% / 60% 50% 50% 40%;
  transform-origin: bottom center;
  animation: cc-figure 7s ease-in-out infinite;
}
@keyframes cc-sofa {
  0% { transform: translateY(0); filter: brightness(1); }
  50% { transform: translateY(-2px); filter: brightness(1.05); }
  100% { transform: translateY(0); filter: brightness(0.95); }
}
@keyframes cc-bedding {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(-1deg) translateY(-3px); }
  100% { transform: rotate(-2deg) translateY(0); }
}
@keyframes cc-parasol {
  0% { transform: rotate(-10deg) scale(1); }
  50% { transform: rotate(-5deg) scale(1.05); }
  100% { transform: rotate(-10deg) scale(1); }
}
@keyframes cc-box {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes cc-figure {
  0% { transform: translateX(0) rotate(-2deg); }
  50% { transform: translateX(5px) rotate(2deg); }
  100% { transform: translateX(10px) rotate(-1deg); }
}

/* car-details */
.scn-car-details {
  background: linear-gradient(180deg, #f0e8d0 0%, #d8c8a0 40%, #b8a080 100%),
              radial-gradient(ellipse at 50% 70%, #dcd0b0 0%, transparent 60%);
}
.scn-car-details .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%);
  box-shadow: inset 0 15px 30px rgba(0,0,0,0.2);
}
.scn-car-details .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e8dcc8 0%, #c8b898 100%);
  border-radius: 0 0 10% 10% / 0 0 5% 5%;
}
.scn-car-details .window-blue {
  position: absolute; top: 20%; left: 10%; width: 30%; height: 40%;
  background: linear-gradient(180deg, #4a6a8a 0%, #2a4a6a 100%);
  border-radius: 12px; box-shadow: inset 0 0 30px rgba(255,255,255,0.2);
  animation: cd-window 12s ease-in-out infinite alternate;
}
.scn-car-details .side-door {
  position: absolute; bottom: 40%; right: 15%; width: 20%; height: 50%;
  background: linear-gradient(90deg, #8a6a4a 0%, #6a4a2a 50%, #8a6a4a 100%);
  border-radius: 8px 8px 0 0; box-shadow: -4px 0 8px rgba(0,0,0,0.3);
}
.scn-car-details .oil-lamp {
  position: absolute; top: 35%; left: 50%; width: 20px; height: 30px;
  background: radial-gradient(ellipse at 50% 30%, #e0d080 0%, #a09050 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 60% 60%;
  box-shadow: 0 0 20px 8px #d0c060, 0 0 40px 15px rgba(200,180,80,0.4);
  animation: cd-lamp 4s ease-in-out infinite alternate;
}
.scn-car-details .baggage {
  position: absolute; bottom: 10%; left: 40%; width: 40px; height: 25px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  transform: rotate(-3deg);
  animation: cd-baggage 7s ease-in-out infinite;
}
.scn-car-details .books {
  position: absolute; bottom: 12%; right: 30%; width: 18px; height: 10px;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%);
  border-radius: 3px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transform: rotate(2deg);
  animation: cd-books 9s ease-in-out infinite alternate;
}
@keyframes cd-window {
  0% { opacity: 0.85; filter: brightness(0.9); }
  50% { opacity: 1; filter: brightness(1.05); }
  100% { opacity: 0.9; filter: brightness(0.95); }
}
@keyframes cd-lamp {
  0% { box-shadow: 0 0 15px 5px #d0c060, 0 0 30px 10px rgba(200,180,80,0.3); opacity: 0.8; }
  50% { box-shadow: 0 0 25px 10px #e0d080, 0 0 50px 20px rgba(220,200,100,0.5); opacity: 1; }
  100% { box-shadow: 0 0 18px 6px #d0c060, 0 0 35px 12px rgba(200,180,80,0.35); opacity: 0.9; }
}
@keyframes cd-baggage {
  0% { transform: rotate(-3deg) translateX(0); }
  50% { transform: rotate(-1deg) translateX(2px); }
  100% { transform: rotate(-3deg) translateX(0); }
}
@keyframes cd-books {
  0% { transform: rotate(2deg) scale(1); }
  50% { transform: rotate(4deg) scale(1.05); }
  100% { transform: rotate(2deg) scale(1); }
}

/* compartment-home */
.scn-compartment-home {
  background: linear-gradient(180deg, #1a1a2e 0%, #2c2440 50%, #3a2e4e 100%),
              radial-gradient(ellipse at 50% 70%, #4a3a5a 0%, transparent 60%);
}
.scn-compartment-home .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #2c2418 0%, #1a1410 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.5);
}
.scn-compartment-home .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #3c3040 0%, #2c2030 100%);
  border-radius: 0 0 15% 15% / 0 0 8% 8%;
}
.scn-compartment-home .sofa {
  position: absolute; bottom: 25%; left: 10%; width: 45%; height: 35%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 12px; box-shadow: 0 8px 16px rgba(0,0,0,0.6);
  animation: ch-sofa 12s ease-in-out infinite alternate;
}
.scn-compartment-home .mattress {
  position: absolute; bottom: 48%; left: 15%; width: 35%; height: 10%;
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);
  animation: ch-mattress 9s ease-in-out infinite alternate;
}
.scn-compartment-home .pillow {
  position: absolute; bottom: 55%; left: 18%; width: 20%; height: 8%;
  background: radial-gradient(ellipse, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.5);
  animation: ch-pillow 7s ease-in-out infinite;
}
.scn-compartment-home .door {
  position: absolute; bottom: 40%; right: 10%; width: 15%; height: 50%;
  background: linear-gradient(90deg, #4a3020 0%, #3a2010 50%, #4a3020 100%);
  border-radius: 6px 6px 0 0; box-shadow: -6px 0 12px rgba(0,0,0,0.5);
  animation: ch-door 15s ease-in-out infinite alternate;
}
.scn-compartment-home .lamp-glow {
  position: absolute; top: 30%; left: 50%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 60%, #d0a050 0%, #a08030 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 30px 15px #b09040, 0 0 60px 25px rgba(180,140,60,0.3);
  animation: ch-lamp 5s ease-in-out infinite alternate;
}
@keyframes ch-sofa {
  0% { filter: brightness(0.8); transform: translateY(0); }
  50% { filter: brightness(0.9); transform: translateY(-1px); }
  100% { filter: brightness(0.85); transform: translateY(0); }
}
@keyframes ch-mattress {
  0% { transform: scaleX(1) translateX(0); }
  50% { transform: scaleX(1.02) translateX(2px); }
  100% { transform: scaleX(1) translateX(0); }
}
@keyframes ch-pillow {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ch-door {
  0% { transform: rotateY(0deg); }
  50% { transform: rotateY(2deg); }
  100% { transform: rotateY(-1deg); }
}
@keyframes ch-lamp {
  0% { box-shadow: 0 0 20px 8px #b09040, 0 0 40px 15px rgba(180,140,60,0.2); opacity: 0.7; }
  50% { box-shadow: 0 0 35px 15px #d0a050, 0 0 70px 30px rgba(200,160,80,0.4); opacity: 1; }
  100% { box-shadow: 0 0 25px 10px #b09040, 0 0 50px 20px rgba(180,140,60,0.3); opacity: 0.8; }
}

.scn-item-waterbury-watch {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0f05 100%),
    radial-gradient(ellipse at 50% 30%, #5a3a1a 0%, transparent 70%);
}
.scn-item-waterbury-watch .wall-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); opacity: 0.6;
}
.scn-item-waterbury-watch .desk {
  position: absolute; bottom: 10%; left: 5%; right: 5%; height: 25%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 0 4px 12px rgba(0,0,0,0.6);
}
.scn-item-waterbury-watch .watch {
  position: absolute; bottom: 22%; left: 38%; width: 40px; height: 40px;
  background: radial-gradient(circle, #d4a86a 0%, #b08040 60%, #7a5320 100%);
  border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: wbw-watch-float 6s ease-in-out infinite;
}
.scn-item-waterbury-watch .watch-hand {
  position: absolute; bottom: 40%; left: 50%; width: 2px; height: 16px;
  background: #2a1a0a; transform-origin: bottom center;
  border-radius: 50%; box-shadow: 0 0 2px #ffd060;
  animation: wbw-tick 4s ease-in-out infinite;
}
.scn-item-waterbury-watch .lamp {
  position: absolute; bottom: 30%; right: 20%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 30% 30% 10% 10%;
}
.scn-item-waterbury-watch .lamp-glow {
  position: absolute; bottom: 25%; right: 18%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffd060 0%, transparent 70%);
  border-radius: 50%; filter: blur(8px);
  animation: wbw-glow 3s ease-in-out infinite alternate;
}
.scn-item-waterbury-watch .shadow-figure {
  position: absolute; bottom: 14%; left: 55%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wbw-figure-sway 5s ease-in-out infinite;
}
.scn-item-waterbury-watch .clock-back {
  position: absolute; top: 10%; right: 10%; width: 25px; height: 25px;
  background: radial-gradient(circle, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 50%; opacity: 0.4;
  animation: wbw-clock-tick 2s steps(2) infinite;
}
@keyframes wbw-watch-float { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes wbw-tick { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
@keyframes wbw-glow { 0% { opacity: 0.6; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1.2); } 100% { opacity: 0.7; transform: scale(0.9); } }
@keyframes wbw-figure-sway { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes wbw-clock-tick { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }

.scn-ship-painters {
  background:
    linear-gradient(180deg, #d4e8ff 0%, #a0c8e8 30%, #f0e8c0 100%),
    radial-gradient(ellipse at 50% 100%, #f0e8c0 0%, transparent 60%);
}
.scn-ship-painters .sky-bright {
  position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #b8d4f0 0%, transparent 100%);
  animation: sp-sky-shift 20s ease-in-out infinite alternate;
}
.scn-ship-painters .deck {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 0 0 10% 10%; box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
}
.scn-ship-painters .mast {
  position: absolute; bottom: 30%; left: 40%; width: 8px; height: 120px;
  background: linear-gradient(180deg, #7a6a4a 0%, #5a4a2a 100%);
  border-radius: 10% 10% 50% 50%; transform-origin: bottom center;
  animation: sp-mast-sway 8s ease-in-out infinite;
}
.scn-ship-painters .sail {
  position: absolute; bottom: 40%; left: 30%; width: 80px; height: 60px;
  background: linear-gradient(180deg, #f8f4e0 0%, #d8d0b0 100%);
  border-radius: 20% 30% 10% 20% / 40% 50% 20% 30%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2); transform-origin: top center;
  animation: sp-sail-flap 4s ease-in-out infinite;
}
.scn-ship-painters .painter {
  position: absolute; bottom: 30%; left: 45%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sp-painter-arm 3s ease-in-out infinite;
}
.scn-ship-painters .paint-bucket {
  position: absolute; bottom: 28%; left: 48%; width: 16px; height: 14px;
  background: linear-gradient(180deg, #b87878 0%, #8a5a5a 100%);
  border-radius: 20% 20% 10% 10%;
  animation: sp-bucket-shake 2.5s ease-in-out infinite;
}
.scn-ship-painters .splatter {
  position: absolute; bottom: 26%; left: 50%; width: 30px; height: 10px;
  background: radial-gradient(circle at 50% 50%, #b87878 0%, transparent 70%);
  border-radius: 50%; filter: blur(2px);
  animation: sp-splatter-grow 5s ease-in-out infinite;
}
.scn-ship-painters .lady-dress {
  position: absolute; bottom: 28%; right: 20%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #a0c8e8 0%, #7aa8c8 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 30% 30%;
  animation: sp-dress-sway 4s ease-in-out infinite;
}
@keyframes sp-sky-shift { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes sp-mast-sway { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }
@keyframes sp-sail-flap { 0% { transform: scaleX(1) rotate(0deg); } 50% { transform: scaleX(1.05) rotate(2deg); } 100% { transform: scaleX(1) rotate(0deg); } }
@keyframes sp-painter-arm { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes sp-bucket-shake { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(-3deg); } 75% { transform: translateY(-2px) rotate(3deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes sp-splatter-grow { 0% { transform: scale(0.5); opacity: 0.8; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(0.5); opacity: 0.8; } }
@keyframes sp-dress-sway { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }

.scn-losing-a-day {
  background:
    linear-gradient(180deg, #f2d8a0 0%, #e8c080 30%, #d0a860 100%),
    radial-gradient(ellipse at 50% 0%, #ffe8c0 0%, transparent 80%);
}
.scn-losing-a-day .sky-warm {
  position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #ffedc0 0%, transparent 100%);
  animation: lad-sky-pulse 15s ease-in-out infinite alternate;
}
.scn-losing-a-day .sun {
  position: absolute; top: 15%; left: 55%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffd060 0%, #f0a830 60%, transparent 100%);
  border-radius: 50%; filter: blur(6px);
  animation: lad-sun-arc 20s ease-in-out infinite alternate;
}
.scn-losing-a-day .ocean {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #a0b8d0 0%, #6a8aa0 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
}
.scn-losing-a-day .ship {
  position: absolute; bottom: 30%; left: 30%; width: 80px; height: 40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 10% 10% / 50% 50% 30% 30%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: lad-ship-bob 6s ease-in-out infinite;
}
.scn-losing-a-day .day-circle {
  position: absolute; top: 35%; left: 40%; width: 20px; height: 20px;
  background: radial-gradient(circle, #f8e0a0 0%, #d0a860 100%);
  border-radius: 50%; box-shadow: 0 0 12px #ffd060;
  animation: lad-day-fade 8s ease-in-out infinite;
}
.scn-losing-a-day .day-marker {
  position: absolute; top: 38%; left: 45%; width: 6px; height: 6px;
  background: #f0c040; border-radius: 50%; opacity: 0.6;
  animation: lad-marker-shift 10s linear infinite;
}
.scn-losing-a-day .wave-1 {
  position: absolute; bottom: 45%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, rgba(160,184,208,0.3) 0%, transparent 100%);
  border-radius: 60% 40% 0 0 / 80% 60% 0 0;
  animation: lad-wave 5s ease-in-out infinite alternate;
}
.scn-losing-a-day .wave-2 {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 12%;
  background: linear-gradient(180deg, rgba(160,184,208,0.2) 0%, transparent 100%);
  border-radius: 40% 60% 0 0 / 60% 80% 0 0;
  animation: lad-wave 7s ease-in-out infinite alternate-reverse;
}
@keyframes lad-sky-pulse { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes lad-sun-arc { 0% { transform: translateX(-50px) translateY(20px) scale(0.9); } 50% { transform: translateX(0) translateY(0) scale(1); } 100% { transform: translateX(50px) translateY(20px) scale(0.9); } }
@keyframes lad-ship-bob { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes lad-day-fade { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.5; } }
@keyframes lad-marker-shift { 0% { transform: translateX(0); } 100% { transform: translateX(-40px); } }
@keyframes lad-wave { 0% { transform: translateY(0); } 100% { transform: translateY(8px); } }

.scn-great-meridian {
  background:
    linear-gradient(90deg, #4a5a6a 0%, #7a8a9a 50%, #b0c8d8 100%),
    radial-gradient(ellipse at 50% 100%, #b0c8d8 0%, transparent 70%);
}
.scn-great-meridian .left-half {
  position: absolute; inset: 0 50% 0 0; background: linear-gradient(180deg, #3a4a5a 0%, #2a3a4a 100%); z-index: 1;
}
.scn-great-meridian .right-half {
  position: absolute; inset: 0 0 0 50%; background: linear-gradient(180deg, #e0d0b0 0%, #c0b090 100%); z-index: 1;
}
.scn-great-meridian .ship-hull {
  position: absolute; bottom: 20%; left: 30%; right: 30%; height: 25%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%; z-index: 2;
  animation: gm-ship-roll 6s ease-in-out infinite;
}
.scn-great-meridian .bow-figure {
  position: absolute; bottom: 30%; left: 42%; width: 14px; height: 35px;
  background: linear-gradient(180deg, #1a2a3a 0%, #0a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; z-index: 3;
  animation: gm-figure-bow 4s ease-in-out infinite;
}
.scn-great-meridian .stern-figure {
  position: absolute; bottom: 30%; right: 44%; width: 14px; height: 35px;
  background: linear-gradient(180deg, #1a2a3a 0%, #0a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; z-index: 3;
  animation: gm-figure-stern 4s ease-in-out infinite 2s;
}
.scn-great-meridian .apple-half-left {
  position: absolute; top: 30%; left: 30%; width: 20px; height: 20px;
  background: radial-gradient(circle at 60% 50%, #c8553d 0%, #a04530 60%, #7a3020 100%);
  border-radius: 50% 0 0 50%; clip-path: inset(0 50% 0 0); z-index: 4;
  animation: gm-apple-left 8s ease-in-out infinite alternate;
}
.scn-great-meridian .apple-half-right {
  position: absolute; top: 30%; right: 30%; width: 20px; height: 20px;
  background: radial-gradient(circle at 40% 50%, #c8553d 0%, #a04530 60%, #7a3020 100%);
  border-radius: 0 50% 50% 0; clip-path: inset(0 0 0 50%); z-index: 4;
  animation: gm-apple-right 8s ease-in-out infinite alternate;
}
.scn-great-meridian .meridian-line {
  position: absolute; top: 0; bottom: 0; left: 50%; width: 3px;
  background: linear-gradient(180deg, #ffd060 0%, #f0a830 50%, #ffd060 100%);
  box-shadow: 0 0 12px #ffd060; z-index: 5;
  animation: gm-line-glow 3s ease-in-out infinite alternate;
}
@keyframes gm-ship-roll { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes gm-figure-bow { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(2px) rotate(2deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes gm-figure-stern { 0% { transform: translateX(0) rotate(2deg); } 50% { transform: translateX(-2px) rotate(-2deg); } 100% { transform: translateX(0) rotate(2deg); } }
@keyframes gm-apple-left { 0% { transform: translateX(0); } 100% { transform: translateX(-20px); } }
@keyframes gm-apple-right { 0% { transform: translateX(0); } 100% { transform: translateX(20px); } }
@keyframes gm-line-glow { 0% { opacity: 0.6; box-shadow: 0 0 6px #ffd060; } 100% { opacity: 1; box-shadow: 0 0 20px #ffd060; } }

.scn-cue-owl {
  background:
    linear-gradient(180deg, #2a1f1a 0%, #1a1210 50%, #0d0806 100%),
    radial-gradient(ellipse at 50% 100%, #3d2b22 0%, transparent 60%);
}
.scn-cue-owl .room {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #2a1f1a 0%, #1a1210 100%);
  animation: co-room 12s ease-in-out infinite alternate;
}
.scn-cue-owl .window {
  position: absolute; top: 10%; left: 50%; width: 120px; height: 160px; transform: translateX(-50%);
  background: rgba(30, 24, 20, 0.8);
  border: 4px solid #4a3a2e;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
  animation: co-window 8s ease-in-out infinite alternate;
}
.scn-cue-owl .night {
  position: absolute; top: 10%; left: 50%; width: 110px; height: 150px; transform: translateX(-50%);
  background: radial-gradient(ellipse at 30% 20%, #3a4a6a 0%, #1a223e 60%, #0a0a1a 100%);
  border-radius: 2px;
  animation: co-night 10s ease-in-out infinite alternate;
}
.scn-cue-owl .branch {
  position: absolute; bottom: 42%; left: 30%; right: 20%; height: 6px;
  background: linear-gradient(90deg, #2a1f1a, #3a2a1e 40%, #2a1f1a 80%);
  border-radius: 4px;
  transform: rotate(-2deg);
}
.scn-cue-owl .owl-body {
  position: absolute; bottom: 44%; left: 45%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 30%, #4a3a2e, #1a1210 70%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: co-sway 4s ease-in-out infinite alternate;
}
.scn-cue-owl .owl-eyes {
  position: absolute; bottom: 50%; left: 45%; width: 24px; height: 20px;
  background: radial-gradient(circle at 30% 40%, #ffd060 0%, #c09030 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 12px 4px rgba(255,208,96,0.5);
  animation: co-blink 2.5s ease-in-out infinite;
}
@keyframes co-room { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes co-window { 0%,100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.02); } }
@keyframes co-night { 0% { background-position: 0% 0% } 50% { background-position: 50% 30% } 100% { background-position: 100% 50% } }
@keyframes co-sway { 0% { transform: rotate(-2deg) } 50% { transform: rotate(0deg) } 100% { transform: rotate(2deg) } }
@keyframes co-blink { 0%,90%,100% { transform: scaleY(1) } 95% { transform: scaleY(0.1) } }

.scn-bird-flight-pleasure {
  background:
    linear-gradient(180deg, #87ceeb 0%, #f0d090 40%, #f0a050 70%, #d08030 100%),
    radial-gradient(ellipse at 50% 0%, #a0d8f0 0%, transparent 60%);
}
.scn-bird-flight-pleasure .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0f0 60%, transparent 100%);
  animation: bf-sky 20s ease-in-out infinite alternate;
}
.scn-bird-flight-pleasure .sun {
  position: absolute; top: 15%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffd700 0%, #ffb300 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 16px rgba(255,200,0,0.4);
  animation: bf-sun 6s ease-in-out infinite alternate;
}
.scn-bird-flight-pleasure .mountains {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #6a8a6a 0%, #3a5a3a 50%, #1a3a1a 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.3);
  animation: bf-mountains 18s ease-in-out infinite alternate;
}
.scn-bird-flight-pleasure .bird {
  position: absolute; top: 20%; left: -10%; width: 50px; height: 20px;
  background: radial-gradient(ellipse at 30% 50%, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 40% 40% 50% / 60% 50% 50% 60%;
  transform-origin: center right;
  animation: bf-fly 12s linear infinite;
}
.scn-bird-flight-pleasure .clouds {
  position: absolute; top: 10%; right: 5%; width: 120px; height: 25px;
  background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: bf-clouds 40s linear infinite;
}
.scn-bird-flight-pleasure .trail {
  position: absolute; top: 22%; left: 5%; width: 30%; height: 4px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.6) 70%, transparent);
  border-radius: 4px;
  filter: blur(2px);
  animation: bf-trail 12s linear infinite;
}
@keyframes bf-sky { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes bf-sun { 0% { transform: scale(0.9) rotate(0deg) } 50% { transform: scale(1.1) rotate(5deg) } 100% { transform: scale(0.95) rotate(-5deg) } }
@keyframes bf-mountains { 0% { transform: translateY(0) } 50% { transform: translateY(-5px) } 100% { transform: translateY(0) } }
@keyframes bf-fly { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(110vw) rotate(-5deg) } 100% { transform: translateX(220vw) rotate(0deg) } }
@keyframes bf-clouds { 0% { transform: translateX(0) } 50% { transform: translateX(-60px) } 100% { transform: translateX(-120px) } }
@keyframes bf-trail { 0% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } }

.scn-parrot-woman {
  background:
    linear-gradient(180deg, #f0e0c0 0%, #e0c098 40%, #c8a878 100%),
    radial-gradient(ellipse at 50% 80%, #d8c098 0%, transparent 60%);
}
.scn-parrot-woman .room {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f0e0c0 0%, #dcc8a8 100%);
  animation: pw-room 14s ease-in-out infinite alternate;
}
.scn-parrot-woman .window {
  position: absolute; top: 5%; left: 10%; width: 80px; height: 120px;
  background: linear-gradient(180deg, #a0d0f0 0%, #80b0e0 100%);
  border: 6px solid #b09070;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.4);
  animation: pw-window 10s ease-in-out infinite alternate;
}
.scn-parrot-woman .woman {
  position: absolute; bottom: 10%; left: 38%; width: 36px; height: 80px;
  background: radial-gradient(ellipse at 50% 40%, #8a7a6a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: pw-woman 5s ease-in-out infinite alternate;
}
.scn-parrot-woman .hat {
  position: absolute; bottom: 68%; left: 34%; width: 50px; height: 18px;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform: rotate(5deg);
  animation: pw-hat 4s ease-in-out infinite alternate;
}
.scn-parrot-woman .parrot-body {
  position: absolute; bottom: 27%; left: 56%; width: 28px; height: 32px;
  background: radial-gradient(ellipse at 50% 40%, #4a7a3a 0%, #1a3a0a 100%);
  border-radius: 50% 40% 40% 50% / 60% 50% 50% 60%;
  transform-origin: center bottom;
  animation: pw-parrot-body 3s ease-in-out infinite alternate;
}
.scn-parrot-woman .parrot-head {
  position: absolute; bottom: 46%; left: 56%; width: 16px; height: 16px;
  background: radial-gradient(ellipse at 50% 40%, #6a9a5a 0%, #2a5a1a 100%);
  border-radius: 50%;
  transform-origin: center bottom;
  animation: pw-parrot-head 2s ease-in-out infinite alternate;
}
.scn-parrot-woman .parrot-eye {
  position: absolute; bottom: 49%; left: 60%; width: 6px; height: 6px;
  background: radial-gradient(circle, #ffcc00 0%, #cc8800 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,200,0,0.6);
  animation: pw-blink 2s ease-in-out infinite;
}
@keyframes pw-room { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.95 } }
@keyframes pw-window { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(1) } }
@keyframes pw-woman { 0% { transform: rotate(-1deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-0.5deg) } }
@keyframes pw-hat { 0% { transform: rotate(3deg) } 50% { transform: rotate(8deg) } 100% { transform: rotate(4deg) } }
@keyframes pw-parrot-body { 0% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(0deg) } }
@keyframes pw-parrot-head { 0% { transform: rotate(-10deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(-5deg) } }
@keyframes pw-blink { 0%,90%,100% { transform: scaleY(1) } 95% { transform: scaleY(0.1) } }

.scn-murders-statistics {
  background:
    linear-gradient(180deg, #f8f0e0 0%, #e8dcc8 50%, #d0c4b0 100%),
    radial-gradient(ellipse at 50% 100%, #c8b8a0 0%, transparent 60%);
}
.scn-murders-statistics .study-bg {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f8f0e0 0%, #e0d4c0 100%);
  animation: ms-bg 20s ease-in-out infinite alternate;
}
.scn-murders-statistics .desk {
  position: absolute; bottom: 5%; left: 10%; right: 10%; height: 40%;
  background: linear-gradient(180deg, #b09878 0%, #8a7058 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
  animation: ms-desk 15s ease-in-out infinite alternate;
}
.scn-murders-statistics .books {
  position: absolute; bottom: 30%; left: 15%; width: 80px; height: 60px;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
  animation: ms-books 18s ease-in-out infinite alternate;
}
.scn-murders-statistics .papers {
  position: absolute; bottom: 22%; left: 40%; width: 60px; height: 8px;
  background: linear-gradient(180deg, #f0e8d8 0%, #d8d0c0 100%);
  border-radius: 2px;
  transform: rotate(-5deg);
  animation: ms-papers 8s ease-in-out infinite alternate;
}
.scn-murders-statistics .lamp {
  position: absolute; bottom: 45%; left: 65%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 0%, #ffd060 0%, #c09030 50%, transparent 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(255,208,96,0.3);
  animation: ms-lamp 4s ease-in-out infinite alternate;
}
.scn-murders-statistics .map {
  position: absolute; bottom: 26%; left: 20%; width: 50px; height: 40px;
  background: linear-gradient(180deg, #c8b098 0%, #a08870 100%);
  border-radius: 2px;
  transform: rotate(8deg);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  animation: ms-map 22s ease-in-out infinite alternate;
}
@keyframes ms-bg { 0% { opacity: 0.95 } 50% { opacity: 1 } 100% { opacity: 0.9 } }
@keyframes ms-desk { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ms-books { 0% { transform: translateX(0) } 50% { transform: translateX(3px) } 100% { transform: translateX(-2px) } }
@keyframes ms-papers { 0% { transform: rotate(-5deg) scale(1) } 50% { transform: rotate(0deg) scale(1.02) } 100% { transform: rotate(-3deg) scale(0.98) } }
@keyframes ms-lamp { 0% { box-shadow: 0 0 20px 6px rgba(255,208,96,0.2); opacity: 0.9 } 50% { box-shadow: 0 0 40px 12px rgba(255,208,96,0.5); opacity: 1 } 100% { box-shadow: 0 0 25px 8px rgba(255,208,96,0.3); opacity: 0.95 } }
@keyframes ms-map { 0% { transform: rotate(8deg) scale(1) } 50% { transform: rotate(10deg) scale(1.02) } 100% { transform: rotate(6deg) scale(0.98) } }

.scn-feringhea-forty {
  background: linear-gradient(180deg, #1a0f0a 0%, #2b1a0f 30%, #3d2415 70%, #2a1700 100%),
              radial-gradient(ellipse at 50% 40%, #4a2a14 0%, transparent 60%);
  position: relative; overflow: hidden;
}
.scn-feringhea-forty .cave-back {
  position: absolute; top: 0; left: 0; right: 0; bottom: 30%;
  background: linear-gradient(135deg, #2a1a10 0%, #1a0b05 50%, #3a2010 100%);
  border-radius: 0 0 30% 40% / 0 0 20% 30%;
  opacity: 0.8;
  animation: ff-cave 20s ease-in-out infinite alternate;
}
.scn-feringhea-forty .fire {
  position: absolute; bottom: 35%; left: 50%; width: 60px; height: 90px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 80%, #ff6a33 0%, #c8451a 40%, #7a2208 70%, transparent 100%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 0 40px 20px #c84a1a, 0 0 80px 30px rgba(200,74,26,0.3);
  animation: ff-fire 1.2s ease-in-out infinite alternate;
}
.scn-feringhea-forty .grave {
  position: absolute; bottom: 20%; left: 30%; width: 120px; height: 50px;
  background: #1f1208;
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 -8px 12px rgba(0,0,0,0.6);
  transform: rotate(-5deg);
  animation: ff-grave 8s ease-in-out infinite;
}
.scn-feringhea-forty .thief {
  position: absolute; bottom: 25%; left: 33%; width: 30px; height: 60px;
  background: radial-gradient(ellipse at 50% 30%, #4a3020 0%, #1f1208 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ff-thief 6s ease-in-out infinite;
}
.scn-feringhea-forty .thug-a {
  position: absolute; bottom: 22%; left: 55%; width: 35px; height: 70px;
  background: linear-gradient(180deg, #3d2a1a 0%, #1a0f0a 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 35% 35%;
  transform-origin: bottom center;
  animation: ff-thug 9s ease-in-out infinite alternate;
}
.scn-feringhea-forty .thug-b {
  position: absolute; bottom: 18%; left: 65%; width: 32px; height: 65px;
  background: linear-gradient(180deg, #3a2212 0%, #1c0e08 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ff-thug 9s ease-in-out infinite alternate-reverse;
  animation-delay: -4s;
}
.scn-feringhea-forty .rope {
  position: absolute; bottom: 35%; left: 48%; width: 4px; height: 50px;
  background: linear-gradient(180deg, #6a4a30 0%, #4a2a18 100%);
  border-radius: 2px;
  transform-origin: top center;
  animation: ff-rope 4s ease-in-out infinite;
}
.scn-feringhea-forty .shadow-pool {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 30%;
  background: radial-gradient(ellipse at 50% 0%, #1a0f0a 0%, transparent 80%);
  z-index: 1;
  animation: ff-shadow 12s ease-in-out infinite alternate;
}
.scn-feringhea-forty .sparks {
  position: absolute; top: 40%; left: 48%; width: 6px; height: 6px;
  background: #ffaa44;
  border-radius: 50%;
  box-shadow: 8px -10px 0 2px #ff8833, -6px -8px 0 1px #ff7733, 12px -15px 0 3px #ff6622;
  animation: ff-sparks 1.5s linear infinite;
}
@keyframes ff-cave { 0% { opacity:0.7; filter:brightness(0.9) } 50% { opacity:0.9; filter:brightness(1.1) } 100% { opacity:0.8; filter:brightness(1.0) } }
@keyframes ff-fire { 0% { transform:translateX(-50%) scaleY(1) rotate(-2deg); box-shadow:0 0 30px 15px #c84a1a,0 0 60px 20px rgba(200,74,26,0.3) } 50% { transform:translateX(-50%) scaleY(1.08) rotate(1deg); box-shadow:0 0 50px 25px #ff6a33,0 0 100px 40px rgba(255,106,51,0.4) } 100% { transform:translateX(-50%) scaleY(0.95) rotate(-1deg); box-shadow:0 0 35px 18px #c84a1a,0 0 70px 25px rgba(200,74,26,0.3) } }
@keyframes ff-grave { 0% { transform:rotate(-5deg) translateY(0) } 50% { transform:rotate(-4deg) translateY(-2px) } 100% { transform:rotate(-5deg) translateY(0) } }
@keyframes ff-thief { 0% { transform:translateX(0) rotate(0deg) } 25% { transform:translateX(5px) rotate(3deg) } 50% { transform:translateX(-3px) rotate(-2deg) } 75% { transform:translateX(4px) rotate(2deg) } 100% { transform:translateX(0) rotate(0deg) } }
@keyframes ff-thug { 0% { transform:translateY(0) rotate(-1deg) } 50% { transform:translateY(-4px) rotate(2deg) } 100% { transform:translateY(0) rotate(-1deg) } }
@keyframes ff-rope { 0% { transform:rotate(0deg) } 50% { transform:rotate(5deg) } 100% { transform:rotate(0deg) } }
@keyframes ff-shadow { 0% { opacity:0.6 } 50% { opacity:0.9 } 100% { opacity:0.7 } }
@keyframes ff-sparks { 0% { transform:translate(0,0) scale(1); opacity:1 } 50% { transform:translate(10px,-15px) scale(0.5); opacity:0.5 } 100% { transform:translate(20px,-30px) scale(0); opacity:0 } }

.scn-varied-victims {
  background: linear-gradient(180deg, #2a1a0f 0%, #3d2210 40%, #4a2a14 70%, #2a1700 100%),
              radial-gradient(ellipse at 50% 60%, #5a3018 0%, transparent 50%);
  position: relative; overflow: hidden;
}
.scn-varied-victims .room-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a0b04 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.5);
}
.scn-varied-victims .lantern {
  position: absolute; top: 15%; left: 50%; width: 30px; height: 40px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 60%, #ffaa44 0%, #cc7733 40%, #884420 70%, transparent 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 50px 25px #cc7733, 0 0 100px 50px rgba(204,119,51,0.3);
  animation: vv-lantern 3s ease-in-out infinite alternate;
}
.scn-varied-victims .body-1 {
  position: absolute; bottom: 22%; left: 28%; width: 40px; height: 55px;
  background: linear-gradient(180deg, #3a2010 0%, #1a0a00 100%);
  border-radius: 30% 30% 40% 40% / 40% 40% 50% 50%;
  transform: rotate(15deg);
  transform-origin: bottom center;
  animation: vv-body 12s ease-in-out infinite;
}
.scn-varied-victims .body-2 {
  position: absolute; bottom: 20%; left: 55%; width: 35px; height: 50px;
  background: linear-gradient(180deg, #3a2010 0%, #1a0a00 100%);
  border-radius: 30% 30% 40% 40% / 40% 40% 50% 50%;
  transform: rotate(-10deg);
  transform-origin: bottom center;
  animation: vv-body 12s ease-in-out infinite reverse;
  animation-delay: -6s;
}
.scn-varied-victims .elephant-driver {
  position: absolute; bottom: 25%; left: 40%; width: 38px; height: 65px;
  background: linear-gradient(180deg, #5a4020 0%, #2a1808 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: vv-driver 8s ease-in-out infinite;
}
.scn-varied-victims .strangler {
  position: absolute; bottom: 30%; left: 46%; width: 30px; height: 70px;
  background: linear-gradient(180deg, #4a2a14 0%, #1c0e06 100%);
  border-radius: 35% 35% 25% 25% / 45% 45% 25% 25%;
  transform-origin: bottom center;
  animation: vv-strangler 5s ease-in-out infinite;
}
.scn-varied-victims .rug {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 12%;
  background: linear-gradient(90deg, #4a2a14 0%, #6a4020 30%, #5a3018 70%, #3a1a08 100%);
  border-radius: 10px;
  transform: rotate(-2deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: vv-rug 15s ease-in-out infinite alternate;
}
.scn-varied-victims .blood-pool {
  position: absolute; bottom: 15%; left: 35%; width: 60px; height: 20px;
  background: radial-gradient(ellipse at 50% 50%, #5e1e1a 0%, #3a1010 40%, transparent 60%);
  border-radius: 50%;
  opacity: 0.8;
  animation: vv-blood 7s ease-in-out infinite alternate;
}
@keyframes vv-lantern { 0% { transform:translateX(-50%) rotate(-3deg); box-shadow:0 0 40px 20px #cc7733,0 0 80px 40px rgba(204,119,51,0.3) } 50% { transform:translateX(-50%) rotate(2deg); box-shadow:0 0 60px 30px #ffaa44,0 0 120px 60px rgba(255,170,68,0.4) } 100% { transform:translateX(-50%) rotate(-1deg); box-shadow:0 0 45px 22px #cc7733,0 0 90px 45px rgba(204,119,51,0.3) } }
@keyframes vv-body { 0% { transform:rotate(15deg) translateX(0) } 50% { transform:rotate(12deg) translateX(3px) } 100% { transform:rotate(15deg) translateX(0) } }
@keyframes vv-driver { 0% { transform:translateY(0) skewX(0) } 50% { transform:translateY(-3px) skewX(-2deg) } 100% { transform:translateY(0) skewX(0) } }
@keyframes vv-strangler { 0% { transform:translateY(0) rotate(0) } 25% { transform:translateY(-6px) rotate(3deg) } 50% { transform:translateY(-2px) rotate(-2deg) } 75% { transform:translateY(-8px) rotate(4deg) } 100% { transform:translateY(0) rotate(0) } }
@keyframes vv-rug { 0% { transform:rotate(-2deg) scaleX(1) } 50% { transform:rotate(1deg) scaleX(1.02) } 100% { transform:rotate(-2deg) scaleX(1) } }
@keyframes vv-blood { 0% { opacity:0.7; transform:scale(1) } 50% { opacity:0.9; transform:scale(1.05) } 100% { opacity:0.8; transform:scale(1) } }

.scn-actors-murdered {
  background: linear-gradient(180deg, #1f140a 0%, #2a1a0e 40%, #3a2010 70%, #1a0b00 100%),
              radial-gradient(ellipse at 30% 60%, #3a2010 0%, transparent 60%);
  position: relative; overflow: hidden;
}
.scn-actors-murdered .temple-wall {
  position: absolute; top: 0; left: 0; right: 0; bottom: 20%;
  background: linear-gradient(90deg, #3a2a1a 0%, #5a4030 50%, #3a2a1a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
  animation: am-wall 20s ease-in-out infinite alternate;
}
.scn-actors-murdered .altar {
  position: absolute; bottom: 18%; left: 50%; width: 80px; height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6a4a30 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.6);
}
.scn-actors-murdered .actor-1 {
  position: absolute; bottom: 25%; left: 30%; width: 34px; height: 60px;
  background: linear-gradient(180deg, #4a3020 0%, #1a0e06 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform: rotate(25deg);
  transform-origin: bottom center;
  animation: am-actor 7s ease-in-out infinite;
}
.scn-actors-murdered .actor-2 {
  position: absolute; bottom: 27%; left: 48%; width: 30px; height: 55px;
  background: linear-gradient(180deg, #3a2010 0%, #1a0a00 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform: rotate(-15deg);
  transform-origin: bottom center;
  animation: am-actor 7s ease-in-out infinite reverse;
  animation-delay: -3.5s;
}
.scn-actors-murdered .persuader {
  position: absolute; bottom: 30%; left: 60%; width: 28px; height: 65px;
  background: linear-gradient(180deg, #5a3518 0%, #2a1508 100%);
  border-radius: 35% 35% 25% 25% / 45% 45% 25% 25%;
  transform-origin: bottom center;
  animation: am-persuader 9s ease-in-out infinite;
}
.scn-actors-murdered .blade {
  position: absolute; bottom: 40%; left: 58%; width: 6px; height: 25px;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a4020 100%);
  border-radius: 2px;
  transform: rotate(30deg);
  box-shadow: 0 0 6px 2px #8a6a4a;
  animation: am-blade 4s ease-in-out infinite;
}
.scn-actors-murdered .curtain {
  position: absolute; top: 0; left: 15%; right: 15%; height: 60%;
  background: linear-gradient(90deg, #4a2a14 0%, #6a4020 50%, #4a2a14 100%);
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%);
  opacity: 0.4;
  animation: am-curtain 18s ease-in-out infinite alternate;
}
.scn-actors-murdered .lamp-flame {
  position: absolute; top: 30%; left: 50%; width: 12px; height: 20px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 80%, #ffbb55 0%, #cc7733 50%, transparent 80%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 20px 10px #cc7733, 0 0 40px 20px rgba(204,119,51,0.3);
  animation: am-lamp 2s ease-in-out infinite alternate;
}
@keyframes am-wall { 0% { filter:brightness(0.9) } 50% { filter:brightness(1.1) } 100% { filter:brightness(0.95) } }
@keyframes am-actor { 0% { transform:rotate(25deg) translateX(0) } 50% { transform:rotate(30deg) translateX(4px) } 100% { transform:rotate(25deg) translateX(0) } }
@keyframes am-persuader { 0% { transform:translateY(0) rotate(0) } 25% { transform:translateY(-5px) rotate(2deg) } 50% { transform:translateY(-2px) rotate(-1deg) } 75% { transform:translateY(-7px) rotate(3deg) } 100% { transform:translateY(0) rotate(0) } }
@keyframes am-blade { 0% { transform:rotate(30deg) scaleY(1) } 50% { transform:rotate(35deg) scaleY(1.1) } 100% { transform:rotate(30deg) scaleY(1) } }
@keyframes am-curtain { 0% { opacity:0.3; transform:scaleX(1) } 50% { opacity:0.5; transform:scaleX(1.05) } 100% { opacity:0.4; transform:scaleX(1) } }
@keyframes am-lamp { 0% { transform:translateX(-50%) scaleY(1) rotate(-2deg); box-shadow:0 0 15px 8px #cc7733,0 0 30px 15px rgba(204,119,51,0.3) } 50% { transform:translateX(-50%) scaleY(1.15) rotate(2deg); box-shadow:0 0 25px 12px #ffbb55,0 0 50px 25px rgba(255,187,85,0.4) } 100% { transform:translateX(-50%) scaleY(0.95) rotate(-1deg); box-shadow:0 0 18px 9px #cc7733,0 0 35px 18px rgba(204,119,51,0.3) } }

.scn-camel-roar {
  background: linear-gradient(180deg, #0f0805 0%, #1a0e08 30%, #2a1a0e 60%, #1a0b00 100%),
              radial-gradient(ellipse at 50% 50%, #2a1a0e 0%, transparent 70%);
  position: relative; overflow: hidden;
}
.scn-camel-roar .night-sky {
  position: absolute; top: 0; left: 0; right: 0; height: 40%;
  background: radial-gradient(ellipse at 30% 15%, #2a2a3a 0%, #0f0f1a 100%);
  animation: cr-sky 25s ease-in-out infinite alternate;
}
.scn-camel-roar .camel-body {
  position: absolute; bottom: 20%; left: 30%; width: 120px; height: 90px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0e 100%);
  border-radius: 30% 40% 20% 20% / 40% 50% 30% 30%;
  transform: skewX(-5deg);
  box-shadow: 0 8px 15px rgba(0,0,0,0.6);
  animation: cr-camel-body 10s ease-in-out infinite;
}
.scn-camel-roar .camel-head {
  position: absolute; bottom: 40%; left: 48%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0e 100%);
  border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%;
  transform: rotate(20deg);
  transform-origin: bottom center;
  animation: cr-camel-head 10s ease-in-out infinite;
}
.scn-camel-roar .noose {
  position: absolute; bottom: 38%; left: 43%; width: 8px; height: 18px;
  background: #5a4020;
  border-radius: 2px;
  transform: rotate(45deg);
  animation: cr-noose 4s ease-in-out infinite;
}
.scn-camel-roar .victim {
  position: absolute; bottom: 22%; left: 20%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #3a2010 0%, #1a0a00 100%);
  border-radius: 30% 30% 40% 40% / 40% 40% 50% 50%;
  transform: rotate(10deg);
  transform-origin: bottom center;
  animation: cr-victim 8s ease-in-out infinite;
}
.scn-camel-roar .thug-hold {
  position: absolute; bottom: 24%; left: 25%; width: 28px; height: 65px;
  background: linear-gradient(180deg, #4a2a14 0%, #1c0e06 100%);
  border-radius: 35% 35% 25% 25% / 45% 45% 25% 25%;
  transform-origin: bottom center;
  animation: cr-thug 7s ease-in-out infinite alternate;
}
.scn-camel-roar .sand-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a0b00 100%);
  border-radius: 40% 40% 0 0 / 60% 60% 0 0;
  animation: cr-sand 15s ease-in-out infinite alternate;
}
.scn-camel-roar .camel-breath {
  position: absolute; bottom: 45%; left: 52%; width: 30px; height: 20px;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,180,160,0.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(4px);
  animation: cr-breath 2s ease-in-out infinite alternate;
}
@keyframes cr-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes cr-camel-body { 0% { transform:skewX(-5deg) translateY(0) } 50% { transform:skewX(-3deg) translateY(-5px) } 100% { transform:skewX(-5deg) translateY(0) } }
@keyframes cr-camel-head { 0% { transform:rotate(20deg) translateY(0) } 25% { transform:rotate(25deg) translateY(-2px) } 50% { transform:rotate(18deg) translateY(0) } 75% { transform:rotate(22deg) translateY(-3px) } 100% { transform:rotate(20deg) translateY(0) } }
@keyframes cr-noose { 0% { transform:rotate(45deg) scaleY(1) } 50% { transform:rotate(50deg) scaleY(1.2) } 100% { transform:rotate(45deg) scaleY(1) } }
@keyframes cr-victim { 0% { transform:rotate(10deg) translateX(0) } 50% { transform:rotate(8deg) translateX(4px) } 100% { transform:rotate(10deg) translateX(0) } }
@keyframes cr-thug { 0% { transform:translateY(0) rotate(0) } 50% { transform:translateY(-5px) rotate(3deg) } 100% { transform:translateY(0) rotate(0) } }
@keyframes cr-sand { 0% { transform:scaleY(1) } 50% { transform:scaleY(1.05) } 100% { transform:scaleY(1) } }
@keyframes cr-breath { 0% { transform:scale(1); opacity:0.3 } 50% { transform:scale(1.5); opacity:0.6 } 100% { transform:scale(1); opacity:0.3 } }

.scn-brown-intervenes { background: linear-gradient(180deg, #87CEEB 0%, #b0e0e6 40%, #f5deb3 100%), radial-gradient(ellipse at 70% 30%, #fff8dc 0%, transparent 60%); }
.scn-brown-intervenes .sky    { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #87CEEB 0%, #e0f0ff 100%); animation: bi-sky 12s ease-in-out infinite alternate; }
.scn-brown-intervenes .sun    { position:absolute; top:8%; right:15%; width:40px; height:40px; background: radial-gradient(circle, #fff5e0 0%, #ffd700 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 30px 10px #ffd700, 0 0 60px 20px rgba(255,215,0,.4); animation: bi-sun 10s ease-in-out infinite alternate; }
.scn-brown-intervenes .ground { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #8FBC8F 0%, #6B8E23 100%); border-radius: 30% 40% 0 0 / 60% 50% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.2); animation: bi-ground 15s ease-in-out infinite alternate; }
.scn-brown-intervenes .horse-head { position:absolute; bottom:30%; left:20%; width:40px; height:50px; background: linear-gradient(135deg, #cd853f 0%, #8b4513 100%); border-radius: 40% 30% 20% 30% / 50% 40% 30% 40%; transform: rotate(-10deg) scale(1.5); box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: bi-horse 4s ease-in-out infinite; }
.scn-brown-intervenes .brown-fig { position:absolute; bottom:33%; left:45%; width:20px; height:40px; background: linear-gradient(180deg, #c8a96e 0%, #6b4226 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bi-brown 5s ease-in-out infinite; }
.scn-brown-intervenes .lady-a  { position:absolute; bottom:35%; left:55%; width:18px; height:35px; background: linear-gradient(180deg, #ffe4b5 0%, #d2b48c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform: rotate(5deg); animation: bi-ladies 6s ease-in-out infinite; }
.scn-brown-intervenes .lady-b  { position:absolute; bottom:35%; left:65%; width:18px; height:35px; background: linear-gradient(180deg, #ffe4b5 0%, #d2b48c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform: rotate(-3deg); animation: bi-ladies 6s ease-in-out infinite 0.5s; }
.scn-brown-intervenes .dust    { position:absolute; bottom:30%; left:30%; width:40px; height:20px; background: radial-gradient(ellipse, rgba(255,228,181,.6) 0%, transparent 70%); border-radius:50%; filter: blur(10px); animation: bi-dust 3s ease-in-out infinite; }
.scn-brown-intervenes .dust-cloud { position:absolute; bottom:28%; left:25%; width:30px; height:15px; background: radial-gradient(ellipse, rgba(255,228,181,.5) 0%, transparent 70%); border-radius:50%; filter: blur(8px); animation: bi-dust 3.5s ease-in-out infinite 1s; }
@keyframes bi-sky   { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes bi-sun   { 0% { transform: scale(1) translateY(0) } 50% { transform: scale(1.1) translateY(-3px) } 100% { transform: scale(0.95) translateY(2px) } }
@keyframes bi-ground{ 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes bi-horse { 0% { transform: rotate(-10deg) scale(1.5) translateX(0) } 25% { transform: rotate(-8deg) scale(1.52) translateX(2px) } 50% { transform: rotate(-12deg) scale(1.48) translateX(-1px) } 75% { transform: rotate(-9deg) scale(1.5) translateX(1px) } 100% { transform: rotate(-10deg) scale(1.5) translateX(0) } }
@keyframes bi-brown { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 25% { transform: translateX(5px) translateY(-2px) rotate(2deg) } 50% { transform: translateX(10px) translateY(0) rotate(0deg) } 75% { transform: translateX(5px) translateY(1px) rotate(-2deg) } 100% { transform: translateX(0) translateY(0) rotate(0deg) } }
@keyframes bi-ladies{ 0% { transform: translateY(0) rotate(5deg) } 25% { transform: translateY(-3px) rotate(3deg) } 50% { transform: translateY(0) rotate(5deg) } 75% { transform: translateY(-2px) rotate(4deg) } 100% { transform: translateY(0) rotate(5deg) } }
@keyframes bi-dust  { 0% { opacity:0; transform: scale(0.8) translateY(0) } 50% { opacity:1; transform: scale(1.2) translateY(-5px) } 100% { opacity:0; transform: scale(0.6) translateY(-10px) } }

.scn-perplexed-again { background: linear-gradient(180deg, #87CEEB 0%, #b0e0e6 40%, #f5deb3 100%), radial-gradient(ellipse at 50% 30%, #fff8dc 0%, transparent 60%); }
.scn-perplexed-again .sky    { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #87CEEB 0%, #e0f0ff 100%); animation: pa-sky 15s ease-in-out infinite alternate; }
.scn-perplexed-again .sun    { position:absolute; top:5%; left:70%; width:35px; height:35px; background: radial-gradient(circle, #fff5e0 0%, #ffd700 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 25px 8px #ffd700, 0 0 50px 15px rgba(255,215,0,.3); animation: pa-sun 12s ease-in-out infinite alternate; }
.scn-perplexed-again .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8FBC8F 0%, #6B8E23 100%); border-radius: 40% 30% 0 0 / 50% 60% 0 0; box-shadow: inset 0 5px 15px rgba(0,0,0,.15); animation: pa-ground 18s ease-in-out infinite alternate; }
.scn-perplexed-again .tree   { position:absolute; bottom:30%; right:20%; width:30px; height:60px; background: linear-gradient(180deg, #228b22 0%, #006400 100%); border-radius: 50% 50% 30% 30% / 80% 80% 20% 20%; animation: pa-tree 8s ease-in-out infinite; }
.scn-perplexed-again .figure-1 { position:absolute; bottom:28%; left:30%; width:18px; height:30px; background: linear-gradient(180deg, #ffe4b5 0%, #d2b48c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform: rotate(-5deg); animation: pa-figs 5s ease-in-out infinite; }
.scn-perplexed-again .figure-2 { position:absolute; bottom:28%; left:45%; width:18px; height:30px; background: linear-gradient(180deg, #ffe4b5 0%, #d2b48c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform: rotate(3deg); animation: pa-figs 5s ease-in-out infinite 0.5s; }
.scn-perplexed-again .figure-3 { position:absolute; bottom:28%; left:60%; width:18px; height:30px; background: linear-gradient(180deg, #ffe4b5 0%, #d2b48c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform: rotate(-2deg); animation: pa-figs 5s ease-in-out infinite 1s; }
.scn-perplexed-again .question-mark { position:absolute; top:45%; left:48%; width:20px; height:30px; background: radial-gradient(circle at 50% 60%, #ffd700 0%, transparent 70%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: rotate(10deg) translateY(-10px); animation: pa-qm 4s ease-in-out infinite; }
.scn-perplexed-again .grass  { position:absolute; bottom:25%; left:10%; width:80%; height:15%; background: linear-gradient(180deg, #7ccd7c 0%, transparent); border-radius: 0 0 50% 50% / 0 0 100% 100%; filter: blur(4px); animation: pa-grass 6s ease-in-out infinite; }
@keyframes pa-sky   { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes pa-sun   { 0% { transform: scale(1) } 50% { transform: scale(1.15) rotate(10deg) } 100% { transform: scale(0.95) } }
@keyframes pa-ground{ 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes pa-tree  { 0% { transform: scale(1) rotate(0deg) } 50% { transform: scale(1.02) rotate(2deg) } 100% { transform: scale(1) rotate(0deg) } }
@keyframes pa-figs  { 0% { transform: translateY(0) rotate(-5deg) } 25% { transform: translateY(-2px) rotate(-3deg) } 50% { transform: translateY(0) rotate(-5deg) } 75% { transform: translateY(-1px) rotate(-4deg) } 100% { transform: translateY(0) rotate(-5deg) } }
@keyframes pa-qm    { 0% { transform: rotate(10deg) translateY(-10px) scale(1) } 50% { transform: rotate(15deg) translateY(-15px) scale(1.1) } 100% { transform: rotate(10deg) translateY(-10px) scale(1) } }
@keyframes pa-grass { 0% { opacity:0.6; transform: translateY(0) } 50% { opacity:1; transform: translateY(-2px) } 100% { opacity:0.6; transform: translateY(0) } }

.scn-mary-plan { background: linear-gradient(180deg, #87CEEB 0%, #b0e0e6 40%, #f5deb3 100%), radial-gradient(ellipse at 60% 30%, #fff8dc 0%, transparent 60%); }
.scn-mary-plan .sky    { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #87CEEB 0%, #e0f0ff 100%); animation: mp-sky 10s ease-in-out infinite alternate; }
.scn-mary-plan .sun    { position:absolute; top:10%; left:20%; width:40px; height:40px; background: radial-gradient(circle, #fff5e0 0%, #ffd700 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 30px 10px #ffd700, 0 0 60px 20px rgba(255,215,0,.4); animation: mp-sun 8s ease-in-out infinite alternate; }
.scn-mary-plan .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8FBC8F 0%, #6B8E23 100%); border-radius: 30% 40% 0 0 / 60% 50% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.2); animation: mp-ground 12s ease-in-out infinite alternate; }
.scn-mary-plan .house  { position:absolute; bottom:28%; right:15%; width:70px; height:60px; background: linear-gradient(180deg, #f4a460 0%, #cd853f 100%); border-radius: 10% 10% 5% 5% / 20% 20% 5% 5%; box-shadow: 0 4px 10px rgba(0,0,0,.3); animation: mp-house 6s ease-in-out infinite; }
.scn-mary-plan .path   { position:absolute; bottom:20%; left:15%; width:50%; height:8px; background: linear-gradient(90deg, #deb887 0%, #b8860b 100%); border-radius: 50% / 100%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: mp-path 9s ease-in-out infinite; }
.scn-mary-plan .mary-fig { position:absolute; bottom:30%; left:30%; width:20px; height:40px; background: linear-gradient(180deg, #ffe4b5 0%, #d2b48c 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mp-mary 4s ease-in-out infinite; }
.scn-mary-plan .brown-fig { position:absolute; bottom:30%; left:45%; width:20px; height:40px; background: linear-gradient(180deg, #c8a96e 0%, #6b4226 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mp-brown 5s ease-in-out infinite 0.5s; }
.scn-mary-plan .cloud-a { position:absolute; top:15%; left:10%; width:80px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 100%); border-radius:50%; filter: blur(6px); animation: mp-cloud 25s linear infinite; }
.scn-mary-plan .cloud-b { position:absolute; top:20%; right:5%; width:60px; height:15px; background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.05) 100%); border-radius:50%; filter: blur(5px); animation: mp-cloud 30s linear infinite reverse; }
@keyframes mp-sky   { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes mp-sun   { 0% { transform: scale(1) } 50% { transform: scale(1.1) rotate(8deg) } 100% { transform: scale(0.95) } }
@keyframes mp-ground{ 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes mp-house { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-3px) scale(1.02) } 100% { transform: translateY(0) scale(1) } }
@keyframes mp-path  { 0% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(5px) scaleX(1.05) } 100% { transform: translateX(0) scaleX(1) } }
@keyframes mp-mary  { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 25% { transform: translateX(8px) translateY(-3px) rotate(5deg) } 50% { transform: translateX(16px) translateY(0) rotate(0deg) } 75% { transform: translateX(8px) translateY(-2px) rotate(-5deg) } 100% { transform: translateX(0) translateY(0) rotate(0deg) } }
@keyframes mp-brown { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 25% { transform: translateX(5px) translateY(-2px) rotate(2deg) } 50% { transform: translateX(10px) translateY(0) rotate(0deg) } 75% { transform: translateX(5px) translateY(1px) rotate(-2deg) } 100% { transform: translateX(0) translateY(0) rotate(0deg) } }
@keyframes mp-cloud { 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }

.scn-brown-relieved { background: linear-gradient(180deg, #87CEEB 0%, #b0e0e6 40%, #f5deb3 100%), radial-gradient(ellipse at 80% 20%, #fff8dc 0%, transparent 60%); }
.scn-brown-relieved .sky    { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #87CEEB 0%, #e0f0ff 100%); animation: br-sky 14s ease-in-out infinite alternate; }
.scn-brown-relieved .sun-rays { position:absolute; top:10%; right:10%; width:60px; height:60px; background: radial-gradient(circle, rgba(255,215,0,.3) 0%, transparent 70%); border-radius:50%; filter: blur(15px); animation: br-rays 6s ease-in-out infinite alternate; }
.scn-brown-relieved .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8FBC8F 0%, #6B8E23 100%); border-radius: 30% 40% 0 0 / 60% 50% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.2); animation: br-ground 16s ease-in-out infinite alternate; }
.scn-brown-relieved .road   { position:absolute; bottom:18%; left:0; right:0; height:12px; background: linear-gradient(90deg, #c2b280 0%, #b8860b 50%, #c2b280 100%); border-radius: 0 0 50% 50% / 0 0 100% 100%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: br-road 10s ease-in-out infinite; }
.scn-brown-relieved .brown-fig { position:absolute; bottom:30%; left:40%; width:20px; height:40px; background: linear-gradient(180deg, #c8a96e 0%, #6b4226 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: br-brown 5s ease-in-out infinite; }
.scn-brown-relieved .fence  { position:absolute; bottom:25%; left:10%; width:80%; height:10px; background: repeating-linear-gradient(90deg, #8b4513 0px, #8b4513 4px, transparent 4px, transparent 20px); border-radius: 2px; animation: br-fence 20s linear infinite; }
.scn-brown-relieved .milestone { position:absolute; bottom:23%; right:20%; width:10px; height:25px; background: linear-gradient(180deg, #a0522d 0%, #5c3317 100%); border-radius: 20% 20% 0 0; transform: rotate(-5deg); box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: br-mile 7s ease-in-out infinite; }
.scn-brown-relieved .dust   { position:absolute; bottom:28%; left:45%; width:30px; height:15px; background: radial-gradient(ellipse, rgba(255,228,181,.6) 0%, transparent 70%); border-radius:50%; filter: blur(8px); animation: br-dust 3s ease-in-out infinite; }
@keyframes br-sky   { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes br-rays { 0% { transform: scale(0.8); opacity:0.6 } 50% { transform: scale(1.2); opacity:1 } 100% { transform: scale(0.9); opacity:0.7 } }
@keyframes br-ground{ 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes br-road  { 0% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(5px) scaleX(1.02) } 100% { transform: translateX(0) scaleX(1) } }
@keyframes br-brown { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 25% { transform: translateX(10px) translateY(-3px) rotate(3deg) } 50% { transform: translateX(20px) translateY(0) rotate(0deg) } 75% { transform: translateX(10px) translateY(-2px) rotate(-3deg) } 100% { transform: translateX(0) translateY(0) rotate(0deg) } }
@keyframes br-fence { 0% { transform: translateX(0) } 100% { transform: translateX(-20px) } }
@keyframes br-mile  { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-3deg) translateY(-2px) } 100% { transform: rotate(-5deg) translateY(0) } }
@keyframes br-dust  { 0% { opacity:0; transform: scale(0.8) translateY(0) } 50% { opacity:1; transform: scale(1.2) translateY(-5px) } 100% { opacity:0; transform: scale(0.6) translateY(-10px) } }

/* land-boom-bust */
.scn-land-boom-bust { background: linear-gradient(145deg, #1c1c1a 0%, #2a2825 40%, #3b3732 100%), radial-gradient(ellipse at 40% 30%, rgba(180,140,100,.15) 0%, transparent 60%); }

.scn-land-boom-bust .wall { position:absolute; inset:0; background: linear-gradient(180deg, #3b3732 0%, #1c1c1a 100%); }
.scn-land-boom-bust .window-frame { position:absolute; top:8%; left:35%; width:30%; height:35%; background: rgba(0,0,0,.6); border:6px solid #4a4238; border-radius:4px; box-shadow: inset 0 0 30px rgba(0,0,0,.8); }
.scn-land-boom-bust .desk { position:absolute; bottom:10%; left:25%; width:50%; height:6%; background: linear-gradient(180deg, #5c4f3a 0%, #3e3528 100%); border-radius:2px; box-shadow:0 -4px 10px rgba(0,0,0,.5); }
.scn-land-boom-bust .lamp { position:absolute; bottom:30%; left:38%; width:8px; height:30px; background: #6a5a42; border-radius:2px 2px 0 0; }
.scn-land-boom-bust .lamp::before { content:''; position:absolute; top:-20px; left:-10px; width:28px; height:20px; background: radial-gradient(ellipse at center, #ffd690 0%, #e89030 40%, transparent 60%); border-radius:50% 50% 40% 40%; box-shadow: 0 0 30px 10px rgba(232,144,48,.5), 0 0 60px 20px rgba(232,144,48,.2); animation: lbb-lamp 4s ease-in-out infinite alternate; }
.scn-land-boom-bust .ledger { position:absolute; bottom:12%; left:35%; width:30%; height:5%; background: linear-gradient(135deg, #7a6a52 0%, #5a4d3a 100%); border-radius:1px; transform-origin: center top; animation: lbb-ledger 6s ease-in-out infinite; }
.scn-land-boom-bust .inkwell { position:absolute; bottom:13%; left:60%; width:10px; height:12px; background: radial-gradient(circle at 30% 20%, #2a2320, #0e0c0a 80%); border-radius:60% 60% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,.6); animation: lbb-ink 8s ease-in-out infinite; }
.scn-land-boom-bust .chair { position:absolute; bottom:6%; left:55%; width:20px; height:25px; background: linear-gradient(180deg, #5c4f3a 0%, #3a3228 100%); border-radius:4px 4px 2px 2px; transform-origin: bottom center; animation: lbb-chair 5s ease-in-out infinite; }
@keyframes lbb-lamp { 0% { opacity:.7; box-shadow: 0 0 20px 5px rgba(232,144,48,.4); } 50% { opacity:1; box-shadow: 0 0 40px 15px rgba(232,144,48,.7), 0 0 80px 30px rgba(232,144,48,.3); } 100% { opacity:.8; box-shadow: 0 0 25px 8px rgba(232,144,48,.5); } }
@keyframes lbb-ledger { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-1px) rotate(0.5deg); } 60% { transform: translateY(0) rotate(-0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes lbb-ink { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes lbb-chair { 0% { transform: perspective(200px) rotateX(0deg); } 25% { transform: perspective(200px) rotateX(2deg); } 75% { transform: perspective(200px) rotateX(-1deg); } 100% { transform: perspective(200px) rotateX(0deg); } }

/* kangaroo-skin-crop */
.scn-kangaroo-skin-crop { background: linear-gradient(180deg, #b88d5c 0%, #8c6e47 50%, #5c442b 100%), radial-gradient(ellipse at 60% 20%, rgba(255,220,160,.2) 0%, transparent 50%); }

.scn-kangaroo-skin-crop .floor { position:absolute; bottom:0; width:100%; height:20%; background: linear-gradient(180deg, #7a5c3a 0%, #4d3820 100%); border-radius:50% 50% 0 0 / 20% 20% 0 0; }
.scn-kangaroo-skin-crop .rear-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(135deg, #c8a477 0%, #a8855a 40%, #7a5c3a 100%); }
.scn-kangaroo-skin-crop .skin-left { position:absolute; top:18%; left:15%; width:70px; height:110px; background: linear-gradient(180deg, #c09a62 0%, #8a6a3e 50%, #5c3e24 100%); border-radius:30% 30% 40% 40% / 50% 50% 60% 60%; transform-origin: top center; animation: ksc-skin-l 8s ease-in-out infinite alternate; }
.scn-kangaroo-skin-crop .skin-right { position:absolute; top:12%; right:20%; width:60px; height:120px; background: linear-gradient(180deg, #b89060 0%, #7e5f36 50%, #4a3018 100%); border-radius:25% 35% 45% 35% / 55% 45% 60% 40%; transform-origin: top center; animation: ksc-skin-r 10s ease-in-out infinite alternate; animation-delay: -3s; }
.scn-kangaroo-skin-crop .table { position:absolute; bottom:14%; left:30%; width:40%; height:4%; background: linear-gradient(180deg, #6a5232 0%, #4a3820 100%); border-radius:2px; box-shadow:0 4px 8px rgba(0,0,0,.4); }
.scn-kangaroo-skin-crop .scales { position:absolute; bottom:20%; left:45%; width:10px; height:14px; background: #3a3228; border-radius:2px; transform-origin: 50% 100%; animation: ksc-scales 6s ease-in-out infinite; }
.scn-kangaroo-skin-crop .scales::before { content:''; position:absolute; top:-20px; left:-12px; width:34px; height:20px; background: radial-gradient(circle at 50% 0%, #6a5a42 0%, transparent 70%); border-radius:0 0 40% 40%; }
.scn-kangaroo-skin-crop .window-light { position:absolute; top:8%; left:40%; width:20%; height:30%; background: linear-gradient(180deg, rgba(255,210,150,.3) 0%, transparent 100%); border-radius:30% 30% 0 0; filter:blur(8px); animation: ksc-light 14s ease-in-out infinite alternate; }
@keyframes ksc-skin-l { 0% { transform: rotate(0deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }
@keyframes ksc-skin-r { 0% { transform: rotate(0deg); } 50% { transform: rotate(-4deg); } 100% { transform: rotate(2deg); } }
@keyframes ksc-scales { 0% { transform: rotate(-2deg); } 25% { transform: rotate(5deg); } 75% { transform: rotate(-3deg); } 100% { transform: rotate(2deg); } }
@keyframes ksc-light { 0% { opacity:.3; } 50% { opacity:.7; } 100% { opacity:.4; } }

/* adelaide-religions */
.scn-adelaide-religions { background: linear-gradient(180deg, #e8dad0 0%, #c8b8a8 40%, #a8987c 100%), radial-gradient(ellipse at 70% 20%, rgba(255,240,200,.2) 0%, transparent 50%); }

.scn-adelaide-religions .shelf { position:absolute; top:20%; left:10%; width:80%; height:3%; background: linear-gradient(180deg, #8a7a62 0%, #5a4a34 100%); border-radius:1px; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.scn-adelaide-religions .books { position:absolute; top:8%; left:12%; width:76%; height:14%; background: repeating-linear-gradient(90deg, #7a6a4a 0px, #7a6a4a 12px, #5a4a34 12px, #5a4a34 14px, #9a8a6a 14px, #9a8a6a 26px, transparent 26px, transparent 28px); border-radius:2px; animation: arl-books 20s ease-in-out infinite; }
.scn-adelaide-religions .reading-chair { position:absolute; bottom:15%; left:30%; width:30%; height:20%; background: linear-gradient(180deg, #b09878 0%, #8a7050 100%); border-radius:30% 30% 10% 10% / 40% 40% 20% 20%; box-shadow: 0 4px 10px rgba(0,0,0,.2); transform-origin: bottom center; animation: arl-chair 12s ease-in-out infinite; }
.scn-adelaide-religions .lamp { position:absolute; bottom:45%; left:55%; width:6px; height:20px; background: #6a5a3a; }
.scn-adelaide-religions .lamp::before { content:''; position:absolute; top:-18px; left:-8px; width:22px; height:18px; background: radial-gradient(circle at center, #ffe0a0 0%, #d4a050 40%, transparent 60%); border-radius:50%; box-shadow: 0 0 20px 8px rgba(212,160,80,.4); animation: arl-lamp 5s ease-in-out infinite alternate; }
.scn-adelaide-religions .globe { position:absolute; bottom:35%; left:20%; width:30px; height:30px; background: radial-gradient(circle at 30% 30%, #5a8a5a 0%, #3a6a3a 30%, #2a4a2a 60%, #1a2a1a 100%); border-radius:50%; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: arl-globe 15s linear infinite; }
.scn-adelaide-religions .rug { position:absolute; bottom:0; left:10%; width:80%; height:8%; background: linear-gradient(135deg, #8a6a4a 0%, #6a5232 30%, #9a7a5a 60%, #5a4024 100%); border-radius:20% 20% 0 0 / 50% 50% 0 0; animation: arl-rug 18s ease-in-out infinite; }
@keyframes arl-books { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.85; } }
@keyframes arl-chair { 0% { transform: perspective(300px) rotateX(0deg); } 50% { transform: perspective(300px) rotateX(2deg); } 100% { transform: perspective(300px) rotateX(0deg); } }
@keyframes arl-lamp { 0% { opacity:.7; box-shadow:0 0 15px 5px rgba(212,160,80,.3); } 50% { opacity:1; box-shadow:0 0 30px 12px rgba(212,160,80,.5); } 100% { opacity:.8; box-shadow:0 0 20px 8px rgba(212,160,80,.4); } }
@keyframes arl-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes arl-rug { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }

/* botanic-gardens-abroad */
.scn-botanic-gardens-abroad { background: linear-gradient(180deg, #87bbd8 0%, #b8d8e8 40%, #d0e8f0 60%, #e8f4e0 80%, #c8d8a0 100%), radial-gradient(ellipse at 50% 0%, rgba(255,250,200,.15) 0%, transparent 60%); }

.scn-botanic-gardens-abroad .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #6a9ec8 0%, #a8d0e8 60%, transparent 100%); }
.scn-botanic-gardens-abroad .ground { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #7a9a5a 0%, #5a7a3a 100%); border-radius:60% 40% 0 0 / 20% 10% 0 0; }
.scn-botanic-gardens-abroad .tree-left { position:absolute; bottom:30%; left:10%; width:80px; height:120px; background: linear-gradient(180deg, #3a6a2a 0%, #2a4a1a 100%); border-radius:50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: bga-tree-l 9s ease-in-out infinite alternate; }
.scn-botanic-gardens-abroad .tree-right { position:absolute; bottom:25%; right:12%; width:100px; height:140px; background: linear-gradient(180deg, #4a7a3a 0%, #2a5a20 100%); border-radius:45% 55% 50% 40% / 65% 55% 35% 45%; transform-origin: bottom center; animation: bga-tree-r 11s ease-in-out infinite alternate; }
.scn-botanic-gardens-abroad .path { position:absolute; bottom:18%; left:35%; width:30%; height:8%; background: linear-gradient(180deg, #b8a87a 0%, #9a8a5a 100%); border-radius:30% 30% 0 0 / 60% 60% 0 0; }
.scn-botanic-gardens-abroad .flowerbed { position:absolute; bottom:12%; left:20%; width:25%; height:6%; background: radial-gradient(circle at 20% 50%, #c07040 0%, transparent 40%), radial-gradient(circle at 50% 30%, #b06030 0%, transparent 40%), linear-gradient(180deg, #6a8a4a 0%, #4a6a2a 100%); border-radius:40%; animation: bga-flowers 14s ease-in-out infinite; }
.scn-botanic-gardens-abroad .butterfly { position:absolute; top:30%; left:40%; width:14px; height:10px; background: radial-gradient(circle at 30% 50%, #e8a040 0%, #c88030 50%, transparent 100%); clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%); animation: bga-bfly 12s ease-in-out infinite; }
.scn-botanic-gardens-abroad .cloud { position:absolute; top:15%; right:10%; width:90px; height:20px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 100%); border-radius:50%; filter: blur(8px); animation: bga-cloud 40s linear infinite; }
@keyframes bga-tree-l { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes bga-tree-r { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3px) rotate(-1.5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes bga-flowers { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.85; } }
@keyframes bga-bfly { 0% { transform: translate(0,0) rotate(0deg) scaleX(1); } 25% { transform: translate(15px,-5px) rotate(10deg) scaleX(-1); } 50% { transform: translate(30px,0) rotate(0deg) scaleX(1); } 75% { transform: translate(45px,-3px) rotate(-10deg) scaleX(-1); } 100% { transform: translate(60px,0) rotate(0deg) scaleX(1); } }
@keyframes bga-cloud { 0% { transform: translateX(0); } 100% { transform: translateX(-120vw); } }

/* Scene 1 – irreverence-argument */
.scn-irreverence-argument {
  background:
    linear-gradient(180deg, #fff4e0 0%, #f5d6a8 40%, #d9b382 100%),
    radial-gradient(ellipse at 50% 80%, #ffe4b5 0%, transparent 70%);
}
.scn-irreverence-argument .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 28%;
  background: linear-gradient(180deg, #9c7b5c 0%, #6d5238 100%);
  border-radius: 4% 4% 0 0;
}
.scn-irreverence-argument .wall-back {
  position: absolute; top: 0; left: 0; right: 0; bottom: 28%;
  background: linear-gradient(180deg, #e8dcc8 0%, #c4b49c 100%);
}
.scn-irreverence-argument .tombstone {
  position: absolute; bottom: 30%; left: 15%; width: 120px; height: 150px;
  background: linear-gradient(180deg, #a09080 0%, #7a6b5e 100%);
  border-radius: 12% 12% 4% 4%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  animation: ir-tomb 6s ease-in-out infinite;
}
.scn-irreverence-argument .blanket {
  position: absolute; bottom: 20%; left: 25%; width: 50%; height: 14%;
  background: repeating-linear-gradient(45deg, #f0c0a0 0px, #f0c0a0 8px, #d0a080 8px, #d0a080 16px);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(2deg);
  animation: ir-blanket 8s ease-in-out infinite;
}
.scn-irreverence-argument .figure-left {
  position: absolute; bottom: 22%; left: 28%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #c8553d 0%, #9e3a22 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ir-figure 4s ease-in-out infinite alternate;
}
.scn-irreverence-argument .figure-right {
  position: absolute; bottom: 22%; right: 28%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #306080 0%, #1a3a55 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ir-figure 4.2s ease-in-out infinite alternate-reverse;
}
.scn-irreverence-argument .sandwich {
  position: absolute; bottom: 22%; left: 48%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #f5d6a8 0%, #d9b382 50%, #b09070 100%);
  border-radius: 10%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: ir-sandwich 3s ease-in-out infinite;
}
.scn-irreverence-argument .bottle {
  position: absolute; bottom: 20%; right: 45%; width: 12px; height: 40px;
  background: linear-gradient(180deg, #5a8a3a 0%, #3a6a1a 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(-10deg);
  animation: ir-bottle 5s ease-in-out infinite;
}
@keyframes ir-tomb {
  0% { transform: scale(1); }
  50% { transform: scale(1.02) translateY(-2px); }
  100% { transform: scale(1); }
}
@keyframes ir-blanket {
  0% { transform: rotate(2deg) translateX(0); }
  50% { transform: rotate(0deg) translateX(4px); }
  100% { transform: rotate(2deg) translateX(0); }
}
@keyframes ir-figure {
  0% { transform: rotate(-3deg) translateX(0); }
  50% { transform: rotate(3deg) translateX(3px); }
  100% { transform: rotate(-3deg) translateX(0); }
}
@keyframes ir-sandwich {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(8deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ir-bottle {
  0% { transform: rotate(-10deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(-10deg); }
}

/* Scene 2 – taj-similar */
.scn-taj-similar {
  background:
    linear-gradient(180deg, #fdf5e6 0%, #f5e6d0 40%, #d4c4a8 100%),
    radial-gradient(ellipse at 50% 20%, #ffffff 0%, transparent 70%);
}
.scn-taj-similar .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 6% 6% 0 0;
}
.scn-taj-similar .pillar-left {
  position: absolute; bottom: 20%; left: 10%; width: 20px; height: 200px;
  background: linear-gradient(180deg, #c0b0a0 0%, #a09080 50%, #8a7a6a 100%);
  border-radius: 4px;
  box-shadow: 2px 0 6px rgba(0,0,0,0.2);
}
.scn-taj-similar .pillar-right {
  position: absolute; bottom: 20%; right: 10%; width: 20px; height: 200px;
  background: linear-gradient(180deg, #c0b0a0 0%, #a09080 50%, #8a7a6a 100%);
  border-radius: 4px;
  box-shadow: -2px 0 6px rgba(0,0,0,0.2);
}
.scn-taj-similar .arch {
  position: absolute; bottom: 50%; left: 5%; right: 5%; height: 80px;
  background: linear-gradient(180deg, #d0c0b0 0%, #b0a090 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  border: 2px solid #8a7a6a;
}
.scn-taj-similar .stained-glass {
  position: absolute; bottom: 50%; left: 15%; right: 15%; height: 100px;
  background: linear-gradient(135deg, #4a90d9 0%, #f5a623 50%, #7ed321 100%);
  border-radius: 50%;
  filter: blur(3px);
  opacity: 0.6;
  animation: tj-stained 8s ease-in-out infinite;
}
.scn-taj-similar .picnic-basket {
  position: absolute; bottom: 15%; left: 40%; width: 60px; height: 40px;
  background: linear-gradient(180deg, #8b5e3c 0%, #5a3a1a 100%);
  border-radius: 12% 12% 8% 8%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: tj-basket 6s ease-in-out infinite;
}
.scn-taj-similar .figure-a {
  position: absolute; bottom: 12%; left: 32%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #4a4a6a 0%, #2a2a4a 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tj-figure 4s ease-in-out infinite alternate;
}
.scn-taj-similar .figure-b {
  position: absolute; bottom: 12%; right: 32%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tj-figure 4.3s ease-in-out infinite alternate-reverse;
}
.scn-taj-similar .hat-a {
  position: absolute; bottom: 60%; left: 33%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 0 0;
  transform: rotate(5deg);
  animation: tj-hat 5s ease-in-out infinite;
}
@keyframes tj-stained {
  0% { opacity: 0.4; filter: blur(4px); }
  50% { opacity: 0.8; filter: blur(2px); }
  100% { opacity: 0.4; filter: blur(4px); }
}
@keyframes tj-basket {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-5px) rotate(3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes tj-figure {
  0% { transform: rotate(-2deg) translateX(0); }
  50% { transform: rotate(2deg) translateX(2px); }
  100% { transform: rotate(-2deg) translateX(0); }
}
@keyframes tj-hat {
  0% { transform: rotate(5deg) translateX(0); }
  50% { transform: rotate(-3deg) translateX(-3px); }
  100% { transform: rotate(5deg) translateX(0); }
}

/* Scene 3 – quadrille-protest */
.scn-quadrille-protest {
  background:
    linear-gradient(180deg, #3a2a1a 0%, #5a3a2a 30%, #4a2a1a 100%),
    radial-gradient(ellipse at 50% 60%, #e0c080 0%, transparent 70%);
}
.scn-quadrille-protest .tomb-bg {
  position: absolute; bottom: 40%; left: 10%; right: 10%; height: 120px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 60% 60%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-quadrille-protest .floor-dance {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 0 0 20% 20% / 0 0 10% 10%;
}
.scn-quadrille-protest .dancer-lead {
  position: absolute; bottom: 25%; left: 30%; width: 50px; height: 100px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: qu-lead 3s ease-in-out infinite;
}
.scn-quadrille-protest .dancer-follow {
  position: absolute; bottom: 25%; right: 30%; width: 50px; height: 100px;
  background: linear-gradient(180deg, #1a3a5a 0%, #0a1a3a 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: qu-follow 3s ease-in-out infinite;
}
.scn-quadrille-protest .lantern {
  position: absolute; top: 15%; left: 50%; width: 30px; height: 40px;
  background: radial-gradient(circle, #f0c040 0%, #c08020 70%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 30px 8px rgba(240,192,64,0.6);
  transform: translateX(-50%);
  animation: qu-lantern 4s ease-in-out infinite alternate;
}
.scn-quadrille-protest .music-note-a {
  position: absolute; bottom: 50%; left: 20%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 30%, #fff 0%, #aaa 100%);
  border-radius: 50% 50% 0 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: qu-note-a 5s linear infinite;
}
.scn-quadrille-protest .music-note-b {
  position: absolute; bottom: 55%; right: 25%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 30%, #fff 0%, #aaa 100%);
  border-radius: 50% 50% 0 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: qu-note-b 7s linear infinite;
}
@keyframes qu-lead {
  0% { transform: rotate(-10deg) translateX(0); }
  25% { transform: rotate(0deg) translateX(10px); }
  50% { transform: rotate(10deg) translateX(0); }
  75% { transform: rotate(0deg) translateX(-10px); }
  100% { transform: rotate(-10deg) translateX(0); }
}
@keyframes qu-follow {
  0% { transform: rotate(10deg) translateX(0); }
  25% { transform: rotate(0deg) translateX(-10px); }
  50% { transform: rotate(-10deg) translateX(0); }
  75% { transform: rotate(0deg) translateX(10px); }
  100% { transform: rotate(10deg) translateX(0); }
}
@keyframes qu-lantern {
  0% { transform: translateX(-50%) rotate(-5deg); }
  50% { transform: translateX(-50%) rotate(5deg); }
  100% { transform: translateX(-50%) rotate(-5deg); }
}
@keyframes qu-note-a {
  0% { transform: translateY(0) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateY(-100px) rotate(180deg); opacity: 0; }
}
@keyframes qu-note-b {
  0% { transform: translateY(0) rotate(0deg); opacity: 0; }
  15% { opacity: 1; }
  100% { transform: translateY(-80px) rotate(-120deg); opacity: 0; }
}

/* Scene 4 – foot-kiss */
.scn-foot-kiss {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #e0c8a0 50%, #c8a880 100%),
    radial-gradient(ellipse at 50% 80%, #ffd080 0%, transparent 70%);
}
.scn-foot-kiss .pedestal {
  position: absolute; bottom: 10%; left: 35%; right: 35%; height: 40px;
  background: linear-gradient(180deg, #a09080 0%, #807060 100%);
  border-radius: 6% 6% 2% 2%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-foot-kiss .statue-foot {
  position: absolute; bottom: 20%; left: 42%; width: 50px; height: 30px;
  background: linear-gradient(180deg, #e0c8a0 0%, #c0a880 100%);
  border-radius: 10% 10% 20% 20% / 50% 50% 30% 30%;
  transform: rotate(-10deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: fk-foot 6s ease-in-out infinite;
}
.scn-foot-kiss .rajah {
  position: absolute; bottom: 0%; left: 38%; width: 60px; height: 90px;
  background: linear-gradient(180deg, #c8553d 0%, #9e3a22 50%, #702243 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: fk-rajah 4s ease-in-out infinite alternate;
}
.scn-foot-kiss .glow {
  position: absolute; bottom: 18%; left: 35%; right: 35%; height: 80px;
  background: radial-gradient(ellipse, #ffdd99 0%, transparent 70%);
  opacity: 0.5;
  animation: fk-glow 5s ease-in-out infinite alternate;
}
.scn-foot-kiss .carpet {
  position: absolute; bottom: 0; left: 20%; right: 20%; height: 12%;
  background: repeating-linear-gradient(90deg, #b06040 0px, #b06040 8px, #d08060 8px, #d08060 16px);
  border-radius: 6% 6% 0 0;
  animation: fk-carpet 10s linear infinite;
}
.scn-foot-kiss .wall-niche {
  position: absolute; top: 5%; left: 20%; right: 20%; height: 80px;
  background: linear-gradient(180deg, #c8a880 0%, #a88860 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
@keyframes fk-foot {
  0% { transform: rotate(-10deg) scale(1); }
  50% { transform: rotate(-8deg) scale(1.02); }
  100% { transform: rotate(-10deg) scale(1); }
}
@keyframes fk-rajah {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(-5deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes fk-glow {
  0% { opacity: 0.3; transform: scale(0.95); }
  50% { opacity: 0.7; transform: scale(1.05); }
  100% { opacity: 0.3; transform: scale(0.95); }
}
@keyframes fk-carpet {
  0% { background-position: 0 0; }
  100% { background-position: 32px 0; }
}

.scn-tiger-statistics {
  background: 
    linear-gradient(180deg, #f5e6d0 0%, #decbad 40%, #c5b091 100%),
    radial-gradient(ellipse at 50% 0%, #fff8ee 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.scn-tiger-statistics .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e6d5b8 0%, #d4c3a5 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.05);
  animation: ts-wall 20s ease-in-out infinite alternate;
}
.scn-tiger-statistics .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8b7355 0%, #6b5a3e 100%);
  box-shadow: inset 0 8px 30px rgba(0,0,0,0.2);
}
.scn-tiger-statistics .desk {
  position: absolute; bottom: 15%; left: 20%; right: 20%; height: 18%;
  background: linear-gradient(180deg, #9c7e5c 0%, #7a6040 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  animation: ts-desk 12s ease-in-out infinite;
}
.scn-tiger-statistics .paper {
  position: absolute; width: 14%; height: 10%;
  background: linear-gradient(135deg, #fbf7f0 0%, #efe5d0 100%);
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.scn-tiger-statistics .paper-a {
  bottom: 27%; left: 30%; transform: rotate(-3deg);
  animation: ts-paper 8s ease-in-out infinite alternate;
}
.scn-tiger-statistics .paper-b {
  bottom: 25%; left: 48%; transform: rotate(2deg);
  animation: ts-paper-b 10s ease-in-out infinite alternate;
}
.scn-tiger-statistics .lamp {
  position: absolute; bottom: 32%; left: 28%; width: 6%; height: 20%;
  background: linear-gradient(180deg, #b8935a 0%, #8a6a38 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 40px 20px rgba(230, 190, 100, 0.45), 0 0 80px 40px rgba(230, 190, 100, 0.2);
  animation: ts-lamp 3s ease-in-out infinite alternate;
}
.scn-tiger-statistics .window {
  position: absolute; top: 10%; right: 10%; width: 25%; height: 35%;
  background: linear-gradient(180deg, #b4d4f0 0%, #8cb8e0 100%);
  border-radius: 6px;
  border: 6px solid #8a7a60;
  box-shadow: inset 0 0 30px rgba(255,255,220,0.3);
  animation: ts-window 20s ease-in-out infinite alternate;
}
.scn-tiger-statistics .figure {
  position: absolute; bottom: 20%; left: 55%; width: 12%; height: 25%;
  background: linear-gradient(180deg, #3a322a 0%, #2a221c 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ts-figure 6s ease-in-out infinite;
}
.scn-tiger-statistics .dust {
  position: absolute; top: 20%; left: 40%; width: 4px; height: 4px;
  background: rgba(255, 240, 200, 0.6);
  border-radius: 50%;
  filter: blur(2px);
  animation: ts-dust 15s linear infinite;
}
@keyframes ts-wall {
  0% { opacity: 0.92; }
  50% { opacity: 1; }
  100% { opacity: 0.88; }
}
@keyframes ts-desk {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes ts-paper {
  0% { transform: rotate(-3deg) translate(0, 0); }
  50% { transform: rotate(-1deg) translate(4px, -2px); }
  100% { transform: rotate(-3deg) translate(0, 0); }
}
@keyframes ts-paper-b {
  0% { transform: rotate(2deg) translate(0, 0); }
  50% { transform: rotate(0deg) translate(-3px, -1px); }
  100% { transform: rotate(2deg) translate(0, 0); }
}
@keyframes ts-lamp {
  0% { box-shadow: 0 0 30px 15px rgba(230, 190, 100, 0.4); }
  50% { box-shadow: 0 0 50px 25px rgba(240, 200, 110, 0.6); }
  100% { box-shadow: 0 0 35px 18px rgba(230, 190, 100, 0.45); }
}
@keyframes ts-window {
  0% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.9; transform: scale(0.98); }
}
@keyframes ts-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(1deg); }
  50% { transform: translateX(0) rotate(0deg); }
  75% { transform: translateX(-3px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ts-dust {
  0% { transform: translate(0, 0) scale(1); opacity: 0.6; }
  25% { transform: translate(20px, -30px) scale(0.8); opacity: 0.3; }
  50% { transform: translate(40px, -10px) scale(1.2); opacity: 0.5; }
  75% { transform: translate(60px, -50px) scale(0.9); opacity: 0.2; }
  100% { transform: translate(80px, -20px) scale(1); opacity: 0.6; }
}

.scn-tiger-average {
  background: 
    linear-gradient(180deg, #f0e1c8 0%, #dcc4a8 50%, #c8b090 100%),
    radial-gradient(ellipse at 50% 20%, #fff5e0 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.scn-tiger-average .wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #e0cfb5 0%, #cebc9f 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.05);
  animation: ta-wall 18s ease-in-out infinite alternate;
}
.scn-tiger-average .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #7a684d 0%, #5c4d37 100%);
  box-shadow: inset 0 6px 20px rgba(0,0,0,0.3);
}
.scn-tiger-average .desk {
  position: absolute; bottom: 12%; left: 15%; right: 15%; height: 16%;
  background: linear-gradient(180deg, #8e7352 0%, #6d573b 100%);
  border-radius: 3px 3px 0 0;
  box-shadow: 0 5px 12px rgba(0,0,0,0.3);
  animation: ta-desk 14s ease-in-out infinite;
}
.scn-tiger-average .ledger {
  position: absolute; bottom: 22%; left: 25%; width: 20%; height: 14%;
  background: linear-gradient(135deg, #d6c8ae 0%, #c4b497 100%);
  border-radius: 2px 15px 2px 2px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
  transform: rotate(-5deg);
  animation: ta-ledger 10s ease-in-out infinite alternate;
}
.scn-tiger-average .stack {
  position: absolute; width: 12%; height: 8%;
  background: linear-gradient(180deg, #e0d0b0 0%, #c8b898 100%);
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.scn-tiger-average .stack-a {
  bottom: 24%; left: 50%; height: 8%;
  animation: ta-stack 9s ease-in-out infinite alternate;
}
.scn-tiger-average .stack-b {
  bottom: 21%; left: 55%; height: 6%;
  animation: ta-stack-b 11s ease-in-out infinite alternate;
}
.scn-tiger-average .lamp {
  position: absolute; bottom: 28%; left: 22%; width: 7%; height: 22%;
  background: linear-gradient(180deg, #b0884a 0%, #8a6a34 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 50px 25px rgba(230, 180, 80, 0.5), 0 0 100px 50px rgba(230, 180, 80, 0.2);
  animation: ta-lamp 3.5s ease-in-out infinite alternate;
}
.scn-tiger-average .clock {
  position: absolute; top: 8%; right: 20%; width: 16%; height: 22%;
  background: radial-gradient(circle, #ebe0c0 30%, #a09070 100%);
  border-radius: 50%;
  border: 5px solid #6a5a3a;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
  animation: ta-clock 60s linear infinite;
}
.scn-tiger-average .chair {
  position: absolute; bottom: 10%; left: 60%; width: 18%; height: 24%;
  background: linear-gradient(180deg, #4a3e32 0%, #2e251c 100%);
  border-radius: 50% 50% 40% 40% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: ta-chair 8s ease-in-out infinite;
}
@keyframes ta-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes ta-desk {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
}
@keyframes ta-ledger {
  0% { transform: rotate(-5deg) translate(0,0); }
  50% { transform: rotate(-3deg) translate(3px,-2px); }
  100% { transform: rotate(-5deg) translate(0,0); }
}
@keyframes ta-stack {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ta-stack-b {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ta-lamp {
  0% { box-shadow: 0 0 40px 20px rgba(230, 180, 80, 0.45); }
  50% { box-shadow: 0 0 65px 30px rgba(240, 190, 90, 0.65); }
  100% { box-shadow: 0 0 45px 22px rgba(230, 180, 80, 0.45); }
}
@keyframes ta-clock {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes ta-chair {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

.scn-wolf-statistics {
  background: 
    linear-gradient(180deg, #ede0ce 0%, #d4c6b0 40%, #b8a88c 100%),
    radial-gradient(ellipse at 50% 10%, #fff5e0 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.scn-wolf-statistics .wall {
  position: absolute; inset: 0 0 28% 0;
  background: linear-gradient(180deg, #dcccbc 0%, #c8b8a4 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.05);
  animation: ws-wall 22s ease-in-out infinite alternate;
}
.scn-wolf-statistics .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 28%;
  background: linear-gradient(180deg, #6d5a46 0%, #4e3f30 100%);
  box-shadow: inset 0 8px 30px rgba(0,0,0,0.3);
}
.scn-wolf-statistics .desk {
  position: absolute; bottom: 14%; left: 18%; right: 18%; height: 16%;
  background: linear-gradient(180deg, #8a704e 0%, #695538 100%);
  border-radius: 3px 3px 0 0;
  box-shadow: 0 5px 12px rgba(0,0,0,0.3);
  animation: ws-desk 13s ease-in-out infinite;
}
.scn-wolf-statistics .map {
  position: absolute; top: 12%; left: 12%; width: 40%; height: 45%;
  background: linear-gradient(135deg, #f5e8c8 0%, #e0cfae 100%);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  animation: ws-map 20s ease-in-out infinite alternate;
}
.scn-wolf-statistics .quill {
  position: absolute; bottom: 28%; left: 40%; width: 2%; height: 18%;
  background: linear-gradient(180deg, #f0e8d0 0%, #c8b8a0 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform: rotate(30deg);
  transform-origin: bottom center;
  animation: ws-quill 6s ease-in-out infinite alternate;
}
.scn-wolf-statistics .paper {
  position: absolute; bottom: 26%; left: 48%; width: 16%; height: 10%;
  background: linear-gradient(135deg, #fbf3e4 0%, #efe3d0 100%);
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  animation: ws-paper 9s ease-in-out infinite alternate;
}
.scn-wolf-statistics .lamp {
  position: absolute; bottom: 30%; left: 25%; width: 6%; height: 20%;
  background: linear-gradient(180deg, #b0884a 0%, #8a6a34 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 45px 22px rgba(230, 180, 80, 0.5), 0 0 90px 45px rgba(230, 180, 80, 0.2);
  animation: ws-lamp 3.8s ease-in-out infinite alternate;
}
.scn-wolf-statistics .frame {
  position: absolute; top: 8%; right: 10%; width: 18%; height: 30%;
  background: linear-gradient(180deg, #6a5a44 0%, #4a3d2e 100%);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  animation: ws-frame 15s ease-in-out infinite alternate;
}
.scn-wolf-statistics .wolf-silhouette {
  position: absolute; top: 10%; right: 13%; width: 12%; height: 24%;
  background: linear-gradient(180deg, #2a2a22 0%, #1a1a14 100%);
  border-radius: 50% 40% 50% 40% / 60% 50% 50% 40%;
  filter: blur(1px);
  animation: ws-wolf 10s ease-in-out infinite alternate;
}
@keyframes ws-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.86; }
}
@keyframes ws-desk {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
}
@keyframes ws-map {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.02) rotate(1deg); }
  100% { transform: scale(0.98) rotate(-1deg); }
}
@keyframes ws-quill {
  0% { transform: rotate(30deg) translate(0, 0); }
  50% { transform: rotate(25deg) translate(2px, -4px); }
  100% { transform: rotate(30deg) translate(0, 0); }
}
@keyframes ws-paper {
  0% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(3px, -2px) rotate(1deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes ws-lamp {
  0% { box-shadow: 0 0 35px 18px rgba(230, 180, 80, 0.4); }
  50% { box-shadow: 0 0 60px 28px rgba(240, 190, 90, 0.6); }
  100% { box-shadow: 0 0 40px 20px rgba(230, 180, 80, 0.45); }
}
@keyframes ws-frame {
  0% { opacity: 0.92; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.01); }
  100% { opacity: 0.88; transform: scale(0.99); }
}
@keyframes ws-wolf {
  0% { opacity: 0.5; transform: translateY(0); }
  50% { opacity: 0.7; transform: translateY(-2px); }
  100% { opacity: 0.55; transform: translateY(0); }
}

.scn-elephant-statistics {
  background: 
    linear-gradient(180deg, #e8dcc8 0%, #d0c4ae 40%, #b8ac94 100%),
    radial-gradient(ellipse at 50% 15%, #fff0d0 0%, transparent 60%);
  position: relative;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.scn-elephant-statistics .wall {
  position: absolute; inset: 0 0 27% 0;
  background: linear-gradient(180deg, #d8cbb8 0%, #c4b7a2 100%);
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.05);
  animation: es-wall 19s ease-in-out infinite alternate;
}
.scn-elephant-statistics .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 27%;
  background: linear-gradient(180deg, #6b5944 0%, #4c3d2e 100%);
  box-shadow: inset 0 8px 30px rgba(0,0,0,0.3);
}
.scn-elephant-statistics .desk {
  position: absolute; bottom: 13%; left: 16%; right: 16%; height: 16%;
  background: linear-gradient(180deg, #8a704e 0%, #695538 100%);
  border-radius: 3px 3px 0 0;
  box-shadow: 0 5px 12px rgba(0,0,0,0.3);
  animation: es-desk 15s ease-in-out infinite;
}
.scn-elephant-statistics .globe {
  position: absolute; top: 8%; left: 8%; width: 20%; height: 35%;
  background: radial-gradient(circle at 35% 35%, #7ab0d0 0%, #4a7a9a 60%, #3a6050 100%);
  border-radius: 50%;
  box-shadow: 0 6px 15px rgba(0,0,0,0.3);
  animation: es-globe 30s linear infinite;
}
.scn-elephant-statistics .paper-stack {
  position: absolute; bottom: 26%; left: 45%; width: 18%; height: 12%;
  background: linear-gradient(180deg, #e8dcc0 0%, #d0c4a8 100%);
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
  animation: es-paper-stack 10s ease-in-out infinite alternate;
}
.scn-elephant-statistics .elephant-fig {
  position: absolute; bottom: 20%; right: 18%; width: 16%; height: 20%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2e22 100%);
  border-radius: 40% 30% 40% 30% / 50% 40% 40% 50%;
  filter: blur(1px);
  animation: es-elephant 8s ease-in-out infinite alternate;
}
.scn-elephant-statistics .lamp {
  position: absolute; bottom: 29%; left: 22%; width: 6%; height: 22%;
  background: linear-gradient(180deg, #b0884a 0%, #8a6a34 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 50px 25px rgba(230, 180, 80, 0.5), 0 0 100px 50px rgba(230, 180, 80, 0.2);
  animation: es-lamp 3.2s ease-in-out infinite alternate;
}
.scn-elephant-statistics .curtain {
  position: absolute; top: 0; width: 10%; height: 100%;
  background: linear-gradient(180deg, #8a7a60 0%, #5a4e38 100%);
  border-radius: 0 8px 8px 0;
  box-shadow: inset 0 4px 20px rgba(0,0,0,0.2);
}
.scn-elephant-statistics .curtain-left {
  left: 0;
  animation: es-curtain-left 25s ease-in-out infinite alternate;
}
.scn-elephant-statistics .curtain-right {
  right: 0;
  border-radius: 8px 0 0 8px;
  animation: es-curtain-right 25s ease-in-out infinite alternate;
}
@keyframes es-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes es-desk {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
}
@keyframes es-globe {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.02); }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes es-paper-stack {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes es-elephant {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  50% { transform: translateY(-2px) rotate(2deg) scale(1.02); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}
@keyframes es-lamp {
  0% { box-shadow: 0 0 40px 20px rgba(230, 180, 80, 0.4); }
  50% { box-shadow: 0 0 70px 35px rgba(240, 190, 90, 0.65); }
  100% { box-shadow: 0 0 45px 22px rgba(230, 180, 80, 0.45); }
}
@keyframes es-curtain-left {
  0% { transform: translateX(0); }
  50% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
@keyframes es-curtain-right {
  0% { transform: translateX(0); }
  50% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

/* swindlers-india – dark mood, bright interior (warm oil lamp) */
.scn-swindlers-india {
  background:
    linear-gradient(180deg, #3c2b1a 0%, #5a422a 40%, #7a5a3a 100%),
    radial-gradient(ellipse at 50% 60%, #8a6a4a 0%, transparent 70%);
}
.scn-swindlers-india .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #4a3828 0%, #6a4f35 50%, #4a3828 100%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.6);
  animation: si-wallsweep 12s ease-in-out infinite alternate;
}
.scn-swindlers-india .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #5a4230 0%, #3a2a1a 100%);
  border-radius: 0 0 10% 10% / 0 0 5% 5%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.5);
}
.scn-swindlers-india .desk {
  position: absolute; bottom: 15%; left: 30%; width: 40%; height: 12%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a3220 100%);
  border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.7);
  transform: perspective(400px) rotateX(5deg);
  animation: si-desk 8s ease-in-out infinite;
}
.scn-swindlers-india .lamplight {
  position: absolute; bottom: 35%; left: 50%; width: 10px; height: 20px;
  background: radial-gradient(circle, #f0c060 0%, #c08040 70%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 30px 10px #d09050, 0 0 60px 20px rgba(208,144,80,0.4);
  animation: si-lampglimmer 3s ease-in-out infinite alternate;
}
.scn-swindlers-india .papers {
  position: absolute; bottom: 16%; left: 32%; width: 34%; height: 10%;
  background: linear-gradient(135deg, #d4c8a0 0%, #b8a880 50%, #d4c8a0 100%);
  border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transform: rotate(-2deg);
  animation: si-paperflip 5s ease-in-out infinite;
}
.scn-swindlers-india .figure {
  position: absolute; bottom: 12%; left: 46%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: si-figure 4s ease-in-out infinite;
}
.scn-swindlers-india .shadow {
  position: absolute; bottom: 12%; left: 44%; width: 30px; height: 8px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 100%);
  border-radius: 50%;
  animation: si-shad 4s ease-in-out infinite;
}
.scn-swindlers-india .inkwell {
  position: absolute; bottom: 18%; left: 40%; width: 8px; height: 12px;
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 4px rgba(0,0,0,0.5);
  animation: si-ink 6s ease-in-out infinite;
}
@keyframes si-wallsweep { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes si-desk { 0% { transform: perspective(400px) rotateX(5deg) translateY(0); } 50% { transform: perspective(400px) rotateX(3deg) translateY(-2px); } 100% { transform: perspective(400px) rotateX(5deg) translateY(0); } }
@keyframes si-lampglimmer { 0% { box-shadow: 0 0 20px 6px #d09050; opacity: 0.8; } 50% { box-shadow: 0 0 40px 14px #f0c060; opacity: 1; } 100% { box-shadow: 0 0 25px 8px #d09050; opacity: 0.85; } }
@keyframes si-paperflip { 0% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(1deg) scale(1.02); } 100% { transform: rotate(-2deg) scale(1); } }
@keyframes si-figure { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 25% { transform: translateX(4px) translateY(-1px) rotate(1deg); } 50% { transform: translateX(8px) translateY(0) rotate(-1deg); } 75% { transform: translateX(12px) translateY(-1px) rotate(1deg); } 100% { transform: translateX(16px) translateY(0) rotate(0); } }
@keyframes si-shad { 0% { transform: translateX(0) scale(1); } 50% { transform: translateX(4px) scale(0.9); } 100% { transform: translateX(0) scale(1); } }
@keyframes si-ink { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }

/* only-one-india – calm, bright interior (sunlit prayer hall) */
.scn-only-one-india {
  background:
    linear-gradient(180deg, #d4c8a8 0%, #c0b090 30%, #a89878 100%),
    linear-gradient(90deg, #b8a888 0%, #d0c0a0 50%, #b8a888 100%);
}
.scn-only-one-india .arch-left {
  position: absolute; top: 0; left: 0; width: 30%; height: 100%;
  background: radial-gradient(ellipse at 100% 50%, transparent 60%, #8a7a5a 61%, #6a5a3a 100%);
  border-radius: 0 40% 0 0 / 0 60% 0 0;
  box-shadow: inset -10px 0 20px rgba(0,0,0,0.3);
  animation: oi-arch 14s ease-in-out infinite alternate;
}
.scn-only-one-india .arch-right {
  position: absolute; top: 0; right: 0; width: 30%; height: 100%;
  background: radial-gradient(ellipse at 0% 50%, transparent 60%, #8a7a5a 61%, #6a5a3a 100%);
  border-radius: 40% 0 0 0 / 60% 0 0 0;
  box-shadow: inset 10px 0 20px rgba(0,0,0,0.3);
  animation: oi-arch 14s ease-in-out infinite alternate-reverse;
}
.scn-only-one-india .column-left {
  position: absolute; bottom: 0; left: 25%; width: 6%; height: 80%;
  background: linear-gradient(180deg, #b8a080 0%, #9a8060 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 4px 0 12px rgba(0,0,0,0.2);
  animation: oi-column 18s ease-in-out infinite;
}
.scn-only-one-india .column-right {
  position: absolute; bottom: 0; right: 25%; width: 6%; height: 80%;
  background: linear-gradient(180deg, #b8a080 0%, #9a8060 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: -4px 0 12px rgba(0,0,0,0.2);
  animation: oi-column 18s ease-in-out infinite 2s;
}
.scn-only-one-india .floor-tiles {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: repeating-linear-gradient(90deg, #c0b090 0px, #c0b090 20px, #a89878 20px, #a89878 40px);
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.2);
  animation: oi-floor 20s linear infinite;
}
.scn-only-one-india .vault {
  position: absolute; top: 0; left: 20%; right: 20%; height: 50%;
  background: radial-gradient(ellipse at 50% 100%, transparent 50%, #a09070 51%, #7a6a4a 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  animation: oi-vault 15s ease-in-out infinite;
}
.scn-only-one-india .figure-solemn {
  position: absolute; bottom: 15%; left: 50%; width: 24px; height: 48px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: oi-figure 6s ease-in-out infinite;
}
.scn-only-one-india .glow-altar {
  position: absolute; bottom: 18%; left: 50%; width: 14px; height: 14px;
  background: radial-gradient(circle, #f0e0a0 0%, #d0b070 70%, transparent 100%);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 30px 10px #d0b070, 0 0 60px 20px rgba(208,176,112,0.3);
  animation: oi-glow 4s ease-in-out infinite alternate;
}
@keyframes oi-arch { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.97); } 100% { transform: scaleY(1); } }
@keyframes oi-column { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); } }
@keyframes oi-floor { 0% { background-position-x: 0; } 100% { background-position-x: -40px; } }
@keyframes oi-vault { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes oi-figure { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes oi-glow { 0% { box-shadow: 0 0 20px 6px #d0b070; opacity: 0.8; } 50% { box-shadow: 0 0 40px 14px #f0e0a0; opacity: 1; } 100% { box-shadow: 0 0 25px 8px #d0b070; opacity: 0.9; } }

/* india-specialties – calm, bright interior (shrine with statue) */
.scn-india-specialties {
  background:
    linear-gradient(180deg, #c8b898 0%, #b8a888 50%, #a89878 100%),
    radial-gradient(ellipse at 50% 30%, #e0d0b0 0%, transparent 70%);
}
.scn-india-specialties .pedestal {
  position: absolute; bottom: 15%; left: 50%; width: 40%; height: 12%;
  background: linear-gradient(180deg, #a09070 0%, #807050 100%);
  border-radius: 8% 8% 4% 4%;
  transform: translateX(-50%);
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  animation: is-pedestal 10s ease-in-out infinite;
}
.scn-india-specialties .statue-body {
  position: absolute; bottom: 26%; left: 50%; width: 20%; height: 30%;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a2a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform: translateX(-50%);
  box-shadow: inset -4px 0 10px rgba(0,0,0,0.3);
  animation: is-body 8s ease-in-out infinite;
}
.scn-india-specialties .statue-head {
  position: absolute; bottom: 52%; left: 50%; width: 12%; height: 10%;
  background: radial-gradient(circle at 50% 60%, #7a6a4a 0%, #4a3a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: is-head 6s ease-in-out infinite;
}
.scn-india-specialties .statue-arms {
  position: absolute; bottom: 32%; left: 50%; width: 30%; height: 6%;
  background: linear-gradient(90deg, #5a4a2a 0%, #8a7a5a 50%, #5a4a2a 100%);
  border-radius: 50% 50% 0 0;
  transform: translateX(-50%) scaleX(1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: is-arms 9s ease-in-out infinite;
}
.scn-india-specialties .halo {
  position: absolute; bottom: 55%; left: 50%; width: 24%; height: 20%;
  background: radial-gradient(circle, #f0e0b0 0%, rgba(240,224,176,0.2) 70%, transparent 100%);
  border-radius: 50%;
  transform: translateX(-50%);
  filter: blur(3px);
  animation: is-halo 5s ease-in-out infinite alternate;
}
.scn-india-specialties .offering-bowl {
  position: absolute; bottom: 14%; left: 50%; width: 8%; height: 5%;
  background: radial-gradient(ellipse at 50% 40%, #d0b070 0%, #a08850 100%);
  border-radius: 40% 40% 30% 30%;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  animation: is-bowl 7s ease-in-out infinite;
}
.scn-india-specialties .incense-swirl {
  position: absolute; bottom: 18%; left: 46%; width: 8%; height: 30%;
  background: linear-gradient(180deg, rgba(200,180,140,0.3) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: is-incense 12s ease-out infinite;
}
.scn-india-specialties .shadow-deep {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.3) 100%);
  pointer-events: none;
  animation: is-shadow 10s ease-in-out infinite alternate;
}
@keyframes is-pedestal { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(0.98); } 100% { transform: translateX(-50%) scale(1); } }
@keyframes is-body { 0% { transform: translateX(-50%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes is-head { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes is-arms { 0% { transform: translateX(-50%) scaleX(1); } 50% { transform: translateX(-50%) scaleX(0.95); } 100% { transform: translateX(-50%) scaleX(1); } }
@keyframes is-halo { 0% { opacity: 0.6; filter: blur(4px); } 50% { opacity: 1; filter: blur(2px); } 100% { opacity: 0.7; filter: blur(5px); } }
@keyframes is-bowl { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes is-incense { 0% { transform: translateY(0) scale(1); opacity: 0.4; } 50% { transform: translateY(-20px) scale(1.2); opacity: 0; } 100% { transform: translateY(-40px) scale(1.5); opacity: 0; } }
@keyframes is-shadow { 0% { opacity: 0.5; } 50% { opacity: 0.7; } 100% { opacity: 0.5; } }

/* india-wonders – calm, bright interior (tomb chamber with light rays) */
.scn-india-wonders {
  background:
    linear-gradient(180deg, #b8a888 0%, #a89878 50%, #908060 100%),
    radial-gradient(ellipse at 50% 20%, #d0c0a0 0%, transparent 80%);
}
.scn-india-wonders .cella-wall {
  position: absolute; top: 0; left: 10%; right: 10%; height: 100%;
  background: linear-gradient(90deg, #a09070 0%, #b8a888 30%, #a09070 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,0.3);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
  animation: iw-wall 15s ease-in-out infinite alternate;
}
.scn-india-wonders .cella-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #908060 0%, #706050 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.4);
  border-radius: 20% 20% 0 0 / 40% 40% 0 0;
  animation: iw-floor 12s ease-in-out infinite;
}
.scn-india-wonders .tomb-sarcophagus {
  position: absolute; bottom: 18%; left: 35%; right: 35%; height: 16%;
  background: linear-gradient(180deg, #c0a880 0%, #907050 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), inset 0 0 20px rgba(200,180,140,0.3);
  transform: perspective(600px) rotateX(5deg);
  animation: iw-sarc 14s ease-in-out infinite;
}
.scn-india-wonders .dome-ribbed {
  position: absolute; top: 0; left: 25%; right: 25%; height: 50%;
  background: radial-gradient(ellipse at 50% 100%, transparent 30%, #b8a080 31%, #9a8060 100%);
  clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.2);
  animation: iw-dome 20s ease-in-out infinite alternate;
}
.scn-india-wonders .pillar-left {
  position: absolute; bottom: 0; left: 20%; width: 5%; height: 70%;
  background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 4px 0 12px rgba(0,0,0,0.2);
  animation: iw-pillar 18s ease-in-out infinite;
}
.scn-india-wonders .pillar-right {
  position: absolute; bottom: 0; right: 20%; width: 5%; height: 70%;
  background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: -4px 0 12px rgba(0,0,0,0.2);
  animation: iw-pillar 18s ease-in-out infinite 3s;
}
.scn-india-wonders .light-ray {
  position: absolute; top: 10%; left: 40%; width: 20%; height: 60%;
  background: linear-gradient(180deg, rgba(240,224,176,0.3) 0%, transparent 100%);
  clip-path: polygon(30% 0, 70% 0, 80% 100%, 20% 100%);
  filter: blur(2px);
  animation: iw-ray 8s ease-in-out infinite alternate;
}
.scn-india-wonders .dust-motes {
  position: absolute; top: 10%; left: 30%; width: 40%; height: 50%;
  background: radial-gradient(circle at 30% 40%, rgba(240,224,176,0.15) 0%, transparent 60%),
              radial-gradient(circle at 70% 60%, rgba(240,224,176,0.1) 0%, transparent 50%);
  filter: blur(6px);
  animation: iw-dust 25s linear infinite;
}
@keyframes iw-wall { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes iw-floor { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1); } }
@keyframes iw-sarc { 0% { transform: perspective(600px) rotateX(5deg) translateY(0); } 50% { transform: perspective(600px) rotateX(3deg) translateY(-3px); } 100% { transform: perspective(600px) rotateX(5deg) translateY(0); } }
@keyframes iw-dome { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes iw-pillar { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.97); } 100% { transform: scaleY(1); } }
@keyframes iw-ray { 0% { opacity: 0.3; } 50% { opacity: 0.6; } 100% { opacity: 0.3; } }
@keyframes iw-dust { 0% { background-position: 0 0; } 100% { background-position: 100px 50px; } }

/* Scene: saint-bernard – bright interior, warm whites/golds */
.scn-saint-bernard {
  background:
    linear-gradient(180deg, #fef5e7 0%, #f0dcc0 40%, #d4b88c 100%),
    radial-gradient(ellipse at 50% 0%, #fff7e6 0%, transparent 60%);
}

.scn-saint-bernard .wall {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #f8ecd0 0%, #eadaa8 100%);
  animation: sb-wall 10s ease-in-out infinite alternate;
}

.scn-saint-bernard .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, #b5956d 0%, #8a704a 100%);
  border-radius: 30% 30% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 1.5em 2em rgba(0,0,0,0.15);
}

.scn-saint-bernard .table {
  position: absolute;
  bottom: 30%;
  left: 10%;
  width: 50%;
  height: 6%;
  background: linear-gradient(180deg, #c8a56a 0%, #a88550 100%);
  border-radius: 0.4em;
  box-shadow: 0 0.3em 0.6em rgba(0,0,0,0.3);
  animation: sb-table 8s ease-in-out infinite;
}

.scn-saint-bernard .paper {
  position: absolute;
  bottom: 38%;
  left: 18%;
  width: 22%;
  height: 28%;
  background: linear-gradient(135deg, #fcf5e0 0%, #efe0b0 80%);
  border-radius: 0.2em;
  box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2), inset 0 0 1.5em rgba(100,80,50,0.1);
  transform-origin: bottom left;
  animation: sb-paper 6s ease-in-out infinite alternate;
}

.scn-saint-bernard .dog {
  position: absolute;
  bottom: 24%;
  left: 32%;
  width: 38%;
  height: 50%;
  background: radial-gradient(ellipse at 50% 50%, #5a4a3a 0%, #2a221a 100%);
  border-radius: 45% 45% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 0 0.4em 0.8em rgba(0,0,0,0.4);
  animation: sb-dog 12s ease-in-out infinite;
}

.scn-saint-bernard .figure {
  position: absolute;
  bottom: 22%;
  right: 18%;
  width: 12%;
  height: 48%;
  background: linear-gradient(180deg, #3a302a 0%, #1e1612 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
  animation: sb-figure 4s ease-in-out infinite;
}

.scn-saint-bernard .lamp {
  position: absolute;
  top: 10%;
  right: 22%;
  width: 8%;
  height: 12%;
  background: radial-gradient(circle at 50% 30%, #ffe080 0%, #d4a040 60%, #a07020 100%);
  border-radius: 40% 40% 10% 10%;
  box-shadow: 0 0 2em 0.5em rgba(255,200,80,0.6), 0 0 4em 1em rgba(200,150,50,0.2);
  animation: sb-lamp 5s ease-in-out infinite alternate;
}

@keyframes sb-wall {
  0%   { opacity: 1; }
  50%  { opacity: 0.92; }
  100% { opacity: 1; }
}

@keyframes sb-table {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-0.3em); }
}

@keyframes sb-paper {
  0%   { transform: rotate(-2deg) scale(1); }
  50%  { transform: rotate(1deg) scale(0.98); }
  100% { transform: rotate(-1deg) scale(1.01); }
}

@keyframes sb-dog {
  0%   { transform: translateY(0) rotate(-0.5deg); }
  50%  { transform: translateY(-0.6em) rotate(0.5deg); }
  100% { transform: translateY(0) rotate(0); }
}

@keyframes sb-figure {
  0%   { transform: translateX(0) rotate(-2deg); }
  25%  { transform: translateX(2%) rotate(1deg); }
  50%  { transform: translateX(4%) rotate(-2deg); }
  75%  { transform: translateX(6%) rotate(1deg); }
  100% { transform: translateX(8%) rotate(0); }
}

@keyframes sb-lamp {
  0%   { box-shadow: 0 0 1.5em 0.4em rgba(255,200,80,0.5), 0 0 3em 0.8em rgba(200,150,50,0.2); }
  50%  { box-shadow: 0 0 2.5em 0.7em rgba(255,210,100,0.7), 0 0 5em 1.2em rgba(200,150,50,0.3); }
  100% { box-shadow: 0 0 2em 0.5em rgba(255,200,80,0.6), 0 0 4em 1em rgba(200,150,50,0.2); }
}

/* Scene: back-door-bet – bright interior, warm wood and gold */
.scn-back-door-bet {
  background:
    linear-gradient(180deg, #f2e6d0 0%, #dcc8a0 50%, #b09670 100%),
    radial-gradient(ellipse at 30% 100%, #fff4e0 0%, transparent 70%);
}

.scn-back-door-bet .wall {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(180deg, #ebd6b0 0%, #cbb68a 100%);
}

.scn-back-door-bet .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #9a7c5a 0%, #7a6040 100%);
  border-radius: 20% 20% 0 0 / 15% 15% 0 0;
  box-shadow: inset 0 1em 1.5em rgba(0,0,0,0.1);
}

.scn-back-door-bet .counter {
  position: absolute;
  bottom: 25%;
  left: 5%;
  width: 35%;
  height: 8%;
  background: linear-gradient(180deg, #a88550 0%, #8a6a3a 100%);
  border-radius: 0.3em;
  box-shadow: 0 0.3em 0.5em rgba(0,0,0,0.3);
  animation: bdb-counter 9s ease-in-out infinite;
}

.scn-back-door-bet .door {
  position: absolute;
  bottom: 10%;
  right: 8%;
  width: 25%;
  height: 70%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a301a 100%);
  border-radius: 0.2em 0.2em 0.1em 0.1em;
  border-left: 0.2em solid #5a4020;
  box-shadow: -0.5em 0 0.5em rgba(0,0,0,0.2);
  animation: bdb-door 7s ease-in-out infinite;
}

.scn-back-door-bet .nar {
  position: absolute;
  bottom: 18%;
  left: 30%;
  width: 10%;
  height: 45%;
  background: linear-gradient(180deg, #3a302a 0%, #201810 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
  animation: bdb-figure 5s ease-in-out infinite;
}

.scn-back-door-bet .lewis {
  position: absolute;
  bottom: 18%;
  right: 38%;
  width: 11%;
  height: 46%;
  background: linear-gradient(180deg, #3a302a 0%, #201810 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
  animation: bdb-lewis 5.5s ease-in-out infinite;
}

.scn-back-door-bet .cigar {
  position: absolute;
  bottom: 28%;
  left: 16%;
  width: 4%;
  height: 3%;
  background: linear-gradient(180deg, #a07040 0%, #6a4a20 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.2);
  animation: bdb-cigar 3s ease-in-out infinite;
}

.scn-back-door-bet .sign {
  position: absolute;
  bottom: 50%;
  left: 60%;
  width: 20%;
  height: 12%;
  background: linear-gradient(135deg, #f0e0b0 0%, #d0b080 100%);
  border-radius: 0.2em;
  border: 0.1em solid #8a6a3a;
  animation: bdb-sign 12s ease-in-out infinite alternate;
}

@keyframes bdb-counter {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-0.2em); }
}

@keyframes bdb-door {
  0%   { transform: translateX(0) scaleX(1); }
  50%  { transform: translateX(-0.3em) scaleX(0.95); }
  100% { transform: translateX(0) scaleX(1); }
}

@keyframes bdb-figure {
  0%   { transform: translateX(0) rotate(0); }
  25%  { transform: translateX(3%) rotate(-2deg); }
  50%  { transform: translateX(6%) rotate(0); }
  75%  { transform: translateX(9%) rotate(2deg); }
  100% { transform: translateX(12%) rotate(0); }
}

@keyframes bdb-lewis {
  0%   { transform: translateX(0) rotate(0); }
  25%  { transform: translateX(-2%) rotate(2deg); }
  50%  { transform: translateX(-4%) rotate(0); }
  75%  { transform: translateX(-6%) rotate(-2deg); }
  100% { transform: translateX(-8%) rotate(0); }
}

@keyframes bdb-cigar {
  0%,100% { transform: translateY(0) rotate(-5deg); }
  50%     { transform: translateY(-0.4em) rotate(5deg); }
}

@keyframes bdb-sign {
  0%   { transform: rotate(-1deg) scale(1); }
  50%  { transform: rotate(2deg) scale(1.02); }
  100% { transform: rotate(-1deg) scale(1); }
}

/* Scene: irish-doorman – dim interior, gaslight glow */
.scn-irish-doorman {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2238 40%, #3a2a3e 100%),
    radial-gradient(ellipse at 50% 80%, #4a3a4a 0%, transparent 70%);
}

.scn-irish-doorman .wall {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a2238 0%, #1e1830 100%);
  animation: id-wall 15s ease-in-out infinite alternate;
}

.scn-irish-doorman .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0e0e 100%);
  border-radius: 30% 30% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 1em 2em rgba(0,0,0,0.5);
}

.scn-irish-doorman .lamp {
  position: absolute;
  top: 18%;
  left: 25%;
  width: 6%;
  height: 15%;
  background: radial-gradient(circle at 50% 60%, #ffd060 0%, #c08020 60%, #7a4a10 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 3em 1em rgba(255,200,60,0.4), 0 0 6em 2em rgba(200,120,20,0.2);
  animation: id-lamp 4s ease-in-out infinite alternate;
}

.scn-irish-doorman .door {
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 30%;
  height: 80%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1e1008 100%);
  border-radius: 0.2em;
  border-left: 0.3em solid #5a3a1a;
  box-shadow: -0.3em 0 0.5em rgba(0,0,0,0.6);
}

.scn-irish-doorman .doorman {
  position: absolute;
  bottom: 18%;
  left: 20%;
  width: 14%;
  height: 55%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a16 100%);
  border-radius: 50% 50% 40% 40% / 65% 65% 40% 40%;
  transform-origin: bottom center;
  animation: id-doorman 6s ease-in-out infinite;
}

.scn-irish-doorman .note {
  position: absolute;
  bottom: 42%;
  left: 32%;
  width: 10%;
  height: 7%;
  background: linear-gradient(135deg, #f5e8c0 0%, #dcc8a0 100%);
  border-radius: 0.1em;
  transform: rotate(180deg) scaleY(-1); /* upside down */
  box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.3);
  animation: id-note 8s ease-in-out infinite alternate;
}

.scn-irish-doorman .window {
  position: absolute;
  top: 12%;
  right: 20%;
  width: 15%;
  height: 20%;
  background: linear-gradient(180deg, #4a4a6a 0%, #2a2a4a 100%);
  border-radius: 0.2em;
  box-shadow: inset 0 0 0.5em rgba(0,0,0,0.5);
  animation: id-window 20s linear infinite;
}

@keyframes id-wall {
  0%   { opacity: 0.9; }
  50%  { opacity: 1; }
  100% { opacity: 0.9; }
}

@keyframes id-lamp {
  0%   { box-shadow: 0 0 2em 0.8em rgba(255,200,60,0.3), 0 0 5em 1.5em rgba(200,120,20,0.1); }
  50%  { box-shadow: 0 0 4em 1.2em rgba(255,200,60,0.5), 0 0 7em 2em rgba(200,120,20,0.2); }
  100% { box-shadow: 0 0 3em 1em rgba(255,200,60,0.4), 0 0 6em 2em rgba(200,120,20,0.2); }
}

@keyframes id-doorman {
  0%   { transform: translateX(0) rotate(0); }
  25%  { transform: translateX(2%) rotate(-2deg); }
  50%  { transform: translateX(4%) rotate(0); }
  75%  { transform: translateX(2%) rotate(2deg); }
  100% { transform: translateX(0) rotate(0); }
}

@keyframes id-note {
  0%   { transform: rotate(180deg) scaleY(-1) translateX(0); }
  50%  { transform: rotate(180deg) scaleY(-1) translateX(1%) translateY(-0.5%); }
  100% { transform: rotate(180deg) scaleY(-1) translateX(0); }
}

@keyframes id-window {
  0%   { opacity: 0.3; }
  50%  { opacity: 0.6; }
  100% { opacity: 0.3; }
}

/* Scene: dog-connection – dim interior, same gaslight, two figures */
.scn-dog-connection {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2238 40%, #3a2a3e 100%),
    radial-gradient(ellipse at 40% 80%, #4a3a4a 0%, transparent 70%);
}

.scn-dog-connection .wall {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a2238 0%, #1e1830 100%);
  animation: dc-wall 12s ease-in-out infinite alternate;
}

.scn-dog-connection .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #2a1a1a 0%, #1a0e0e 100%);
  border-radius: 30% 30% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 1em 2em rgba(0,0,0,0.5);
}

.scn-dog-connection .lamp {
  position: absolute;
  top: 20%;
  left: 65%;
  width: 6%;
  height: 14%;
  background: radial-gradient(circle at 50% 60%, #ffd060 0%, #c08020 60%, #7a4a10 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 3em 1em rgba(255,200,60,0.4), 0 0 6em 2em rgba(200,120,20,0.2);
  animation: dc-lamp 4.5s ease-in-out infinite alternate;
}

.scn-dog-connection .doorman {
  position: absolute;
  bottom: 18%;
  left: 15%;
  width: 13%;
  height: 50%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a16 100%);
  border-radius: 50% 50% 40% 40% / 65% 65% 40% 40%;
  transform-origin: bottom center;
  animation: dc-doorman 7s ease-in-out infinite;
}

.scn-dog-connection .nar {
  position: absolute;
  bottom: 18%;
  right: 18%;
  width: 12%;
  height: 48%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a16 100%);
  border-radius: 50% 50% 40% 40% / 65% 65% 40% 40%;
  transform-origin: bottom center;
  animation: dc-nar 7s ease-in-out infinite;
}

.scn-dog-connection .note {
  position: absolute;
  bottom: 35%;
  left: 30%;
  width: 12%;
  height: 8%;
  background: linear-gradient(135deg, #f5e8c0 0%, #dcc8a0 100%);
  border-radius: 0.1em;
  transform: rotate(175deg);
  box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.3);
  animation: dc-note 6s ease-in-out infinite alternate;
}

.scn-dog-connection .door {
  position: absolute;
  bottom: 10%;
  left: 5%;
  width: 25%;
  height: 70%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1e1008 100%);
  border-radius: 0.2em;
  border-right: 0.3em solid #5a3a1a;
  box-shadow: 0.3em 0 0.5em rgba(0,0,0,0.6);
}

@keyframes dc-wall {
  0%   { opacity: 0.85; }
  50%  { opacity: 1; }
  100% { opacity: 0.85; }
}

@keyframes dc-lamp {
  0%   { box-shadow: 0 0 2em 0.8em rgba(255,200,60,0.3), 0 0 5em 1.5em rgba(200,120,20,0.1); }
  50%  { box-shadow: 0 0 4em 1.2em rgba(255,200,60,0.5), 0 0 7em 2em rgba(200,120,20,0.2); }
  100% { box-shadow: 0 0 3em 1em rgba(255,200,60,0.4), 0 0 6em 2em rgba(200,120,20,0.2); }
}

@keyframes dc-doorman {
  0%   { transform: translateX(0) rotate(0); }
  25%  { transform: translateX(2%) rotate(-1deg); }
  50%  { transform: translateX(4%) rotate(0); }
  75%  { transform: translateX(2%) rotate(1deg); }
  100% { transform: translateX(0) rotate(0); }
}

@keyframes dc-nar {
  0%   { transform: translateX(0) rotate(0); }
  25%  { transform: translateX(-2%) rotate(1deg); }
  50%  { transform: translateX(-4%) rotate(0); }
  75%  { transform: translateX(-2%) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0); }
}

@keyframes dc-note {
  0%   { transform: rotate(175deg) translateX(0); }
  50%  { transform: rotate(175deg) translateX(1%) translateY(-0.5%); }
  100% { transform: rotate(175deg) translateX(0); }
}

.scn-terrible-regions {
  background:
    linear-gradient(180deg, #3a3a4a 0%, #4a4a5a 40%, #5a5a6a 100%),
    radial-gradient(ellipse at 50% 100%, #2a2a1a 0%, transparent 70%);
}
.scn-terrible-regions .sky {
  position: absolute; inset: 0; height: 60%;
  background: linear-gradient(180deg, #2a2a3a 0%, #5a5a6a 80%);
  animation: tr-sky 12s ease-in-out infinite alternate;
}
.scn-terrible-regions .distant-hills {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 18%;
  background: linear-gradient(180deg, #4a4a3a 0%, #3a3a2a 100%);
  border-radius: 60% 40% 0 0 / 70% 50% 0 0;
  box-shadow: inset 0 8px 12px rgba(0,0,0,0.5);
  animation: tr-hills 18s ease-in-out infinite alternate;
}
.scn-terrible-regions .mid-hills {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #3a3a2a 0%, #2a2a1a 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 6px 10px rgba(0,0,0,0.6);
  animation: tr-hills 22s ease-in-out infinite alternate-reverse;
}
.scn-terrible-regions .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0e 100%);
  border-radius: 20% 30% 0 0 / 40% 50% 0 0;
}
.scn-terrible-regions .figure {
  position: absolute; bottom: 20%; width: 12px; height: 30px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
}
.scn-terrible-regions .figure-1 { left: 20%; animation: tr-walk 5s ease-in-out infinite; }
.scn-terrible-regions .figure-2 { left: 40%; animation: tr-walk 6s ease-in-out infinite 0.5s; }
.scn-terrible-regions .figure-3 { left: 60%; animation: tr-walk 7s ease-in-out infinite 1s; }
.scn-terrible-regions .dead-tree {
  position: absolute; bottom: 28%; left: 70%; width: 8px; height: 40px;
  background: linear-gradient(180deg, #2a1a0e 0%, #1a0e08 100%);
  border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%;
  transform-origin: bottom center;
  animation: tr-tree 4s ease-in-out infinite alternate;
}

@keyframes tr-sky {
  0% { opacity: 0.7; }
  50% { opacity: 0.85; }
  100% { opacity: 0.75; }
}
@keyframes tr-hills {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-2px) scaleY(0.98); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes tr-walk {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(4px) translateY(-1px) rotate(2deg); }
  50% { transform: translateX(8px) translateY(0) rotate(0deg); }
  75% { transform: translateX(12px) translateY(-1px) rotate(-2deg); }
  100% { transform: translateX(16px) translateY(0) rotate(0deg); }
}
@keyframes tr-tree {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}

.scn-snowy-journey {
  background:
    linear-gradient(180deg, #aab0b8 0%, #c8ced4 40%, #e0e4e8 100%),
    radial-gradient(ellipse at 50% 0%, #ffffff 0%, transparent 70%);
}
.scn-snowy-journey .sky {
  position: absolute; inset: 0; height: 60%;
  background: linear-gradient(180deg, #8a9098 0%, #c0c6cc 100%);
  animation: sj-sky 20s ease-in-out infinite alternate;
}
.scn-snowy-journey .snow-horizon {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #d0d4d8 0%, #e8ecef 100%);
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.1);
  animation: sj-horizon 14s ease-in-out infinite alternate;
}
.scn-snowy-journey .snowdrift-1 {
  position: absolute; bottom: 18%; left: 0; width: 40%; height: 20%;
  background: linear-gradient(180deg, #e0e4e8 0%, #f0f2f5 100%);
  border-radius: 0 80% 0 0 / 0 60% 0 0;
  animation: sj-drift 30s ease-in-out infinite alternate;
}
.scn-snowy-journey .snowdrift-2 {
  position: absolute; bottom: 22%; right: 0; width: 50%; height: 18%;
  background: linear-gradient(180deg, #d8dce0 0%, #eef0f2 100%);
  border-radius: 70% 0 0 0 / 50% 0 0 0;
  animation: sj-drift 35s ease-in-out infinite alternate-reverse;
}
.scn-snowy-journey .native {
  position: absolute; bottom: 15%; width: 14px; height: 38px;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1e 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
}
.scn-snowy-journey .native-1 { left: 25%; animation: sj-walk 6s ease-in-out infinite; }
.scn-snowy-journey .native-2 { left: 40%; animation: sj-walk 7s ease-in-out infinite 0.3s; }
.scn-snowy-journey .native-3 { left: 55%; animation: sj-walk 8s ease-in-out infinite 0.7s; }
.scn-snowy-journey .snowflake-layer1 {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.8) 50%, transparent 50%),
              radial-gradient(1px 1px at 50% 60%, rgba(255,255,255,0.6) 50%, transparent 50%),
              radial-gradient(1px 1px at 80% 40%, rgba(255,255,255,0.7) 50%, transparent 50%);
  background-size: 60px 60px;
  filter: blur(0.5px);
  animation: sj-fall 12s linear infinite;
}
.scn-snowy-journey .snowflake-layer2 {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(1.5px 1.5px at 10% 70%, rgba(255,255,255,0.5) 50%, transparent 50%),
              radial-gradient(1.5px 1.5px at 30% 20%, rgba(255,255,255,0.4) 50%, transparent 50%),
              radial-gradient(1.5px 1.5px at 70% 80%, rgba(255,255,255,0.6) 50%, transparent 50%);
  background-size: 80px 80px;
  filter: blur(1px);
  animation: sj-fall 18s linear infinite reverse;
}

@keyframes sj-sky {
  0% { opacity: 0.8; }
  50% { opacity: 0.9; }
  100% { opacity: 0.85; }
}
@keyframes sj-horizon {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-2px) scaleY(0.97); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes sj-drift {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes sj-walk {
  0% { transform: translateX(0) translateY(0) rotate(1deg); }
  25% { transform: translateX(5px) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(10px) translateY(0) rotate(-1deg); }
  75% { transform: translateX(15px) translateY(-1px) rotate(1deg); }
  100% { transform: translateX(20px) translateY(0) rotate(0deg); }
}
@keyframes sj-fall {
  0% { transform: translateY(-10%) rotate(0deg); }
  25% { transform: translateY(40%) rotate(10deg); }
  50% { transform: translateY(80%) rotate(-5deg); }
  75% { transform: translateY(120%) rotate(15deg); }
  100% { transform: translateY(160%) rotate(0deg); }
}

.scn-chief-menacing {
  background:
    linear-gradient(180deg, #ffe6b0 0%, #ffcc80 40%, #e6a040 100%),
    radial-gradient(ellipse at 50% 100%, #d48830 0%, transparent 60%);
}
.scn-chief-menacing .sky {
  position: absolute; inset: 0; height: 55%;
  background: linear-gradient(180deg, #ffe6b0 0%, #ffd699 70%);
  animation: cm-sky 15s ease-in-out infinite alternate;
}
.scn-chief-menacing .sun {
  position: absolute; top: 15%; right: 20%; width: 70px; height: 70px;
  background: radial-gradient(circle, #fff8e0 0%, #ffcc80 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,200,80,0.4), 0 0 120px 40px rgba(255,200,80,0.2);
  animation: cm-sun 20s ease-in-out infinite;
}
.scn-chief-menacing .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #b08040 0%, #8a6020 100%);
  border-radius: 30% 20% 0 0 / 40% 30% 0 0;
  box-shadow: inset 0 12px 20px rgba(0,0,0,0.4);
}
.scn-chief-menacing .chief {
  position: absolute; bottom: 25%; left: 35%; width: 30px; height: 70px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
  animation: cm-stance 4s ease-in-out infinite alternate;
}
.scn-chief-menacing .spear {
  position: absolute; bottom: 35%; left: 30%; width: 4px; height: 100px;
  background: linear-gradient(180deg, #5a3a20 0%, #2a1a0c 100%);
  border-radius: 2px;
  transform-origin: bottom center;
  transform: rotate(-15deg);
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  animation: cm-spear 3s ease-in-out infinite alternate;
}
.scn-chief-menacing .warrior {
  position: absolute; bottom: 22%; width: 16px; height: 44px;
  background: linear-gradient(180deg, #2a1a0e 0%, #0e0804 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 20% 20%;
  transform-origin: bottom center;
}
.scn-chief-menacing .warrior-1 { left: 55%; animation: cm-stance 5s ease-in-out infinite 0.2s; }
.scn-chief-menacing .warrior-2 { left: 65%; animation: cm-stance 4.5s ease-in-out infinite 0.6s; }
.scn-chief-menacing .warrior-3 { left: 75%; animation: cm-stance 5.5s ease-in-out infinite 1s; }
.scn-chief-menacing .shadow-chief {
  position: absolute; bottom: 0; left: 30%; width: 50px; height: 20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(4px);
  animation: cm-shadow 4s ease-in-out infinite alternate;
}

@keyframes cm-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.95; } }
@keyframes cm-sun { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(0.98); } }
@keyframes cm-stance {
  0% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-0.5deg); }
}
@keyframes cm-spear {
  0% { transform: rotate(-15deg) translateY(0); }
  50% { transform: rotate(-12deg) translateY(-1px); }
  100% { transform: rotate(-16deg) translateY(0); }
}
@keyframes cm-shadow {
  0% { transform: scaleX(1); opacity:0.4; }
  50% { transform: scaleX(1.2); opacity:0.6; }
  100% { transform: scaleX(0.95); opacity:0.45; }
}

.scn-resurrection-whisper {
  background:
    linear-gradient(180deg, #ffe899 0%, #ffd680 40%, #ffaa40 100%),
    radial-gradient(ellipse at 30% 20%, #fff4d0 0%, transparent 60%);
}
.scn-resurrection-whisper .sky {
  position: absolute; inset: 0; height: 70%;
  background: linear-gradient(180deg, #ffe899 0%, #ffcc80 60%);
  animation: rw-sky 18s ease-in-out infinite alternate;
}
.scn-resurrection-whisper .sun-rays {
  position: absolute; top: 0; left: 20%; width: 200px; height: 300px;
  background: linear-gradient(135deg, rgba(255,255,200,0.3) 0%, transparent 70%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  animation: rw-rays 12s ease-in-out infinite alternate;
}
.scn-resurrection-whisper .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #c09040 0%, #a07020 100%);
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
}
.scn-resurrection-whisper .robinson-profile {
  position: absolute; bottom: 25%; left: 25%; width: 28px; height: 60px;
  background: linear-gradient(180deg, #2a1a0e 0%, #0e0804 100%);
  border-radius: 40% 30% 30% 40% / 60% 40% 40% 60%;
  transform-origin: bottom center;
  box-shadow: -4px 0 8px rgba(0,0,0,0.4);
  animation: rw-breathe 5s ease-in-out infinite;
}
.scn-resurrection-whisper .chief-profile {
  position: absolute; bottom: 25%; left: 55%; width: 30px; height: 65px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%);
  border-radius: 30% 40% 40% 30% / 40% 60% 60% 40%;
  transform-origin: bottom center;
  box-shadow: 4px 0 8px rgba(0,0,0,0.4);
  animation: rw-breathe 5s ease-in-out infinite 0.3s;
}
.scn-resurrection-whisper .whisper-particles {
  position: absolute; top: 20%; left: 40%; width: 50px; height: 40px;
  background: radial-gradient(2px 2px at 10% 30%, rgba(255,255,255,0.6) 50%, transparent 50%),
              radial-gradient(2px 2px at 30% 70%, rgba(255,255,255,0.4) 50%, transparent 50%),
              radial-gradient(2px 2px at 60% 20%, rgba(255,255,255,0.5) 50%, transparent 50%),
              radial-gradient(2px 2px at 80% 50%, rgba(255,255,255,0.3) 50%, transparent 50%);
  background-size: 40px 40px;
  filter: blur(2px);
  animation: rw-whisper 4s ease-in-out infinite;
}
.scn-resurrection-whisper .rock {
  position: absolute; bottom: 15%; left: 65%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 60% 60%;
  box-shadow: inset -4px -4px 6px rgba(0,0,0,0.4);
  animation: rw-still 8s ease-in-out infinite alternate;
}

@keyframes rw-sky { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes rw-rays { 0% { transform: translateX(-5px) scaleY(1); } 50% { transform: translateX(3px) scaleY(1.05); } 100% { transform: translateX(-2px) scaleY(0.95); } }
@keyframes rw-breathe {
  0% { transform: translateY(0) scaleY(1); }
  25% { transform: translateY(-2px) scaleY(1.02); }
  50% { transform: translateY(-3px) scaleY(1.03); }
  75% { transform: translateY(-1px) scaleY(1.01); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes rw-whisper {
  0% { transform: translate(0,0) scale(1); opacity:0.6; }
  25% { transform: translate(5px,-5px) scale(1.1); opacity:1; }
  50% { transform: translate(-3px,-10px) scale(0.9); opacity:0.8; }
  75% { transform: translate(8px,-3px) scale(1.05); opacity:1; }
  100% { transform: translate(0,-8px) scale(1); opacity:0.6; }
}
@keyframes rw-still { 0% { transform: rotate(0deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-0.5deg); } }

/* mutiny-outbreak */
.scn-mutiny-outbreak {
  background:
    linear-gradient(180deg, #4a2a1a 0%, #7a4a2a 30%, #b06030 60%, #d08040 100%),
    radial-gradient(ellipse at 60% 20%, #f0a050 0%, transparent 60%),
    radial-gradient(circle at 20% 40%, #2a1a0a 0%, #1a0a00 100%);
}
.scn-mutiny-outbreak .fort-wall {
  position: absolute;
  bottom: 15%;
  left: 10%;
  width: 80%;
  height: 50%;
  background: linear-gradient(0deg, #3a2a1a 0%, #5a3a2a 100%);
  border-radius: 0 0 10% 10%;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.6);
  transform: perspective(500px) rotateX(10deg);
}
.scn-mutiny-outbreak .explosion {
  position: absolute;
  top: 25%;
  left: 45%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, #ffcc66 0%, #ff9944 30%, #cc6622 60%, transparent 80%);
  border-radius: 50%;
  animation: muo-explosion 2s ease-in-out infinite;
  box-shadow: 0 0 80px 40px #ff9944, 0 0 160px 80px rgba(255,153,68,0.4);
  filter: blur(2px);
}
.scn-mutiny-outbreak .smoke-smoke,
.scn-mutiny-outbreak .smoke-smoke-a {
  position: absolute;
  background: radial-gradient(circle, rgba(60,40,20,0.5) 0%, transparent 70%);
  border-radius: 50%;
  animation: muo-smoke 6s ease-in-out infinite;
}
.scn-mutiny-outbreak .smoke-smoke {
  top: 20%;
  left: 30%;
  width: 200px;
  height: 140px;
  filter: blur(10px);
}
.scn-mutiny-outbreak .smoke-smoke-a {
  top: 15%;
  left: 55%;
  width: 180px;
  height: 120px;
  filter: blur(12px);
  animation-delay: 2s;
}
.scn-mutiny-outbreak .soldier-right,
.scn-mutiny-outbreak .soldier-left {
  position: absolute;
  bottom: 20%;
  width: 24px;
  height: 50px;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: muo-march 1.5s ease-in-out infinite;
}
.scn-mutiny-outbreak .soldier-right {
  left: 55%;
  animation-delay: 0.2s;
}
.scn-mutiny-outbreak .soldier-left {
  left: 38%;
  animation-delay: 0.7s;
}
.scn-mutiny-outbreak .flag {
  position: absolute;
  bottom: 48%;
  left: 48%;
  width: 4px;
  height: 60px;
  background: #8a5a3a;
  transform-origin: bottom;
  animation: muo-flag 1.2s ease-in-out infinite;
}
.scn-mutiny-outbreak .flag::before {
  content:'';
  position: absolute;
  top: 0;
  left: 4px;
  width: 30px;
  height: 20px;
  background: linear-gradient(135deg, #c8553d 0%, #a0461a 100%);
  border-radius: 0 50% 50% 0;
  transform-origin: left;
  animation: muo-flag-wave 0.8s ease-in-out infinite alternate;
}
.scn-mutiny-outbreak .ember {
  position: absolute;
  top: 30%;
  left: 40%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffcc33;
  box-shadow: 0 0 12px 4px #ffaa33;
  animation: muo-ember 1.8s linear infinite;
}
@keyframes muo-explosion {
  0% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.15); opacity: 1; box-shadow: 0 0 120px 60px #ff9944; }
  100% { transform: scale(1); opacity: 0.9; }
}
@keyframes muo-smoke {
  0% { transform: translateY(0) scaleX(1); opacity: 0.6; }
  50% { transform: translateY(-20px) scaleX(1.2); opacity: 0.3; }
  100% { transform: translateY(-40px) scaleX(1); opacity: 0; }
}
@keyframes muo-march {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(-3deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-3px) rotate(3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes muo-flag {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
  100% { transform: rotate(-2deg); }
}
@keyframes muo-flag-wave {
  0% { transform: scaleX(1); }
  100% { transform: scaleX(1.2); }
}
@keyframes muo-ember {
  0% { transform: translate(0,0) scale(1); opacity: 1; }
  50% { transform: translate(-20px, -30px) scale(0.6); opacity: 0.7; }
  100% { transform: translate(-40px, -60px) scale(0.2); opacity: 0; }
}

/* flight-from-mutiny */
.scn-flight-from-mutiny {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #e8d5a8 30%, #d4b87a 60%, #c2a064 100%),
    linear-gradient(135deg, #fff8e0 0%, transparent 50%);
}
.scn-flight-from-mutiny .sun {
  position: absolute;
  top: 8%;
  right: 12%;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, #fff7d0 0%, #ffd699 60%, #f0b87a 100%);
  border-radius: 50%;
  animation: flm-sun 8s ease-in-out infinite alternate;
  box-shadow: 0 0 60px 20px #ffd699, 0 0 120px 60px rgba(255,214,153,0.3);
}
.scn-flight-from-mutiny .heat-shimmer {
  position: absolute;
  inset: 40% 0 20% 0;
  background: linear-gradient(180deg, transparent 0%, rgba(255,230,180,0.15) 30%, transparent 70%);
  animation: flm-shimmer 3s ease-in-out infinite;
  filter: blur(4px);
}
.scn-flight-from-mutiny .dune,
.scn-flight-from-mutiny .dune-a {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg, #d4b87a 0%, #b89a5a 100%);
  border-radius: 40% 60% 0 0 / 100% 100% 0 0;
}
.scn-flight-from-mutiny .dune {
  height: 30%;
  animation: flm-dune 20s linear infinite;
}
.scn-flight-from-mutiny .dune-a {
  height: 25%;
  bottom: -5%;
  background: linear-gradient(180deg, #c8a86a 0%, #a88848 100%);
  animation: flm-dune 25s linear infinite reverse;
}
.scn-flight-from-mutiny .figure-camel {
  position: absolute;
  bottom: 22%;
  left: 20%;
  width: 50px;
  height: 60px;
  background: #3a2a1a;
  border-radius: 40% 20% 40% 20% / 60% 40% 60% 40%;
  transform: rotate(-5deg);
  animation: flm-camel-walk 4s ease-in-out infinite;
}
.scn-flight-from-mutiny .figure-camel::before {
  content:'';
  position: absolute;
  top: -15px;
  left: 10px;
  width: 30px;
  height: 25px;
  background: #4a3a2a;
  border-radius: 50% 50% 0 0;
}
.scn-flight-from-mutiny .mirage {
  position: absolute;
  top: 30%;
  left: 60%;
  width: 100px;
  height: 40px;
  background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, transparent 100%);
  filter: blur(8px);
  animation: flm-mirage 6s ease-in-out infinite alternate;
}
.scn-flight-from-mutiny .windlines {
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  height: 60%;
  background: repeating-linear-gradient(0deg, transparent, transparent 80px, rgba(255,255,200,0.15) 80px, rgba(255,255,200,0.15) 82px);
  animation: flm-wind 12s linear infinite;
}
@keyframes flm-sun {
  0% { transform: scale(1) translateX(0); opacity: 0.9; }
  50% { transform: scale(1.05) translateX(-5px); opacity: 1; }
  100% { transform: scale(1) translateX(0); opacity: 0.9; }
}
@keyframes flm-shimmer {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes flm-dune {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(-3%) scaleY(1.02); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes flm-camel-walk {
  0% { transform: translateX(0) translateY(0) rotate(-5deg); }
  25% { transform: translateX(10px) translateY(-3px) rotate(-3deg); }
  50% { transform: translateX(20px) translateY(0) rotate(-5deg); }
  75% { transform: translateX(30px) translateY(-3px) rotate(-7deg); }
  100% { transform: translateX(40px) translateY(0) rotate(-5deg); }
}
@keyframes flm-mirage {
  0% { transform: translateY(0) scaleX(1); opacity: 0.4; }
  50% { transform: translateY(-10px) scaleX(1.2); opacity: 0.7; }
  100% { transform: translateY(0) scaleX(1); opacity: 0.4; }
}
@keyframes flm-wind {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* womans-flight */
.scn-womans-flight {
  background:
    linear-gradient(180deg, #7fb5d0 0%, #a4c8e0 30%, #d0e0f0 60%, #f0f4f8 100%),
    radial-gradient(ellipse at 70% 90%, #c5d8e8 0%, transparent 60%);
}
.scn-womans-flight .sky {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, #b0d5e8 0%, #d0e8f2 100%);
  animation: wof-sky 15s ease-in-out infinite alternate;
}
.scn-womans-flight .road {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, #d4b87a 0%, #b89a5a 100%);
  transform: perspective(200px) rotateX(5deg);
  clip-path: polygon(0 100%, 100% 100%, 90% 0, 10% 0);
}
.scn-womans-flight .buggy-body {
  position: absolute;
  bottom: 22%;
  left: 30%;
  width: 80px;
  height: 40px;
  background: linear-gradient(135deg, #5a3a2a 0%, #3a2215 100%);
  border-radius: 20% 20% 10% 10%;
  animation: wof-buggy 1.5s ease-in-out infinite;
}
.scn-womans-flight .buggy-wheel-l,
.scn-womans-flight .buggy-wheel-r {
  position: absolute;
  bottom: 18%;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, #2a1a0a 0%, #4a3a2a 60%, transparent 65%);
  border: 2px solid #2a1a0a;
  border-radius: 50%;
  animation: wof-wheel 1s linear infinite;
}
.scn-womans-flight .buggy-wheel-l {
  left: 32%;
}
.scn-womans-flight .buggy-wheel-r {
  left: 42%;
}
.scn-womans-flight .horse {
  position: absolute;
  bottom: 20%;
  left: 18%;
  width: 60px;
  height: 50px;
  background: #4a3a2a;
  border-radius: 40% 20% 40% 20% / 60% 40% 60% 40%;
  animation: wof-horse 1.5s ease-in-out infinite;
}
.scn-womans-flight .horse::before {
  content:'';
  position: absolute;
  top: -8px;
  left: 25px;
  width: 24px;
  height: 18px;
  background: #5a4a3a;
  border-radius: 50% 50% 0 0;
}
.scn-womans-flight .woman-child {
  position: absolute;
  bottom: 28%;
  left: 34%;
  width: 18px;
  height: 30px;
  background: #2a1a0a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: wof-woman 1.5s ease-in-out infinite;
}
.scn-womans-flight .woman-child::before {
  content:'';
  position: absolute;
  top: -10px;
  left: 2px;
  width: 14px;
  height: 16px;
  background: #3a2a1a;
  border-radius: 50%;
}
.scn-womans-flight .dust {
  position: absolute;
  bottom: 15%;
  left: 10%;
  width: 200%;
  height: 10px;
  background: radial-gradient(ellipse, rgba(200,180,140,0.4) 0%, transparent 70%);
  filter: blur(4px);
  animation: wof-dust 2s linear infinite;
}
@keyframes wof-sky {
  0% { background-position: 0 0; }
  100% { background-position: 0 20%; }
}
@keyframes wof-buggy {
  0% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}
@keyframes wof-wheel {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes wof-horse {
  0% { transform: translateY(0) rotate(-2deg); }
  25% { transform: translateY(-3px) rotate(0deg); }
  50% { transform: translateY(0) rotate(2deg); }
  75% { transform: translateY(-3px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes wof-woman {
  0% { transform: translateY(0) rotate(-1deg); }
  25% { transform: translateY(-2px) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes wof-dust {
  0% { transform: translateX(0); opacity: 0.5; }
  100% { transform: translateX(-50%); opacity: 0; }
}

/* woman-robbed */
.scn-woman-robbed {
  background:
    linear-gradient(180deg, #f0e0c0 0%, #d8c8a0 30%, #b8a080 60%, #8a7050 100%),
    radial-gradient(ellipse at 50% 0%, #fff4e0 0%, transparent 60%);
}
.scn-woman-robbed .hut-left,
.scn-woman-robbed .hut-right {
  position: absolute;
  bottom: 10%;
  width: 70px;
  height: 60px;
  background: linear-gradient(180deg, #c8a86a 0%, #a88848 100%);
  border-radius: 30% 30% 0 0;
  transform: perspective(300px) rotateX(5deg);
}
.scn-woman-robbed .hut-left {
  left: 15%;
}
.scn-woman-robbed .hut-right {
  right: 15%;
  transform: perspective(300px) rotateX(8deg);
}
.scn-woman-robbed .tree {
  position: absolute;
  bottom: 15%;
  left: 50%;
  width: 40px;
  height: 80px;
  background: linear-gradient(180deg, #5a4a2a 0%, #3a2a1a 100%);
  border-radius: 10%;
  transform: translateX(-50%);
  animation: wor-tree 4s ease-in-out infinite;
}
.scn-woman-robbed .tree::after {
  content:'';
  position: absolute;
  top: -30px;
  left: -20px;
  width: 80px;
  height: 40px;
  background: radial-gradient(ellipse, #4a6a3a 0%, #3a5a2a 60%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
}
.scn-woman-robbed .woman-falling {
  position: absolute;
  bottom: 20%;
  left: 35%;
  width: 20px;
  height: 40px;
  background: #2a1a0a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: wor-woman 3s ease-in-out infinite;
}
.scn-woman-robbed .robber {
  position: absolute;
  bottom: 22%;
  left: 45%;
  width: 22px;
  height: 40px;
  background: #1a1a0a;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: wor-robber 3s ease-in-out infinite alternate;
}
.scn-woman-robbed .watch-glimt {
  position: absolute;
  bottom: 35%;
  left: 42%;
  width: 8px;
  height: 8px;
  background: #f0e060;
  border-radius: 50%;
  box-shadow: 0 0 12px 4px #d8c040, 0 0 24px 8px rgba(216,192,64,0.3);
  animation: wor-watch 1.8s ease-in-out infinite;
}
.scn-woman-robbed .ground-dust {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20%;
  background: radial-gradient(ellipse at 50% 100%, #b8a080 0%, transparent 70%);
  filter: blur(3px);
  animation: wor-dust 5s linear infinite;
}
@keyframes wor-tree {
  0% { transform: translateX(-50%) rotate(-2deg); }
  50% { transform: translateX(-50%) rotate(2deg); }
  100% { transform: translateX(-50%) rotate(-2deg); }
}
@keyframes wor-woman {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-5px) rotate(-10deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-5px) rotate(10deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes wor-robber {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(5px) translateY(-2px); }
  100% { transform: translateX(10px) translateY(0); }
}
@keyframes wor-watch {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 20px 6px #f0d050; }
  100% { transform: scale(1); opacity: 0.7; }
}
@keyframes wor-dust {
  0% { transform: translateX(0) scaleY(1); opacity: 0.5; }
  100% { transform: translateX(-30%) scaleY(1.2); opacity: 0; }
}

/* Scene 1: times-proof */
.scn-times-proof {
  background:
    linear-gradient(135deg, #4a3b2a 0%, #7a5a3a 50%, #3a2a1a 100%),
    radial-gradient(circle at 30% 20%, #b08040 0%, transparent 60%);
}
.scn-times-proof .desk {
  position: absolute;
  bottom: 0; left: 5%; right: 5%; height: 40%;
  background: linear-gradient(180deg, #5a4030 0%, #3a2818 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.6);
}
.scn-times-proof .lamp-glow {
  position: absolute;
  top: 8%; left: 20%; width: 80px; height: 80px;
  background: radial-gradient(circle, #ffd080 0%, #b08040 50%, transparent 70%);
  border-radius: 50%;
  animation: tp-lamp 3s ease-in-out infinite alternate;
}
.scn-times-proof .newspaper {
  position: absolute;
  bottom: 35%; left: 30%; width: 150px; height: 100px;
  background: linear-gradient(90deg, #f5f0e8 0%, #e8dcc8 40%, #f5f0e8 80%);
  border-radius: 2px;
  transform: rotate(-3deg);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  animation: tp-paper 6s ease-in-out infinite;
}
.scn-times-proof .book {
  position: absolute;
  bottom: 32%; left: 52%; width: 80px; height: 60px;
  background: linear-gradient(135deg, #6a5040 0%, #4a3020 100%);
  border-radius: 3px;
  transform: rotate(5deg) scale(0.9);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: tp-book 8s ease-in-out infinite;
}
.scn-times-proof .hand {
  position: absolute;
  bottom: 28%; left: 36%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #d4a080 0%, #b08060 100%);
  border-radius: 50% 20% 40% 40%;
  transform-origin: bottom center;
  animation: tp-hand 4s ease-in-out infinite;
}
.scn-times-proof .shadow-streak {
  position: absolute;
  top: 15%; left: 10%; width: 100px; height: 8px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.3), transparent);
  filter: blur(4px);
  animation: tp-streak 7s linear infinite;
}
@keyframes tp-lamp {
  0% { opacity: 0.7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0.8; transform: scale(0.95); }
}
@keyframes tp-paper {
  0% { transform: rotate(-3deg) translateX(0); }
  50% { transform: rotate(1deg) translateX(5px); }
  100% { transform: rotate(-3deg) translateX(-2px); }
}
@keyframes tp-book {
  0% { transform: rotate(5deg) scale(0.9) translateY(0); }
  50% { transform: rotate(2deg) scale(0.95) translateY(-3px); }
  100% { transform: rotate(5deg) scale(0.9) translateY(1px); }
}
@keyframes tp-hand {
  0% { transform: translateX(0) rotate(0deg); }
  30% { transform: translateX(10px) rotate(-5deg); }
  60% { transform: translateX(-5px) rotate(3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes tp-streak {
  0% { left: -10%; opacity: 0; }
  30% { opacity: 0.6; }
  70% { opacity: 0.6; }
  100% { left: 110%; opacity: 0; }
}

/* Scene 2: rhodes-fortune */
.scn-rhodes-fortune {
  background:
    linear-gradient(180deg, #d4b88a 0%, #b89868 50%, #8c6e42 100%),
    radial-gradient(circle at 60% 30%, #f0d0a0 0%, transparent 70%);
}
.scn-rhodes-fortune .wall {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 30%;
  background: linear-gradient(180deg, #d0b888 0%, #b89868 70%);
  border-radius: 0 0 40% 40% / 0 0 20% 20%;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.15);
}
.scn-rhodes-fortune .counter {
  position: absolute;
  bottom: 20%; left: 15%; right: 15%; height: 15%;
  background: linear-gradient(180deg, #a88050 0%, #886840 100%);
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.scn-rhodes-fortune .stranger {
  position: absolute;
  bottom: 22%; left: 55%; width: 40px; height: 100px;
  background: linear-gradient(180deg, #3a2a18 0%, #1a1008 100%);
  border-radius: 60% 70% 50% 50% / 70% 70% 40% 40%;
  transform-origin: bottom center;
  animation: rf-stranger 6s ease-in-out infinite;
}
.scn-rhodes-fortune .young-rhodes {
  position: absolute;
  bottom: 23%; left: 30%; width: 35px; height: 90px;
  background: linear-gradient(180deg, #5a4028 0%, #2a1a10 100%);
  border-radius: 50% 60% 40% 40% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rf-young 8s ease-in-out infinite;
}
.scn-rhodes-fortune .tape {
  position: absolute;
  bottom: 28%; left: 40%; width: 80px; height: 6px;
  background: #d0a060;
  border-radius: 3px;
  transform: rotate(10deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: rf-tape 9s ease-in-out infinite;
}
.scn-rhodes-fortune .warm-glow {
  position: absolute;
  top: 5%; left: 25%; width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(255,200,100,0.3) 0%, transparent 60%);
  border-radius: 50%;
  animation: rf-glow 12s ease-in-out infinite alternate;
}
@keyframes rf-stranger {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(1px) rotate(-1deg); }
}
@keyframes rf-young {
  0% { transform: translateY(0) rotate(0deg) scale(1); }
  30% { transform: translateY(-2px) rotate(-3deg) scale(1.02); }
  70% { transform: translateY(1px) rotate(2deg) scale(0.98); }
  100% { transform: translateY(0) rotate(0deg) scale(1); }
}
@keyframes rf-tape {
  0% { transform: rotate(10deg) translateX(0); }
  50% { transform: rotate(15deg) translateX(8px); }
  100% { transform: rotate(5deg) translateX(-4px); }
}
@keyframes rf-glow {
  0% { opacity: 0.6; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1.1); }
}

/* Scene 3: shark-bounty */
.scn-shark-bounty {
  background:
    linear-gradient(180deg, #87ceeb 0%, #b0e0e6 30%, #ffffff 60%, #87ceeb 100%),
    radial-gradient(ellipse at 50% 20%, #ffe0a0 0%, transparent 50%);
}
.scn-shark-bounty .sky {
  position: absolute;
  top: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #8fcae8 0%, #c0e8f0 60%, transparent 100%);
  animation: sb-sky 20s ease-in-out infinite alternate;
}
.scn-shark-bounty .sun {
  position: absolute;
  top: 8%; right: 15%; width: 70px; height: 70px;
  background: radial-gradient(circle, #ffe080 0%, #ffcc50 40%, transparent 70%);
  border-radius: 50%;
  animation: sb-sun 30s linear infinite;
}
.scn-shark-bounty .sea {
  position: absolute;
  bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #2a80b0 0%, #1a5a80 100%);
  animation: sb-sea 8s ease-in-out infinite alternate;
}
.scn-shark-bounty .boat {
  position: absolute;
  bottom: 20%; left: 30%; width: 60px; height: 30px;
  background: linear-gradient(180deg, #8a6030 0%, #5a3818 100%);
  border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sb-boat 6s ease-in-out infinite;
}
.scn-shark-bounty .shark-fin {
  position: absolute;
  bottom: 30%; left: 65%; width: 30px; height: 20px;
  background: #4a5a6a;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: sb-fin 12s ease-in-out infinite;
}
.scn-shark-bounty .fishing-line {
  position: absolute;
  bottom: 25%; left: 33%; width: 120px; height: 2px;
  background: #c0c0c0;
  transform-origin: left center;
  animation: sb-line 7s ease-in-out infinite;
}
.scn-shark-bounty .wave-a {
  position: absolute;
  bottom: 5%; left: -10%; width: 120%; height: 30px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  border-radius: 50%;
  filter: blur(2px);
  animation: sb-wave-a 5s linear infinite;
}
.scn-shark-bounty .wave-b {
  position: absolute;
  bottom: 10%; left: -10%; width: 120%; height: 20px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
  border-radius: 50%;
  filter: blur(2px);
  animation: sb-wave-b 7s linear infinite reverse;
}
.scn-shark-bounty .bait {
  position: absolute;
  bottom: 35%; left: 60%; width: 12px; height: 12px;
  background: radial-gradient(circle, #c05030 0%, #802010 100%);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(192,80,48,0.5);
  animation: sb-bait 3s ease-in-out infinite;
}
@keyframes sb-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes sb-sun {
  0% { transform: translateX(0); }
  50% { transform: translateX(20px) scale(1.05); }
  100% { transform: translateX(10px); }
}
@keyframes sb-sea {
  0% { transform: translateY(0); }
  100% { transform: translateY(5px); }
}
@keyframes sb-boat {
  0% { transform: translateY(0) rotate(0deg); }
  30% { transform: translateY(-4px) rotate(-3deg); }
  60% { transform: translateY(2px) rotate(3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sb-fin {
  0% { transform: translateX(0) translateY(0); opacity: 0; }
  20% { transform: translateX(-10px) translateY(-5px); opacity: 1; }
  60% { transform: translateX(-30px) translateY(-2px); opacity: 1; }
  100% { transform: translateX(-50px) translateY(5px); opacity: 0; }
}
@keyframes sb-line {
  0% { transform: rotate(0deg) scaleX(1); }
  50% { transform: rotate(8deg) scaleX(1.1); }
  100% { transform: rotate(-3deg) scaleX(0.95); }
}
@keyframes sb-wave-a {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); }
}
@keyframes sb-wave-b {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes sb-bait {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-12px) scale(1.3); }
  100% { transform: translateY(0) scale(1); }
}

/* Scene 4: self-approval */
.scn-self-approval {
  background:
    linear-gradient(180deg, #f0e0c0 0%, #d0b898 40%, #b09070 100%),
    radial-gradient(circle at 80% 20%, #ffe8b0 0%, transparent 60%);
}
.scn-self-approval .wallpaper {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 20%;
  background: repeating-linear-gradient(45deg, #e0c8a8 0px, #e0c8a8 20px, #d8b898 20px, #d8b898 40px);
  opacity: 0.4;
  animation: sa-wallpaper 30s linear infinite;
}
.scn-self-approval .bed {
  position: absolute;
  bottom: 0; left: 5%; right: 5%; height: 55%;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  border-radius: 30% 30% 0 0 / 20% 20% 0 0;
  box-shadow: 0 -10px 30px rgba(0,0,0,0.3);
}
.scn-self-approval .pillow {
  position: absolute;
  bottom: 45%; left: 30%; width: 80px; height: 40px;
  background: #f0e0d0;
  border-radius: 30%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  animation: sa-pillow 5s ease-in-out infinite;
}
.scn-self-approval .blanket {
  position: absolute;
  bottom: 10%; left: 20%; right: 20%; height: 30%;
  background: linear-gradient(180deg, #78a060 0%, #588040 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.2);
  transform-origin: bottom center;
  animation: sa-blanket 8s ease-in-out infinite;
}
.scn-self-approval .person {
  position: absolute;
  bottom: 20%; left: 40%; width: 30px; height: 70px;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform: rotate(15deg);
  animation: sa-person 6s ease-in-out infinite;
}
.scn-self-approval .book {
  position: absolute;
  bottom: 18%; left: 55%; width: 50px; height: 40px;
  background: #d08040;
  border-radius: 2px;
  transform: rotate(-20deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: sa-book 4s ease-in-out infinite;
}
.scn-self-approval .window-light {
  position: absolute;
  top: 5%; right: 10%; width: 100px; height: 60px;
  background: linear-gradient(135deg, #fff8e0 0%, #ffe8a0 50%, transparent 100%);
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(255,232,160,0.6);
  animation: sa-window 7s ease-in-out infinite alternate;
}
.scn-self-approval .clock {
  position: absolute;
  top: 12%; left: 10%; width: 40px; height: 40px;
  border: 4px solid #8a6a40;
  border-radius: 50%;
  background: #f0e8d0;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.scn-self-approval .thought-bubble {
  position: absolute;
  top: 15%; left: 50%; width: 60px; height: 40px;
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  animation: sa-thought 10s ease-in-out infinite;
}
@keyframes sa-wallpaper {
  0% { background-position: 0 0; }
  100% { background-position: 100px 100px; }
}
@keyframes sa-pillow {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-6px) rotate(3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sa-blanket {
  0% { transform: scaleY(1) translateY(0); }
  30% { transform: scaleY(1.05) translateY(-5px); }
  70% { transform: scaleY(0.95) translateY(3px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes sa-person {
  0% { transform: rotate(15deg) translateY(0); }
  50% { transform: rotate(10deg) translateY(-8px); }
  100% { transform: rotate(15deg) translateY(0); }
}
@keyframes sa-book {
  0% { transform: rotate(-20deg) scale(1); }
  50% { transform: rotate(-15deg) scale(1.05); }
  100% { transform: rotate(-20deg) scale(1); }
}
@keyframes sa-window {
  0% { opacity: 0.6; transform: scale(1); }
  100% { opacity: 1; transform: scale(1.1); }
}
@keyframes sa-thought {
  0% { transform: translateX(-50%) scale(0.8); opacity: 0.5; }
  30% { transform: translateX(-50%) scale(1.2); opacity: 1; }
  60% { transform: translateX(-50%) scale(1); opacity: 0.8; }
  100% { transform: translateX(-50%) scale(0.8); opacity: 0.5; }
}

/* rotorua-geysers */
.scn-rotorua-geysers {
  background: linear-gradient(180deg, #f5f0e8 0%, #e8e0d0 50%, #d4c8b0 100%),
              radial-gradient(ellipse at 50% 60%, rgba(200,180,150,0.4) 0%, transparent 70%);
}
.scn-rotorua-geysers .room {
  position: absolute; inset: 30% 10% 0 10%;
  background: linear-gradient(135deg, #f0e8d8 0%, #d0c0a0 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
}
.scn-rotorua-geysers .window {
  position: absolute; top: 18%; left: 30%; width: 40%; height: 45%;
  background: linear-gradient(180deg, #b8d8e8 0%, #a0c8d8 100%);
  border-radius: 12px 12px 4px 4px;
  box-shadow: 0 0 20px rgba(180,210,230,0.6), inset 0 0 30px rgba(255,255,240,0.3);
  animation: rg-sky 12s ease-in-out infinite alternate;
}
.scn-rotorua-geysers .sky {
  position: absolute; top: 4%; left: 32%; width: 36%; height: 30%;
  background: linear-gradient(180deg, #c8e0f0 0%, #a8c8d8 100%);
  border-radius: 50% / 40% 40% 60% 60%;
  filter: blur(8px);
  opacity: 0.7;
  animation: rg-cloud 30s linear infinite;
}
.scn-rotorua-geysers .geyser {
  position: absolute; bottom: 20%; left: 48%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #d0e8f0 0%, #b0d0e0 60%, #a0b8c8 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rg-geyser 4s ease-in-out infinite alternate;
}
.scn-rotorua-geysers .steam-a {
  position: absolute; bottom: 40%; left: 44%; width: 40px; height: 30px;
  background: radial-gradient(circle, rgba(255,255,245,0.5) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
  animation: rg-steam 6s ease-in-out infinite alternate;
}
.scn-rotorua-geysers .steam-b {
  position: absolute; bottom: 45%; left: 52%; width: 35px; height: 25px;
  background: radial-gradient(circle, rgba(255,255,245,0.4) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: rg-steam 7s ease-in-out infinite alternate-reverse;
  animation-delay: -2s;
}
.scn-rotorua-geysers .pool {
  position: absolute; bottom: 10%; left: 30%; width: 40%; height: 14%;
  background: linear-gradient(180deg, #b8d8e0 0%, #90b8c8 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 20% 20%;
  box-shadow: inset 0 4px 10px rgba(0,0,0,0.2);
  animation: rg-pool 8s ease-in-out infinite alternate;
}
.scn-rotorua-geysers .figure {
  position: absolute; bottom: 18%; left: 20%; width: 16px; height: 38px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: rg-figure 5s ease-in-out infinite;
}
@keyframes rg-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes rg-cloud { 0% { transform: translateX(-20px); } 100% { transform: translateX(140px); } }
@keyframes rg-geyser { 0% { transform: scaleY(0.6) translateY(4px); opacity: 0.5; } 50% { transform: scaleY(1.2) translateY(-6px); opacity: 1; } 100% { transform: scaleY(0.7) translateY(2px); opacity: 0.6; } }
@keyframes rg-steam { 0% { transform: translateX(0) translateY(0) scale(0.9); opacity: 0.3; } 50% { transform: translateX(10px) translateY(-20px) scale(1.2); opacity: 0.7; } 100% { transform: translateX(-5px) translateY(-10px) scale(1); opacity: 0.4; } }
@keyframes rg-pool { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.95); } 100% { transform: scaleY(1.02); } }
@keyframes rg-figure { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(5px) rotate(2deg); } 100% { transform: translateX(0) rotate(-1deg); } }

/* thermal-district */
.scn-thermal-district {
  background: linear-gradient(180deg, #d8e8e0 0%, #b8d0c8 40%, #a8b8b0 100%),
              radial-gradient(ellipse at 50% 20%, rgba(180,210,200,0.3) 0%, transparent 60%);
}
.scn-thermal-district .bath-house {
  position: absolute; inset: 10% 5% 0 5%;
  background: linear-gradient(180deg, #e0e8e0 0%, #c0c8c0 100%);
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 6px 12px rgba(0,0,0,0.1);
}
.scn-thermal-district .pool {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 40%;
  background: linear-gradient(180deg, #88b8b0 0%, #609898 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 20% 20%;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.2);
}
.scn-thermal-district .steam-a {
  position: absolute; bottom: 35%; left: 25%; width: 50px; height: 40px;
  background: radial-gradient(circle, rgba(255,255,245,0.6) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(12px);
  animation: td-steam 6s ease-in-out infinite alternate;
}
.scn-thermal-district .steam-b {
  position: absolute; bottom: 30%; left: 55%; width: 45px; height: 35px;
  background: radial-gradient(circle, rgba(255,255,245,0.5) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
  animation: td-steam 8s ease-in-out infinite alternate-reverse;
  animation-delay: -3s;
}
.scn-thermal-district .figure {
  position: absolute; bottom: 15%; left: 40%; width: 18px; height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: td-figure 6s ease-in-out infinite;
}
.scn-thermal-district .skylight {
  position: absolute; top: 2%; left: 30%; width: 40%; height: 16%;
  background: linear-gradient(180deg, #e8f0f0 0%, #c8d8d8 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.5);
}
.scn-thermal-district .light-ray {
  position: absolute; top: 12%; left: 35%; width: 30%; height: 60%;
  background: linear-gradient(180deg, rgba(255,255,245,0.3) 0%, transparent 100%);
  clip-path: polygon(20% 0%, 80% 0%, 70% 100%, 30% 100%);
  animation: td-light 10s ease-in-out infinite alternate;
}
@keyframes td-steam { 0% { transform: translateX(0) translateY(0) scale(0.8); opacity: 0.2; } 50% { transform: translateX(15px) translateY(-25px) scale(1.3); opacity: 0.6; } 100% { transform: translateX(-5px) translateY(-10px) scale(1); opacity: 0.4; } }
@keyframes td-figure { 0% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-2px) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes td-light { 0% { opacity: 0.3; transform: scaleX(1); } 50% { opacity: 0.7; transform: scaleX(0.9); } 100% { opacity: 0.4; transform: scaleX(1.05); } }

/* kauri-gum */
.scn-kauri-gum {
  background: linear-gradient(180deg, #f0e8d0 0%, #e0d0b0 50%, #c8b890 100%),
              radial-gradient(ellipse at 50% 30%, rgba(200,180,150,0.3) 0%, transparent 70%);
}
.scn-kauri-gum .table {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 60%;
  background: linear-gradient(180deg, #c8b898 0%, #a09070 100%);
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.2);
}
.scn-kauri-gum .gum-piece {
  position: absolute; bottom: 25%; left: 30%; width: 30px; height: 22px;
  background: radial-gradient(circle, #f0d080 0%, #d0a040 50%, #b08030 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3), 0 0 20px rgba(200,150,50,0.3);
  animation: kg-glow 4s ease-in-out infinite alternate;
}
.scn-kauri-gum .varnish-bottle {
  position: absolute; bottom: 20%; right: 25%; width: 14px; height: 28px;
  background: linear-gradient(180deg, #706050 0%, #504030 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  transform: rotate(10deg);
}
.scn-kauri-gum .window {
  position: absolute; top: 5%; left: 20%; width: 60%; height: 40%;
  background: linear-gradient(180deg, #d8e8f0 0%, #b8c8d8 100%);
  border-radius: 8px;
  box-shadow: inset 0 0 20px rgba(255,255,240,0.4);
}
.scn-kauri-gum .shadow {
  position: absolute; bottom: 15%; left: 25%; width: 50%; height: 8%;
  background: rgba(0,0,0,0.15);
  border-radius: 50%;
  filter: blur(6px);
  animation: kg-shadow 5s ease-in-out infinite alternate;
}
.scn-kauri-gum .light-spot {
  position: absolute; top: 8%; left: 30%; width: 40%; height: 30%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,255,240,0.5) 0%, transparent 70%);
  animation: kg-light 8s ease-in-out infinite alternate;
}
@keyframes kg-glow { 0% { box-shadow: 0 4px 8px rgba(0,0,0,0.3), 0 0 10px rgba(200,150,50,0.2); } 50% { box-shadow: 0 4px 12px rgba(0,0,0,0.3), 0 0 30px rgba(220,170,60,0.6); } 100% { box-shadow: 0 4px 10px rgba(0,0,0,0.3), 0 0 15px rgba(200,150,50,0.3); } }
@keyframes kg-shadow { 0% { transform: scaleX(1) translateX(0); opacity: 0.5; } 50% { transform: scaleX(1.1) translateX(5px); opacity: 0.7; } 100% { transform: scaleX(0.95) translateX(-2px); opacity: 0.4; } }
@keyframes kg-light { 0% { opacity: 0.3; } 50% { opacity: 0.7; } 100% { opacity: 0.4; } }

/* gisborne-landing */
.scn-gisborne-landing {
  background: linear-gradient(180deg, #ffa05a 0%, #ff7040 30%, #d06030 60%, #804020 100%),
              radial-gradient(ellipse at 70% 80%, rgba(255,200,150,0.4) 0%, transparent 60%);
}
.scn-gisborne-landing .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #ffcc70 0%, #ff9040 40%, #c05030 80%, #602020 100%);
  animation: gl-sky 15s ease-in-out infinite alternate;
}
.scn-gisborne-landing .sun {
  position: absolute; top: 8%; right: 15%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffe080 0%, #ffb030 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,180,60,0.5), 0 0 100px 40px rgba(255,140,40,0.3);
  animation: gl-sun 20s ease-in-out infinite alternate;
}
.scn-gisborne-landing .water {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #c06030 0%, #804020 40%, #402018 100%);
  animation: gl-water 8s ease-in-out infinite alternate;
}
.scn-gisborne-landing .whale {
  position: absolute; bottom: 30%; left: 20%; width: 50px; height: 18px;
  background: linear-gradient(180deg, #303038 0%, #101018 100%);
  border-radius: 50% 30% 30% 50% / 60% 40% 40% 60%;
  transform: scaleX(1.2);
  animation: gl-whale 12s ease-in-out infinite;
}
.scn-gisborne-landing .spout {
  position: absolute; bottom: 33%; left: 22%; width: 10px; height: 20px;
  background: linear-gradient(180deg, rgba(255,255,245,0.6) 0%, transparent 100%);
  border-radius: 50% 50% 0 0;
  animation: gl-spout 6s ease-in-out infinite alternate;
}
.scn-gisborne-landing .rock {
  position: absolute; bottom: 25%; left: 60%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #303028 0%, #101008 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.6);
  transform: rotate(5deg);
}
.scn-gisborne-landing .ship {
  position: absolute; bottom: 30%; left: 10%; width: 36px; height: 14px;
  background: linear-gradient(180deg, #202018 0%, #101008 100%);
  border-radius: 20% 20% 10% 10%;
  animation: gl-ship 8s ease-in-out infinite alternate;
}
.scn-gisborne-landing .tug {
  position: absolute; bottom: 28%; right: 15%; width: 20px; height: 10px;
  background: linear-gradient(180deg, #303028 0%, #181810 100%);
  border-radius: 40% 40% 20% 20%;
  animation: gl-tug 10s ease-in-out infinite alternate-reverse;
}
@keyframes gl-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes gl-sun { 0% { transform: translateY(0) scale(1); opacity: 0.9; } 50% { transform: translateY(10px) scale(1.1); opacity: 1; } 100% { transform: translateY(0) scale(0.95); opacity: 0.8; } }
@keyframes gl-water { 0% { transform: translateY(0); } 50% { transform: translateY(4px); } 100% { transform: translateY(-2px); } }
@keyframes gl-whale { 0% { transform: scaleX(1.2) translateX(0) rotate(-2deg); } 50% { transform: scaleX(1.25) translateX(10px) rotate(2deg); } 100% { transform: scaleX(1.2) translateX(0) rotate(-1deg); } }
@keyframes gl-spout { 0% { transform: scaleY(0.5); opacity: 0.3; } 50% { transform: scaleY(1.3); opacity: 0.8; } 100% { transform: scaleY(0.7); opacity: 0.5; } }
@keyframes gl-ship { 0% { transform: translateX(0) translateY(0) rotate(-2deg); } 50% { transform: translateX(-5px) translateY(3px) rotate(2deg); } 100% { transform: translateX(2px) translateY(-1px) rotate(-1deg); } }
@keyframes gl-tug { 0% { transform: translateX(0) translateY(0) rotate(-3deg); } 50% { transform: translateX(8px) translateY(2px) rotate(3deg); } 100% { transform: translateX(-3px) translateY(-1px) rotate(-2deg); } }

/* Scene: literature-confusion (funny, bright interior) */
.scn-literature-confusion {
  background: 
    linear-gradient(180deg, #f7e8c8 0%, #e8d4a0 50%, #d4b87a 100%),
    radial-gradient(ellipse at 50% 0%, #fff6e0 0%, transparent 60%);
}
.scn-literature-confusion .desk {
  position: absolute; bottom: 8%; left: 5%; right: 5%; height: 35%;
  background: linear-gradient(180deg, #b08a5c 0%, #8c6e44 100%);
  border-radius: 12px 12px 0 0; box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
.scn-literature-confusion .paper1 {
  position: absolute; bottom: 28%; left: 12%; width: 40px; height: 50px;
  background: #fff9e6; border-radius: 2px; transform: rotate(-10deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: lc-paper1 6s ease-in-out infinite alternate;
}
.scn-literature-confusion .paper2 {
  position: absolute; bottom: 25%; right: 15%; width: 45px; height: 55px;
  background: #fff4d6; border-radius: 2px; transform: rotate(8deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: lc-paper2 8s ease-in-out infinite alternate;
}
.scn-literature-confusion .book-stack {
  position: absolute; bottom: 20%; left: 28%; width: 60px; height: 70px;
  background: 
    linear-gradient(90deg, #7a5a3a 0%, #5a3a1a 20%, #7a5a3a 40%, #5a3a1a 60%, #7a5a3a 80%, #5a3a1a 100%);
  border-radius: 4px; box-shadow: 4px 4px 12px rgba(0,0,0,0.3);
  animation: lc-bookstack 12s ease-in-out infinite;
}
.scn-literature-confusion .inkwell {
  position: absolute; bottom: 30%; left: 45%; width: 24px; height: 30px;
  background: radial-gradient(circle, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-literature-confusion .quill {
  position: absolute; bottom: 38%; left: 42%; width: 6px; height: 50px;
  background: linear-gradient(180deg, #e8d0a0 0%, #c8b088 60%, #a08860 100%);
  border-radius: 50%; transform: rotate(-20deg);
  transform-origin: bottom; animation: lc-quill 5s ease-in-out infinite;
}
.scn-literature-confusion .lamp {
  position: absolute; bottom: 30%; right: 18%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #d4a84a 0%, #b88830 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 30px 8px rgba(200,160,60,0.6), 0 0 60px 20px rgba(200,160,60,0.2);
  animation: lc-lamp-glow 3s ease-in-out infinite alternate;
}
.scn-literature-confusion .reader {
  position: absolute; bottom: 25%; left: 30%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom; animation: lc-reader 7s ease-in-out infinite;
}

@keyframes lc-paper1 {
  0% { transform: rotate(-10deg) translateX(0); }
  50% { transform: rotate(-6deg) translateX(4px); }
  100% { transform: rotate(-10deg) translateX(0); }
}
@keyframes lc-paper2 {
  0% { transform: rotate(8deg) translateY(0); }
  50% { transform: rotate(4deg) translateY(-6px); }
  100% { transform: rotate(8deg) translateY(0); }
}
@keyframes lc-bookstack {
  0% { transform: scale(1); }
  50% { transform: scale(0.98) translateY(-2px); }
  100% { transform: scale(1); }
}
@keyframes lc-quill {
  0% { transform: rotate(-20deg); }
  50% { transform: rotate(-15deg) translateY(-2px); }
  100% { transform: rotate(-20deg); }
}
@keyframes lc-lamp-glow {
  0% { box-shadow: 0 0 20px 4px rgba(200,160,60,0.5), 0 0 40px 10px rgba(200,160,60,0.2); opacity: 0.8; }
  50% { box-shadow: 0 0 40px 12px rgba(220,180,80,0.7), 0 0 80px 20px rgba(220,180,80,0.3); opacity: 1; }
  100% { box-shadow: 0 0 25px 6px rgba(200,160,60,0.5), 0 0 50px 12px rgba(200,160,60,0.2); opacity: 0.9; }
}
@keyframes lc-reader {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/* Scene: lady-lake-prose (funny, bright interior, schoolroom) */
.scn-lady-lake-prose {
  background:
    linear-gradient(180deg, #f0e4c8 0%, #dcc8a0 50%, #c0a880 100%),
    radial-gradient(ellipse at 50% 100%, #e8d4b0 0%, transparent 70%);
}
.scn-lady-lake-prose .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.3);
}
.scn-lady-lake-prose .blackboard {
  position: absolute; top: 5%; left: 10%; right: 10%; height: 35%;
  background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 100%);
  border-radius: 8px; box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
}
.scn-lady-lake-prose .desk {
  position: absolute; bottom: 20%; left: 20%; right: 20%; height: 12%;
  background: linear-gradient(180deg, #b09070 0%, #8a6e50 100%);
  border-radius: 6px; box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.scn-lady-lake-prose .paper {
  position: absolute; bottom: 22%; left: 35%; width: 40px; height: 50px;
  background: #fffbe8; border-radius: 2px; transform: rotate(-5deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: ll-paper 5s ease-in-out infinite alternate;
}
.scn-lady-lake-prose .student {
  position: absolute; bottom: 15%; left: 42%; width: 28px; height: 55px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom; animation: ll-student 8s ease-in-out infinite;
}
.scn-lady-lake-prose .pointer {
  position: absolute; bottom: 45%; left: 55%; width: 4px; height: 80px;
  background: linear-gradient(180deg, #c8a040 0%, #a08030 100%);
  border-radius: 50%; transform: rotate(15deg);
  transform-origin: bottom; animation: ll-pointer 6s ease-in-out infinite;
}
.scn-lady-lake-prose .window {
  position: absolute; top: 10%; right: 8%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #b0d0e0 0%, #80a0c0 100%);
  border: 6px solid #6a4a2a; border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.4);
  animation: ll-window-light 10s ease-in-out infinite alternate;
}
.scn-lady-lake-prose .globe {
  position: absolute; bottom: 20%; right: 15%; width: 40px; height: 40px;
  background: radial-gradient(circle, #6a8a5a 0%, #4a6a3a 100%);
  border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: ll-globe 12s linear infinite;
}

@keyframes ll-paper {
  0% { transform: rotate(-5deg) translateX(0); }
  50% { transform: rotate(-8deg) translateX(3px); }
  100% { transform: rotate(-5deg) translateX(0); }
}
@keyframes ll-student {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ll-pointer {
  0% { transform: rotate(15deg); }
  50% { transform: rotate(10deg) translateX(-4px); }
  100% { transform: rotate(15deg); }
}
@keyframes ll-window-light {
  0% { box-shadow: inset 0 0 20px rgba(255,255,255,0.4); }
  50% { box-shadow: inset 0 0 30px rgba(255,255,255,0.6); }
  100% { box-shadow: inset 0 0 20px rgba(255,255,255,0.4); }
}
@keyframes ll-globe {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Scene: onoocool-biography (funny, bright interior, Indian-inspired) */
.scn-onoocool-biography {
  background:
    linear-gradient(180deg, #c8a07a 0%, #b0885a 50%, #906840 100%),
    radial-gradient(ellipse at 50% 0%, #e0c090 0%, transparent 60%);
}
.scn-onoocool-biography .frame {
  position: absolute; top: 5%; left: 25%; right: 25%; bottom: 30%;
  background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%);
  border-radius: 8px; box-shadow: 0 0 0 8px #5a3a1a, 0 8px 20px rgba(0,0,0,0.4);
}
.scn-onoocool-biography .portrait {
  position: absolute; top: 12%; left: 38%; width: 50px; height: 70px;
  background: linear-gradient(180deg, #a0461a 0%, #5e1a1d 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  animation: oc-portrait 9s ease-in-out infinite;
}
.scn-onoocool-biography .table {
  position: absolute; bottom: 18%; left: 10%; right: 10%; height: 15%;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 6px; box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.scn-onoocool-biography .book-open {
  position: absolute; bottom: 22%; left: 40%; width: 50px; height: 30px;
  background: linear-gradient(180deg, #fff8e0 0%, #e8dcc0 100%);
  border-radius: 4px; transform: rotate(-2deg);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  animation: oc-book 10s ease-in-out infinite alternate;
}
.scn-onoocool-biography .lamp {
  position: absolute; bottom: 25%; right: 20%; width: 18px; height: 35px;
  background: linear-gradient(180deg, #d4a84a 0%, #b88830 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 25px 6px rgba(200,160,60,0.5), 0 0 50px 12px rgba(200,160,60,0.2);
  animation: oc-lamp-glow 4s ease-in-out infinite alternate;
}
.scn-onoocool-biography .curtain-left {
  position: absolute; top: 0; bottom: 0; left: 0; width: 12%;
  background: linear-gradient(180deg, #702243 0%, #4a122a 100%);
  border-radius: 0 20% 20% 0; box-shadow: inset -4px 0 8px rgba(0,0,0,0.3);
  animation: oc-curtain 7s ease-in-out infinite;
}
.scn-onoocool-biography .curtain-right {
  position: absolute; top: 0; bottom: 0; right: 0; width: 12%;
  background: linear-gradient(180deg, #702243 0%, #4a122a 100%);
  border-radius: 20% 0 0 20%; box-shadow: inset 4px 0 8px rgba(0,0,0,0.3);
  animation: oc-curtain 7s ease-in-out infinite alternate;
}

@keyframes oc-portrait {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes oc-book {
  0% { transform: rotate(-2deg) translateX(0); }
  50% { transform: rotate(2deg) translateX(2px); }
  100% { transform: rotate(-2deg) translateX(0); }
}
@keyframes oc-lamp-glow {
  0% { box-shadow: 0 0 15px 4px rgba(200,160,60,0.4), 0 0 30px 8px rgba(200,160,60,0.15); opacity: 0.8; }
  50% { box-shadow: 0 0 30px 8px rgba(220,180,80,0.6), 0 0 60px 16px rgba(220,180,80,0.3); opacity: 1; }
  100% { box-shadow: 0 0 20px 6px rgba(200,160,60,0.4), 0 0 40px 10px rgba(200,160,60,0.15); opacity: 0.9; }
}
@keyframes oc-curtain {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(1.05); }
  100% { transform: scaleX(1); }
}

/* Scene: sail-from-calcutta (warm, sunlit, seascape) */
.scn-sail-from-calcutta {
  background:
    linear-gradient(180deg, #f0c080 0%, #d8a850 30%, #b08840 70%, #7a5a20 100%),
    radial-gradient(ellipse at 50% 0%, #ffe8b0 0%, transparent 50%);
}
.scn-sail-from-calcutta .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #ffd88a 0%, #f0b860 60%, #c89040 100%);
  animation: sf-sky 12s ease-in-out infinite alternate;
}
.scn-sail-from-calcutta .sun {
  position: absolute; top: 8%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff4c0 0%, #ffcc66 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(255,200,80,0.5), 0 0 120px 60px rgba(255,200,80,0.2);
  animation: sf-sun 15s ease-in-out infinite alternate;
}
.scn-sail-from-calcutta .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #3a6a8a 0%, #2a4a6a 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.4);
}
.scn-sail-from-calcutta .hull {
  position: absolute; bottom: 30%; left: 35%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a1a00 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%;
  transform: rotate(2deg);
  animation: sf-hull 8s ease-in-out infinite;
}
.scn-sail-from-calcutta .mast {
  position: absolute; bottom: 32%; left: 48%; width: 6px; height: 100px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 2px; transform: rotate(-1deg);
}
.scn-sail-from-calcutta .sail1 {
  position: absolute; bottom: 35%; left: 40%; width: 40px; height: 70px;
  background: linear-gradient(180deg, #f0e8c0 0%, #d8c898 100%);
  border-radius: 0 50% 50% 0 / 0 60% 60% 0;
  transform: skewX(-5deg);
  animation: sf-sail1 10s ease-in-out infinite alternate;
}
.scn-sail-from-calcutta .sail2 {
  position: absolute; bottom: 35%; right: 38%; width: 35px; height: 60px;
  background: linear-gradient(180deg, #f0e8c0 0%, #d8c898 100%);
  border-radius: 50% 0 0 50% / 60% 0 0 60%;
  transform: skewX(5deg);
  animation: sf-sail2 10s ease-in-out infinite alternate;
}
.scn-sail-from-calcutta .wave1 {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 8px;
  background: linear-gradient(180deg, #4a8aaa 0%, transparent 100%);
  border-radius: 50%; filter: blur(3px);
  animation: sf-wave1 4s ease-in-out infinite;
}
.scn-sail-from-calcutta .wave2 {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 6px;
  background: linear-gradient(180deg, #5a9aba 0%, transparent 100%);
  border-radius: 50%; filter: blur(2px);
  animation: sf-wave2 5s ease-in-out infinite alternate;
}

@keyframes sf-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes sf-sun {
  0% { transform: scale(1) translateY(0); box-shadow: 0 0 80px 30px rgba(255,200,80,0.5); }
  50% { transform: scale(1.05) translateY(-4px); box-shadow: 0 0 100px 40px rgba(255,200,80,0.6); }
  100% { transform: scale(1) translateY(0); box-shadow: 0 0 80px 30px rgba(255,200,80,0.5); }
}
@keyframes sf-hull {
  0% { transform: rotate(2deg) translateY(0); }
  50% { transform: rotate(0deg) translateY(-2px); }
  100% { transform: rotate(2deg) translateY(0); }
}
@keyframes sf-sail1 {
  0% { transform: skewX(-5deg) scaleX(1); }
  50% { transform: skewX(-8deg) scaleX(1.02); }
  100% { transform: skewX(-5deg) scaleX(1); }
}
@keyframes sf-sail2 {
  0% { transform: skewX(5deg) scaleX(1); }
  50% { transform: skewX(8deg) scaleX(1.02); }
  100% { transform: skewX(5deg) scaleX(1); }
}
@keyframes sf-wave1 {
  0% { transform: translateX(0); opacity: 0.6; }
  50% { transform: translateX(10px); opacity: 0.8; }
  100% { transform: translateX(0); opacity: 0.6; }
}
@keyframes sf-wave2 {
  0% { transform: translateX(0); }
  100% { transform: translateX(-20px); }
}

/* === 1. india-dream === */
.scn-india-dream {
  background:
    radial-gradient(ellipse at 30% 20%, #ffc36e 0%, #ffaa55 40%, #e08725 70%, #b85a1a 100%),
    linear-gradient(180deg, #ffd4a0 0%, #feb85c 40%, #c97a2a 100%);
  background-blend-mode: hard-light, normal;
}
.scn-india-dream .id-sky { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #ffe8b0 0%, #ffcc80 50%, #ff9e40 100%); animation: id-sky 12s ease-in-out infinite alternate; }
.scn-india-dream .id-sea { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #3a9fb0 0%, #1d6b7a 50%, #0a3a44 100%); border-radius: 40% 60% 0 0 / 60% 50% 0 0; animation: id-sea 8s ease-in-out infinite alternate; }
.scn-india-dream .id-city { position:absolute; bottom:37%; left:5%; right:5%; height:18%; background: linear-gradient(90deg, #5a3a1a 0%, #8a5a2a 20%, #6a4a1a 40%, #9a6a3a 60%, #5a3a1a 80%, #7a5a2a 100%); border-radius: 10% 30% 0 0 / 60% 80% 0 0; clip-path: polygon(0% 100%, 5% 70%, 10% 90%, 15% 50%, 20% 80%, 25% 60%, 30% 85%, 35% 45%, 40% 75%, 45% 55%, 50% 80%, 55% 40%, 60% 70%, 65% 50%, 70% 75%, 75% 35%, 80% 65%, 85% 45%, 90% 70%, 95% 30%, 100% 90%, 100% 100%); }
.scn-india-dream .id-palm { position:absolute; bottom:30%; left:75%; width:8px; height:70px; background: linear-gradient(180deg, #4a3010 0%, #2a1a08 100%); border-radius: 20%; transform: rotate(10deg); box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-india-dream .id-palm::before { content:''; position:absolute; top:-18px; left:-18px; width:48px; height:30px; background: radial-gradient(ellipse at 50% 100%, #3a6a20 0%, #2a4a10 60%, transparent 80%); border-radius: 60% 20% 20% 80% / 100% 100% 20% 20%; transform: rotate(30deg); }
.scn-india-dream .id-sun { position:absolute; top:15%; left:20%; width:60px; height:60px; background: radial-gradient(circle, #ffdd88 0%, #ffaa33 40%, #d87a1a 70%, transparent 90%); border-radius: 50%; box-shadow: 0 0 80px 40px rgba(255,170,51,.5); animation: id-sun 6s ease-in-out infinite alternate; }
.scn-india-dream .id-bird { position:absolute; top:12%; left:50%; width:20px; height:12px; background: #1a1a1a; border-radius: 50% 50% 0 0 / 100% 100% 0 0; animation: id-bird 3s ease-in-out infinite; }
.scn-india-dream .id-chuprassy-a { position:absolute; bottom:38%; left:22%; width:16px; height:36px; background: linear-gradient(180deg, #c8553d 0%, #8a2a1a 60%, #4a1008 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: id-figure 4s ease-in-out infinite alternate; }
.scn-india-dream .id-chuprassy-a::after { content:''; position:absolute; top:-8px; left:2px; width:12px; height:10px; background: radial-gradient(ellipse at 50% 100%, #d4a060 0%, #8a6020 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
.scn-india-dream .id-chuprassy-b { position:absolute; bottom:38%; left:32%; width:16px; height:36px; background: linear-gradient(180deg, #c8553d 0%, #8a2a1a 60%, #4a1008 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: id-figure 5s ease-in-out infinite alternate-reverse; }
.scn-india-dream .id-chuprassy-b::after { content:''; position:absolute; top:-8px; left:2px; width:12px; height:10px; background: radial-gradient(ellipse at 50% 100%, #d4a060 0%, #8a6020 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform: scaleX(-1); }
@keyframes id-sky { 0% { opacity:0.9; background-position:0% 50%; } 50% { opacity:1; background-position:50% 50%; } 100% { opacity:0.8; background-position:100% 50%; } }
@keyframes id-sea { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes id-sun { 0% { transform: scale(1); box-shadow: 0 0 60px 30px rgba(255,170,51,.4); } 50% { transform: scale(1.05); box-shadow: 0 0 100px 50px rgba(255,170,51,.7); } 100% { transform: scale(0.95); box-shadow: 0 0 50px 20px rgba(255,170,51,.3); } }
@keyframes id-bird { 0% { transform: translate(0,0) rotate(0deg); } 25% { transform: translate(15px,-8px) rotate(5deg); } 50% { transform: translate(30px,0) rotate(0deg); } 75% { transform: translate(45px,-8px) rotate(-5deg); } 100% { transform: translate(60px,0) rotate(0deg); } }
@keyframes id-figure { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }

/* === 2. cuff-on-jaw === */
.scn-cuff-on-jaw {
  background:
    radial-gradient(ellipse at 70% 60%, #3a3a2a 0%, #1a1a12 100%),
    linear-gradient(135deg, #5a4a3a 0%, #3a2a1a 50%, #1a1008 100%);
  background-blend-mode: multiply, normal;
}
.scn-cuff-on-jaw .cj-wall { position:absolute; inset:0 30% 25% 0; background: repeating-linear-gradient(90deg, #6a5a4a 0px, #6a5a4a 2px, #8a7a6a 2px, #8a7a6a 4px); border-radius: 0 10% 0 0; box-shadow: inset 0 0 30px rgba(0,0,0,.6); }
.scn-cuff-on-jaw .cj-floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 20% 20% 0 0; }
.scn-cuff-on-jaw .cj-door { position:absolute; left:20%; top:10%; width:25%; height:70%; background: linear-gradient(90deg, #8a7a6a 0%, #a09080 30%, #c0b0a0 50%, #a09080 70%, #8a7a6a 100%); border: 4px solid #5a4a3a; border-radius: 4px; box-shadow: 0 0 20px rgba(255,200,100,.3); }
.scn-cuff-on-jaw .cj-door::before { content:''; position:absolute; top:20%; left:10%; width:80%; height:60%; background: radial-gradient(ellipse at 50% 50%, #d0c0a0 0%, #b0a090 50%, #706050 100%); border-radius: 8px; opacity:0.4; }
.scn-cuff-on-jaw .cj-lamp { position:absolute; top:5%; left:55%; width:10px; height:30px; background: linear-gradient(180deg, #c0a050 0%, #806020 100%); border-radius: 10px; transform: rotate(10deg); box-shadow: 0 0 40px 20px rgba(255,200,80,.5); }
.scn-cuff-on-jaw .cj-lamp::after { content:''; position:absolute; top:-8px; left:-4px; width:18px; height:14px; background: radial-gradient(circle, #ffdd88 0%, #d08020 70%, transparent 100%); border-radius: 50%; }
.scn-cuff-on-jaw .cj-german { position:absolute; bottom:21%; left:40%; width:22px; height:48px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: cj-german 2s ease-in-out infinite alternate; }
.scn-cuff-on-jaw .cj-german::before { content:''; position:absolute; top:12px; left:-3px; width:28px; height:22px; background: linear-gradient(90deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform: rotate(10deg); }
.scn-cuff-on-jaw .cj-german::after { content:''; position:absolute; top:18px; right:-2px; width:10px; height:6px; background: #1a1a2a; border-radius: 50%; }
.scn-cuff-on-jaw .cj-native { position:absolute; bottom:17%; left:30%; width:18px; height:34px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a12 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: cj-native 3s ease-in-out infinite; }
.scn-cuff-on-jaw .cj-native::after { content:''; position:absolute; top:-6px; left:3px; width:12px; height:10px; background: radial-gradient(ellipse at 50% 100%, #6a5a4a 0%, #3a2a1a 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
.scn-cuff-on-jaw .cj-darkness { position:absolute; inset:0; background: radial-gradient(ellipse at 50% 60%, transparent 20%, rgba(0,0,0,.5) 60%, rgba(0,0,0,.7) 100%); pointer-events: none; }
@keyframes cj-german { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(2deg); } }
@keyframes cj-native { 0% { transform: translate(0,0) rotate(-3deg); } 50% { transform: translate(3px,2px) rotate(0deg); } 100% { transform: translate(0,0) rotate(3deg); } }

/* === 3. slave-killed === */
.scn-slave-killed {
  background:
    radial-gradient(ellipse at 70% 20%, #5a4a3a 0%, #2a1a12 100%),
    linear-gradient(180deg, #4a3a2a 0%, #2a1a12 50%, #0a0a08 100%);
  background-blend-mode: multiply, normal;
}
.scn-slave-killed .sk-floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a12 100%); border-radius: 30% 10% 0 0; }
.scn-slave-killed .sk-wall { position:absolute; inset:0 20% 20% 0; background: repeating-linear-gradient(45deg, #5a4a3a 0px, #5a4a3a 1px, #6a5a4a 1px, #6a5a4a 2px); box-shadow: inset 0 0 50px rgba(0,0,0,.8); }
.scn-slave-killed .sk-window { position:absolute; top:10%; left:10%; width:30%; height:35%; background: radial-gradient(ellipse at 50% 50%, #c0b0a0 0%, #908070 100%); border: 6px solid #3a2a1a; border-radius: 4px; box-shadow: 0 0 30px rgba(200,180,150,.4); }
.scn-slave-killed .sk-light { position:absolute; top:10%; left:10%; width:30%; height:35%; background: linear-gradient(135deg, rgba(255,230,200,.3) 0%, transparent 80%); pointer-events: none; }
.scn-slave-killed .sk-man { position:absolute; bottom:16%; left:35%; width:24px; height:48px; background: linear-gradient(180deg, #2a1a12 0%, #0a0804 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: sk-man 3s ease-in-out infinite; }
.scn-slave-killed .sk-man::after { content:''; position:absolute; top:10px; left:10px; width:12px; height:16px; background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%); border-radius: 30%; transform: rotate(30deg); }
.scn-slave-killed .sk-slave { position:absolute; bottom:8%; left:22%; width:20px; height:30px; background: linear-gradient(180deg, #4a3a2a 0%, #1a1008 100%); border-radius: 40% 40% 20% 20% / 50% 50% 20% 20%; transform: rotate(60deg); animation: sk-slave 4s ease-in-out infinite alternate; }
.scn-slave-killed .sk-ore { position:absolute; bottom:24%; left:38%; width:14px; height:14px; background: radial-gradient(circle, #5a4a3a 0%, #2a1a12 100%); border-radius: 30% 60% 30% 60% / 60% 30% 60% 30%; transform: rotate(45deg); animation: sk-ore 2s ease-in-out infinite alternate; }
@keyframes sk-man { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(-3deg); } 100% { transform: translateY(0) rotate(2deg); } }
@keyframes sk-slave { 0% { transform: translate(0,0) rotate(50deg); } 50% { transform: translate(5px,3px) rotate(55deg); } 100% { transform: translate(0,0) rotate(50deg); } }
@keyframes sk-ore { 0% { transform: rotate(45deg) scale(1); } 50% { transform: rotate(55deg) scale(1.1); } 100% { transform: rotate(45deg) scale(1); } }

/* === 4. riotous-night === */
.scn-riotous-night {
  background:
    radial-gradient(ellipse at 50% 60%, #1a1a3e 0%, #0a0a1e 100%),
    linear-gradient(180deg, #2a2a4a 0%, #1a1a2e 50%, #0a0a1a 100%);
  background-blend-mode: overlay, normal;
}
.scn-riotous-night .rn-bed { position:absolute; bottom:10%; left:50%; width:120px; height:40px; transform: translateX(-50%); background: linear-gradient(180deg, #4a3a2a 0%, #2a1a12 100%); border-radius: 20px 20px 8px 8px; box-shadow: 0 8px 20px rgba(0,0,0,.7); }
.scn-riotous-night .rn-bed::before { content:''; position:absolute; top:-10px; left:10px; width:100px; height:16px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 10px; }
.scn-riotous-night .rn-window { position:absolute; top:15%; left:10%; width:55%; height:45%; background: linear-gradient(180deg, #1a2a4a 0%, #0a0a1e 100%); border: 6px solid #3a2a1a; border-radius: 6px; box-shadow: 0 0 40px rgba(100,150,255,.2); }
.scn-riotous-night .rn-window::after { content:''; position:absolute; inset:0; background: repeating-linear-gradient(0deg, transparent 0px, transparent 8px, rgba(255,255,255,.05) 8px, rgba(255,255,255,.05) 10px); }
.scn-riotous-night .rn-curtain { position:absolute; top:14%; left:8%; width:59%; height:48%; background: linear-gradient(90deg, #6a1a1a 0%, #8a2a2a 20%, #6a1a1a 40%, #8a2a2a 60%, #6a1a1a 80%, #8a2a2a 100%); border-radius: 20% 20% 10% 10%; filter: drop-shadow(0 4px 8px rgba(0,0,0,.5)); animation: rn-curtain 6s ease-in-out infinite alternate; }
.scn-riotous-night .rn-lamp { position:absolute; top:5%; left:20%; width:8px; height:40px; background: linear-gradient(180deg, #a08060 0%, #705030 100%); border-radius: 4px; transform-origin: top center; animation: rn-lamp 0.5s ease-in-out infinite alternate; }
.scn-riotous-night .rn-lamp::after { content:''; position:absolute; bottom:-10px; left:-6px; width:20px; height:16px; background: radial-gradient(circle, #ffdd88 0%, #d08020 50%, transparent 80%); border-radius: 40%; box-shadow: 0 0 30px 10px rgba(255,200,80,.3); }
.scn-riotous-night .rn-figures { position:absolute; bottom:20%; left:5%; width:40%; height:40%; background: repeating-linear-gradient(90deg, #1a1a2a 0px, #1a1a2a 8px, transparent 8px, transparent 10px); mask-image: radial-gradient(ellipse at 50% 80%, black 0%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at 50% 80%, black 0%, transparent 70%); animation: rn-figures 2s steps(4) infinite; }
.scn-riotous-night .rn-debris { position:absolute; bottom:30%; left:30%; width:30px; height:30px; background: #3a2a1a; clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); animation: rn-debris 1s ease-in-out infinite alternate; }
.scn-riotous-night .rn-glare { position:absolute; inset:0; background: radial-gradient(ellipse at 20% 30%, rgba(255,200,80,.1) 0%, transparent 60%); pointer-events: none; animation: rn-glare 3s ease-in-out infinite alternate; }
@keyframes rn-curtain { 0% { transform: translate(0,0) scale(1); } 50% { transform: translate(5px,-2px) scale(1.02); } 100% { transform: translate(-3px,3px) scale(0.98); } }
@keyframes rn-lamp { 0% { transform: rotate(8deg); } 100% { transform: rotate(-8deg); } }
@keyframes rn-figures { 0% { transform: translateX(0); } 25% { transform: translateX(10px); } 50% { transform: translateX(20px); } 75% { transform: translateX(10px); } 100% { transform: translateX(0); } }
@keyframes rn-debris { 0% { transform: translate(0,0) rotate(0deg) scale(1); } 50% { transform: translate(10px,-5px) rotate(30deg) scale(1.2); } 100% { transform: translate(0,0) rotate(0deg) scale(1); } }
@keyframes rn-glare { 0% { opacity:0.3; } 50% { opacity:0.7; } 100% { opacity:0.3; } }

.scn-pugh-pilot { background: linear-gradient(180deg, #ffe8b0 0%, #87ceeb 30%, #4a7a9c 70%), radial-gradient(ellipse at 50% 120%, #fff5d0 0%, transparent 60%); position: relative; overflow: hidden; width: 100%; height: 100%; }
.scn-pugh-pilot .sun { position: absolute; top: 8%; left: 70%; width: 50px; height: 50px; background: radial-gradient(circle, #ffffc0 0%, #ffd700 60%, #ffaa00 100%); border-radius: 50%; box-shadow: 0 0 60px 30px rgba(255,215,0,0.4); animation: pp-sun 8s ease-in-out infinite alternate; }
.scn-pugh-pilot .sky { position: absolute; inset: 0; background: linear-gradient(180deg, #ffd280 0%, #b0e0e6 40%, transparent 100%); opacity: 0.6; animation: pp-sky 12s ease-in-out infinite alternate; }
.scn-pugh-pilot .mountains-far { position: absolute; bottom: 40%; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #7b9db0 0%, #4a6a7a 50%, #2a4a5a 100%); border-radius: 40% 60% 0 0 / 80% 70% 0 0; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.2); animation: pp-mtnf 20s ease-in-out infinite; }
.scn-pugh-pilot .mountains-near { position: absolute; bottom: 20%; left: 0; right: 0; height: 25%; background: linear-gradient(180deg, #5a7a4a 0%, #3a5a2a 100%); border-radius: 30% 70% 0 0 / 60% 80% 0 0; box-shadow: inset 0 5px 15px rgba(0,0,0,0.3); animation: pp-mtnn 15s ease-in-out infinite alternate; }
.scn-pugh-pilot .track { position: absolute; bottom: 18%; left: 10%; right: 10%; height: 4%; background: linear-gradient(180deg, #8b7355 0%, #5c4033 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.5); animation: pp-track 4s linear infinite; }
.scn-pugh-pilot .handcar { position: absolute; bottom: 20%; left: 30%; width: 80px; height: 40px; background: linear-gradient(135deg, #8b4513 0%, #5c2e0a 50%, #3a1a05 100%); border-radius: 10% 10% 20% 20% / 30% 30% 20% 20%; transform-origin: center bottom; box-shadow: 0 8px 12px rgba(0,0,0,0.6); animation: pp-car 0.8s ease-in-out infinite; }
.scn-pugh-pilot .handcar::before { content: ''; position: absolute; top: -10px; left: 20%; width: 10px; height: 20px; background: #4a2a1a; border-radius: 30% 30% 10% 10%; } /* lever */
.scn-pugh-pilot .pilot { position: absolute; bottom: 24%; left: 35%; width: 16px; height: 30px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: pp-pilot 1.2s ease-in-out infinite; }
.scn-pugh-pilot .native { position: absolute; bottom: 24%; left: 42%; width: 14px; height: 28px; background: linear-gradient(180deg, #5c3a2a 0%, #2a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: pp-native 1.2s ease-in-out infinite 0.4s; }
@keyframes pp-sun { 0% { transform: scale(1) translate(0,0); opacity: 0.8; } 50% { transform: scale(1.05) translate(3px,-2px); opacity: 1; } 100% { transform: scale(0.95) translate(-2px,1px); opacity: 0.9; } }
@keyframes pp-sky { 0% { background-position: 0% 0%; } 50% { background-position: 20% 10%; } 100% { background-position: -10% 5%; } }
@keyframes pp-mtnf { 0% { transform: translateY(0) scaleX(1); } 33% { transform: translateY(-2px) scaleX(1.01); } 66% { transform: translateY(1px) scaleX(0.99); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes pp-mtnn { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes pp-track { 0% { background-position: 0 0; } 100% { background-position: 40px 0; } }
@keyframes pp-car { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(-1deg); } 50% { transform: translateY(-1px) rotate(1deg); } 75% { transform: translateY(-4px) rotate(-0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes pp-pilot { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes pp-native { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }

.scn-train-fear { background: linear-gradient(180deg, #fff5d0 0%, #add8e6 30%, #4682b4 70%), radial-gradient(ellipse at 50% 100%, #e0f0ff 0%, transparent 70%); position: relative; overflow: hidden; width: 100%; height: 100%; }
.scn-train-fear .sky { position: absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #ffe0a0 0%, #b0d0e0 50%, transparent 100%); animation: tf-sky 18s ease-in-out infinite alternate; }
.scn-train-fear .mountains { position: absolute; bottom: 30%; left: -10%; right: -10%; height: 35%; background: linear-gradient(180deg, #6a8a6a 0%, #3a5a3a 100%); border-radius: 50% 50% 0 0 / 30% 60% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,0.3); animation: tf-mountains 25s linear infinite; }
.scn-train-fear .track-curve { position: absolute; bottom: 22%; left: 0; right: 0; height: 6%; background: linear-gradient(180deg, #8b7355 0%, #5c4033 100%); border-radius: 0 50% 50% 0 / 0 80% 80% 0; transform: rotate(-5deg) scaleX(1.2); box-shadow: 0 4px 8px rgba(0,0,0,0.5); animation: tf-track 6s linear infinite; }
.scn-train-fear .train-fore { position: absolute; bottom: 25%; left: 20%; width: 120px; height: 50px; background: linear-gradient(135deg, #2a4a6a 0%, #1a2a3a 100%); border-radius: 15% 15% 10% 10%; box-shadow: 0 8px 16px rgba(0,0,0,0.7); transform-origin: center left; animation: tf-train 2s ease-in-out infinite; }
.scn-train-fear .train-shadow { position: absolute; bottom: 22%; left: 22%; width: 110px; height: 40px; background: rgba(0,0,0,0.15); border-radius: 15% 15% 10% 10%; filter: blur(6px); animation: tf-shadow 2s ease-in-out infinite 0.1s; }
.scn-train-fear .speed-lines { position: absolute; bottom: 28%; left: -20%; right: 0; height: 2px; background: repeating-linear-gradient(90deg, #fff 0px, #fff 10px, transparent 10px, transparent 30px); opacity: 0.6; animation: tf-speed 0.5s linear infinite; }
.scn-train-fear .signal { position: absolute; bottom: 30%; right: 15%; width: 6px; height: 40px; background: linear-gradient(180deg, #8b4513 0%, #5c2e0a 100%); border-radius: 2px; animation: tf-signal 3s ease-in-out infinite; }
.scn-train-fear .signal::after { content: ''; position: absolute; top: -8px; left: -4px; width: 14px; height: 14px; background: radial-gradient(circle, #ff4444 0%, #aa1111 80%); border-radius: 50%; box-shadow: 0 0 20px 6px rgba(255,68,68,0.5); animation: tf-light 0.8s ease-in-out infinite alternate; }
@keyframes tf-sky { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.8; } }
@keyframes tf-mountains { 0% { transform: translateX(0); } 100% { transform: translateX(-30%); } }
@keyframes tf-track { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } }
@keyframes tf-train { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(0.5deg); } 50% { transform: translateY(1px) rotate(-0.3deg); } 75% { transform: translateY(-1px) rotate(0.2deg); } }
@keyframes tf-shadow { 0%,100% { transform: translateY(0) scaleX(1); } 25% { transform: translateY(2px) scaleX(1.05); } 50% { transform: translateY(-1px) scaleX(0.95); } 75% { transform: translateY(1px) scaleX(1.02); } }
@keyframes tf-speed { 0% { transform: translateX(0); } 100% { transform: translateX(40px); } }
@keyframes tf-signal { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes tf-light { 0% { opacity: 0.3; box-shadow: 0 0 10px 2px rgba(255,68,68,0.3); } 100% { opacity: 1; box-shadow: 0 0 30px 10px rgba(255,68,68,0.7); } }

.scn-swallow-descent { background: linear-gradient(180deg, #ffd89b 0%, #f0e68c 20%, #87ceeb 60%), radial-gradient(ellipse at 50% 0%, #fffacd 0%, transparent 70%); position: relative; overflow: hidden; width: 100%; height: 100%; }
.scn-swallow-descent .sky-warm { position: absolute; inset:0; background: linear-gradient(180deg, #ffe8b0 0%, #b0e0e6 50%, transparent 100%); animation: sd-sky 20s ease-in-out infinite alternate; }
.scn-swallow-descent .hills-far { position: absolute; bottom: 35%; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #7a9a5a 0%, #5a7a3a 100%); border-radius: 60% 40% 0 0 / 40% 60% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,0.1); animation: sd-hf 30s ease-in-out infinite; }
.scn-swallow-descent .hills-near { position: absolute; bottom: 20%; left: -5%; right: -5%; height: 25%; background: linear-gradient(180deg, #5a8a3a 0%, #3a6a1a 100%); border-radius: 40% 60% 0 0 / 60% 40% 0 0; box-shadow: inset 0 5px 15px rgba(0,0,0,0.2); animation: sd-hn 18s ease-in-out infinite alternate; }
.scn-swallow-descent .car-swoop { position: absolute; bottom: 30%; left: 10%; width: 70px; height: 30px; background: linear-gradient(135deg, #c06030 0%, #804020 100%); border-radius: 30% 30% 50% 50% / 40% 40% 30% 30%; transform-origin: center 80%; box-shadow: 0 6px 12px rgba(0,0,0,0.4); animation: sd-car 4s ease-in-out infinite; }
.scn-swallow-descent .flowers { position: absolute; bottom: 12%; left: 20%; right: 20%; height: 10%; background: radial-gradient(ellipse 10px 20px at 30% 50%, #ffb6c1 0%, transparent 100%), radial-gradient(ellipse 8px 15px at 60% 30%, #ffd700 0%, transparent 100%), radial-gradient(ellipse 12px 18px at 80% 70%, #98fb98 0%, transparent 100%); animation: sd-flowers 6s ease-in-out infinite; }
.scn-swallow-descent .sun-glory { position: absolute; top: 10%; left: 70%; width: 60px; height: 60px; background: radial-gradient(circle, #fffacd 0%, #ffd700 40%, transparent 80%); border-radius: 50%; box-shadow: 0 0 80px 40px rgba(255,215,0,0.3); animation: sd-sun 12s ease-in-out infinite alternate; }
@keyframes sd-sky { 0% { background-position: 0% 0%; } 50% { background-position: 20% 10%; } 100% { background-position: -10% 5%; } }
@keyframes sd-hf { 0% { transform: translateY(0) scaleX(1); } 33% { transform: translateY(-1px) scaleX(1.01); } 66% { transform: translateY(2px) scaleX(0.99); } 100% { transform: translateY(0) scaleX(1); } }
@keyframes sd-hn { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes sd-car { 0% { transform: translate(0,0) rotate(-5deg); } 25% { transform: translate(30px, -20px) rotate(0deg); } 50% { transform: translate(60px, 0) rotate(5deg); } 75% { transform: translate(90px, -10px) rotate(-2deg); } 100% { transform: translate(120px, 0) rotate(0deg); } }
@keyframes sd-flowers { 0%,100% { opacity: 0.8; } 50% { opacity: 1; transform: scaleY(1.05); } }
@keyframes sd-sun { 0% { transform: scale(1) translate(0,0); } 50% { transform: scale(1.08) translate(2px,-2px); } 100% { transform: scale(0.95) translate(-1px,1px); } }

.scn-gladstone-cliff { background: linear-gradient(180deg, #ffe4b5 0%, #87ceeb 40%, #ffe4b5 70%), radial-gradient(ellipse at 50% 100%, #fff0d0 0%, transparent 60%); position: relative; overflow: hidden; width: 100%; height: 100%; }
.scn-gladstone-cliff .sky-bright { position: absolute; inset:0; background: linear-gradient(180deg, #fff5d0 0%, #b0e0e6 60%, transparent 100%); animation: gc-sky 15s ease-in-out infinite alternate; }
.scn-gladstone-cliff .cliff-face { position: absolute; bottom: 15%; left: 20%; right: 20%; height: 60%; background: linear-gradient(180deg, #c0a070 0%, #8b7355 40%, #5c4033 100%); border-radius: 50% 40% 30% 50% / 60% 50% 40% 50%; box-shadow: inset 0 -20px 40px rgba(0,0,0,0.3), 0 10px 30px rgba(0,0,0,0.2); animation: gc-cliff 10s ease-in-out infinite; }
.scn-gladstone-cliff .nose-hill { position: absolute; bottom: 38%; left: 40%; width: 30px; height: 40px; background: linear-gradient(180deg, #b08850 0%, #8b6b45 100%); border-radius: 50% 40% 30% 50% / 60% 40% 40% 60%; box-shadow: inset 0 -5px 10px rgba(0,0,0,0.2); animation: gc-nose 8s ease-in-out infinite alternate; }
.scn-gladstone-cliff .birds { position: absolute; top: 20%; left: 30%; width: 20px; height: 10px; background: radial-gradient(ellipse at 50% 50%, #3a3a3a 0%, transparent 100%); border-radius: 50%; filter: blur(1px); animation: gc-birds 6s linear infinite; }
.scn-gladstone-cliff .birds::before { content: ''; position: absolute; top: -5px; left: -10px; width: 15px; height: 8px; background: radial-gradient(ellipse at 50% 50%, #4a4a4a 0%, transparent 100%); border-radius: 50%; animation: gc-bird2 6s linear infinite 1s; }
.scn-gladstone-cliff .sun-bounce { position: absolute; top: 8%; left: 65%; width: 55px; height: 55px; background: radial-gradient(circle, #ffffe0 0%, #ffd700 50%, #ff8c00 100%); border-radius: 50%; box-shadow: 0 0 70px 35px rgba(255,215,0,0.4); animation: gc-sun 3s ease-in-out infinite; }
.scn-gladstone-cliff .clouds { position: absolute; top: 10%; left: 10%; right: 10%; height: 20%; background: radial-gradient(ellipse 80px 20px at 20% 50%, rgba(255,255,255,0.6) 0%, transparent 100%), radial-gradient(ellipse 100px 25px at 70% 30%, rgba(255,255,255,0.4) 0%, transparent 100%); filter: blur(4px); animation: gc-clouds 40s linear infinite; }
@keyframes gc-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes gc-cliff { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(1px) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes gc-nose { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(0.95); } }
@keyframes gc-birds { 0% { transform: translateX(0) translateY(0); } 25% { transform: translateX(30px) translateY(-10px); } 50% { transform: translateX(60px) translateY(0); } 75% { transform: translateX(90px) translateY(-5px); } 100% { transform: translateX(120px) translateY(0); } }
@keyframes gc-bird2 { 0% { transform: translateX(0) translateY(0); } 25% { transform: translateX(20px) translateY(-8px); } 50% { transform: translateX(40px) translateY(0); } 75% { transform: translateX(60px) translateY(-3px); } 100% { transform: translateX(80px) translateY(0); } }
@keyframes gc-sun { 0% { transform: translate(0,0) scale(1); } 25% { transform: translate(5px, -3px) scale(1.02); } 50% { transform: translate(-3px, 2px) scale(0.98); } 75% { transform: translate(2px, -1px) scale(1.01); } 100% { transform: translate(0,0) scale(1); } }
@keyframes gc-clouds { 0% { transform: translateX(0); } 100% { transform: translateX(-30%); } }

/* Scene 1: ice-gems */
.scn-ice-gems {
  background:
    linear-gradient(180deg, #f7b06b 0%, #e8924a 30%, #d4783a 60%, #a04f2a 100%),
    radial-gradient(ellipse at 50% 20%, #ffdbb5 0%, transparent 60%);
}
.scn-ice-gems .sky-dawn {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #ffa75e 0%, #fc8b3c 40%, #e06a28 100%);
  animation: ig-sky 14s ease-in-out infinite alternate;
}
.scn-ice-gems .forest-bg {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 70%, #1a1200 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.5);
  animation: ig-forest 20s ease-in-out infinite;
}
.scn-ice-gems .tree-branch {
  position: absolute; top: 30%; width: 40%; height: 8px; background: #4a3520; border-radius: 50%;
  box-shadow: 0 2px 0 #2a1a0a;
}
.scn-ice-gems .branch-left { left: 5%; transform: rotate(-20deg); animation: ig-branch 8s ease-in-out infinite; }
.scn-ice-gems .branch-right { right: 5%; transform: rotate(15deg) scaleX(-1); animation: ig-branch 8s ease-in-out infinite reverse; }
.scn-ice-gems .ice-gem {
  position: absolute; width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ffe6b0 0%, #f0a840 60%, #b06020 100%);
  box-shadow: 0 0 12px 4px rgba(255, 180, 60, 0.6), 0 0 24px 8px rgba(200, 120, 40, 0.3);
  animation: ig-gem-shine 4s ease-in-out infinite;
}
.scn-ice-gems .gem-a { top: 35%; left: 20%; animation-delay: 0s; }
.scn-ice-gems .gem-b { top: 38%; left: 55%; width: 18px; height: 18px; animation-delay: -1.5s; }
.scn-ice-gems .gem-c { top: 32%; right: 18%; width: 12px; height: 12px; animation-delay: -3s; }
.scn-ice-gems .wind-draft {
  position: absolute; top: 45%; left: -10%; width: 30px; height: 40px;
  background: radial-gradient(ellipse, rgba(255,200,150,0.4) 0%, transparent 100%);
  filter: blur(8px); border-radius: 50%;
  animation: ig-wind 12s linear infinite;
}
.scn-ice-gems .sun-glow {
  position: absolute; top: 8%; left: 50%; width: 80px; height: 80px;
  background: radial-gradient(circle, #ffdd99 0%, #fcaa55 40%, transparent 70%);
  border-radius: 50%; transform: translateX(-50%);
  animation: ig-sun 20s ease-in-out infinite alternate;
}
@keyframes ig-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes ig-forest {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0px); }
}
@keyframes ig-branch {
  0% { transform: rotate(-20deg) translateY(0); }
  50% { transform: rotate(-22deg) translateY(2px); }
  100% { transform: rotate(-20deg) translateY(0); }
}
@keyframes ig-gem-shine {
  0% { transform: scale(1) rotate(0deg); opacity: 0.9; }
  50% { transform: scale(1.3) rotate(15deg); opacity: 1; }
  100% { transform: scale(0.95) rotate(-5deg); opacity: 0.8; }
}
@keyframes ig-wind {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(120vw) scale(1.5); }
  100% { transform: translateX(0) scale(1); }
}
@keyframes ig-sun {
  0% { transform: translateX(-50%) scale(0.95); opacity: 0.8; }
  50% { transform: translateX(-50%) scale(1.05); opacity: 1; }
  100% { transform: translateX(-50%) scale(0.9); opacity: 0.9; }
}

/* Scene 2: gem-misleading */
.scn-gem-misleading {
  background:
    linear-gradient(135deg, #f5e6ca 0%, #e6d4b0 50%, #d4be9a 100%),
    radial-gradient(ellipse at 60% 40%, #fff5e0 0%, transparent 70%);
}
.scn-gem-misleading .wall-bright {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f0e3d0 0%, #e2d0b8 100%);
  animation: gm-wall 18s ease-in-out infinite;
}
.scn-gem-misleading .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #b8a080 0%, #8a7058 100%);
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.3);
}
.scn-gem-misleading .desk {
  position: absolute; bottom: 20%; left: 50%; width: 50%; height: 20%;
  background: linear-gradient(180deg, #8b6b4a 0%, #5a4028 100%);
  border-radius: 4px; transform: translateX(-50%);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.scn-gem-misleading .scholar-silhouette {
  position: absolute; bottom: 32%; left: 30%; width: 40px; height: 60px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: gm-scholar 6s ease-in-out infinite;
}
.scn-gem-misleading .inkwell {
  position: absolute; bottom: 25%; left: 42%; width: 16px; height: 18px;
  background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%);
  border-radius: 30% 30% 20% 20%;
}
.scn-gem-misleading .quill {
  position: absolute; bottom: 30%; left: 44%; width: 4px; height: 30px;
  background: linear-gradient(180deg, #e0c8a0 0%, #a08060 100%);
  border-radius: 50% 50% 10% 10%;
  transform: rotate(-30deg);
  animation: gm-quill 3s ease-in-out infinite;
}
.scn-gem-misleading .book {
  position: absolute; bottom: 22%; left: 55%; width: 50px; height: 35px;
  background: linear-gradient(180deg, #7a6040 0%, #4a3818 100%);
  border-radius: 2px; box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  transform: scale(0.95);
}
.scn-gem-misleading .dull-gem {
  position: absolute; bottom: 28%; left: 60%; width: 16px; height: 16px;
  background: radial-gradient(circle at 30% 30%, #b8b0a0 0%, #807260 100%);
  border-radius: 50%; box-shadow: 0 0 4px 2px rgba(120,100,80,0.3);
  animation: gm-dull 5s ease-in-out infinite;
}
.scn-gem-misleading .thought-burst {
  position: absolute; top: 15%; right: 12%; width: 60px; height: 50px;
  background: radial-gradient(ellipse, rgba(255,215,150,0.3) 0%, transparent 100%);
  border-radius: 50%; filter: blur(10px);
  animation: gm-thought 8s ease-in-out infinite;
}
@keyframes gm-wall {
  0% { opacity: 0.95; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes gm-scholar {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(2deg); }
  50% { transform: translateX(0) rotate(-1deg); }
  75% { transform: translateX(-3px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes gm-quill {
  0% { transform: rotate(-30deg) translateY(0); }
  50% { transform: rotate(-35deg) translateY(-2px); }
  100% { transform: rotate(-30deg) translateY(0); }
}
@keyframes gm-dull {
  0% { transform: scale(1) translateY(0); opacity: 0.8; }
  50% { transform: scale(1.1) translateY(-3px); opacity: 1; }
  100% { transform: scale(0.95) translateY(0); opacity: 0.7; }
}
@keyframes gm-thought {
  0% { transform: translateX(0) scale(0.9); }
  50% { transform: translateX(10px) scale(1.1); }
  100% { transform: translateX(0) scale(0.9); }
}

/* Scene 3: elephant-in-lahore */
.scn-elephant-in-lahore {
  background:
    linear-gradient(180deg, #87ceeb 0%, #e0f0ff 30%, #f9d89c 60%, #c8a050 100%),
    radial-gradient(ellipse at 50% 80%, #f0d080 0%, transparent 70%);
}
.scn-elephant-in-lahore .sky-sunlit {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0d8f0 0%, #e0f4ff 50%, #fff5d0 100%);
  animation: el-sky 16s ease-in-out infinite;
}
.scn-elephant-in-lahore .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #d4b87a 0%, #a88850 50%, #786840 100%);
  border-radius: 20% 40% 0 0 / 40% 60% 0 0;
}
.scn-elephant-in-lahore .elephant-body {
  position: absolute; bottom: 20%; left: 30%; width: 120px; height: 80px;
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 40% 30% 60% 40% / 50% 40% 60% 50%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  animation: el-body 10s ease-in-out infinite;
}
.scn-elephant-in-lahore .elephant-head {
  position: absolute; bottom: 30%; left: 48%; width: 70px; height: 60px;
  background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%);
  border-radius: 50% 40% 30% 40% / 60% 50% 40% 50%;
  transform-origin: bottom left;
  animation: el-head 8s ease-in-out infinite;
}
.scn-elephant-in-lahore .howdah {
  position: absolute; bottom: 48%; left: 32%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #b08050 0%, #8a6030 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.scn-elephant-in-lahore .rider-silhouette {
  position: absolute; bottom: 55%; left: 37%; width: 20px; height: 35px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  animation: el-rider 6s ease-in-out infinite;
}
.scn-elephant-in-lahore .horse-fleeing {
  position: absolute; bottom: 25%; right: 10%; width: 50px; height: 30px;
  background: linear-gradient(180deg, #6a5a40 0%, #3a2a18 100%);
  border-radius: 40% 50% 30% 40% / 50% 60% 40% 50%;
  transform: scaleX(-1);
  animation: el-horse 5s ease-in-out infinite;
}
.scn-elephant-in-lahore .dust-puff {
  position: absolute; bottom: 20%; right: 20%; width: 30px; height: 20px;
  background: radial-gradient(ellipse, rgba(200,180,140,0.5) 0%, transparent 100%);
  filter: blur(6px); border-radius: 50%;
  animation: el-dust 7s ease-in-out infinite;
}
@keyframes el-sky {
  0% { opacity: 0.95; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes el-body {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(4px) translateY(-4px); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes el-head {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes el-rider {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-2px) rotate(2deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes el-horse {
  0% { transform: translateX(0) scaleX(-1); }
  50% { transform: translateX(-10px) scaleX(-1) translateY(-3px); }
  100% { transform: translateX(0) scaleX(-1); }
}
@keyframes el-dust {
  0% { transform: scale(0.8) translateY(0); opacity: 0.6; }
  50% { transform: scale(1.3) translateY(-10px); opacity: 0.9; }
  100% { transform: scale(0.8) translateY(0); opacity: 0.6; }
}

/* Scene 4: monkey-mansion */
.scn-monkey-mansion {
  background:
    linear-gradient(180deg, #f8e8c8 0%, #e6d4a8 40%, #c8b080 100%),
    radial-gradient(ellipse at 50% 70%, #fff2d0 0%, transparent 60%);
}
.scn-monkey-mansion .room-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #f0e0c0 0%, #d8c8a0 100%);
  box-shadow: inset 0 0 40px rgba(160,130,80,0.3);
}
.scn-monkey-mansion .room-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #b09878 0%, #8a7058 100%);
}
.scn-monkey-mansion .mirror-frame {
  position: absolute; top: 10%; left: 55%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #b89a7a 0%, #8a6a50 100%);
  border: 4px solid #604830; border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.scn-monkey-mansion .desk-cluttered {
  position: absolute; bottom: 25%; left: 50%; width: 55%; height: 18%;
  background: linear-gradient(180deg, #9a7a5a 0%, #6a5038 100%);
  border-radius: 4px; transform: translateX(-50%);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-monkey-mansion .monkey-grooming {
  position: absolute; bottom: 38%; left: 25%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a18 100%);
  border-radius: 50% 50% 40% 40% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: mm-groom 4s ease-in-out infinite;
}
.scn-monkey-mansion .monkey-reading {
  position: absolute; bottom: 32%; left: 55%; width: 28px; height: 35px;
  background: linear-gradient(180deg, #7a6a4a 0%, #4a3a20 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%;
  transform: rotate(-5deg);
  animation: mm-read 6s ease-in-out infinite;
}
.scn-monkey-mansion .paper-scroll {
  position: absolute; bottom: 28%; left: 58%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%;
  transform: rotate(10deg);
  animation: mm-paper 8s ease-in-out infinite;
}
.scn-monkey-mansion .paint-splatter {
  position: absolute; width: 40px; height: 40px;
  background: radial-gradient(ellipse, #e8c840 0%, #c8a020 60%, transparent 100%);
  border-radius: 50%; filter: blur(3px);
  animation: mm-splat 5s ease-in-out infinite;
}
.scn-monkey-mansion .splatter-a { top: 8%; left: 15%; animation-delay: 0s; }
.scn-monkey-mansion .splatter-b { top: 20%; right: 10%; width: 30px; height: 30px; animation-delay: -2.5s; }
@keyframes mm-groom {
  0% { transform: translateY(0) rotate(-2deg); }
  30% { transform: translateY(-3px) rotate(3deg); }
  60% { transform: translateY(0) rotate(-1deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes mm-read {
  0% { transform: rotate(-5deg) translateX(0); }
  50% { transform: rotate(-8deg) translateX(3px); }
  100% { transform: rotate(-5deg) translateX(0); }
}
@keyframes mm-paper {
  0% { transform: rotate(10deg) translateY(0); }
  50% { transform: rotate(15deg) translateY(-2px); }
  100% { transform: rotate(10deg) translateY(0); }
}
@keyframes mm-splat {
  0% { transform: scale(0.8) rotate(0deg); opacity: 0.6; }
  50% { transform: scale(1.2) rotate(20deg); opacity: 1; }
  100% { transform: scale(0.8) rotate(0deg); opacity: 0.6; }
}

.scn-cattle-kill {
  background: linear-gradient(180deg, #f5e6c8 0%, #e0c9a6 50%, #c8a882 100%),
              radial-gradient(ellipse at 50% 30%, #fff4e0 0%, transparent 70%);
}
.scn-cattle-kill .barn-back {
  position: absolute; inset: 20% 10% 50% 10%;
  background: linear-gradient(90deg, #a07850 0%, #c8a060 50%, #a07850 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-cattle-kill .barn-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(0deg, #6a4a2a 0%, #8a6030 50%, #a07040 100%);
  border-radius: 0 0 20% 20%;
}
.scn-cattle-kill .hay-bale {
  position: absolute; bottom: 25%; left: 30%; width: 15%; height: 20%;
  background: radial-gradient(ellipse at 50% 60%, #d0b060 0%, #a08030 70%);
  border-radius: 30% 30% 50% 50%;
  animation: sck-hay 8s ease-in-out infinite alternate;
}
.scn-cattle-kill .cow-silhouette {
  position: absolute; bottom: 20%; left: 20%; width: 22%; height: 35%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 50% 30% 40%;
  transform-origin: bottom center;
  animation: sck-cow 12s ease-in-out infinite;
}
.scn-cattle-kill .tiger-silhouette {
  position: absolute; bottom: 20%; right: 25%; width: 28%; height: 30%;
  background: linear-gradient(180deg, #6a5a3a 0%, #3a2a1a 100%);
  border-radius: 50% 40% 30% 40%;
  transform-origin: bottom center;
  animation: sck-tiger 15s ease-in-out infinite;
}
.scn-cattle-kill .window-light {
  position: absolute; top: 15%; left: 50%; transform: translateX(-50%);
  width: 12%; height: 18%;
  background: radial-gradient(circle, #ffe080 0%, #ffc040 60%, transparent 80%);
  border-radius: 10%;
  box-shadow: 0 0 30px 15px rgba(255,192,64,0.4);
  animation: sck-glow 4s ease-in-out infinite alternate;
}
.scn-cattle-kill .dust-particle {
  position: absolute; top: 40%; left: 60%; width: 0.5%; height: 0.5%;
  background: #fff; border-radius: 50%; opacity: 0.6;
  animation: sck-dust 20s linear infinite;
}

@keyframes sck-hay {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.05) rotate(2deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes sck-cow {
  0% { transform: translateY(0) rotate(-1deg); }
  25% { transform: translateY(-2px) rotate(0deg); }
  50% { transform: translateY(0) rotate(1deg); }
  75% { transform: translateY(-1px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes sck-tiger {
  0% { transform: translateX(0) rotate(0deg); }
  33% { transform: translateX(-3px) rotate(-2deg); }
  66% { transform: translateX(2px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sck-glow {
  0% { opacity: 0.7; box-shadow: 0 0 20px 10px rgba(255,192,64,0.3); }
  50% { opacity: 1; box-shadow: 0 0 40px 20px rgba(255,192,64,0.6); }
  100% { opacity: 0.8; box-shadow: 0 0 25px 12px rgba(255,192,64,0.4); }
}
@keyframes sck-dust {
  0% { transform: translate(0, 0) scale(1); opacity: 0.6; }
  25% { transform: translate(-10px, -5px) scale(1.5); opacity: 0.3; }
  50% { transform: translate(5px, -10px) scale(0.8); opacity: 0.8; }
  75% { transform: translate(-5px, -2px) scale(1.2); opacity: 0.5; }
  100% { transform: translate(10px, 0) scale(1); opacity: 0.6; }
}

.scn-snake-statistics {
  background: linear-gradient(180deg, #f0e6d0 0%, #d8c8a8 40%, #b8a890 100%),
              radial-gradient(ellipse at 50% 20%, #fff8e8 0%, transparent 60%);
}
.scn-snake-statistics .shelf {
  position: absolute; top: 30%; left: 10%; right: 10%; height: 6%;
  background: linear-gradient(180deg, #6a5030 0%, #4a3820 100%);
  border-radius: 4px;
  box-shadow: 0 6px 8px rgba(0,0,0,0.3);
}
.scn-snake-statistics .book-stack {
  position: absolute; top: 20%; left: 20%; width: 30%; height: 15%;
  background: repeating-linear-gradient(90deg, #a08060 0%, #a08060 8%, #806040 8%, #806040 16%, #c0a080 16%, #c0a080 24%);
  border-radius: 4px;
  transform: rotate(-2deg);
  animation: sss-book 20s ease-in-out infinite alternate;
}
.scn-snake-statistics .lamp {
  position: absolute; top: 25%; right: 25%; width: 10%; height: 20%;
  background: linear-gradient(180deg, #c0a060 0%, #806040 60%, #4a3020 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(255,200,80,0.5);
  animation: sss-lamp 3s ease-in-out infinite alternate;
}
.scn-snake-statistics .snake-coil {
  position: absolute; bottom: 10%; left: 40%; width: 20%; height: 25%;
  background: radial-gradient(ellipse at 50% 60%, #5a8040 0%, #3a6020 60%, #1a4010 100%);
  border-radius: 50%;
  animation: sss-coil 6s ease-in-out infinite;
}
.scn-snake-statistics .map-shadow {
  position: absolute; bottom: 20%; left: 15%; width: 35%; height: 40%;
  background: rgba(0,0,0,0.15);
  border-radius: 30% 30% 10% 10%;
  filter: blur(8px);
  animation: sss-shadow 10s ease-in-out infinite alternate;
}
.scn-snake-statistics .shadow {
  position: absolute; bottom: 5%; left: 30%; width: 50%; height: 5%;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  filter: blur(4px);
  animation: sss-shadow2 8s ease-in-out infinite alternate;
}

@keyframes sss-book {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-2px); }
  100% { transform: rotate(-2deg) translateY(0); }
}
@keyframes sss-lamp {
  0% { opacity: 0.8; box-shadow: 0 0 20px 8px rgba(255,200,80,0.4); }
  50% { opacity: 1; box-shadow: 0 0 40px 15px rgba(255,200,80,0.7); }
  100% { opacity: 0.9; box-shadow: 0 0 25px 10px rgba(255,200,80,0.5); }
}
@keyframes sss-coil {
  0% { transform: scale(1) rotate(0deg); }
  33% { transform: scale(1.03) rotate(5deg); }
  66% { transform: scale(0.97) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes sss-shadow {
  0% { transform: translateX(0) scale(1); opacity: 0.15; }
  50% { transform: translateX(-5px) scale(1.1); opacity: 0.25; }
  100% { transform: translateX(0) scale(1); opacity: 0.15; }
}
@keyframes sss-shadow2 {
  0% { transform: scaleX(1); opacity: 0.2; }
  50% { transform: scaleX(0.9); opacity: 0.3; }
  100% { transform: scaleX(1); opacity: 0.2; }
}

.scn-snake-business {
  background: linear-gradient(180deg, #c8d8e0 0%, #a0b8c8 40%, #8098a8 100%),
              radial-gradient(ellipse at 30% 40%, #e8f0f8 0%, transparent 60%);
}
.scn-snake-business .desk {
  position: absolute; bottom: 20%; left: 15%; right: 15%; height: 30%;
  background: linear-gradient(180deg, #c8a878 0%, #a08050 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.2);
}
.scn-snake-business .chair {
  position: absolute; bottom: 18%; left: 40%; width: 20%; height: 25%;
  background: linear-gradient(180deg, #806050 0%, #4a3828 100%);
  border-radius: 30% 30% 10% 10%;
  transform-origin: bottom center;
  animation: sbus-chair 5s ease-in-out infinite alternate;
}
.scn-snake-business .paper-stack {
  position: absolute; bottom: 30%; left: 25%; width: 12%; height: 15%;
  background: linear-gradient(180deg, #f0e8d8 0%, #d0c8b0 100%);
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  animation: sbus-paper 10s ease-in-out infinite;
}
.scn-snake-business .snake-gov {
  position: absolute; bottom: 28%; left: 45%; width: 15%; height: 20%;
  background: linear-gradient(180deg, #708060 0%, #405030 100%);
  border-radius: 40% 40% 20% 20%;
  transform-origin: bottom;
  animation: sbus-snake 4s ease-in-out infinite;
}
.scn-snake-business .phone {
  position: absolute; bottom: 35%; right: 20%; width: 8%; height: 12%;
  background: radial-gradient(ellipse at 50% 40%, #808080 0%, #404040 100%);
  border-radius: 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: sbus-phone 3s ease-in-out infinite alternate;
}
.scn-snake-business .coffee-cup {
  position: absolute; bottom: 32%; left: 20%; width: 6%; height: 10%;
  background: linear-gradient(180deg, #d0b8a0 0%, #a08870 100%);
  border-radius: 20% 20% 40% 40%;
  animation: sbus-coffee 8s ease-in-out infinite;
}

@keyframes sbus-chair {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-4px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes sbus-paper {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-2px) rotate(-3deg); }
  50% { transform: translateX(1px) rotate(2deg); }
  75% { transform: translateX(-1px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sbus-snake {
  0% { transform: scaleY(1) rotate(0deg); }
  25% { transform: scaleY(1.1) rotate(5deg); }
  50% { transform: scaleY(0.9) rotate(-3deg); }
  75% { transform: scaleY(1.05) rotate(2deg); }
  100% { transform: scaleY(1) rotate(0deg); }
}
@keyframes sbus-phone {
  0% { transform: translateX(0) rotate(0deg); }
  20% { transform: translateX(-2px) rotate(-5deg); }
  40% { transform: translateX(2px) rotate(5deg); }
  60% { transform: translateX(-2px) rotate(-5deg); }
  80% { transform: translateX(1px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sbus-coffee {
  0% { transform: translateY(0) rotate(0deg); }
  33% { transform: translateY(-3px) rotate(2deg); }
  66% { transform: translateY(0) rotate(-2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

.scn-narrow-escapes {
  background: linear-gradient(180deg, #f0e8d8 0%, #e0d0b8 50%, #c0b098 100%),
              radial-gradient(ellipse at 30% 50%, #fff8f0 0%, transparent 60%);
}
.scn-narrow-escapes .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, #8a7a5a 0%, #b09a70 40%, #d0bc90 100%);
  border-radius: 0 0 20% 20%;
}
.scn-narrow-escapes .person-silhouette {
  position: absolute; bottom: 15%; left: 20%; width: 20%; height: 45%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 30% 30% 20% 20%;
  transform-origin: bottom;
  animation: snes-person 6s ease-in-out infinite;
}
.scn-narrow-escapes .snake-strike {
  position: absolute; bottom: 15%; right: 25%; width: 15%; height: 30%;
  background: linear-gradient(180deg, #4a7040 0%, #2a5020 100%);
  border-radius: 50% 50% 30% 30%;
  transform-origin: bottom;
  animation: snes-snake 4s ease-in-out infinite alternate;
}
.scn-narrow-escapes .bandage {
  position: absolute; bottom: 30%; left: 30%; width: 8%; height: 12%;
  background: linear-gradient(180deg, #f0e8d8 0%, #d8c8b0 100%);
  border-radius: 20%;
  transform: rotate(30deg);
  animation: snes-band 10s ease-in-out infinite;
}
.scn-narrow-escapes .window-outside {
  position: absolute; top: 10%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #b0d0e8 0%, #80a8c8 100%);
  border: 8px solid #8a7050;
  border-radius: 10%;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
  animation: snes-window 15s ease-in-out infinite alternate;
}
.scn-narrow-escapes .shadow {
  position: absolute; bottom: 8%; left: 25%; width: 50%; height: 5%;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  filter: blur(6px);
  animation: snes-shadow 8s ease-in-out infinite alternate;
}

@keyframes snes-person {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  25% { transform: translateX(4px) rotate(-3deg) scaleY(0.95); }
  50% { transform: translateX(-2px) rotate(2deg) scaleY(1.02); }
  75% { transform: translateX(3px) rotate(-1deg) scaleY(0.98); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes snes-snake {
  0% { transform: translateX(0) rotate(0deg) scaleY(1); }
  50% { transform: translateX(-6px) rotate(-10deg) scaleY(1.2); }
  100% { transform: translateX(0) rotate(0deg) scaleY(1); }
}
@keyframes snes-band {
  0% { transform: rotate(30deg) translateY(0); }
  33% { transform: rotate(35deg) translateY(-2px); }
  66% { transform: rotate(28deg) translateY(1px); }
  100% { transform: rotate(30deg) translateY(0); }
}
@keyframes snes-window {
  0% { opacity: 0.8; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); }
  50% { opacity: 1; box-shadow: inset 0 0 30px rgba(0,0,0,0.3); }
  100% { opacity: 0.9; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); }
}
@keyframes snes-shadow {
  0% { transform: scaleX(1); opacity: 0.2; }
  50% { transform: scaleX(0.8); opacity: 0.3; }
  100% { transform: scaleX(1); opacity: 0.2; }
}

.scn-wellington-visit {
  background:
    linear-gradient(180deg, #fde8c8 0%, #f8d0a0 30%, #e0b080 70%, #c89060 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%);
}
.scn-wellington-visit .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #ffe5c0 0%, #f8d0a0 40%, transparent 100%);
  animation: wv-sky 12s ease-in-out infinite alternate;
}
.scn-wellington-visit .hills {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #9ab87a 0%, #6f9450 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 8px 15px rgba(0,0,0,.2);
  animation: wv-hills 18s ease-in-out infinite alternate;
}
.scn-wellington-visit .path {
  position: absolute; bottom: 22%; left: 20%; width: 30%; height: 12%;
  background: linear-gradient(180deg, #c4a672 0%, #a8875a 100%);
  border-radius: 40%;
  transform: perspective(400px) rotateX(60deg);
  animation: wv-path 6s ease-in-out infinite alternate;
}
.scn-wellington-visit .tree-a {
  position: absolute; bottom: 28%; left: 10%; width: 50px; height: 90px;
  background: linear-gradient(180deg, #5a7a3a 0%, #3a5a2a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  box-shadow: -5px 0 10px rgba(0,0,0,.3);
  animation: wv-tree 20s ease-in-out infinite alternate;
}
.scn-wellington-visit .tree-b {
  position: absolute; bottom: 30%; right: 15%; width: 40px; height: 75px;
  background: linear-gradient(180deg, #6a8a4a 0%, #4a6a2a 100%);
  border-radius: 45% 45% 35% 35% / 55% 55% 45% 45%;
  box-shadow: 5px 0 10px rgba(0,0,0,.25);
  animation: wv-tree 25s ease-in-out infinite alternate-reverse;
}
.scn-wellington-visit .bench {
  position: absolute; bottom: 20%; left: 45%; width: 60px; height: 16px;
  background: linear-gradient(90deg, #8b6a4a 0%, #a07a5a 50%, #7a5a3a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,.3);
  animation: wv-bench 9s ease-in-out infinite;
}
.scn-wellington-visit .figure {
  position: absolute; bottom: 20%; left: 48%; width: 14px; height: 30px;
  background: linear-gradient(180deg, #2a3a2a 0%, #1a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: wv-figure 4s ease-in-out infinite;
}
.scn-wellington-visit .cloud-wv1 {
  position: absolute; top: 8%; left: 20%; width: 70px; height: 16px;
  background: linear-gradient(180deg, rgba(255,240,210,.7) 0%, rgba(255,220,180,.2) 100%);
  border-radius: 50%; filter: blur(5px);
  animation: wv-drift1 30s linear infinite;
}
.scn-wellington-visit .cloud-wv2 {
  position: absolute; top: 15%; right: 10%; width: 50px; height: 12px;
  background: linear-gradient(180deg, rgba(255,240,210,.5) 0%, rgba(255,220,180,.1) 100%);
  border-radius: 50%; filter: blur(4px);
  animation: wv-drift2 40s linear infinite reverse;
}
@keyframes wv-sky { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes wv-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes wv-path { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes wv-tree { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(2deg) scale(1.02) } 100% { transform: rotate(-1deg) scale(1) } }
@keyframes wv-bench { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes wv-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg) } 25% { transform: translateX(4px) translateY(-1px) rotate(2deg) } 50% { transform: translateX(8px) translateY(0) rotate(-1deg) } 75% { transform: translateX(12px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(0) translateY(0) rotate(0deg) } }
@keyframes wv-drift1 { 0% { transform: translateX(-40px) } 100% { transform: translateX(110vw) } }
@keyframes wv-drift2 { 0% { transform: translateX(0) } 100% { transform: translateX(-100vw) } }

.scn-muskets-war {
  background:
    linear-gradient(180deg, #1a1510 0%, #2a1a0a 30%, #3a2a1a 70%, #1a0a00 100%),
    radial-gradient(ellipse at 50% 70%, #d04a2a 0%, transparent 60%);
}
.scn-muskets-war .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,.6);
  animation: mw-wall 10s ease-in-out infinite alternate;
}
.scn-muskets-war .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,.5);
}
.scn-muskets-war .fire {
  position: absolute; bottom: 30%; left: 50%; width: 80px; height: 60px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 50%, #ff8040 0%, #d04a2a 40%, #702010 80%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(200,80,40,.6), 0 0 100px 50px rgba(200,80,40,.3);
  animation: mw-fire 3s ease-in-out infinite alternate;
}
.scn-muskets-war .post-l {
  position: absolute; bottom: 30%; left: 10%; width: 8px; height: 50%;
  background: linear-gradient(0deg, #3a2a1a 0%, #5a3a2a 100%);
  box-shadow: 2px 0 6px rgba(0,0,0,.5);
  animation: mw-post 8s ease-in-out infinite alternate;
}
.scn-muskets-war .post-r {
  position: absolute; bottom: 30%; right: 10%; width: 8px; height: 50%;
  background: linear-gradient(0deg, #3a2a1a 0%, #5a3a2a 100%);
  box-shadow: -2px 0 6px rgba(0,0,0,.5);
  animation: mw-post 8s ease-in-out infinite alternate-reverse;
}
.scn-muskets-war .warrior {
  position: absolute; bottom: 24%; left: 25%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #1a1a0a 0%, #0a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 0 0 15px rgba(200,80,40,.2);
  animation: mw-warrior 5s ease-in-out infinite;
}
.scn-muskets-war .musket {
  position: absolute; bottom: 28%; left: 30%; width: 50px; height: 6px;
  background: linear-gradient(90deg, #2a1a0a 0%, #4a3a2a 50%, #2a1a0a 100%);
  border-radius: 2px;
  transform: rotate(-20deg);
  transform-origin: right center;
  box-shadow: 0 2px 4px rgba(0,0,0,.4);
  animation: mw-musket 4s ease-in-out infinite;
}
.scn-muskets-war .smoke {
  position: absolute; bottom: 40%; left: 35%; width: 30px; height: 20px;
  background: radial-gradient(ellipse, rgba(180,160,140,.4) 0%, transparent 100%);
  filter: blur(6px);
  animation: mw-smoke 6s ease-in-out infinite;
}
@keyframes mw-wall { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes mw-fire { 0% { transform: translateX(-50%) scale(1); opacity: .9 } 50% { transform: translateX(-50%) scale(1.1); opacity: 1 } 100% { transform: translateX(-50%) scale(.95); opacity: .85 } }
@keyframes mw-post { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes mw-warrior { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3px) rotate(2deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(9px) rotate(1deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes mw-musket { 0% { transform: rotate(-20deg) } 50% { transform: rotate(-15deg) } 100% { transform: rotate(-22deg) } }
@keyframes mw-smoke { 0% { transform: translateY(0) scale(1); opacity: .4 } 50% { transform: translateY(-10px) scale(1.3); opacity: .2 } 100% { transform: translateY(0) scale(1); opacity: .4 } }

.scn-mararoa-sail {
  background:
    linear-gradient(180deg, #f0e8d8 0%, #d8e0f0 30%, #9ab8d8 60%, #5a80a0 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e8 0%, transparent 70%);
}
.scn-mararoa-sail .ocean-bg {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #5a80a0 0%, #2a4a6a 100%);
  box-shadow: inset 0 20px 30px rgba(0,0,0,.3);
  animation: ms-ocean 20s ease-in-out infinite alternate;
}
.scn-mararoa-sail .sky-ms {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #c0d8f0 0%, #e8f0ff 50%, transparent 100%);
  animation: ms-sky 15s ease-in-out infinite alternate;
}
.scn-mararoa-sail .hull {
  position: absolute; bottom: 30%; left: 30%; width: 100px; height: 40px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 0 0 30% 30% / 0 0 60% 60%;
  box-shadow: 0 -8px 10px rgba(0,0,0,.3);
  animation: ms-hull 6s ease-in-out infinite alternate;
}
.scn-mararoa-sail .deck {
  position: absolute; bottom: 32%; left: 28%; width: 110px; height: 8px;
  background: linear-gradient(90deg, #7a6a5a 0%, #9a8a7a 50%, #7a6a5a 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.scn-mararoa-sail .awning {
  position: absolute; bottom: 36%; left: 38%; width: 50px; height: 20px;
  background: linear-gradient(180deg, #e0d0b0 0%, #c0a880 100%);
  border-radius: 30% 30% 0 0 / 60% 60% 0 0;
  transform: skewX(-10deg);
  box-shadow: 0 4px 6px rgba(0,0,0,.2);
  animation: ms-awning 8s ease-in-out infinite alternate;
}
.scn-mararoa-sail .figure-ms {
  position: absolute; bottom: 31%; left: 44%; width: 16px; height: 28px;
  background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(-5deg);
  transform-origin: bottom center;
  animation: ms-figure 4s ease-in-out infinite;
}
.scn-mararoa-sail .book {
  position: absolute; bottom: 33%; left: 47%; width: 12px; height: 16px;
  background: linear-gradient(180deg, #c8a060 0%, #a88040 100%);
  border-radius: 2px;
  transform: rotate(10deg);
  box-shadow: 0 2px 3px rgba(0,0,0,.3);
  animation: ms-book 5s ease-in-out infinite;
}
.scn-mararoa-sail .wave-ms1 {
  position: absolute; bottom: 10%; left: 0; width: 100%; height: 20px;
  background: linear-gradient(90deg, transparent, rgba(90,128,160,.4) 20%, transparent 50%, rgba(90,128,160,.4) 80%, transparent);
  filter: blur(4px);
  animation: ms-wave1 8s ease-in-out infinite;
}
.scn-mararoa-sail .wave-ms2 {
  position: absolute; bottom: 5%; left: 0; width: 100%; height: 15px;
  background: linear-gradient(90deg, transparent, rgba(70,110,140,.3) 30%, transparent 60%, rgba(70,110,140,.3) 90%, transparent);
  filter: blur(3px);
  animation: ms-wave2 12s ease-in-out infinite reverse;
}
@keyframes ms-ocean { 0% { background-position: 0 0 } 50% { background-position: 10px 0 } 100% { background-position: 0 0 } }
@keyframes ms-sky { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes ms-hull { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes ms-awning { 0% { transform: skewX(-10deg) } 50% { transform: skewX(-8deg) } 100% { transform: skewX(-12deg) } }
@keyframes ms-figure { 0% { transform: rotate(-5deg) translateX(0) } 25% { transform: rotate(-4deg) translateX(2px) } 50% { transform: rotate(-6deg) translateX(4px) } 75% { transform: rotate(-5deg) translateX(6px) } 100% { transform: rotate(-5deg) translateX(0) } }
@keyframes ms-book { 0% { transform: rotate(10deg) } 50% { transform: rotate(8deg) } 100% { transform: rotate(12deg) } }
@keyframes ms-wave1 { 0% { transform: translateX(-20px) } 50% { transform: translateX(20px) } 100% { transform: translateX(-20px) } }
@keyframes ms-wave2 { 0% { transform: translateX(20px) } 50% { transform: translateX(-30px) } 100% { transform: translateX(20px) } }

.scn-julia-moore-poems {
  background:
    linear-gradient(180deg, #f5e8d0 0%, #e3d0b5 40%, #c8b090 70%, #a88a6a 100%),
    radial-gradient(ellipse at 70% 40%, #fff8e0 0%, transparent 60%);
}
.scn-julia-moore-poems .wall-jm {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #e3d0b5 0%, #d0b8a0 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,.1);
  animation: jm-wall 15s ease-in-out infinite alternate;
}
.scn-julia-moore-poems .bookshelf {
  position: absolute; top: 10%; left: 15%; width: 50%; height: 30%;
  background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: jm-shelf 20s ease-in-out infinite alternate;
}
.scn-julia-moore-poems .chair {
  position: absolute; bottom: 25%; left: 30%; width: 50px; height: 60px;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 10% 10%;
  box-shadow: 0 6px 10px rgba(0,0,0,.3);
  animation: jm-chair 7s ease-in-out infinite;
}
.scn-julia-moore-poems .figure-jm {
  position: absolute; bottom: 25%; left: 32%; width: 16px; height: 32px;
  background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: jm-figure 4s ease-in-out infinite;
}
.scn-julia-moore-poems .lamp {
  position: absolute; top: 15%; right: 20%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #c0a060 0%, #a08040 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 30% 30%;
  box-shadow: 0 0 30px 10px rgba(200,170,100,.5);
  animation: jm-lamp 5s ease-in-out infinite alternate;
}
.scn-julia-moore-poems .table {
  position: absolute; bottom: 20%; left: 35%; width: 40px; height: 20px;
  background: linear-gradient(90deg, #6a4a2a 0%, #8a6a4a 50%, #6a4a2a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,.3);
  animation: jm-table 9s ease-in-out infinite alternate;
}
.scn-julia-moore-poems .book-open {
  position: absolute; bottom: 24%; left: 37%; width: 24px; height: 16px;
  background: linear-gradient(180deg, #c8a060 0%, #a88040 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  transform: perspective(200px) rotateX(10deg);
  animation: jm-book 6s ease-in-out infinite;
}
.scn-julia-moore-poems .glow-jm {
  position: absolute; top: 10%; right: 18%; width: 40px; height: 40px;
  background: radial-gradient(ellipse, rgba(255,240,180,.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: jm-glow 4s ease-in-out infinite alternate;
}
@keyframes jm-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .95 } }
@keyframes jm-shelf { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes jm-chair { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes jm-figure { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(2px) rotate(1deg) } 50% { transform: translateX(4px) rotate(-1deg) } 75% { transform: translateX(6px) rotate(2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes jm-lamp { 0% { box-shadow: 0 0 20px 5px rgba(200,170,100,.4); opacity: .8 } 50% { box-shadow: 0 0 40px 15px rgba(200,170,100,.6); opacity: 1 } 100% { box-shadow: 0 0 25px 8px rgba(200,170,100,.45); opacity: .9 } }
@keyframes jm-table { 0% { transform: translateX(0) } 50% { transform: translateX(2px) } 100% { transform: translateX(0) } }
@keyframes jm-book { 0% { transform: perspective(200px) rotateX(10deg) } 50% { transform: perspective(200px) rotateX(6deg) } 100% { transform: perspective(200px) rotateX(12deg) } }
@keyframes jm-glow { 0% { transform: scale(1); opacity: .5 } 50% { transform: scale(1.5); opacity: .8 } 100% { transform: scale(1); opacity: .6 } }

/* kipling-ballad */
.scn-kipling-ballad {
  background: linear-gradient(180deg, #7fb7c9 0%, #4a8ba0 40%, #2c6476 70%, #1a3f4b 100%),
              radial-gradient(ellipse at 30% 20%, rgba(255,220,120,0.4) 0%, transparent 60%);
}
.scn-kipling-ballad .kb-sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #fce4b8 0%, #f9d48a 30%, #b8d4e6 60%, #7fb7c9 100%);
  animation: kb-sky-glow 12s ease-in-out infinite alternate;
}
.scn-kipling-ballad .kb-sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #2c6476 0%, #1a3f4b 40%, #0d2233 100%);
  border-radius: 0 0 20% 20% / 0 0 10% 10%;
  box-shadow: inset 0 8px 30px rgba(0,0,0,0.6);
  animation: kb-sea-swell 8s ease-in-out infinite alternate;
}
.scn-kipling-ballad .kb-sun {
  position: absolute; top: 15%; left: 35%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff7c0 0%, #f9d48a 40%, #e8a82e 70%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #f9d48a, 0 0 120px 40px rgba(249,212,138,0.4);
  animation: kb-sun-pulse 4s ease-in-out infinite alternate;
}
.scn-kipling-ballad .kb-hull {
  position: absolute; bottom: 38%; left: 55%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #6b4a32 0%, #3d2a1c 100%);
  border-radius: 0 0 30% 30% / 0 0 60% 60%;
  transform: rotate(-2deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: kb-ship-rock 6s ease-in-out infinite;
}
.scn-kipling-ballad .kb-sail {
  position: absolute; bottom: 40%; left: 58%; width: 40px; height: 60px;
  background: linear-gradient(135deg, #fdf6e3 0%, #f0dcc0 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  transform: skewX(-5deg);
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
  animation: kb-sail-billow 5s ease-in-out infinite alternate;
}
.scn-kipling-ballad .kb-cloud {
  position: absolute; top: 10%; right: 10%; width: 100px; height: 25px;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%;
  filter: blur(6px);
  animation: kb-cloud-drift 40s linear infinite;
}
.scn-kipling-ballad .kb-wake {
  position: absolute; bottom: 40%; left: 35%; right: 55%; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  filter: blur(1px);
  animation: kb-wake-fade 10s ease-in-out infinite alternate;
}
@keyframes kb-sky-glow {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes kb-sea-swell {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(2px) scaleY(1.01); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes kb-sun-pulse {
  0% { transform: scale(1); box-shadow: 0 0 60px 20px rgba(249,212,138,0.6); }
  50% { transform: scale(1.05); box-shadow: 0 0 80px 30px rgba(249,212,138,0.8); }
  100% { transform: scale(0.98); box-shadow: 0 0 50px 15px rgba(249,212,138,0.5); }
}
@keyframes kb-ship-rock {
  0% { transform: translateY(0) rotate(-2deg); }
  25% { transform: translateY(1px) rotate(-1deg); }
  50% { transform: translateY(2px) rotate(0deg); }
  75% { transform: translateY(1px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes kb-sail-billow {
  0% { transform: skewX(-5deg) scaleX(1); }
  50% { transform: skewX(-8deg) scaleX(1.05); }
  100% { transform: skewX(-3deg) scaleX(0.98); }
}
@keyframes kb-cloud-drift {
  0% { transform: translateX(0); }
  100% { transform: translateX(-150vw); }
}
@keyframes kb-wake-fade {
  0% { opacity: 0.3; width: 30%; }
  50% { opacity: 0.6; width: 40%; }
  100% { opacity: 0.2; width: 20%; }
}

/* magellan-clouds */
.scn-magellan-clouds {
  background: linear-gradient(180deg, #0a0e2a 0%, #1b2240 50%, #2a3455 100%),
              radial-gradient(ellipse at 50% 30%, #2a3455 0%, transparent 70%);
}
.scn-magellan-clouds .mc-sky {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 70% 20%, #1b2240 0%, #0a0e2a 100%);
  animation: mc-sky-twinkle 15s ease-in-out infinite alternate;
}
.scn-magellan-clouds .mc-stars-bg {
  position: absolute; inset: 0;
  background-image: radial-gradient(1px 1px at 10% 20%, #fff, transparent),
                    radial-gradient(1px 1px at 30% 50%, #fff, transparent),
                    radial-gradient(1px 1px at 60% 10%, #fff, transparent),
                    radial-gradient(1px 1px at 80% 70%, #fff, transparent),
                    radial-gradient(1px 1px at 20% 85%, #fff, transparent);
  background-size: 200px 200px;
  animation: mc-stars-bg-drift 60s linear infinite;
}
.scn-magellan-clouds .mc-stars-fg {
  position: absolute; inset: 0;
  background-image: radial-gradient(2px 2px at 15% 30%, #fff, transparent),
                    radial-gradient(2px 2px at 45% 60%, #fff, transparent),
                    radial-gradient(2px 2px at 70% 40%, #fff, transparent),
                    radial-gradient(2px 2px at 90% 20%, #fff, transparent);
  background-size: 300px 300px;
  animation: mc-stars-fg-twinkle 4s ease-in-out infinite alternate;
}
.scn-magellan-clouds .mc-cloud-a {
  position: absolute; top: 30%; left: 20%; width: 120px; height: 60px;
  background: radial-gradient(ellipse, rgba(200,210,255,0.15) 0%, transparent 70%);
  filter: blur(12px);
  animation: mc-cloud-a-pulse 12s ease-in-out infinite alternate;
}
.scn-magellan-clouds .mc-cloud-b {
  position: absolute; top: 50%; right: 25%; width: 80px; height: 40px;
  background: radial-gradient(ellipse, rgba(200,210,255,0.12) 0%, transparent 60%);
  filter: blur(10px);
  animation: mc-cloud-b-pulse 18s ease-in-out infinite alternate;
  animation-delay: -6s;
}
.scn-magellan-clouds .mc-figure {
  position: absolute; bottom: 15%; left: 40%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #2a3455 0%, #1b2240 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mc-figure-look 10s ease-in-out infinite;
}
.scn-magellan-clouds .mc-telescope {
  position: absolute; bottom: 20%; left: 38%; width: 5px; height: 25px;
  background: #4a5a7a;
  border-radius: 20%;
  transform: rotate(30deg);
  transform-origin: bottom center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  animation: mc-telescope-aim 12s ease-in-out infinite alternate;
}
@keyframes mc-sky-twinkle {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.95; }
}
@keyframes mc-stars-bg-drift {
  0% { background-position: 0 0; }
  100% { background-position: 200px 200px; }
}
@keyframes mc-stars-fg-twinkle {
  0% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0.7; transform: scale(0.9); }
}
@keyframes mc-cloud-a-pulse {
  0% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.2); }
  100% { opacity: 0.4; transform: scale(0.9); }
}
@keyframes mc-cloud-b-pulse {
  0% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.3); }
  100% { opacity: 0.3; transform: scale(0.8); }
}
@keyframes mc-figure-look {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(5deg); }
  50% { transform: translateX(0) rotate(10deg); }
  75% { transform: translateX(-3px) rotate(5deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes mc-telescope-aim {
  0% { transform: rotate(30deg); }
  50% { transform: rotate(45deg); }
  100% { transform: rotate(20deg); }
}

/* mauritius-arrival */
.scn-mauritius-arrival {
  background: linear-gradient(180deg, #f7c59f 0%, #e8a87c 30%, #9bb7c3 60%, #4a7a8c 100%),
              radial-gradient(ellipse at 50% 80%, #4a7a8c 0%, transparent 60%);
}
.scn-mauritius-arrival .ma-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffb56b 0%, #ff8a5c 40%, #d4a373 70%, #9bb7c3 100%);
  animation: ma-sky-break 14s ease-in-out infinite alternate;
}
.scn-mauritius-arrival .ma-sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #4a7a8c 0%, #2d5566 50%, #1a3344 100%);
  border-radius: 0 0 30% 30% / 0 0 15% 15%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.4);
  animation: ma-sea-swell 9s ease-in-out infinite alternate;
}
.scn-mauritius-arrival .ma-plain {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #7a9a5a 0%, #4d6b3a 100%);
  border-radius: 20% 80% 0 0 / 30% 70% 0 0;
  box-shadow: inset 0 6px 15px rgba(0,0,0,0.3);
  animation: ma-plain-sway 15s ease-in-out infinite alternate;
}
.scn-mauritius-arrival .ma-hills {
  position: absolute; bottom: 40%; left: 10%; right: 20%; height: 20%;
  background: linear-gradient(180deg, #5a7a3a 0%, #3a5a2a 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 4px 10px rgba(0,0,0,0.3);
  animation: ma-hills-breathe 18s ease-in-out infinite alternate;
}
.scn-mauritius-arrival .ma-peaks {
  position: absolute; bottom: 55%; left: 30%; right: 10%; height: 15%;
  background: linear-gradient(180deg, #7a8a8a 0%, #4a5a5a 100%);
  border-radius: 20% 80% 0 0 / 100% 100% 0 0;
  clip-path: polygon(0% 100%, 20% 40%, 40% 100%, 60% 20%, 80% 80%, 100% 100%);
  animation: ma-peaks-shimmer 12s ease-in-out infinite alternate;
}
.scn-mauritius-arrival .ma-ship-hull {
  position: absolute; bottom: 45%; left: 60%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2214 100%);
  border-radius: 0 0 40% 40% / 0 0 80% 80%;
  transform: rotate(2deg);
  box-shadow: 0 3px 6px rgba(0,0,0,0.5);
  animation: ma-ship-rock 7s ease-in-out infinite;
}
.scn-mauritius-arrival .ma-ship-sail {
  position: absolute; bottom: 47%; left: 63%; width: 30px; height: 40px;
  background: linear-gradient(135deg, #fdf6e3 0%, #e0c8a8 100%);
  border-radius: 20% 20% 10% 10% / 40% 40% 20% 20%;
  transform: skewX(-5deg);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  animation: ma-sail-flap 6s ease-in-out infinite alternate;
}
.scn-mauritius-arrival .ma-sun {
  position: absolute; top: 15%; left: 45%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffe8a0 0%, #ffb56b 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 50px 15px #ffb56b, 0 0 100px 30px rgba(255,181,107,0.3);
  animation: ma-sun-rise 20s ease-in-out infinite alternate;
}
@keyframes ma-sky-break {
  0% { opacity: 0.8; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.1); }
  100% { opacity: 0.9; filter: brightness(0.95); }
}
@keyframes ma-sea-swell {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(2px) scaleY(1.02); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes ma-plain-sway {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.01); }
  100% { transform: scaleY(0.99); }
}
@keyframes ma-hills-breathe {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes ma-peaks-shimmer {
  0% { opacity: 0.8; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.05); }
  100% { opacity: 0.9; filter: brightness(0.95); }
}
@keyframes ma-ship-rock {
  0% { transform: rotate(2deg); }
  25% { transform: rotate(3deg); }
  50% { transform: rotate(1deg); }
  75% { transform: rotate(3deg); }
  100% { transform: rotate(2deg); }
}
@keyframes ma-sail-flap {
  0% { transform: skewX(-5deg) scaleX(1); }
  50% { transform: skewX(-8deg) scaleX(1.04); }
  100% { transform: skewX(-3deg) scaleX(0.98); }
}
@keyframes ma-sun-rise {
  0% { top: 20%; transform: scale(0.9); }
  50% { top: 15%; transform: scale(1); }
  100% { top: 10%; transform: scale(0.95); }
}

/* french-quarantine */
.scn-french-quarantine {
  background: linear-gradient(180deg, #f5e6d0 0%, #e8d5b0 50%, #d4bf9a 100%),
              radial-gradient(circle at 80% 30%, rgba(255,255,200,0.3) 0%, transparent 60%);
}
.scn-french-quarantine .fq-wall {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #f0dfc8 0%, #d9c4a8 100%);
  box-shadow: inset 0 4px 15px rgba(0,0,0,0.1);
  animation: fq-wall-bright 10s ease-in-out infinite alternate;
}
.scn-french-quarantine .fq-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #b8a080 0%, #8a704e 100%);
  border-radius: 0 0 10% 10% / 0 0 5% 5%;
  box-shadow: inset 0 6px 12px rgba(0,0,0,0.2);
  animation: fq-floor-shift 14s ease-in-out infinite alternate;
}
.scn-french-quarantine .fq-window {
  position: absolute; top: 10%; left: 65%; width: 60px; height: 80px;
  background: linear-gradient(180deg, #c9dde8 0%, #97b5c4 100%);
  border: 4px solid #7a6a5a;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.3);
  animation: fq-window-glow 8s ease-in-out infinite alternate;
}
.scn-french-quarantine .fq-desk {
  position: absolute; bottom: 20%; left: 20%; width: 80px; height: 20px;
  background: linear-gradient(180deg, #8a7050 0%, #5a4a38 100%);
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transform: rotate(-1deg);
  animation: fq-desk-wobble 6s ease-in-out infinite;
}
.scn-french-quarantine .fq-doctor {
  position: absolute; bottom: 22%; left: 25%; width: 30px; height: 55px;
  background: linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: fq-doctor-bounce 4s ease-in-out infinite;
}
.scn-french-quarantine .fq-patient {
  position: absolute; bottom: 22%; left: 10%; width: 25px; height: 40px;
  background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%;
  transform: rotate(5deg);
  animation: fq-patient-shake 3s ease-in-out infinite alternate;
}
.scn-french-quarantine .fq-clock {
  position: absolute; top: 5%; right: 15%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f0e0c0 0%, #c8b090 60%, transparent 100%);
  border-radius: 50%;
  border: 3px solid #7a6a5a;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: fq-clock-swing 5s ease-in-out infinite alternate;
}
.scn-french-quarantine .fq-lamp {
  position: absolute; top: 8%; left: 50%; width: 10px; height: 20px;
  background: #c8a060;
  border-radius: 20% 20% 50% 50%;
  box-shadow: 0 0 30px 10px rgba(255,200,100,0.6);
  animation: fq-lamp-flicker 2s ease-in-out infinite alternate;
}
@keyframes fq-wall-bright {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.95; }
}
@keyframes fq-floor-shift {
  0% { transform: translateY(0); }
  50% { transform: translateY(2px); }
  100% { transform: translateY(0); }
}
@keyframes fq-window-glow {
  0% { box-shadow: inset 0 0 20px rgba(255,255,255,0.3); }
  50% { box-shadow: inset 0 0 30px rgba(255,255,255,0.5); }
  100% { box-shadow: inset 0 0 20px rgba(255,255,255,0.3); }
}
@keyframes fq-desk-wobble {
  0% { transform: rotate(-1deg); }
  25% { transform: rotate(-2deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes fq-doctor-bounce {
  0% { transform: translateY(0) rotate(0deg); }
  20% { transform: translateY(-3px) rotate(2deg); }
  40% { transform: translateY(0) rotate(0deg); }
  60% { transform: translateY(-2px) rotate(-2deg); }
  80% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes fq-patient-shake {
  0% { transform: rotate(5deg) translateX(0); }
  50% { transform: rotate(10deg) translateX(2px); }
  100% { transform: rotate(5deg) translateX(0); }
}
@keyframes fq-clock-swing {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes fq-lamp-flicker {
  0% { opacity: 0.8; box-shadow: 0 0 20px 5px rgba(255,200,100,0.4); }
  50% { opacity: 1; box-shadow: 0 0 30px 10px rgba(255,200,100,0.7); }
  100% { opacity: 0.85; box-shadow: 0 0 25px 8px rgba(255,200,100,0.5); }
}

.scn-ship-rats {
  background: 
    linear-gradient(135deg, #4a3228 0%, #6a4a3a 50%, #3a2218 100%),
    radial-gradient(circle at 60% 50%, #c8a060 0%, transparent 70%);
}
.scn-ship-rats .wall-left {
  position:absolute; left:0; top:0; width:22%; height:100%;
  background: linear-gradient(90deg, #4a3228 0%, #5a3a2a 50%, #3a2218 100%);
  box-shadow: inset -4px 0 12px rgba(0,0,0,0.5);
}
.scn-ship-rats .wall-right {
  position:absolute; right:0; top:0; width:22%; height:100%;
  background: linear-gradient(90deg, #3a2218 0%, #5a3a2a 50%, #4a3228 100%);
  box-shadow: inset 4px 0 12px rgba(0,0,0,0.5);
}
.scn-ship-rats .floor {
  position:absolute; bottom:0; left:22%; right:22%; height:32%;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a10 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.4);
}
.scn-ship-rats .table {
  position:absolute; bottom:20%; left:50%; width:60px; height:8px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8a6a4a 0%, #4a2a1a 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-ship-rats .gong {
  position:absolute; bottom:28%; left:50%; width:30px; height:30px;
  transform: translateX(-50%);
  background: radial-gradient(circle, #c8a060 30%, #8a6a3a 60%, #4a2a1a 100%);
  border-radius: 50%;
  box-shadow: 0 0 16px 4px rgba(200,160,96,0.5);
  animation: sr-gong 4s ease-in-out infinite;
}
.scn-ship-rats .rat-1 {
  position:absolute; bottom:12%; left:30%; width:16px; height:10px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40%;
  animation: sr-rat1 5s ease-in-out infinite;
}
.scn-ship-rats .rat-2 {
  position:absolute; bottom:10%; left:50%; width:14px; height:8px;
  background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40%;
  animation: sr-rat2 6s ease-in-out infinite 0.5s;
}
.scn-ship-rats .lamp-glow {
  position:absolute; bottom:28%; left:36%; width:20px; height:20px;
  background: radial-gradient(circle, #ffd080 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 12px #ffc060;
  animation: sr-lamp 3s ease-in-out infinite alternate;
}
@keyframes sr-gong {
  0% { transform: translateX(-50%) rotate(0deg); }
  30% { transform: translateX(-50%) rotate(5deg); }
  60% { transform: translateX(-50%) rotate(-5deg); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes sr-rat1 {
  0% { transform: translateX(0) translateY(0); }
  25% { transform: translateX(20px) translateY(-2px); }
  50% { transform: translateX(40px) translateY(0); }
  75% { transform: translateX(20px) translateY(2px); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes sr-rat2 {
  0% { transform: translateX(0) translateY(0); }
  20% { transform: translateX(-15px) translateY(-1px); }
  40% { transform: translateX(-30px) translateY(0); }
  60% { transform: translateX(-15px) translateY(1px); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes sr-lamp {
  0% { opacity: 0.7; box-shadow: 0 0 30px 8px #ffc060; }
  50% { opacity: 1; box-shadow: 0 0 60px 20px #ffd080; }
  100% { opacity: 0.8; box-shadow: 0 0 40px 12px #ffb040; }
}

.scn-napier-train {
  background: 
    linear-gradient(180deg, #183850 0%, #2a5a70 30%, #4a8aa0 60%, #7ab0c0 100%),
    radial-gradient(ellipse at 80% 30%, #f8e8a0 0%, transparent 50%);
}
.scn-napier-train .window-frame {
  position:absolute; inset: 8% 6% 10% 6%;
  border: 12px solid #4a3a2a;
  border-radius: 16px;
  background: transparent;
  box-shadow: inset 0 0 0 4px #2a1a0a, 0 0 20px rgba(0,0,0,0.3);
  z-index: 10;
}
.scn-napier-train .sky {
  position:absolute; inset: 8% 6% 10% 6%;
  background: linear-gradient(180deg, #3a8ab0 0%, #6ab8d8 60%, #9ad0e0 100%);
  z-index: 1;
  animation: nt-sky 15s linear infinite alternate;
}
.scn-napier-train .forest {
  position:absolute; bottom: 40%; left: 5%; right: 5%; height: 35%;
  background: linear-gradient(180deg, #2a5a2a 0%, #1a3a1a 100%);
  border-radius: 40% 40% 0 0;
  z-index: 2;
  animation: nt-forest 20s linear infinite;
}
.scn-napier-train .gorge {
  position:absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 30% 70% 0 0 / 50% 50% 0 0;
  z-index: 3;
  animation: nt-gorge 25s linear infinite;
}
.scn-napier-train .seat {
  position:absolute; bottom: 0; left: 20%; right: 20%; height: 20%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 0 0;
  z-index: 11;
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.4);
}
.scn-napier-train .fern {
  position:absolute; bottom: 30%; left: 70%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #3a6a3a 0%, #1a3a1a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  transform-origin: bottom center;
  z-index: 4;
  animation: nt-fern 6s ease-in-out infinite alternate;
}
.scn-napier-train .sun {
  position:absolute; top: 12%; right: 15%; width: 40px; height: 40px;
  background: radial-gradient(circle, #f8e8a0 0%, #f0d070 50%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 0 60px 20px #f0d070;
  animation: nt-sun 12s ease-in-out infinite alternate;
}
@keyframes nt-sky {
  0% { background-position: 0 0; }
  100% { background-position: 0 10%; }
}
@keyframes nt-forest {
  0% { transform: translateX(0); }
  50% { transform: translateX(-30px); }
  100% { transform: translateX(0); }
}
@keyframes nt-gorge {
  0% { transform: translateX(0) scaleX(1); }
  50% { transform: translateX(-20px) scaleX(1.1); }
  100% { transform: translateX(0) scaleX(1); }
}
@keyframes nt-fern {
  0% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-2deg); }
}
@keyframes nt-sun {
  0% { opacity: 0.8; box-shadow: 0 0 40px 10px #f0d070; }
  50% { opacity: 1; box-shadow: 0 0 80px 30px #f8e8a0; }
  100% { opacity: 0.9; box-shadow: 0 0 50px 15px #f0c050; }
}

.scn-mental-telegraphy {
  background: 
    linear-gradient(135deg, #4a3a2a 0%, #7a5a3a 30%, #3a2a1a 100%),
    radial-gradient(circle at 50% 40%, #e8d8a0 0%, transparent 60%);
}
.scn-mental-telegraphy .wall {
  position:absolute; inset: 5%;
  background: linear-gradient(180deg, #d8c8a8 0%, #b8a888 100%);
  border-radius: 8px;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
.scn-mental-telegraphy .picture-1 {
  position:absolute; top: 20%; left: 20%; width: 100px; height: 80px;
  background: linear-gradient(180deg, #8a7a5a 0%, #4a3a2a 100%);
  border: 4px solid #3a2a1a;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: mt-pic1 8s ease-in-out infinite alternate;
}
.scn-mental-telegraphy .picture-2 {
  position:absolute; top: 20%; right: 20%; width: 100px; height: 80px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border: 4px solid #2a1a0a;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: mt-pic2 10s ease-in-out infinite alternate 1s;
}
.scn-mental-telegraphy .figure {
  position:absolute; bottom: 20%; left: 50%; width: 40px; height: 80px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
  animation: mt-fig 6s ease-in-out infinite;
}
.scn-mental-telegraphy .thought-wave {
  position:absolute; top: 15%; left: 45%; width: 80px; height: 40px;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,180,120,0.6) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
  animation: mt-wave 5s ease-in-out infinite;
}
.scn-mental-telegraphy .glow {
  position:absolute; bottom: 15%; left: 35%; width: 60px; height: 60px;
  background: radial-gradient(circle, #f0d080 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px #f0c060;
  animation: mt-glow 4s ease-in-out infinite alternate;
}
@keyframes mt-pic1 {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(2deg) scale(1.02); }
  100% { transform: rotate(0deg) scale(1); }
}
@keyframes mt-pic2 {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(-2deg) scale(0.98); }
  100% { transform: rotate(0deg) scale(1); }
}
@keyframes mt-fig {
  0% { transform: translateX(-50%) translateY(0) rotate(-1deg); }
  25% { transform: translateX(-50%) translateY(-2px) rotate(0deg); }
  50% { transform: translateX(-50%) translateY(0) rotate(1deg); }
  75% { transform: translateX(-50%) translateY(-1px) rotate(0deg); }
  100% { transform: translateX(-50%) translateY(0) rotate(-1deg); }
}
@keyframes mt-wave {
  0% { transform: translateX(0) scaleY(0.5); opacity: 0.3; }
  50% { transform: translateX(10px) scaleY(1); opacity: 0.6; }
  100% { transform: translateX(0) scaleY(0.5); opacity: 0.3; }
}
@keyframes mt-glow {
  0% { opacity: 0.6; box-shadow: 0 0 20px 5px #f0c060; }
  50% { opacity: 1; box-shadow: 0 0 50px 15px #f0d080; }
  100% { opacity: 0.7; box-shadow: 0 0 30px 8px #f0a040; }
}

.scn-maori-sights {
  background: 
    linear-gradient(180deg, #4a8ab0 0%, #6ab8d8 30%, #9ad8e8 60%, #c8e8f0 100%),
    radial-gradient(ellipse at 70% 20%, #f8e8a0 0%, transparent 60%);
}
.scn-maori-sights .sky {
  position:absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #4a8ab0 0%, #8ac8e0 100%);
  animation: ms-sky 20s linear infinite alternate;
}
.scn-maori-sights .hills {
  position:absolute; bottom: 30%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #4a7a3a 0%, #2a5a2a 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  animation: ms-hills 15s ease-in-out infinite alternate;
}
.scn-maori-sights .track {
  position:absolute; bottom: 20%; left: 0; right: 0; height: 2%;
  background: linear-gradient(90deg, #6a5a4a 0%, #8a7a6a 50%, #6a5a4a 100%);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: ms-track 10s linear infinite;
}
.scn-maori-sights .train {
  position:absolute; bottom: 18%; left: 10%; width: 80px; height: 40px;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: ms-train 12s linear infinite alternate;
}
.scn-maori-sights .horse {
  position:absolute; bottom: 25%; left: 60%; width: 30px; height: 30px;
  background: linear-gradient(180deg, #5a4a3a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40%;
  animation: ms-horse 4s ease-in-out infinite;
}
.scn-maori-sights .maori-fig {
  position:absolute; bottom: 22%; left: 50%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 60% 60% / 40% 40% 60% 60%;
  animation: ms-maori 6s ease-in-out infinite 0.5s;
}
.scn-maori-sights .girl {
  position:absolute; bottom: 22%; left: 40%; width: 18px; height: 45px;
  background: linear-gradient(180deg, #6a4a3a 0%, #2a1a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: ms-girl 7s ease-in-out infinite 1s;
}
@keyframes ms-sky {
  0% { background-position: 0 0; opacity: 0.8; }
  100% { background-position: 0 5%; opacity: 1; }
}
@keyframes ms-hills {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes ms-track {
  0% { background-position: 0 0; }
  100% { background-position: -40px 0; }
}
@keyframes ms-train {
  0% { transform: translateX(0) scaleX(1); }
  50% { transform: translateX(30px) scaleX(1.02); }
  100% { transform: translateX(60px) scaleX(1); }
}
@keyframes ms-horse {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(10px) rotate(2deg); }
  50% { transform: translateX(20px) rotate(-1deg); }
  75% { transform: translateX(10px) rotate(1deg); }
  100% { transform: translateX(0) rotate(-2deg); }
}
@keyframes ms-maori {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(5px) translateY(-1px) rotate(1deg); }
  50% { transform: translateX(0) translateY(0) rotate(0deg); }
  75% { transform: translateX(-5px) translateY(1px) rotate(-1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes ms-girl {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  20% { transform: translateX(8px) translateY(-2px) rotate(2deg); }
  40% { transform: translateX(16px) translateY(0) rotate(0deg); }
  60% { transform: translateX(8px) translateY(2px) rotate(-2deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}

/* laughing-jackass */
.scn-laughing-jackass { background: linear-gradient(180deg, #87CEEB 0%, #f0e68c 100%), radial-gradient(ellipse at 50% 100%, #f0e68c 0%, transparent 70%); }
.scn-laughing-jackass .sky { position: absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, transparent 100%); animation: sky-lj 10s ease-in-out infinite alternate; }
.scn-laughing-jackass .sun { position: absolute; top:8%; right:12%; width:70px; height:70px; background: radial-gradient(circle, #fff 0%, #ffd700 50%, transparent 100%); border-radius:50%; animation: sun-lj 6s ease-in-out infinite alternate; }
.scn-laughing-jackass .cloud { position: absolute; background: rgba(255,255,255,.7); border-radius:50%; filter: blur(6px); }
.scn-laughing-jackass .cloud-a { top:15%; left:10%; width:100px; height:25px; animation: drift-lj 30s linear infinite; }
.scn-laughing-jackass .cloud-b { top:25%; left:40%; width:80px; height:20px; animation: drift-lj 45s linear infinite reverse; }
.scn-laughing-jackass .branch { position: absolute; bottom:28%; left:15%; right:15%; height:10px; background: linear-gradient(90deg, #5c4033, #8b4513); border-radius:5px; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-laughing-jackass .bird-body { position: absolute; bottom:35%; left:38%; width:45px; height:65px; background: radial-gradient(ellipse at 50% 60%, #a0522d 0%, #5c4033 100%); border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,.2); animation: bob-lj 3s ease-in-out infinite; }
.scn-laughing-jackass .bird-head { position: absolute; bottom:55%; left:40%; width:55px; height:40px; background: radial-gradient(ellipse at 50% 50%, #d2b48c 0%, #a0522d 100%); border-radius: 50% 50% 40% 40%; box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.scn-laughing-jackass .bird-beak { position: absolute; bottom:60%; left:56%; width:60px; height:18px; background: linear-gradient(90deg, #555 0%, #333 100%); border-radius: 0% 50% 50% 0%; transform-origin: left center; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: laugh-lj .4s ease-in-out infinite alternate; }
.scn-laughing-jackass .snake { position: absolute; bottom:26%; left:25%; width:100px; height:12px; background: linear-gradient(90deg, #556b2f 0%, #8fbc8f 30%, #556b2f 70%, #8fbc8f 100%); border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: snake-lj 3s ease-in-out infinite; }
@keyframes sky-lj { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes sun-lj { 0% { transform: scale(.9); opacity:.9 } 50% { transform: scale(1.05); opacity:1 } 100% { transform: scale(.95); opacity:.95 } }
@keyframes drift-lj { 0% { transform: translateX(-120px) } 100% { transform: translateX(120vw) } }
@keyframes bob-lj { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@keyframes laugh-lj { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(8deg) scaleX(1.1) } 100% { transform: rotate(-2deg) scaleX(.95) } }
@keyframes snake-lj { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(15px) rotate(3deg) } 50% { transform: translateX(30px) rotate(0deg) } 75% { transform: translateX(15px) rotate(-3deg) } 100% { transform: translateX(0) rotate(0deg) } }

/* south-australia-naming */
.scn-south-australia-naming { background: linear-gradient(135deg, #fdf5e6 0%, #f5deb3 50%, #eaddcf 100%); }
.scn-south-australia-naming .bg-parchment { position: absolute; inset:0; background: repeating-linear-gradient(0deg, transparent 0px, transparent 28px, rgba(139,119,101,.12) 28px, rgba(139,119,101,.12) 29px); }
.scn-south-australia-naming .compass { position: absolute; top:12%; left:12%; width:70px; height:70px; border: 2px solid #8b4513; border-radius:50%; background: radial-gradient(circle, #fdf5e6 35%, transparent 36%); animation: spin-san 25s linear infinite; }
.scn-south-australia-naming .compass::after { content:''; position:absolute; top:50%; left:50%; width:4px; height:40px; background:#8b4513; transform-origin: center; transform: translate(-50%, -50%) rotate(45deg); }
.scn-south-australia-naming .title-line { position: absolute; left:25%; height:5px; background: #5c3a21; border-radius: 3px; }
.scn-south-australia-naming .title-line-a { top:18%; width:160px; animation: appear-san 2s ease-in-out infinite alternate; }
.scn-south-australia-naming .title-line-b { top:28%; width:110px; animation: appear-san 3s ease-in-out infinite alternate; }
.scn-south-australia-naming .quill { position: absolute; bottom:18%; right:18%; width:90px; height:90px; background: radial-gradient(ellipse at 0% 50%, #fff 0%, #e0d6c8 40%, transparent 100%); transform: rotate(45deg); filter: drop-shadow(2px 4px 6px rgba(0,0,0,.2)); animation: write-san 4s ease-in-out infinite alternate; }
.scn-south-australia-naming .highlight-se { position: absolute; bottom:12%; right:10%; width:130px; height:100px; background: radial-gradient(circle, rgba(255,215,0,.35) 0%, transparent 100%); border-radius: 50%; animation: glow-san 5s ease-in-out infinite alternate; }
.scn-south-australia-naming .dot { position: absolute; width:12px; height:12px; background: #8b4513; border-radius:50%; box-shadow: 0 0 8px rgba(139,69,19,.5); }
.scn-south-australia-naming .dot-a { bottom:20%; left:20%; animation: dot-san 4s ease-in-out infinite; }
.scn-south-australia-naming .dot-b { bottom:25%; left:30%; animation: dot-san 5s ease-in-out infinite reverse; }
@keyframes spin-san { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes appear-san { 0% { transform: scaleX(0); opacity:.3 } 50% { transform: scaleX(1); opacity:1 } 100% { transform: scaleX(.95); opacity:.8 } }
@keyframes write-san { 0% { transform: rotate(35deg) translate(0,0) } 50% { transform: rotate(45deg) translate(5px,-5px) } 100% { transform: rotate(40deg) translate(-5px,5px) } }
@keyframes glow-san { 0% { opacity:.4; transform: scale(.95) } 50% { opacity:.8; transform: scale(1.05) } 100% { opacity:.6; transform: scale(1) } }
@keyframes dot-san { 0%,100% { transform: translateY(0); opacity:.6 } 50% { transform: translateY(-10px); opacity:1 } }

/* telegraph-connection */
.scn-telegraph-connection { background: linear-gradient(180deg, #0a1a3a 0%, #1a3b5c 40%, #2b5f8e 100%); }
.scn-telegraph-connection .globe { position: absolute; inset:8%; background: radial-gradient(circle at 50% 50%, #2b5f8e 0%, #1a3b5c 60%, transparent 100%); border-radius:50%; border: 1px solid rgba(255,255,255,.15); }
.scn-telegraph-connection .arc { position: absolute; inset:25%; border: 2px dashed rgba(255,255,255,.3); border-radius:50%; }
.scn-telegraph-connection .arc-a { animation: spin-tc 30s linear infinite; }
.scn-telegraph-connection .arc-b { inset:40%; border-style: dotted; border-width: 1px; animation: spin-tc 45s linear infinite reverse; }
.scn-telegraph-connection .line-horiz { position: absolute; top:50%; left:0; right:0; height:2px; background: linear-gradient(90deg, transparent 0%, #fff 50%, transparent 100%); animation: flash-tc 3s ease-in-out infinite; }
.scn-telegraph-connection .line-vert { position: absolute; left:50%; top:0; bottom:0; width:2px; background: linear-gradient(180deg, transparent 0%, #fff 50%, transparent 100%); animation: flash-tc 4s ease-in-out infinite .5s; }
.scn-telegraph-connection .pulse { position: absolute; width:30px; height:30px; background: radial-gradient(circle, rgba(255,255,255,.8) 0%, transparent 100%); border-radius:50%; animation: pulse-tc 2s ease-in-out infinite; }
.scn-telegraph-connection .pulse-a { top:30%; left:30%; }
.scn-telegraph-connection .pulse-b { bottom:30%; right:30%; animation-delay: 1s; }
.scn-telegraph-connection .signal-dot { position: absolute; top:50%; left:50%; width:10px; height:10px; background: #ffd700; border-radius:50%; box-shadow: 0 0 15px #ffd700, 0 0 30px rgba(255,215,0,.5); animation: travel-tc 6s linear infinite; }
@keyframes spin-tc { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes flash-tc { 0%,100% { opacity:.2 } 50% { opacity:.8 } }
@keyframes pulse-tc { 0% { transform: scale(.5); opacity:.3 } 50% { transform: scale(1.5); opacity:.8 } 100% { transform: scale(.5); opacity:.3 } }
@keyframes travel-tc { 0% { transform: translate(-50%,-50%) translateX(-80px) } 25% { transform: translate(-50%,-50%) translateX(80px) translateY(-40px) } 50% { transform: translate(-50%,-50%) translateY(80px) } 75% { transform: translate(-50%,-50%) translateX(-80px) translateY(40px) } 100% { transform: translate(-50%,-50%) translateX(-80px) } }

/* proclamation-day */
.scn-proclamation-day { background: linear-gradient(180deg, #87CEEB 0%, #f0e68c 50%, #f5deb3 100%), radial-gradient(ellipse at 50% 0%, #fff 0%, transparent 60%); }
.scn-proclamation-day .sky { position: absolute; inset:0; background: radial-gradient(circle at 50% 20%, rgba(255,255,255,.5) 0%, transparent 70%); animation: sky-pd 8s ease-in-out infinite alternate; }
.scn-proclamation-day .sunburst { position: absolute; top:5%; left:50%; width:140px; height:140px; transform: translateX(-50%); background: radial-gradient(circle, #ffd700 0%, #ff8c00 30%, transparent 70%); border-radius:50%; animation: burst-pd 7s ease-in-out infinite alternate; }
.scn-proclamation-day .stage { position: absolute; bottom:18%; left:50%; transform: translateX(-50%); width:240px; height:45px; background: linear-gradient(180deg, #8b4513 0%, #5c3a21 100%); border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.4); }
.scn-proclamation-day .speaker { position: absolute; bottom:28%; left:50%; transform: translateX(-50%); width:36px; height:70px; background: linear-gradient(180deg, #e0d6c8 0%, #c4b5a5 100%); border-radius: 40% 40% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: speak-pd 4s ease-in-out infinite; }
.scn-proclamation-day .flag-pole { position: absolute; left:38%; bottom:38%; width:5px; height:80px; background: #5c3a21; border-radius: 2px; }
.scn-proclamation-day .flag-banner { position: absolute; left:40%; bottom:52%; width:65px; height:35px; background: linear-gradient(90deg, #002868 0%, #fff 40%, #fff 60%, #002868 100%); border-radius: 0 5px 5px 0; box-shadow: 2px 2px 6px rgba(0,0,0,.3); animation: wave-pd 3s ease-in-out infinite; }
.scn-proclamation-day .crowd { position: absolute; left:10%; right:10%; height:70px; background: repeating-linear-gradient(90deg, #5c4033 0px, #5c4033 10px, #7a5238 10px, #7a5238 20px, #9a6b4b 20px, #9a6b4b 30px); border-radius: 40% 40% 0 0 / 80% 80% 0 0; }
.scn-proclamation-day .crowd-a { bottom:10%; opacity:.9; }
.scn-proclamation-day .crowd-b { left:15%; right:15%; bottom:4%; height:50px; opacity:.6; animation: sway-pd 5s ease-in-out infinite alternate; }
.scn-proclamation-day .scroll { position: absolute; bottom:20%; left:50%; transform: translateX(-50%); width:110px; height:18px; background: #fdf5e6; border: 1px solid #8b4513; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: scroll-pd 10s ease-in-out infinite; }
@keyframes sky-pd { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes burst-pd { 0% { transform: translateX(-50%) scale(.9); opacity:.7 } 50% { transform: translateX(-50%) scale(1.1); opacity:1 } 100% { transform: translateX(-50%) scale(1); opacity:.8 } }
@keyframes speak-pd { 0%,100% { transform: translateX(-50%) translateY(0) } 25% { transform: translateX(-50%) translateY(-3px) } 75% { transform: translateX(-50%) translateY(2px) } }
@keyframes wave-pd { 0% { transform: skewX(0deg) scaleX(1) } 50% { transform: skewX(-5deg) scaleX(1.1) } 100% { transform: skewX(5deg) scaleX(.95) } }
@keyframes sway-pd { 0% { transform: translateX(-5px) } 100% { transform: translateX(5px) } }
@keyframes scroll-pd { 0% { transform: translateX(-50%) scaleX(.8); opacity:.7 } 50% { transform: translateX(-50%) scaleX(1.05); opacity:1 } 100% { transform: translateX(-50%) scaleX(.9); opacity:.8 } }

.scn-grant-chicago {
  background: linear-gradient(180deg, #ffd080 0%, #80c0ff 60%, #4060a0 100%), radial-gradient(ellipse at 50% 0%, rgba(255,240,200,0.6) 0%, transparent 70%);
}
.scn-grant-chicago .sky { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #ffe0a0 0%, #c0e0ff 100%); animation: gc-sky 12s ease-in-out infinite alternate; }
.scn-grant-chicago .platform { position:absolute; bottom:20%; left:50%; width:200px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #b09070, #806050); border-radius:4px; box-shadow: 0 4px 10px rgba(0,0,0,0.4); animation: gc-platform 4s ease-in-out infinite; }
.scn-grant-chicago .figure-grant { position:absolute; bottom:28%; left:50%; width:24px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: gc-grant 6s ease-in-out infinite; }
.scn-grant-chicago .figure-sheridan { position:absolute; bottom:25%; left:35%; width:40px; height:35px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 40% 30% 30% 40% / 50% 30% 30% 50%; transform-origin:bottom center; animation: gc-sheridan 3s ease-in-out infinite; }
.scn-grant-chicago .glow { position:absolute; bottom:30%; left:50%; width:80px; height:80px; transform:translate(-50%, -20%); background: radial-gradient(circle, rgba(255,220,150,0.8) 0%, transparent 70%); box-shadow: 0 0 60px 30px rgba(255,200,100,0.3); animation: gc-glow 2s ease-in-out infinite alternate; }
.scn-grant-chicago .flag { position:absolute; top:10%; right:20%; width:20px; height:30px; background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%); border-radius:3px; transform-origin:left top; animation: gc-flag 2s ease-in-out infinite; }
@keyframes gc-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes gc-platform { 0%,100% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(0.95) translateY(-1px); } }
@keyframes gc-grant { 0%,100% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02) translateY(-2px); } }
@keyframes gc-sheridan { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(5px) rotate(2deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-5px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes gc-glow { 0% { opacity:0.6; transform: translate(-50%, -20%) scale(1); } 100% { opacity:1; transform: translate(-50%, -20%) scale(1.1); } }
@keyframes gc-flag { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(10deg); } }

.scn-grant-again {
  background: linear-gradient(180deg, #f5e6c8 0%, #c8b090 50%, #8a7050 100%), radial-gradient(ellipse at 50% 0%, rgba(255,250,220,0.5) 0%, transparent 60%);
}
.scn-grant-again .room { position:absolute; inset:0; background: linear-gradient(180deg, #e8d4b8 0%, #c0a080 100%); }
.scn-grant-again .window { position:absolute; top:10%; left:10%; width:60px; height:80px; background: radial-gradient(ellipse at 50% 50%, #ffe8b0 0%, #d0b080 60%, #a09070 100%); border-radius:4px; box-shadow: inset 0 0 20px rgba(255,240,200,0.6), 0 0 40px rgba(255,220,150,0.3); animation: ga-window 8s ease-in-out infinite alternate; }
.scn-grant-again .podium { position:absolute; bottom:15%; left:50%; width:100px; height:20px; transform:translateX(-50%); background: linear-gradient(180deg, #8a6a4a, #5a3a2a); border-radius:4px; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.scn-grant-again .figure-harrison { position:absolute; bottom:22%; left:30%; width:20px; height:45px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ga-harrison 5s ease-in-out infinite; }
.scn-grant-again .figure-twain { position:absolute; bottom:22%; right:30%; width:22px; height:48px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ga-twain 5s ease-in-out infinite 0.5s; }
.scn-grant-again .spotlight { position:absolute; top:0; left:40%; width:120px; height:100%; background: linear-gradient(180deg, rgba(255,240,200,0.4) 0%, transparent 100%); transform-origin:top center; animation: ga-spotlight 3s ease-in-out infinite alternate; }
@keyframes ga-window { 0% { opacity:0.7; box-shadow: inset 0 0 10px rgba(255,240,200,0.4), 0 0 20px rgba(255,220,150,0.2); } 100% { opacity:1; box-shadow: inset 0 0 30px rgba(255,240,200,0.8), 0 0 60px rgba(255,220,150,0.5); } }
@keyframes ga-harrison { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(2deg); } }
@keyframes ga-twain { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(-2deg); } }
@keyframes ga-spotlight { 0% { transform: scaleX(1); opacity:0.8; } 100% { transform: scaleX(1.1); opacity:1; } }

.scn-incomplete-story {
  background: linear-gradient(180deg, #c09970 0%, #8a6a4a 50%, #5a3a2a 100%), radial-gradient(ellipse at 50% 20%, rgba(255,220,180,0.3) 0%, transparent 60%);
}
.scn-incomplete-story .cabin-wall { position:absolute; inset:0; background: linear-gradient(90deg, #6a4a3a 0%, #8a6a4a 50%, #6a4a3a 100%); }
.scn-incomplete-story .table { position:absolute; bottom:25%; left:50%; width:160px; height:18px; transform:translateX(-50%); background: linear-gradient(180deg, #a08060, #705040); border-radius:8px; box-shadow: 0 6px 12px rgba(0,0,0,0.5); }
.scn-incomplete-story .figure-teller { position:absolute; bottom:35%; left:40%; width:22px; height:40px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin:bottom center; animation: is-teller 4s ease-in-out infinite; }
.scn-incomplete-story .figure-jury1 { position:absolute; bottom:33%; left:55%; width:20px; height:38px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: is-jury1 3s ease-in-out infinite; }
.scn-incomplete-story .figure-jury2 { position:absolute; bottom:33%; left:65%; width:20px; height:38px; background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: is-jury2 3s ease-in-out infinite 0.3s; }
.scn-incomplete-story .porthole { position:absolute; top:15%; right:10%; width:50px; height:50px; border-radius:50%; background: radial-gradient(circle at 50% 50%, #a0c0e0 0%, #406080 80%); box-shadow: inset 0 0 15px rgba(0,0,0,0.6), 0 0 10px rgba(160,192,224,0.3); overflow:hidden; }
.scn-incomplete-story .sea { position:absolute; top:15%; right:10%; width:50px; height:50px; border-radius:50%; background: linear-gradient(180deg, #305080 0%, #204060 100%); animation: is-sea 10s linear infinite; }
@keyframes is-teller { 0%,100% { transform: rotate(0); } 30% { transform: rotate(10deg); } 70% { transform: rotate(-5deg); } }
@keyframes is-jury1 { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes is-jury2 { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px) rotate(2deg); } }
@keyframes is-sea { 0% { background-position: 0 0; } 100% { background-position: 0 20px; } }

.scn-john-brown-intro {
  background: linear-gradient(180deg, #b0d0f0 0%, #e0f0e8 40%, #c0d8c0 100%), radial-gradient(ellipse at 50% 100%, rgba(200,230,200,0.3) 0%, transparent 70%);
}
.scn-john-brown-intro .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #a0c8e8 0%, #d0e8d0 100%); animation: jb-sky 15s ease-in-out infinite alternate; }
.scn-john-brown-intro .church { position:absolute; bottom:20%; left:20%; width:30px; height:60px; background: linear-gradient(180deg, #c0a080, #806050); border-radius: 0 0 4px 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-john-brown-intro .church::after { content:''; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:20px solid #806050; } /* steeple */
.scn-john-brown-intro .house { position:absolute; bottom:22%; left:50%; width:50px; height:40px; background: linear-gradient(180deg, #e0c8a0, #c0a080); border-radius:4px; transform:translateX(-50%); box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
.scn-john-brown-intro .figure-john { position:absolute; bottom:30%; left:35%; width:20px; height:42px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: jb-john 6s ease-in-out infinite; }
.scn-john-brown-intro .figure-mary { position:absolute; bottom:30%; left:45%; width:18px; height:40px; background: linear-gradient(180deg, #4a2a1a 0%, #3a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: jb-mary 6s ease-in-out infinite 0.3s; }
.scn-john-brown-intro .tree { position:absolute; bottom:22%; right:20%; width:30px; height:50px; background: radial-gradient(ellipse at 50% 0%, #3a5a3a 0%, #2a4a2a 100%); border-radius: 50% 50% 10% 10% / 80% 80% 10% 10%; transform-origin:bottom center; animation: jb-tree 4s ease-in-out infinite alternate; }
.scn-john-brown-intro .path { position:absolute; bottom:15%; left:10%; width:80%; height:10px; background: linear-gradient(90deg, #8a7a5a, #a09070); border-radius:50%; filter: blur(2px); animation: jb-path 3s ease-in-out infinite alternate; }
@keyframes jb-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes jb-john { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px) translateX(2px); } }
@keyframes jb-mary { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px) translateX(-2px); } }
@keyframes jb-tree { 0% { transform: rotate(-3deg); } 100% { transform: rotate(3deg); } }
@keyframes jb-path { 0% { opacity:0.6; } 100% { opacity:0.9; } }

/* moa-skeleton */
.scn-moa-skeleton { background: linear-gradient(180deg, #f2e6d0 0%, #d9cbb3 30%, #b8a78e 100%), radial-gradient(ellipse at 50% 100%, #cbbaa2 0%, transparent 60%); }
.scn-moa-skeleton .bg-wall { position:absolute; inset:0; background: linear-gradient(180deg, #ebe0c5 0%, #d6c3a4 70%, #bfa98d 100%); animation: moaSk-wall 20s ease-in-out infinite alternate; }
.scn-moa-skeleton .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #6b5a47 0%, #3b2f23 100%); border-radius: 10% 10% 0 0; }
.scn-moa-skeleton .pedestal { position:absolute; bottom:28%; left:44%; width:60px; height:20px; background: linear-gradient(180deg, #8f7a64 0%, #5c4b3a 100%); border-radius: 4% 4% 2% 2%; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-moa-skeleton .skeleton-legs { position:absolute; bottom:30%; left:46%; width:40px; height:70px; background: linear-gradient(90deg, transparent 20%, #9a8a78 20% 35%, transparent 35% 65%, #9a8a78 65% 80%, transparent 80%); border-radius: 6px; animation: moaSk-legs 4s ease-in-out infinite; }
.scn-moa-skeleton .skeleton-body { position:absolute; bottom:44%; left:44%; width:70px; height:50px; background: radial-gradient(ellipse at 50% 60%, #b8a38c 40%, #8c7a66 70%, #6b5c4d 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: moaSk-body 6s ease-in-out infinite; }
.scn-moa-skeleton .skeleton-head { position:absolute; bottom:60%; left:48%; width:30px; height:22px; background: linear-gradient(135deg, #a3927d 0%, #7a6a59 100%); border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom center; animation: moaSk-head 3s ease-in-out infinite alternate; }
.scn-moa-skeleton .light-ray { position:absolute; top:10%; left:30%; width:200px; height:300px; background: radial-gradient(ellipse at center, rgba(255,240,200,.35) 0%, transparent 70%); transform: rotate(-15deg); animation: moaSk-light 8s ease-in-out infinite alternate; }

@keyframes moaSk-wall { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes moaSk-legs { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes moaSk-body { 0%,100% { transform: scale(1) } 50% { transform: scale(1.01) translateY(-1px) } }
@keyframes moaSk-head { 0% { transform: rotate(-3deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(-2deg) } }
@keyframes moaSk-light { 0% { opacity:.3; transform: rotate(-15deg) scale(1) } 50% { opacity:.5; transform: rotate(-12deg) scale(1.05) } 100% { opacity:.35; transform: rotate(-18deg) scale(.95) } }

/* moa-graves */
.scn-moa-graves { background: linear-gradient(180deg, #d9cbb3 0%, #a6937a 50%, #6b5c4d 100%), radial-gradient(ellipse at 50% 100%, #8c7a66 0%, transparent 70%); }
.scn-moa-graves .bg-sky { position:absolute; top:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #cbbaa2 0%, #b8a38c 100%); }
.scn-moa-graves .ground { position:absolute; bottom:0; left:0; right:0; height:70%; background: linear-gradient(180deg, #5a4a3a 0%, #2b1f15 100%); border-radius: 20% 80% 0 0 / 30% 70% 0 0; animation: moaGr-ground 12s ease-in-out infinite alternate; }
.scn-moa-graves .pit { position:absolute; bottom:45%; left:25%; width:200px; height:150px; background: radial-gradient(ellipse at center, #1a1209 0%, #0d0805 70%); border-radius: 50%; box-shadow: inset 0 0 30px rgba(0,0,0,.6); animation: moaGr-pit 9s ease-in-out infinite; }
.scn-moa-graves .skull-bone { position:absolute; bottom:55%; left:35%; width:40px; height:30px; background: linear-gradient(135deg, #bfa890 0%, #9a8773 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; animation: moaGr-skull 5s ease-in-out infinite; }
.scn-moa-graves .femur-bone { position:absolute; bottom:50%; left:45%; width:16px; height:50px; background: linear-gradient(180deg, #bfa890 0%, #8c7a66 100%); border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%; transform: rotate(30deg); animation: moaGr-femur 7s ease-in-out infinite; }
.scn-moa-graves .bone-left { position:absolute; bottom:60%; left:30%; width:20px; height:10px; background: #9a8773; border-radius: 30%; transform: rotate(-40deg); animation: moaGr-bone 6s ease-in-out infinite alternate; }
.scn-moa-graves .bone-right { position:absolute; bottom:58%; left:55%; width:18px; height:8px; background: #9a8773; border-radius: 30%; transform: rotate(20deg); animation: moaGr-bone 6s ease-in-out infinite alternate-reverse; }

@keyframes moaGr-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes moaGr-pit { 0%,100% { opacity:.8 } 50% { opacity:1 } }
@keyframes moaGr-skull { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(5deg) translateY(-1px) } 100% { transform: rotate(-3deg) translateY(0) } }
@keyframes moaGr-femur { 0% { transform: rotate(30deg) } 50% { transform: rotate(35deg) } 100% { transform: rotate(28deg) } }
@keyframes moaGr-bone { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.6 } }

/* women-vote-nz */
.scn-women-vote-nz { background: linear-gradient(180deg, #f7f0e0 0%, #e2d4ba 30%, #cbbaa2 100%), radial-gradient(ellipse at 50% 80%, #d4c3a8 0%, transparent 60%); }
.scn-women-vote-nz .vote-bg-wall { position:absolute; inset:0; background: linear-gradient(180deg, #f2e6d0 0%, #d9cbb3 70%, #bfa98d 100%); }
.scn-women-vote-nz .vote-floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #7a6955 0%, #4a3b2e 100%); }
.scn-women-vote-nz .booth-1 { position:absolute; bottom:22%; left:18%; width:40px; height:70px; background: linear-gradient(180deg, #b0987d 0%, #7a6955 100%); border-radius: 4px; border: 2px solid #5c4b3a; }
.scn-women-vote-nz .booth-2 { position:absolute; bottom:22%; left:38%; width:40px; height:70px; background: linear-gradient(180deg, #b0987d 0%, #7a6955 100%); border-radius: 4px; border: 2px solid #5c4b3a; animation: womVo-booth 20s ease-in-out infinite; }
.scn-women-vote-nz .woman-1 { position:absolute; bottom:15%; left:30%; width:20px; height:50px; background: linear-gradient(180deg, #4a3b2e 0%, #2b1f15 100%); border-radius: 50% 50% 35% 35% / 60% 60% 35% 35%; transform-origin: bottom center; animation: womVo-walk 8s ease-in-out infinite; }
.scn-women-vote-nz .woman-2 { position:absolute; bottom:15%; left:52%; width:20px; height:50px; background: linear-gradient(180deg, #4a3b2e 0%, #2b1f15 100%); border-radius: 50% 50% 35% 35% / 60% 60% 35% 35%; transform-origin: bottom center; animation: womVo-walk 8s ease-in-out 4s infinite; }
.scn-women-vote-nz .ballot-box { position:absolute; bottom:22%; left:55%; width:30px; height:25px; background: linear-gradient(180deg, #8c7a66 0%, #6b5c4d 100%); border-radius: 10% 10% 5% 5%; box-shadow: inset 0 -4px 6px rgba(0,0,0,.3); animation: womVo-box 5s ease-in-out infinite; }

@keyframes womVo-booth { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes womVo-walk { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 25% { transform: translateX(8px) translateY(-1px) rotate(1deg) } 50% { transform: translateX(16px) translateY(0) rotate(-1deg) } 75% { transform: translateX(24px) translateY(-1px) rotate(1deg) } 100% { transform: translateX(32px) translateY(0) rotate(0) } }
@keyframes womVo-box { 0%,100% { transform: scale(1) } 50% { transform: scale(1.03) } }

/* orderliness */
.scn-orderliness { background: linear-gradient(180deg, #ffe8c8 0%, #ecceaa 30%, #d4b08a 100%), radial-gradient(ellipse at 50% 100%, #e0bd96 0%, transparent 40%); }
.scn-orderliness .ord-bg { position:absolute; inset:0; background: linear-gradient(180deg, #f5dcc0 0%, #e0bd96 70%, #c8a47e 100%); }
.scn-orderliness .ord-floor { position:absolute; bottom:0; left:0; right:0; height:18%; background: linear-gradient(180deg, #9a7a5a 0%, #5c402a 100%); }
.scn-orderliness .ord-booth { position:absolute; bottom:20%; left:10%; width:50px; height:80px; background: linear-gradient(180deg, #c8a47e 0%, #8c6e50 100%); border-radius: 6px; box-shadow: 2px 2px 6px rgba(0,0,0,.2); }
.scn-orderliness .ord-woman-a { position:absolute; bottom:14%; left:22%; width:18px; height:45px; background: linear-gradient(180deg, #3a2a1d 0%, #1f130b 100%); border-radius: 50% 50% 35% 35% / 60% 60% 35% 35%; animation: ordLi-still 10s ease-in-out infinite; }
.scn-orderliness .ord-woman-b { position:absolute; bottom:14%; left:33%; width:18px; height:45px; background: linear-gradient(180deg, #3a2a1d 0%, #1f130b 100%); border-radius: 50% 50% 35% 35% / 60% 60% 35% 35%; animation: ordLi-still 10s ease-in-out 2s infinite; }
.scn-orderliness .ord-woman-c { position:absolute; bottom:14%; left:44%; width:18px; height:45px; background: linear-gradient(180deg, #3a2a1d 0%, #1f130b 100%); border-radius: 50% 50% 35% 35% / 60% 60% 35% 35%; animation: ordLi-still 10s ease-in-out 4s infinite; }
.scn-orderliness .ord-officer { position:absolute; bottom:20%; left:55%; width:22px; height:55px; background: linear-gradient(180deg, #2b1f15 0%, #0d0805 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom; animation: ordLi-officer 12s ease-in-out infinite; }
.scn-orderliness .ord-ballot { position:absolute; bottom:21%; left:65%; width:28px; height:22px; background: linear-gradient(180deg, #c8a47e 0%, #9a7a5a 100%); border-radius: 10% 10% 5% 5%; box-shadow: inset 0 -3px 5px rgba(0,0,0,.3); animation: ordLi-ballot 6s ease-in-out infinite; }

@keyframes ordLi-still { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(1deg) } }
@keyframes ordLi-officer { 0%,100% { transform: scale(1) translateY(0) } 50% { transform: scale(1.02) translateY(-1px) } }
@keyframes ordLi-ballot { 0%,100% { opacity:.9 } 50% { opacity:1 } }

/* dorian-fruit */
.scn-dorian-fruit {
  background: linear-gradient(180deg, #f5e6c8 0%, #e0c9a0 45%, #d4b080 100%), radial-gradient(ellipse at 70% 30%, #ffffff99 0%, transparent 60%);
}
.scn-dorian-fruit .wall { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #fdf4e3, #e8d5b8); }
.scn-dorian-fruit .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #c9a87c 0%, #b8956a 100%); border-radius: 0 0 40% 40% / 0 0 20% 20%; }
.scn-dorian-fruit .window { position:absolute; top:12%; right:10%; width:70px; height:90px; background: radial-gradient(ellipse at center, #fff9e6 0%, #ffd699 70%); border-radius:5%; box-shadow: 0 0 30px 8px #ffd699, 0 0 60px 20px rgba(255,214,153,.3); animation: df-window 4s ease-in-out infinite alternate; }
.scn-dorian-fruit .table { position:absolute; bottom:28%; left:50%; width:120px; height:50px; transform:translateX(-50%); background: linear-gradient(180deg, #b58a5c, #9a6f44); border-radius:0 0 15% 15%; box-shadow: 0 6px 12px rgba(0,0,0,.3); }
.scn-dorian-fruit .fruit { position:absolute; bottom:42%; left:35%; width:50px; height:60px; background: radial-gradient(circle at 30% 25%, #8bc34a 0%, #558b2f 50%, #33691e 100%); border-radius:45% 50% 50% 45% / 55% 55% 45% 45%; box-shadow: 0 4px 8px rgba(0,0,0,.4), inset 0 -4px 8px rgba(0,0,0,.3); animation: df-fruit 3s ease-in-out infinite alternate; transform-origin: center bottom; }
.scn-dorian-fruit .plate { position:absolute; bottom:37%; left:35%; width:70px; height:18px; background: radial-gradient(ellipse, #fafafa 0%, #e0e0e0 100%); border-radius:50%; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.scn-dorian-fruit .figure { position:absolute; bottom:15%; left:15%; width:30px; height:80px; background: linear-gradient(180deg, #3a2a1a, #1a1208); border-radius:40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom center; animation: df-figure 2s ease-in-out infinite; }
.scn-dorian-fruit .hand { position:absolute; bottom:48%; left:22%; width:10px; height:12px; background: #1a1208; border-radius:40% 30% 30% 40% / 60% 50% 50% 40%; transform-origin: bottom left; animation: df-hand 2.5s ease-in-out infinite; }
@keyframes df-window { 0% { opacity:.85; box-shadow: 0 0 20px 4px #ffd699, 0 0 40px 10px rgba(255,214,153,.2); } 50% { opacity:1; box-shadow: 0 0 40px 12px #ffe0a0, 0 0 80px 25px rgba(255,224,160,.4); } 100% { opacity:.9; box-shadow: 0 0 25px 5px #ffd699, 0 0 50px 15px rgba(255,214,153,.25); } }
@keyframes df-fruit { 0% { transform: scale(1) rotate(-2deg); } 50% { transform: scale(1.05) rotate(2deg); } 100% { transform: scale(1) rotate(-1deg); } }
@keyframes df-figure { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-3px) rotate(1deg); } 70% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes df-hand { 0% { transform: translate(0,0) rotate(-10deg); } 25% { transform: translate(2px,-4px) rotate(5deg); } 50% { transform: translate(4px,-2px) rotate(0deg); } 75% { transform: translate(1px,-5px) rotate(10deg); } 100% { transform: translate(0,0) rotate(-10deg); } }

/* benares-ancient */
.scn-benares-ancient {
  background: linear-gradient(180deg, #e3dccb 0%, #c6b69a 40%, #a8927a 100%), radial-gradient(ellipse at 50% 80%, #ffffff44 0%, transparent 70%);
}
.scn-benares-ancient .bg-ocean { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #bcc6d9 0%, #8fa3c4 100%); opacity:0.4; animation: ba-ocean 20s ease-in-out infinite alternate; }
.scn-benares-ancient .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #d6c3a3, #b39b79); border-radius: 50% 50% 0 0 / 100% 100% 0 0; }
.scn-benares-ancient .lingam { position:absolute; bottom:25%; left:50%; width:18px; height:120px; transform:translateX(-50%); background: linear-gradient(180deg, #c9a87c, #9f7e58); border-radius:40% 40% 0 0; box-shadow: -4px 0 8px rgba(0,0,0,.3); }
.scn-benares-ancient .ring-outer { position:absolute; bottom:15%; left:50%; width:200px; height:200px; transform:translateX(-50%); border:2px solid rgba(255,215,0,.5); border-radius:50%; animation: ba-ring 30s linear infinite; }
.scn-benares-ancient .ring-inner { position:absolute; bottom:22%; left:50%; width:100px; height:100px; transform:translateX(-50%); border:1px solid rgba(255,215,0,.6); border-radius:50%; animation: ba-ring 20s linear infinite reverse; }
.scn-benares-ancient .light-shaft { position:absolute; top:0; left:50%; width:30px; height:50%; transform:translateX(-50%); background: linear-gradient(180deg, rgba(255,255,200,.6) 0%, transparent 100%); animation: ba-light 8s ease-in-out infinite alternate; }
.scn-benares-ancient .shadow { position:absolute; bottom:28%; left:50%; width:60px; height:15px; transform:translateX(-50%); background: radial-gradient(ellipse, rgba(0,0,0,.3) 0%, transparent 70%); }
@keyframes ba-ocean { 0% { opacity:0.3; } 50% { opacity:0.5; } 100% { opacity:0.4; } }
@keyframes ba-ring { 0% { transform:translateX(-50%) rotate(0deg); } 50% { transform:translateX(-50%) rotate(180deg); } 100% { transform:translateX(-50%) rotate(360deg); } }
@keyframes ba-light { 0% { opacity:0.4; transform:translateX(-50%) scaleY(0.9); } 50% { opacity:0.7; transform:translateX(-50%) scaleY(1.1); } 100% { opacity:0.5; transform:translateX(-50%) scaleY(1); } }

/* pilgrim-numbers */
.scn-pilgrim-numbers {
  background: linear-gradient(180deg, #d6cbb8 0%, #b8a58b 60%, #9b876e 100%), radial-gradient(ellipse at 40% 20%, #ffffff55 0%, transparent 70%);
}
.scn-pilgrim-numbers .bg-colonnade { position:absolute; inset:0; background: repeating-linear-gradient(90deg, transparent 0px, transparent 40px, rgba(0,0,0,0.1) 40px, rgba(0,0,0,0.1) 42px); }
.scn-pilgrim-numbers .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #b29e7e, #9a8466); }
.scn-pilgrim-numbers .col-left { position:absolute; bottom:30%; left:10%; width:20px; height:140px; background: linear-gradient(180deg, #b8a58b, #8f7a60); border-radius:5% 5% 0 0; box-shadow: 2px 0 8px rgba(0,0,0,.3); }
.scn-pilgrim-numbers .col-right { position:absolute; bottom:30%; right:10%; width:20px; height:140px; background: linear-gradient(180deg, #b8a58b, #8f7a60); border-radius:5% 5% 0 0; box-shadow: -2px 0 8px rgba(0,0,0,.3); }
.scn-pilgrim-numbers .pilgrim-a { position:absolute; bottom:14%; left:20%; width:12px; height:30px; background: linear-gradient(180deg, #4a3a2a, #2a1a10); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: pn-walk 8s linear infinite; }
.scn-pilgrim-numbers .pilgrim-b { position:absolute; bottom:14%; left:35%; width:12px; height:30px; background: linear-gradient(180deg, #5a4a3a, #2a1a10); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: pn-walk 8s linear infinite 2s; }
.scn-pilgrim-numbers .pilgrim-c { position:absolute; bottom:14%; left:50%; width:12px; height:30px; background: linear-gradient(180deg, #3a2a1a, #1a0a00); border-radius:40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: pn-walk 8s linear infinite 4s; }
.scn-pilgrim-numbers .arch { position:absolute; bottom:40%; left:50%; width:100px; height:80px; transform:translateX(-50%); border: 3px solid #b29e7e; border-radius:50% 50% 0 0; border-bottom: none; background: transparent; }
@keyframes pn-walk { 0% { transform: translateX(0) translateY(0); } 20% { transform: translateX(20px) translateY(-2px); } 40% { transform: translateX(40px) translateY(0); } 60% { transform: translateX(60px) translateY(-2px); } 80% { transform: translateX(80px) translateY(0); } 100% { transform: translateX(100px) translateY(0); } }

/* hindu-theology */
.scn-hindu-theology {
  background: linear-gradient(180deg, #f2e6d9 0%, #d9c6b3 50%, #c2ae9a 100%), radial-gradient(ellipse at 60% 30%, #ffffff55 0%, transparent 70%);
}
.scn-hindu-theology .bg-study { position:absolute; inset:0; background: repeating-linear-gradient(0deg, transparent 0px, transparent 40px, rgba(0,0,0,0.08) 40px, rgba(0,0,0,0.08) 42px); }
.scn-hindu-theology .bookshelf { position:absolute; top:5%; left:5%; width:30%; height:80%; background: linear-gradient(180deg, #8b7355, #6b553a); border-radius:2%; box-shadow: inset 0 0 20px rgba(0,0,0,.3); }
.scn-hindu-theology .desk { position:absolute; bottom:20%; left:30%; width:40%; height:40px; background: linear-gradient(180deg, #b89a7a, #9a7c5c); border-radius:0 0 5% 5%; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-hindu-theology .book-open { position:absolute; bottom:30%; left:35%; width:30%; height:50px; background: linear-gradient(180deg, #f5ecd9, #e0d0b8); border-radius: 2% 2% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: ht-book 6s ease-in-out infinite alternate; }
.scn-hindu-theology .figure { position:absolute; bottom:0; left:60%; width:30px; height:80px; background: linear-gradient(180deg, #2a1a10, #0a0500); border-radius:40% 40% 30% 30% / 50% 50% 35% 35%; transform-origin: bottom center; animation: ht-figure 3s ease-in-out infinite; }
.scn-hindu-theology .hand-head { position:absolute; bottom:70%; left:64%; width:20px; height:25px; background: #2a1a10; border-radius:30% 30% 40% 40% / 40% 40% 50% 50%; transform-origin: bottom right; animation: ht-hand 2s ease-in-out infinite; }
.scn-hindu-theology .god-dots { position:absolute; bottom:35%; left:38%; width:24%; height:40px; background: radial-gradient(circle at 10% 50%, #c8553d 2px, transparent 2px), radial-gradient(circle at 30% 30%, #c8553d 2px, transparent 2px), radial-gradient(circle at 50% 60%, #c8553d 2px, transparent 2px), radial-gradient(circle at 70% 40%, #c8553d 2px, transparent 2px), radial-gradient(circle at 90% 70%, #c8553d 2px, transparent 2px); background-size: 20px 20px; animation: ht-dots 8s linear infinite; }
@keyframes ht-book { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(10deg); } 100% { transform: rotateY(-5deg); } }
@keyframes ht-figure { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-2px) rotate(2deg); } 70% { transform: translateY(-1px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ht-hand { 0% { transform: rotate(-20deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-15deg); } }
@keyframes ht-dots { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.7; } }

.scn-william-upson {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #3a2a2a 100%), radial-gradient(ellipse at 70% 20%, #4a3a3a 0%, transparent 60%);
}
.scn-william-upson .wall { position:absolute; inset:0; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); }
.scn-william-upson .window { position:absolute; top:15%; left:10%; width:40%; height:50%; background: radial-gradient(ellipse at 50% 50%, #ffe080 0%, #ccaa40 50%, #8a5a20 100%); border-radius: 10%; box-shadow: 0 0 60px 20px #ccaa40, 0 0 120px 40px #8a5a20; animation: wu-window 4s ease-in-out infinite alternate; }
.scn-william-upson .coffin { position:absolute; bottom:10%; left:20%; width:30%; height:12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 10% / 30%; box-shadow: 0 8px 16px rgba(0,0,0,.6); transform: rotate(2deg); animation: wu-coffin 6s ease-in-out infinite; }
.scn-william-upson .figure { position:absolute; bottom:18%; left:55%; width:8%; height:30%; background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wu-figure 3s ease-in-out infinite; }
.scn-william-upson .cross { position:absolute; top:20%; left:65%; width:2%; height:18%; background: #1a1a1a; border-radius: 10%; box-shadow: 0 -20% 0 0 #1a1a1a; animation: wu-cross 8s linear infinite; }
.scn-william-upson .lantern { position:absolute; bottom:40%; right:10%; width:4%; height:6%; background: radial-gradient(circle, #ffd080 0%, #b08030 100%); border-radius: 30%; box-shadow: 0 0 20px 10px #b08030; animation: wu-lantern 3s ease-in-out infinite alternate; }
.scn-william-upson .shadow { position:absolute; bottom:6%; left:30%; width:40%; height:4%; background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,.5) 0%, transparent 100%); filter: blur(8px); animation: wu-shadow 4s ease-in-out infinite alternate; }
@keyframes wu-window { 0% { opacity:.8; box-shadow: 0 0 40px 10px #ccaa40; } 50% { opacity:1; box-shadow: 0 0 80px 30px #ccaa40; } 100% { opacity:.7; box-shadow: 0 0 30px 5px #8a5a20; } }
@keyframes wu-coffin { 0% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-2px); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes wu-figure { 0% { transform: rotate(0deg) scaleY(1); } 50% { transform: rotate(3deg) scaleY(1.02); } 100% { transform: rotate(-2deg) scaleY(1); } }
@keyframes wu-cross { 0% { opacity:.3; transform: scaleY(1); } 50% { opacity:.6; transform: scaleY(1.1); } 100% { opacity:.3; transform: scaleY(1); } }
@keyframes wu-lantern { 0% { transform: rotate(-5deg); opacity:.8; } 50% { transform: rotate(5deg); opacity:1; } 100% { transform: rotate(-5deg); opacity:.9; } }
@keyframes wu-shadow { 0% { transform: scaleX(1); opacity:.3; } 50% { transform: scaleX(1.2); opacity:.4; } 100% { transform: scaleX(1); opacity:.3; } }

.scn-hawksbury-river {
  background: linear-gradient(180deg, #f0d080 0%, #b0d0d0 30%, #c0e0ff 60%, #80a0c0 100%), radial-gradient(ellipse at 80% 20%, #ffd080 0%, transparent 50%);
}
.scn-hawksbury-river .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #f0e0a0 0%, #c0d0e0 100%); animation: hr-sky 10s ease-in-out infinite alternate; }
.scn-hawksbury-river .sun { position:absolute; top:10%; left:75%; width:12%; height:12%; background: radial-gradient(circle, #ffd080 0%, #ffa020 50%, transparent 100%); border-radius:50%; box-shadow: 0 0 80px 40px #ffa020; animation: hr-sun 20s linear infinite; }
.scn-hawksbury-river .river { position:absolute; bottom:20%; left:0; right:0; height:20%; background: linear-gradient(180deg, #60a0c0 0%, #4080a0 100%); border-radius: 60% 40% 0 0 / 40% 20% 0 0; animation: hr-river 8s ease-in-out infinite; }
.scn-hawksbury-river .hills-back { position:absolute; bottom:28%; left:0; right:0; height:20%; background: linear-gradient(180deg, #8a7a4a 0%, #5a4a2a 100%); border-radius: 40% 60% 0 0 / 80% 70% 0 0; animation: hr-hills 15s ease-in-out infinite alternate; }
.scn-hawksbury-river .trees-fore { position:absolute; bottom:20%; left:10%; width:30%; height:30%; background: linear-gradient(180deg, #3a6a3a 0%, #1a3a1a 100%); border-radius: 0 50% 0 0 / 0 80% 0 0; animation: hr-trees 6s ease-in-out infinite; }
.scn-hawksbury-river .cloud-a { position:absolute; top:12%; left:5%; width:25%; height:8%; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(200,220,240,.3) 100%); border-radius: 50%; filter: blur(6px); animation: hr-drift-a 40s linear infinite; }
.scn-hawksbury-river .cloud-b { position:absolute; top:20%; right:10%; width:20%; height:6%; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(200,220,240,.2) 100%); border-radius: 50%; filter: blur(4px); animation: hr-drift-b 55s linear infinite reverse; }
.scn-hawksbury-river .bird { position:absolute; top:25%; left:20%; width:4%; height:2%; background: #2a1a0a; border-radius: 50% 50% 0 0; animation: hr-bird 8s ease-in-out infinite; }
@keyframes hr-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.7; } }
@keyframes hr-sun { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.05); } 100% { transform: translateY(0) scale(1); } }
@keyframes hr-river { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes hr-hills { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } }
@keyframes hr-trees { 0% { transform: rotate(0deg) scaleY(1); } 50% { transform: rotate(2deg) scaleY(1.05); } 100% { transform: rotate(-1deg) scaleY(1); } }
@keyframes hr-drift-a { 0% { transform: translateX(-40%); } 100% { transform: translateX(130vw); } }
@keyframes hr-drift-b { 0% { transform: translateX(0); } 100% { transform: translateX(-130vw); } }
@keyframes hr-bird { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-4px) rotate(-5deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-4px) rotate(5deg); } 100% { transform: translateY(0) rotate(0deg); } }

.scn-sweltering-day-poem {
  background: linear-gradient(180deg, #faf0d0 0%, #e8d8b0 30%, #d0c0a0 100%), radial-gradient(ellipse at 50% 0%, #ffc040 0%, transparent 70%);
}
.scn-sweltering-day-poem .wall { position:absolute; inset:0; background: linear-gradient(180deg, #d0c8b0 0%, #b0a890 100%); }
.scn-sweltering-day-poem .window { position:absolute; top:10%; left:20%; width:60%; height:50%; background: radial-gradient(ellipse at 50% 50%, #ffd080 0%, #ffa040 50%, #806020 100%); border-radius: 10%; box-shadow: 0 0 40px 10px #ffa040, 0 0 80px 20px #806020; animation: sd-window 3s ease-in-out infinite alternate; }
.scn-sweltering-day-poem .fan { position:absolute; top:30%; left:50%; width:10%; height:10%; background: radial-gradient(circle, #c0a080 0%, #806040 100%); border-radius: 50%; transform: translate(-50%, -50%); animation: sd-fan-spin 1s linear infinite; }
.scn-sweltering-day-poem .fan-blade { position:absolute; top:30%; left:50%; width:2%; height:16%; background: #806040; border-radius: 0 0 50% 50%; transform-origin: 50% 50%; transform: translate(-50%, -50%) rotate(0deg); animation: sd-blade 1s linear infinite; }
.scn-sweltering-day-poem .fan-blade::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: #806040; border-radius: 0 0 50% 50%; transform: rotate(90deg); }
.scn-sweltering-day-poem .fan-blade::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: #806040; border-radius: 0 0 50% 50%; transform: rotate(180deg); }
.scn-sweltering-day-poem .figure { position:absolute; bottom:15%; left:30%; width:15%; height:30%; background: linear-gradient(180deg, #c0a080 0%, #806040 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sd-figure 2s ease-in-out infinite; }
.scn-sweltering-day-poem .thermometer { position:absolute; bottom:20%; right:20%; width:4%; height:40%; background: #e0d0c0; border-radius: 20% 20% 40% 40%; box-shadow: inset 0 0 0 2px #a09080; animation: sd-thermo 4s ease-in-out infinite; }
.scn-sweltering-day-poem .puddle { position:absolute; bottom:5%; left:40%; width:20%; height:4%; background: radial-gradient(ellipse, #90b0c0 0%, transparent 100%); border-radius: 50%; filter: blur(2px); animation: sd-puddle 5s ease-in-out infinite; }
.scn-sweltering-day-poem .heat-waves { position:absolute; top:60%; left:20%; width:60%; height:10%; background: linear-gradient(180deg, transparent 0%, rgba(255,200,50,.3) 50%, transparent 100%); filter: blur(8px); animation: sd-heat 2s ease-in-out infinite; }
@keyframes sd-window { 0% { opacity:.8; box-shadow: 0 0 20px 5px #ffa040; } 50% { opacity:1; box-shadow: 0 0 60px 20px #ffd080; } 100% { opacity:.7; box-shadow: 0 0 30px 8px #806020; } }
@keyframes sd-fan-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes sd-blade { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes sd-figure { 0% { transform: rotate(-5deg) scaleY(1); } 50% { transform: rotate(0deg) scaleY(1.1); } 100% { transform: rotate(5deg) scaleY(1); } }
@keyframes sd-thermo { 0% { height:30%; background: #c08040; } 50% { height:60%; background: #d09050; } 100% { height:45%; background: #c08040; } }
@keyframes sd-puddle { 0% { transform: scaleX(1) rotate(0deg); } 50% { transform: scaleX(1.2) rotate(5deg); } 100% { transform: scaleX(1) rotate(0deg); } }
@keyframes sd-heat { 0% { opacity:.3; transform: translateY(0); } 50% { opacity:.6; transform: translateY(-5px); } 100% { opacity:.3; transform: translateY(0); } }

.scn-woolloomoolloo {
  background: linear-gradient(180deg, #e8d8c0 0%, #d0c0a0 50%, #b0a080 100%), radial-gradient(ellipse at 30% 20%, #f0d0a0 0%, transparent 60%);
}
.scn-woolloomoolloo .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #d8c8b0 0%, #c0b0a0 100%); }
.scn-woolloomoolloo .desk { position:absolute; bottom:10%; left:20%; width:60%; height:20%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 10% / 20%; box-shadow: 0 8px 16px rgba(0,0,0,.3); animation: wl-desk 6s ease-in-out infinite; }
.scn-woolloomoolloo .ledger { position:absolute; bottom:20%; left:30%; width:30%; height:15%; background: linear-gradient(180deg, #f0e0c0 0%, #c0b090 100%); border-radius: 5% / 20%; transform: perspective(400px) rotateX(10deg); animation: wl-ledger 8s ease-in-out infinite; }
.scn-woolloomoolloo .pen { position:absolute; bottom:22%; right:35%; width:2%; height:12%; background: #2a1a0a; border-radius: 0 0 50% 50%; transform: rotate(20deg); transform-origin: bottom left; animation: wl-pen 3s ease-in-out infinite; }
.scn-woolloomoolloo .hand { position:absolute; bottom:18%; left:55%; width:6%; height:10%; background: linear-gradient(180deg, #d0b090 0%, #a08060 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wl-hand 2s ease-in-out infinite; }
.scn-woolloomoolloo .list-items { position:absolute; bottom:22%; left:35%; width:20%; height:12%; background: repeating-linear-gradient(0deg, #2a1a0a 0px, #2a1a0a 2px, transparent 2px, transparent 8px); animation: wl-list 5s ease-in-out infinite; }
.scn-woolloomoolloo .checkmark { position:absolute; bottom:30%; left:45%; width:8%; height:8%; background: linear-gradient(135deg, transparent 40%, #2a6a2a 40%, #2a6a2a 50%, transparent 50%); transform: rotate(45deg); animation: wl-check 4s ease-in-out infinite; }
.scn-woolloomoolloo .lamp { position:absolute; top:10%; right:15%; width:8%; height:15%; background: linear-gradient(180deg, #c0a080 0%, #806040 100%); border-radius: 50% 50% 0 0; box-shadow: 0 30px 40px 20px #ffd080; animation: wl-lamp 5s ease-in-out infinite; }
@keyframes wl-desk { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes wl-ledger { 0% { transform: perspective(400px) rotateX(10deg) translateY(0); } 50% { transform: perspective(400px) rotateX(8deg) translateY(-2px); } 100% { transform: perspective(400px) rotateX(10deg) translateY(0); } }
@keyframes wl-pen { 0% { transform: rotate(20deg) translateY(0); } 50% { transform: rotate(15deg) translateY(-3px); } 100% { transform: rotate(20deg) translateY(0); } }
@keyframes wl-hand { 0% { transform: rotate(0deg) scaleY(1); } 50% { transform: rotate(10deg) scaleY(1.05); } 100% { transform: rotate(0deg) scaleY(1); } }
@keyframes wl-list { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.8; } }
@keyframes wl-check { 0% { transform: rotate(45deg) scale(0.8); opacity:.5; } 50% { transform: rotate(45deg) scale(1.2); opacity:1; } 100% { transform: rotate(45deg) scale(0.8); opacity:.5; } }
@keyframes wl-lamp { 0% { transform: rotate(0deg); box-shadow: 0 20px 30px 10px #ffd080; } 50% { transform: rotate(3deg); box-shadow: 0 30px 50px 20px #ffc060; } 100% { transform: rotate(0deg); box-shadow: 0 20px 30px 10px #ffd080; } }

.scn-empty-australia {
  background: linear-gradient(180deg, #f5e6d0 0%, #e8d4b8 50%, #d4bc9a 100%);
}
.scn-empty-australia .interior {
  position: absolute; inset: 0; background: linear-gradient(135deg, #f0e4d0 0%, #dcc6a8 100%);
  clip-path: polygon(10% 5%, 90% 5%, 95% 95%, 5% 95%);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.1);
}
.scn-empty-australia .window-frame {
  position: absolute; top: 15%; left: 30%; right: 30%; bottom: 40%;
  border: 6px solid #8a7a5a; background: transparent;
  box-shadow: inset 0 0 0 4px #6a5a3a, 0 4px 20px rgba(0,0,0,0.3);
  border-radius: 2px;
}
.scn-empty-australia .window-glass {
  position: absolute; top: 15%; left: 30%; right: 30%; bottom: 40%;
  background: linear-gradient(135deg, rgba(210,230,255,0.5) 0%, rgba(180,210,240,0.3) 100%);
  animation: ea-glass 12s ease-in-out infinite alternate;
}
.scn-empty-australia .desert-sky {
  position: absolute; top: 10%; left: 28%; right: 28%; bottom: 45%;
  background: linear-gradient(180deg, #aac8e0 0%, #d4e0f0 50%, #f0e8d0 100%);
  animation: ea-sky 20s ease-in-out infinite alternate;
}
.scn-empty-australia .desert-dunes {
  position: absolute; bottom: 38%; left: 28%; right: 28%; height: 10%;
  background: radial-gradient(ellipse at 50% 100%, #c4a882 0%, #b0946e 70%, transparent 100%);
  border-radius: 60% 40% 0 0;
  animation: ea-dunes 15s ease-in-out infinite alternate;
}
.scn-empty-australia .armchair {
  position: absolute; bottom: 5%; left: 20%; width: 80px; height: 90px;
  background: linear-gradient(180deg, #6a5040 0%, #4a3828 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: -4px 4px 12px rgba(0,0,0,0.3);
  transform-origin: bottom center;
  animation: ea-chair 8s ease-in-out infinite;
}
.scn-empty-australia .dust-mote {
  position: absolute; top: 30%; left: 20%; width: 3px; height: 3px;
  background: rgba(200,180,140,0.6); border-radius: 50%;
  animation: ea-mote 25s linear infinite;
}
@keyframes ea-glass {
  0% { opacity: 0.3; transform: scaleY(1); }
  50% { opacity: 0.6; transform: scaleY(0.97); }
  100% { opacity: 0.4; transform: scaleY(1.02); }
}
@keyframes ea-sky {
  0% { background-position: 0% 0%; }
  50% { background-position: 0% 20%; }
  100% { background-position: 0% 5%; }
}
@keyframes ea-dunes {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px) scaleX(1.01); }
  100% { transform: translateY(1px); }
}
@keyframes ea-chair {
  0%,100% { transform: rotate(-1deg) scaleY(1); }
  50% { transform: rotate(1deg) scaleY(0.98); }
}
@keyframes ea-mote {
  0% { transform: translate(0, 0) scale(1); opacity: 0; }
  20% { opacity: 0.6; }
  50% { transform: translate(30px, -40px) scale(0.6); opacity: 0.3; }
  80% { opacity: 0.5; }
  100% { transform: translate(80px, -80px) scale(0.2); opacity: 0; }
}

.scn-sturt-heat {
  background: linear-gradient(180deg, #ffd8a0 0%, #f0b080 30%, #c08050 100%);
}
.scn-sturt-heat .sky-heat {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #ffe0b0 0%, #ffc080 100%);
  animation: sh-sky 8s ease-in-out infinite alternate;
}
.scn-sturt-heat .sun {
  position: absolute; top: 10%; left: 60%; width: 70px; height: 70px;
  background: radial-gradient(circle, #fff0c0 0%, #ffd070 40%, #ffb040 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,200,80,0.6), 0 0 120px 40px rgba(255,180,50,0.3);
  animation: sh-sun 6s ease-in-out infinite alternate;
}
.scn-sturt-heat .dune-back {
  position: absolute; bottom: 40%; left: 10%; right: 10%; height: 15%;
  background: radial-gradient(ellipse at 50% 100%, #c89060 0%, #a07040 100%);
  border-radius: 70% 30% 0 0;
  animation: sh-dune 18s ease-in-out infinite alternate;
}
.scn-sturt-heat .dune-mid {
  position: absolute; bottom: 28%; left: 0; right: 0; height: 18%;
  background: radial-gradient(ellipse at 50% 100%, #b88050 0%, #906040 100%);
  border-radius: 40% 60% 0 0;
  animation: sh-dune 15s ease-in-out infinite alternate-reverse;
}
.scn-sturt-heat .dune-front {
  position: absolute; bottom: 12%; left: -5%; right: -5%; height: 22%;
  background: radial-gradient(ellipse at 50% 100%, #a07040 0%, #785030 100%);
  border-radius: 50% 50% 0 0;
}
.scn-sturt-heat .walker {
  position: absolute; bottom: 28%; left: 20%; width: 16px; height: 36px;
  background: linear-gradient(180deg, #2a2018 0%, #0a0808 100%);
  border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%;
  transform-origin: bottom center;
  animation: sh-walk 4s ease-in-out infinite;
}
.scn-sturt-heat .heat-shimmer {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 20%;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.15) 4px, rgba(255,255,200,0.1) 8px);
  opacity: 0.4;
  animation: sh-shimmer 3s ease-in-out infinite alternate;
}
@keyframes sh-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes sh-sun {
  0% { transform: scale(1); box-shadow: 0 0 60px 20px rgba(255,200,80,0.6); }
  50% { transform: scale(1.08); box-shadow: 0 0 80px 30px rgba(255,200,80,0.7); }
  100% { transform: scale(0.97); box-shadow: 0 0 50px 15px rgba(255,200,80,0.5); }
}
@keyframes sh-dune {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-3px) scaleX(1.02); }
  100% { transform: translateY(2px) scaleX(0.99); }
}
@keyframes sh-walk {
  0% { transform: translateX(0) rotate(-2deg) translateY(0); }
  25% { transform: translateX(10px) rotate(2deg) translateY(-1px); }
  50% { transform: translateX(20px) rotate(-1deg) translateY(0); }
  75% { transform: translateX(30px) rotate(1deg) translateY(-1px); }
  100% { transform: translateX(40px) rotate(0deg) translateY(0); }
}
@keyframes sh-shimmer {
  0% { opacity: 0.3; transform: scaleY(0.8); }
  50% { opacity: 0.6; transform: scaleY(1.2); }
  100% { opacity: 0.4; transform: scaleY(0.9); }
}

.scn-sturt-description {
  background: linear-gradient(180deg, #f0c080 0%, #d09050 40%, #a06030 100%);
}
.scn-sturt-description .wind-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffe0b0 0%, #f0c890 50%, #d0a068 100%);
  animation: sd-sky 10s ease-in-out infinite alternate;
}
.scn-sturt-description .gum-trunk {
  position: absolute; bottom: 20%; left: 30%; width: 24px; height: 140px;
  background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%);
  border-radius: 20% 20% 5% 5%;
  transform-origin: bottom center;
  animation: sd-trunk 6s ease-in-out infinite alternate;
}
.scn-sturt-description .gum-canopy {
  position: absolute; bottom: 52%; left: 18%; width: 160px; height: 90px;
  background: radial-gradient(ellipse 70% 60% at 50% 40%, #5a7a4a 0%, #3a5a2a 60%, #1a2a0a 100%);
  border-radius: 50% 40% 50% 40% / 60% 50% 50% 40%;
  filter: drop-shadow(0 -10px 20px rgba(0,0,0,0.2));
  animation: sd-canopy 5s ease-in-out infinite alternate;
}
.scn-sturt-description .crouch-figure {
  position: absolute; bottom: 18%; left: 36%; width: 20px; height: 28px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: sd-figure 3s ease-in-out infinite;
}
.scn-sturt-description .grass-layer {
  position: absolute; bottom: 12%; left: 0; right: 0; height: 12%;
  background: repeating-linear-gradient(90deg, #5a7a3a 0px, #6a8a4a 2px, #4a6a2a 4px);
  border-radius: 0 0 0 0;
  mask-image: linear-gradient(to right, transparent 5%, black 20%, black 80%, transparent 95%);
  animation: sd-grass 4s ease-in-out infinite alternate;
}
.scn-sturt-description .dust-plume {
  position: absolute; top: 0; left: 60%; width: 120px; height: 100%;
  background: radial-gradient(ellipse at 30% 80%, rgba(200,160,80,0.4) 0%, transparent 70%);
  filter: blur(8px);
  animation: sd-dust 12s linear infinite;
}
@keyframes sd-sky {
  0% { background-position: 0% 0%; }
  50% { background-position: 10% 5%; }
  100% { background-position: -10% 0%; }
}
@keyframes sd-trunk {
  0% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-2deg); }
}
@keyframes sd-canopy {
  0% { transform: rotate(-2deg) scaleX(1); }
  50% { transform: rotate(2deg) scaleX(1.03); }
  100% { transform: rotate(-1deg) scaleX(0.99); }
}
@keyframes sd-figure {
  0%,100% { transform: translateY(0) scaleY(1); }
  25% { transform: translateY(-2px) scaleY(0.97); }
  75% { transform: translateY(1px) scaleY(1.02); }
}
@keyframes sd-grass {
  0% { transform: translateX(0); }
  50% { transform: translateX(-10px); }
  100% { transform: translateX(5px); }
}
@keyframes sd-dust {
  0% { transform: translateX(0) scale(1); opacity: 0.3; }
  50% { transform: translateX(80px) scale(1.4); opacity: 0.5; }
  100% { transform: translateX(160px) scale(1.8); opacity: 0; }
}

.scn-dust-storm {
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 40%, #3a2a1a 100%);
}
.scn-dust-storm .dark-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  animation: ds-sky 15s ease-in-out infinite alternate;
}
.scn-dust-storm .dust-back {
  position: absolute; inset: 0; background: radial-gradient(ellipse at 60% 70%, rgba(200,160,100,0.3) 0%, transparent 70%);
  filter: blur(15px);
  animation: ds-dustback 20s linear infinite;
}
.scn-dust-storm .dust-front {
  position: absolute; top: 20%; left: -30%; width: 200%; height: 60%;
  background: repeating-linear-gradient(90deg, rgba(180,140,80,0.2) 0px, rgba(200,160,100,0.4) 50px, transparent 100px);
  filter: blur(10px);
  animation: ds-dustfront 8s ease-in-out infinite alternate;
}
.scn-dust-storm .town-silhouette {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 35%;
  background: linear-gradient(180deg, transparent 0%, #1a1a1a 10%, #0a0a0a 100%);
  clip-path: polygon(5% 100%, 10% 40%, 20% 40%, 25% 10%, 35% 10%, 40% 40%, 50% 40%, 55% 30%, 65% 30%, 70% 60%, 85% 60%, 90% 30%, 100% 30%, 100% 100%);
  animation: ds-town 6s ease-in-out infinite alternate;
}
.scn-dust-storm .lantern {
  position: absolute; bottom: 20%; left: 35%; width: 10px; height: 14px;
  background: radial-gradient(circle, #ffc070 0%, #b08040 100%);
  border-radius: 10% 10% 20% 20%;
  box-shadow: 0 0 20px 6px #ffc070, 0 0 40px 12px rgba(255,192,112,0.3);
  animation: ds-lantern 4s ease-in-out infinite alternate;
}
.scn-dust-storm .debris {
  position: absolute; top: 30%; left: 40%; width: 8px; height: 8px;
  background: #4a3a2a; border-radius: 2px;
  animation: ds-debris 7s linear infinite;
}
@keyframes ds-sky {
  0% { opacity: 0.7; }
  50% { opacity: 0.9; }
  100% { opacity: 0.6; }
}
@keyframes ds-dustback {
  0% { transform: translateX(0) scale(1); opacity: 0.5; }
  50% { transform: translateX(60px) scale(1.2); opacity: 0.7; }
  100% { transform: translateX(120px) scale(1.5); opacity: 0.3; }
}
@keyframes ds-dustfront {
  0% { transform: translateX(0); }
  50% { transform: translateX(30px); }
  100% { transform: translateX(-20px); }
}
@keyframes ds-town {
  0% { opacity: 0.9; transform: scaleY(1); }
  50% { opacity: 0.7; transform: scaleY(0.98); }
  100% { opacity: 0.8; transform: scaleY(1.01); }
}
@keyframes ds-lantern {
  0% { box-shadow: 0 0 20px 6px #ffc070, 0 0 40px 12px rgba(255,192,112,0.3); opacity: 0.8; }
  50% { box-shadow: 0 0 30px 10px #ffd080, 0 0 60px 20px rgba(255,208,128,0.5); opacity: 1; }
  100% { box-shadow: 0 0 18px 4px #b08040, 0 0 36px 8px rgba(176,128,64,0.3); opacity: 0.7; }
}
@keyframes ds-debris {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 0; }
  20% { opacity: 0.6; }
  50% { transform: translate(80px, -60px) rotate(180deg); opacity: 0.4; }
  80% { opacity: 0.5; }
  100% { transform: translate(160px, -120px) rotate(360deg); opacity: 0; }
}

.scn-average-man-ignorant { background: linear-gradient(180deg, #f5e6d0 0%, #e8d5b8 40%, #d4b896 100%), radial-gradient(ellipse at 50% 0%, #fff8ee 0%, transparent 60%); }
.scn-average-man-ignorant .wall       { position:absolute; inset:0 0 45% 0; background: linear-gradient(90deg, #e8d5b8 0%, #f0e0c8 50%, #e0ccaa 100%); }
.scn-average-man-ignorant .bookshelf  { position:absolute; top:8%; left:5%; width:28%; height:42%; background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%); border-radius:4px; box-shadow: inset 0 0 0 6px #4a2a0a, 0 4px 12px rgba(0,0,0,.3); }
.scn-average-man-ignorant .bookshelf::before { content:""; position:absolute; top:12%; left:8%; width:84%; height:8%; background: linear-gradient(90deg, #a08060, #b09070, #8a6a4a); border-radius:2px; box-shadow: 0 18px 0 #a08060, 0 36px 0 #b09070, 0 54px 0 #8a6a4a, 0 72px 0 #a08060; opacity:.7; }
.scn-average-man-ignorant .armchair   { position:absolute; bottom:22%; left:38%; width:26%; height:34%; background: linear-gradient(180deg, #b87858 0%, #8a5a3a 40%, #6a3a1a 100%); border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%; box-shadow: 0 8px 20px rgba(0,0,0,.35); animation: ami-float 6s ease-in-out infinite; }
.scn-average-man-ignorant .figure     { position:absolute; bottom:26%; left:44%; width:16%; height:38%; background: linear-gradient(180deg, #d4a878 0%, #b8885a 50%, #8a6040 100%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ami-scratch 4s ease-in-out infinite; }
.scn-average-man-ignorant .figure::after { content:""; position:absolute; top:18%; left:50%; width:32%; height:28%; background: radial-gradient(ellipse, #e8c8a0 0%, #d4a878 70%); border-radius:50%; transform:translateX(-50%); box-shadow: inset 0 -4px 8px rgba(0,0,0,.15); }
.scn-average-man-ignorant .globe      { position:absolute; bottom:24%; right:18%; width:15%; height:22%; background: radial-gradient(circle at 35% 30%, #88ccee 0%, #5599bb 40%, #336688 100%); border-radius:50%; box-shadow: 0 4px 12px rgba(0,0,0,.3), inset 0 -8px 20px rgba(0,0,0,.2); transform:rotate(-15deg); animation: ami-spin 20s linear infinite; }
.scn-average-man-ignorant .globe::before { content:""; position:absolute; top:10%; left:45%; width:6%; height:80%; background: linear-gradient(180deg, #c8a060 0%, #a08040 100%); border-radius:2px; transform:rotate(8deg); box-shadow: -4px 0 6px rgba(0,0,0,.2); }
.scn-average-man-ignorant .globe::after  { content:""; position:absolute; top:45%; left:5%; width:90%; height:6%; background: linear-gradient(90deg, #c8a060 0%, transparent 50%, #c8a060 100%); border-radius:2px; transform:rotate(-5deg); }
.scn-average-man-ignorant .lamp-glow  { position:absolute; top:12%; right:22%; width:20%; height:30%; background: radial-gradient(ellipse at 50% 0%, rgba(255,220,150,.9) 0%, rgba(255,200,100,.4) 40%, transparent 70%); border-radius:50%; filter: blur(8px); animation: ami-glow 5s ease-in-out infinite alternate; }
.scn-average-man-ignorant .thought-bubble { position:absolute; top:12%; left:28%; width:22%; height:18%; background: radial-gradient(circle, rgba(255,255,255,.85) 0%, rgba(240,230,210,.6) 100%); border-radius:50%; box-shadow: 0 4px 16px rgba(0,0,0,.15); animation: ami-pulse 4s ease-in-out infinite; }
.scn-average-man-ignorant .thought-bubble::before { content:""; position:absolute; bottom:-20%; left:30%; width:30%; height:25%; background: radial-gradient(circle, rgba(255,255,255,.7) 0%, transparent 100%); border-radius:50%; }
.scn-average-man-ignorant .thought-bubble::after  { content:""; position:absolute; bottom:-35%; left:15%; width:20%; height:20%; background: radial-gradient(circle, rgba(255,255,255,.5) 0%, transparent 100%); border-radius:50%; }
.scn-average-man-ignorant .map-roll    { position:absolute; bottom:18%; right:8%; width:12%; height:6%; background: linear-gradient(180deg, #e8d0a0 0%, #c8b080 50%, #a89060 100%); border-radius: 0 0 50% 50% / 0 0 100% 100%; transform:rotate(-20deg); box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: ami-unroll 12s ease-in-out infinite; }
@keyframes ami-float    { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@keyframes ami-scratch  { 0% { transform: translateX(0) rotate(0) } 20% { transform: translateX(-3px) rotate(-4deg) } 40% { transform: translateX(0) rotate(0) } 60% { transform: translateX(4px) rotate(3deg) } 80% { transform: translateX(0) rotate(0) } 100% { transform: translateX(-2px) rotate(-2deg) } }
@keyframes ami-spin     { 0% { transform: rotate(-15deg) } 100% { transform: rotate(345deg) } }
@keyframes ami-glow     { 0% { opacity:.6; transform: scale(1) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.7; transform: scale(.95) } }
@keyframes ami-pulse    { 0%,100% { transform: scale(1); opacity:.8 } 50% { transform: scale(1.08); opacity:1 } }
@keyframes ami-unroll   { 0%,100% { transform: rotate(-20deg) scaleX(1) } 50% { transform: rotate(-15deg) scaleX(1.3) } }

.scn-black-hole-prepared { background: linear-gradient(180deg, #1a1a2e 0%, #2a2a40 30%, #3a3a50 60%, #2a2a40 100%), radial-gradient(ellipse at 50% 70%, #4a4a60 0%, transparent 60%); }
.scn-black-hole-prepared .bg-dark      { position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,10,20,.9) 0%, rgba(20,20,35,.7) 100%); }
.scn-black-hole-prepared .spotlight    { position:absolute; top:0; left:30%; width:40%; height:65%; background: radial-gradient(ellipse at 50% 0%, rgba(255,230,180,.35) 0%, rgba(255,200,150,.15) 40%, transparent 70%); clip-path: polygon(20% 0%, 80% 0%, 65% 100%, 35% 100%); animation: bhp-beam 8s ease-in-out infinite alternate; }
.scn-black-hole-prepared .pedestal     { position:absolute; bottom:15%; left:50%; width:30%; height:12%; transform:translateX(-50%); background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 50%, #3a2a1a 100%); border-radius: 4px 4px 8px 8px; box-shadow: 0 8px 24px rgba(0,0,0,.6), inset 0 4px 12px rgba(255,230,200,.1); }
.scn-black-hole-prepared .pedestal::before { content:""; position:absolute; top:-6%; left:5%; width:90%; height:10%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius:2px; }
.scn-black-hole-prepared .model-cell   { position:absolute; bottom:26%; left:42%; width:16%; height:18%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border: 3px solid #7a6a5a; border-radius:3px; box-shadow: 0 0 0 2px #2a1a0a, inset 0 0 20px rgba(0,0,0,.7); animation: bhp-fade 6s ease-in-out infinite alternate; }
.scn-black-hole-prepared .model-cell::after { content:""; position:absolute; top:15%; left:10%; width:80%; height:70%; background: repeating-linear-gradient(0deg, rgba(80,60,40,.3) 0px, rgba(80,60,40,.3) 2px, transparent 2px, transparent 6px); }
.scn-black-hole-prepared .tiny-figures { position:absolute; bottom:28%; left:44%; width:12%; height:14%; background: radial-gradient(ellipse at 50% 80%, #4a3a2a 0%, transparent 70%); animation: bhp-crowd 10s ease-in-out infinite; }
.scn-black-hole-prepared .tiny-figures::before { content:""; position:absolute; bottom:0; left:10%; width:30%; height:40%; background: radial-gradient(ellipse, #3a2a1a 0%, transparent 100%); border-radius:50%; box-shadow: 20px 0 0 #3a2a1a, -15px 2px 0 #2a1a0a, 35px -3px 0 #3a2a1a; }
.scn-black-hole-prepared .plaque       { position:absolute; bottom:16%; left:50%; width:20%; height:6%; transform:translateX(-50%); background: linear-gradient(180deg, #c8b888 0%, #a89060 50%, #887850 100%); border-radius:2px; box-shadow: 0 2px 8px rgba(0,0,0,.5); animation: bhp-reveal 12s ease-in-out infinite; }
.scn-black-hole-prepared .plaque::after { content:""; position:absolute; top:20%; left:10%; width:80%; height:60%; background: linear-gradient(90deg, #8a7a5a 0%, #a89878 50%, #8a7a5a 100%); border-radius:1px; }
.scn-black-hole-prepared .shadow-bar   { position:absolute; bottom:12%; left:20%; width:60%; height:4%; background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 20%, rgba(0,0,0,.6) 80%, transparent 100%); filter: blur(4px); animation: bhp-sweep 15s linear infinite; }
@keyframes bhp-beam    { 0% { opacity:.6; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.05) } 100% { opacity:.7; transform: scaleY(.95) } }
@keyframes bhp-fade    { 0%,100% { opacity:.8 } 50% { opacity:1 } }
@keyframes bhp-crowd   { 0% { transform: translateY(0) scale(1) } 33% { transform: translateY(-2px) scale(1.02) } 66% { transform: translateY(1px) scale(.98) } 100% { transform: translateY(0) scale(1) } }
@keyframes bhp-reveal  { 0%,100% { opacity:.6; filter: brightness(.8) } 50% { opacity:1; filter: brightness(1.1) } }
@keyframes bhp-sweep   { 0% { transform: translateX(-20%) } 100% { transform: translateX(20%) } }

.scn-black-hole-site { background: linear-gradient(180deg, #2a2a3e 0%, #3a3a50 30%, #4a4a5e 60%, #3a3a50 100%), radial-gradient(ellipse at 50% 30%, #5a5a70 0%, transparent 60%); }
.scn-black-hole-site .wall-brick    { position:absolute; inset:0 0 25% 0; background: repeating-linear-gradient(90deg, #6a5a4a 0px, #7a6a5a 2px, #6a5a4a 4px), repeating-linear-gradient(0deg, #5a4a3a 0px, #6a5a4a 2px, #5a4a3a 4px); background-blend-mode: overlay; background-size: 40px 20px; box-shadow: inset 0 -8px 30px rgba(0,0,0,.6); }
.scn-black-hole-site .wall-brick::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, transparent 30%, rgba(0,0,0,.4) 100%); }
.scn-black-hole-site .floor-mark   { position:absolute; bottom:10%; left:15%; width:70%; height:20%; background: linear-gradient(180deg, #5a4a3a 0%, #4a3a2a 100%); border: 2px solid #8a7a6a; box-shadow: inset 0 0 30px rgba(0,0,0,.5), 0 4px 20px rgba(0,0,0,.4); animation: bhs-pulse 8s ease-in-out infinite; }
.scn-black-hole-site .floor-mark::before { content:""; position:absolute; top:10%; left:10%; width:80%; height:80%; border: 1px dashed #8a7a5a; opacity:.5; }
.scn-black-hole-site .engraved-plate{ position:absolute; bottom:30%; left:50%; width:30%; height:18%; transform:translateX(-50%); background: linear-gradient(180deg, #b8a888 0%, #9a8a6a 50%, #8a7a5a 100%); border-radius:4px; box-shadow: 0 4px 16px rgba(0,0,0,.5), inset 0 2px 8px rgba(255,230,200,.2); animation: bhs-glow 6s ease-in-out infinite alternate; }
.scn-black-hole-site .engraved-plate::after { content:""; position:absolute; top:15%; left:10%; width:80%; height:70%; background: linear-gradient(135deg, #8a7a5a 0%, #a89878 30%, #8a7a5a 60%, #7a6a4a 100%); border-radius:2px; box-shadow: inset 0 0 12px rgba(0,0,0,.3); }
.scn-black-hole-site .cell-shadow   { position:absolute; bottom:10%; left:20%; width:60%; height:40%; background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,.7) 0%, transparent 70%); filter: blur(12px); animation: bhs-shadow 12s ease-in-out infinite alternate; }
.scn-black-hole-site .measure-lines { position:absolute; bottom:14%; left:18%; width:64%; height:2%; border-top: 2px solid #a89878; border-bottom: 2px solid #a89878; opacity:.6; animation: bhs-measure 10s ease-in-out infinite; }
.scn-black-hole-site .measure-lines::before { content:""; position:absolute; top:-4px; left:-2px; width:6px; height:8px; background:#a89878; }
.scn-black-hole-site .measure-lines::after  { content:""; position:absolute; top:-4px; right:-2px; width:6px; height:8px; background:#a89878; }
.scn-black-hole-site .dust-motes    { position:absolute; top:20%; left:10%; width:80%; height:60%; background: radial-gradient(circle at 20% 30%, rgba(255,230,200,.15) 0%, transparent 30%), radial-gradient(circle at 80% 60%, rgba(255,230,200,.1) 0%, transparent 40%); animation: bhs-drift 20s linear infinite; }
@keyframes bhs-pulse   { 0%,100% { opacity:.8 } 50% { opacity:1 } }
@keyframes bhs-glow    { 0% { box-shadow: 0 4px 16px rgba(0,0,0,.5), inset 0 2px 8px rgba(255,230,200,.2); } 50% { box-shadow: 0 4px 24px rgba(180,160,120,.4), inset 0 2px 12px rgba(255,230,200,.3); } 100% { box-shadow: 0 4px 16px rgba(0,0,0,.5), inset 0 2px 8px rgba(255,230,200,.2); } }
@keyframes bhs-shadow  { 0% { transform: scaleY(1); opacity:.6 } 50% { transform: scaleY(1.1); opacity:.8 } 100% { transform: scaleY(1); opacity:.6 } }
@keyframes bhs-measure { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(1.02) } }
@keyframes bhs-drift   { 0% { transform: translate(0, 0) } 50% { transform: translate(10px, -8px) } 100% { transform: translate(-5px, 5px) } }

.scn-holwell-sleeves { background: linear-gradient(180deg, #0a0a14 0%, #141420 30%, #1a1a2e 60%, #0e0e1a 100%), radial-gradient(ellipse at 50% 80%, #1a1a2e 0%, transparent 60%); }
.scn-holwell-sleeves .darkness-deep { position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(5,5,15,.8) 100%); }
.scn-holwell-sleeves .grate-light   { position:absolute; top:5%; left:40%; width:20%; height:8%; background: radial-gradient(ellipse at 50% 100%, rgba(200,180,140,.15) 0%, rgba(200,180,140,.05) 50%, transparent 100%); clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%); animation: hsw-glimmer 12s ease-in-out infinite alternate; }
.scn-holwell-sleeves .grate-light::after { content:""; position:absolute; top:0; left:20%; width:60%; height:100%; background: repeating-linear-gradient(90deg, transparent 0px, transparent 6px, rgba(200,180,140,.3) 6px, rgba(200,180,140,.3) 8px, transparent 8px, transparent 14px); }
.scn-holwell-sleeves .huddle-group  { position:absolute; bottom:15%; left:20%; width:60%; height:35%; background: radial-gradient(ellipse at 50% 100%, #1a1a2a 0%, transparent 70%); animation: hsw-crowd 15s ease-in-out infinite; }
.scn-holwell-sleeves .huddle-group::before { content:""; position:absolute; bottom:0; left:10%; width:25%; height:30%; background: radial-gradient(ellipse, #2a2a3a 0%, transparent 100%); border-radius:50%; box-shadow: 30px 0 0 #2a2a3a, -20px -5px 0 #1a1a2a, 50px -8px 0 #2a2a3a, 70px 2px 0 #1a1a2a; }
.scn-holwell-sleeves .huddle-group::after  { content:""; position:absolute; bottom:5%; left:5%; width:90%; height:20%; background: linear-gradient(90deg, transparent 0%, rgba(30,30,40,.6) 20%, rgba(30,30,40,.6) 80%, transparent 100%); filter: blur(6px); }
.scn-holwell-sleeves .holwell-figure{ position:absolute; bottom:20%; left:45%; width:14%; height:40%; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2a 60%, #0a0a14 100%); border-radius: 50% 50% 40% 40% / 55% 55% 45% 45%; transform-origin: bottom center; animation: hsw-sway 8s ease-in-out infinite; }
.scn-holwell-sleeves .holwell-figure::before { content:""; position:absolute; top:10%; left:50%; width:40%; height:25%; background: radial-gradient(ellipse, #3a3a4e 0%, #2a2a3a 70%); border-radius:50%; transform:translateX(-50%); }
.scn-holwell-sleeves .sleeve-arm    { position:absolute; bottom:38%; left:48%; width:8%; height:20%; background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform: rotate(-60deg); transform-origin: top center; animation: hsw-suck 4s ease-in-out infinite; }
.scn-holwell-sleeves .sleeve-arm::after { content:""; position:absolute; bottom:0; left:10%; width:80%; height:30%; background: radial-gradient(ellipse, #4a4a5e 0%, transparent 100%); border-radius:50%; }
.scn-holwell-sleeves .sweat-drop    { position:absolute; bottom:42%; left:52%; width:3%; height:5%; background: radial-gradient(circle, rgba(200,200,220,.6) 0%, transparent 100%); border-radius:50%; animation: hsw-drip 6s ease-in-out infinite; }
.scn-holwell-sleeves .prayer-hands  { position:absolute; bottom:18%; right:30%; width:6%; height:10%; background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3a 100%); border-radius: 30% 30% 50% 50% / 40% 40% 60% 60%; transform: rotate(10deg); animation: hsw-pray 10s ease-in-out infinite; }
.scn-holwell-sleeves .prayer-hands::before { content:""; position:absolute; top:0; left:-60%; width:60%; height:100%; background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3a 100%); border-radius: 30% 30% 50% 50% / 40% 40% 60% 60%; transform: rotate(-20deg); }
@keyframes hsw-glimmer { 0% { opacity:.2; transform: scaleX(1) } 50% { opacity:.5; transform: scaleX(1.05) } 100% { opacity:.15; transform: scaleX(.95) } }
@keyframes hsw-crowd   { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes hsw-sway    { 0% { transform: rotate(0) } 25% { transform: rotate(2deg) } 50% { transform: rotate(-1deg) } 75% { transform: rotate(3deg) } 100% { transform: rotate(0) } }
@keyframes hsw-suck    { 0% { transform: rotate(-60deg) scaleY(1) } 30% { transform: rotate(-50deg) scaleY(1.05) } 50% { transform: rotate(-65deg) scaleY(.95) } 70% { transform: rotate(-55deg) scaleY(1.02) } 100% { transform: rotate(-60deg) scaleY(1) } }
@keyframes hsw-drip    { 0% { transform: translateY(0) scale(1); opacity:.6 } 50% { transform: translateY(8px) scale(.8); opacity:.8 } 100% { transform: translateY(0) scale(1); opacity:.6 } }
@keyframes hsw-pray    { 0%,100% { transform: rotate(10deg) scale(1) } 50% { transform: rotate(5deg) scale(1.05) } }

/* ========== SCENE 1: luka-kaaukau ========== */
.scn-luka-kaaukau {
  background: 
    linear-gradient(180deg, #1a120b 0%, #2a1e14 40%, #0d0a06 100%),
    radial-gradient(ellipse at 50% 80%, #3a2a1a 0%, transparent 70%);
}
.scn-luka-kaaukau .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #2a1e14 0%, #1a120b 100%);
  animation: lk-wall 12s ease-in-out infinite alternate;
}
.scn-luka-kaaukau .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a120b 100%);
  border-radius: 0 0 60% 60% / 0 0 20% 20%;
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.6);
}
.scn-luka-kaaukau .bed {
  position: absolute; bottom: 25%; left: 50%; width: 70%; height: 20%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.7);
  animation: lk-bed 8s ease-in-out infinite;
}
.scn-luka-kaaukau .husband {
  position: absolute; bottom: 28%; left: 52%; width: 50px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #3a2a1a 0%, #1a100a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  filter: blur(1px);
  animation: lk-husband 6s ease-in-out infinite;
}
.scn-luka-kaaukau .luka {
  position: absolute; bottom: 27%; left: 38%; width: 28px; height: 50px;
  background: linear-gradient(180deg, #2a1e14 0%, #1a100a 100%);
  border-radius: 50% 40% 40% 50% / 60% 50% 40% 50%;
  transform-origin: bottom center;
  animation: lk-luka 4s ease-in-out infinite;
}
.scn-luka-kaaukau .lamp {
  position: absolute; bottom: 30%; left: 20%; width: 10px; height: 14px;
  background: radial-gradient(circle, #d48a4a 0%, #8a5a2a 70%);
  border-radius: 20% 20% 40% 40%;
  box-shadow: 0 0 20px 6px rgba(212,138,74,0.4), 0 0 40px 12px rgba(212,138,74,0.2);
  animation: lk-lamp 3s ease-in-out infinite alternate;
}
.scn-luka-kaaukau .window {
  position: absolute; top: 20%; left: 10%; width: 40px; height: 50px;
  background: radial-gradient(circle, rgba(180,200,230,0.2) 0%, transparent 70%);
  border-radius: 4px;
  box-shadow: inset 0 0 10px rgba(100,120,150,0.2);
  animation: lk-window 10s ease-in-out infinite alternate;
}
@keyframes lk-wall { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes lk-bed { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } }
@keyframes lk-husband { 0% { transform: translateX(-50%) rotate(0deg); } 30% { transform: translateX(-45%) rotate(2deg); } 70% { transform: translateX(-55%) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes lk-luka { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(4px) rotate(4deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-4px) rotate(-4deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes lk-lamp { 0% { box-shadow: 0 0 15px 4px rgba(212,138,74,0.3); opacity:0.8; } 50% { box-shadow: 0 0 25px 8px rgba(212,138,74,0.6); opacity:1; } 100% { box-shadow: 0 0 18px 5px rgba(212,138,74,0.4); opacity:0.85; } }
@keyframes lk-window { 0% { opacity:0.05; } 50% { opacity:0.2; } 100% { opacity:0.05; } }

/* ========== SCENE 2: leper-innocence ========== */
.scn-leper-innocence {
  background: 
    linear-gradient(180deg, #1a0f1a 0%, #2a1a2a 40%, #0f050f 100%),
    radial-gradient(ellipse at 50% 90%, #3a2a3a 0%, transparent 60%);
}
.scn-leper-innocence .chapel-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #1a0f1a 0%, #2a1a2a 50%, #1a0f1a 100%);
  animation: li-wall 15s ease-in-out infinite alternate;
}
.scn-leper-innocence .pews {
  position: absolute; bottom: 20%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a0a0a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.5);
}
.scn-leper-innocence .casket {
  position: absolute; bottom: 15%; left: 50%; width: 50px; height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a3a3a 0%, #2a1a1a 100%);
  border-radius: 10% 10% 30% 30%;
  box-shadow: 0 5px 15px rgba(0,0,0,0.7);
  animation: li-casket 12s ease-in-out infinite;
}
.scn-leper-innocence .band-player1 {
  position: absolute; bottom: 20%; left: 20%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a100a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: li-player1 3s ease-in-out infinite;
}
.scn-leper-innocence .band-player2 {
  position: absolute; bottom: 20%; right: 20%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #3a2a2a 0%, #1a100a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: li-player2 3.5s ease-in-out infinite 0.5s;
}
.scn-leper-innocence .soul {
  position: absolute; top: 30%; left: 50%; width: 16px; height: 16px;
  transform: translateX(-50%);
  background: radial-gradient(circle, #d8b878 0%, #a88040 60%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(216,184,120,0.5);
  animation: li-soul 8s ease-in-out infinite;
}
.scn-leper-innocence .stained-glass {
  position: absolute; top: 10%; left: 50%; width: 80px; height: 100px;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #5e1a1d 0%, #702243 30%, #3a1a2a 60%, #2a0a1a 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%;
  box-shadow: inset 0 0 20px rgba(255,200,200,0.1);
  animation: li-glass 6s ease-in-out infinite alternate;
}
@keyframes li-wall { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes li-casket { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } }
@keyframes li-player1 { 0% { transform: rotate(0deg); } 25% { transform: rotate(-8deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(8deg); } 100% { transform: rotate(0deg); } }
@keyframes li-player2 { 0% { transform: rotate(0deg); } 25% { transform: rotate(10deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } }
@keyframes li-soul { 0% { transform: translateX(-50%) translateY(0) scale(1); opacity:0.6; } 50% { transform: translateX(-50%) translateY(-20px) scale(1.2); opacity:1; } 100% { transform: translateX(-50%) translateY(0) scale(1); opacity:0.6; } }
@keyframes li-glass { 0% { opacity:0.3; background-position: 0% 0%; } 50% { opacity:0.7; background-position: 100% 100%; } 100% { opacity:0.4; background-position: 0% 0%; } }

/* ========== SCENE 3: approaching-equator ========== */
.scn-approaching-equator {
  background: 
    linear-gradient(180deg, #4a7a9a 0%, #8ab0c8 40%, #d4b880 100%),
    radial-gradient(ellipse at 50% 0%, #a0c8e0 0%, transparent 70%);
}
.scn-approaching-equator .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #7aaac8 0%, #c8d8e0 50%, #f0d8a0 100%);
  animation: ae-sky 20s ease-in-out infinite alternate;
}
.scn-approaching-equator .ocean {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #2a5a6a 0%, #1a3a4a 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.3);
  animation: ae-ocean 12s ease-in-out infinite;
}
.scn-approaching-equator .ship {
  position: absolute; bottom: 18%; left: 20%; width: 120px; height: 30px;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%);
  border-radius: 30% 30% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 8px 15px rgba(0,0,0,0.4);
  animation: ae-ship 16s ease-in-out infinite;
}
.scn-approaching-equator .sail {
  position: absolute; bottom: 28%; left: 25%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #f0e8d0 0%, #d0c8a0 100%);
  border-radius: 40% 40% 20% 20% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ae-sail 8s ease-in-out infinite alternate;
}
.scn-approaching-equator .flying-fish1 {
  position: absolute; top: 30%; left: 10%; width: 30px; height: 8px;
  background: linear-gradient(90deg, rgba(200,220,240,0.5), transparent);
  border-radius: 50%;
  filter: blur(2px);
  animation: ae-fish1 12s linear infinite;
}
.scn-approaching-equator .flying-fish2 {
  position: absolute; top: 25%; left: 60%; width: 25px; height: 6px;
  background: linear-gradient(90deg, rgba(200,220,240,0.4), transparent);
  border-radius: 50%;
  filter: blur(2px);
  animation: ae-fish2 14s linear infinite 3s;
}
.scn-approaching-equator .moon {
  position: absolute; top: 10%; right: 20%; width: 40px; height: 40px;
  background: radial-gradient(circle, #d8b878 0%, #a88040 60%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(216,184,120,0.4);
  animation: ae-moon 30s ease-in-out infinite;
}
@keyframes ae-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes ae-ocean { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes ae-ship { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(10px) rotate(1deg); } 50% { transform: translateX(20px) rotate(0deg); } 75% { transform: translateX(10px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ae-sail { 0% { transform: scaleY(1) rotate(0deg); } 50% { transform: scaleY(1.05) rotate(3deg); } 100% { transform: scaleY(1) rotate(-3deg); } }
@keyframes ae-fish1 { 0% { transform: translateX(-40px) translateY(0); } 50% { transform: translateX(10vw) translateY(-5px); } 100% { transform: translateX(110vw) translateY(0); } }
@keyframes ae-fish2 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(5vw) translateY(-3px); } 100% { transform: translateX(100vw) translateY(0); } }
@keyframes ae-moon { 0% { opacity:0.3; transform: scale(1); } 50% { opacity:0.8; transform: scale(1.02); } 100% { opacity:0.4; transform: scale(1); } }

/* ========== SCENE 4: crossing-equator ========== */
.scn-crossing-equator {
  background: 
    linear-gradient(180deg, #a0c8e0 0%, #d0e8f0 30%, #f8f0d0 100%),
    radial-gradient(ellipse at 50% 0%, #c0d8e8 0%, transparent 60%);
}
.scn-crossing-equator .deck {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #b8a070 0%, #8a7a5a 100%);
  border-radius: 40% 40% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.2);
  animation: ce-deck 15s ease-in-out infinite;
}
.scn-crossing-equator .ocean {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #2a6a7a 0%, #1a4a5a 100%);
  border-radius: 0 0 50% 50% / 0 0 20% 20%;
  animation: ce-ocean 10s ease-in-out infinite alternate;
}
.scn-crossing-equator .sky {
  position: absolute; inset: 0 0 65% 0;
  background: linear-gradient(180deg, #6a9ab0 0%, #b8d8e8 50%, #f0e8c0 100%);
  animation: ce-sky 20s ease-in-out infinite alternate;
}
.scn-crossing-equator .player1 {
  position: absolute; bottom: 20%; left: 30%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: ce-player1 3s ease-in-out infinite;
}
.scn-crossing-equator .player2 {
  position: absolute; bottom: 20%; right: 30%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: ce-player2 3.5s ease-in-out infinite 1s;
}
.scn-crossing-equator .puck {
  position: absolute; bottom: 22%; left: 50%; width: 12px; height: 12px;
  background: radial-gradient(circle, #d0c090 0%, #a09070 100%);
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: ce-puck 5s ease-in-out infinite;
}
.scn-crossing-equator .equator-line {
  position: absolute; bottom: 36%; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent 0%, #4a7a9a 20%, #6a9aba 50%, #4a7a9a 80%, transparent 100%);
  box-shadow: 0 0 10px 2px rgba(74,122,154,0.5);
  animation: ce-line 8s ease-in-out infinite alternate;
}
@keyframes ce-deck { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes ce-ocean { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes ce-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes ce-player1 { 0% { transform: rotate(0deg); } 25% { transform: rotate(-12deg) translateX(-3px); } 50% { transform: rotate(0deg); } 75% { transform: rotate(12deg) translateX(3px); } 100% { transform: rotate(0deg); } }
@keyframes ce-player2 { 0% { transform: rotate(0deg); } 25% { transform: rotate(14deg) translateX(4px); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-14deg) translateX(-4px); } 100% { transform: rotate(0deg); } }
@keyframes ce-puck { 0% { transform: translateX(-30px) translateY(0); } 50% { transform: translateX(30px) translateY(-5px); } 100% { transform: translateX(-30px) translateY(0); } }
@keyframes ce-line { 0% { opacity:0.3; } 50% { opacity:1; } 100% { opacity:0.4; } }

.scn-brompy-servant {
  background:
    linear-gradient(180deg, #e6ccb2 0%, #c19a6b 100%),
    radial-gradient(ellipse at 50% 100%, #a67c52 0%, transparent 50%);
}
.scn-brompy-servant .wall {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(180deg, #d4a373 0%, #8c5a2b 100%);
  border-radius: 0 0 60% 60% / 0 0 30% 30%;
  animation: bs-wall 15s ease-in-out infinite alternate;
}
.scn-brompy-servant .floor {
  position: absolute;
  bottom: 0;
  left: 0; right: 0;
  height: 30%;
  background: linear-gradient(180deg, #8c5a2b 0%, #4a2c1a 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
}
.scn-brompy-servant .window {
  position: absolute;
  bottom: 48%;
  left: 20%;
  width: 40%;
  height: 35%;
  background: radial-gradient(ellipse at 50% 50%, #fefae0 0%, #e6ccb2 70%, transparent 100%);
  border-radius: 4% 4% 8% 8%;
  box-shadow: 0 0 40px 20px rgba(254, 250, 224, 0.3);
  animation: bs-window 4s ease-in-out infinite alternate;
}
.scn-brompy-servant .curtain {
  position: absolute;
  bottom: 48%;
  left: 18%;
  width: 44%;
  height: 38%;
  background: linear-gradient(135deg, #c19a6b 30%, transparent 70%);
  border-radius: 0 30% 0 0;
  filter: blur(4px);
  animation: bs-curtain 6s ease-in-out infinite alternate;
}
.scn-brompy-servant .table {
  position: absolute;
  bottom: 30%;
  left: 50%;
  width: 40%;
  height: 8%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #6a3e1a 0%, #3a1e0a 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: bs-table 10s ease-in-out infinite;
}
.scn-brompy-servant .lamp {
  position: absolute;
  bottom: 36%;
  left: 60%;
  width: 6%;
  height: 12%;
  background: linear-gradient(180deg, #d4a373 0%, #a67c52 100%);
  border-radius: 50% 50% 10% 10%;
  animation: bs-lamp 3s ease-in-out infinite alternate;
}
.scn-brompy-servant .lamp::after {
  content: '';
  position: absolute;
  top: -60%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 120%;
  background: radial-gradient(circle, #fefae0 0%, transparent 70%);
  border-radius: 50%;
  animation: bs-glow 2s ease-in-out infinite alternate;
}
.scn-brompy-servant .figure-brompy {
  position: absolute;
  bottom: 27%;
  left: 35%;
  width: 14%;
  height: 22%;
  background: linear-gradient(180deg, #fefae0 0%, #e6ccb2 50%, #d4a373 100%);
  border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bs-figure 4s ease-in-out infinite;
}
.scn-brompy-servant .comb {
  position: absolute;
  bottom: 42%;
  left: 37%;
  width: 4%;
  height: 6%;
  background: #6a3e1a;
  border-radius: 20% 20% 40% 40%;
  transform: rotate(15deg);
  animation: bs-comb 2s ease-in-out infinite alternate;
}

@keyframes bs-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes bs-window { 0% { box-shadow: 0 0 30px 15px rgba(254,250,224,0.2); } 50% { box-shadow: 0 0 60px 30px rgba(254,250,224,0.5); } 100% { box-shadow: 0 0 40px 20px rgba(254,250,224,0.3); } }
@keyframes bs-curtain { 0% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 100% { transform: translateX(-5px); } }
@keyframes bs-table { 0%,100% { transform: translateX(-50%) scaleY(1); } 50% { transform: translateX(-50%) scaleY(1.02); } }
@keyframes bs-lamp { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } 100% { transform: scaleY(0.95); } }
@keyframes bs-glow { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes bs-figure { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-1px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes bs-comb { 0% { transform: rotate(10deg) translateX(0); } 100% { transform: rotate(20deg) translateX(2px); } }

.scn-ceylon-orient {
  background:
    linear-gradient(180deg, #87CEEB 0%, #f0c27a 40%, #d4a373 100%),
    radial-gradient(circle at 70% 30%, #ffd700 0%, transparent 70%);
}
.scn-ceylon-orient .sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #4a90d9 0%, #87CEEB 60%, transparent 100%); animation: co-sky 10s ease-in-out infinite alternate; }
.scn-ceylon-orient .sun { position: absolute; top: 15%; right: 20%; width: 12%; height: 12%; background: radial-gradient(circle, #ffd700 0%, #ffb347 50%, transparent 100%); border-radius: 50%; animation: co-sun 6s ease-in-out infinite alternate; }
.scn-ceylon-orient .palm-trunk { position: absolute; bottom: 35%; left: 30%; width: 4%; height: 40%; background: linear-gradient(180deg, #5c3a1a 0%, #3a1e0a 100%); border-radius: 10% 10% 30% 30%; transform: rotate(-5deg); animation: co-trunk 15s ease-in-out infinite; }
.scn-ceylon-orient .palm-leaves { position: absolute; bottom: 65%; left: 28%; width: 20%; height: 20%; background: radial-gradient(ellipse at 50% 100%, #2d6a2d 0%, transparent 70%); border-radius: 50%; filter: blur(3px); animation: co-leaves 8s ease-in-out infinite alternate; }
.scn-ceylon-orient .ground { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, #d4a373 0%, #b8860b 100%); border-radius: 30% 70% 0 0 / 50% 80% 0 0; animation: co-ground 12s ease-in-out infinite; }
.scn-ceylon-orient .charmer { position: absolute; bottom: 30%; left: 45%; width: 12%; height: 25%; background: linear-gradient(180deg, #c12e1a 0%, #8c1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: co-charmer 4s ease-in-out infinite; }
.scn-ceylon-orient .snake { position: absolute; bottom: 25%; left: 50%; width: 8%; height: 8%; background: linear-gradient(180deg, #2d6a2d 0%, #1a3a1a 100%); border-radius: 50% 50% 40% 60%; transform-origin: 50% 100%; animation: co-snake 3s ease-in-out infinite alternate; }

@keyframes co-sky { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes co-sun { 0% { transform: scale(0.9); box-shadow: 0 0 20px 10px rgba(255,215,0,0.3); } 50% { transform: scale(1.05); box-shadow: 0 0 40px 20px rgba(255,215,0,0.6); } 100% { transform: scale(0.95); box-shadow: 0 0 30px 15px rgba(255,215,0,0.4); } }
@keyframes co-trunk { 0%,100% { transform: rotate(-7deg); } 50% { transform: rotate(-3deg); } }
@keyframes co-leaves { 0% { transform: translateX(-5px) rotate(-5deg); } 50% { transform: translateX(5px) rotate(5deg); } 100% { transform: translateX(-5px) rotate(0deg); } }
@keyframes co-ground { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes co-charmer { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes co-snake { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(3px) translateY(-2px) rotate(10deg); } 50% { transform: translateX(0) translateY(0) rotate(0deg); } 75% { transform: translateX(-3px) translateY(-2px) rotate(-10deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }

.scn-galle-face-drive {
  background:
    linear-gradient(180deg, #87CEEB 0%, #f0c27a 50%, #d4a373 100%),
    radial-gradient(ellipse at 50% 100%, #b8860b 0%, transparent 60%);
}
.scn-galle-face-drive .sky { position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #4a90d9 0%, #87CEEB 80%, transparent 100%); animation: gf-sky 14s ease-in-out infinite alternate; }
.scn-galle-face-drive .sea { position: absolute; bottom: 10%; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #1e90ff 0%, #104e8b 100%); border-radius: 50% 50% 0 0 / 20% 20% 0 0; animation: gf-sea 8s ease-in-out infinite alternate; }
.scn-galle-face-drive .shore { position: absolute; bottom: 0; left: 0; right: 0; height: 15%; background: linear-gradient(180deg, #e6c280 0%, #b8860b 100%); border-radius: 40% 60% 0 0 / 30% 40% 0 0; animation: gf-shore 10s ease-in-out infinite; }
.scn-galle-face-drive .road { position: absolute; bottom: 10%; left: 20%; right: 20%; height: 8%; background: linear-gradient(90deg, #8c7a5a 0%, #c19a6b 50%, #8c7a5a 100%); border-radius: 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: gf-road 12s ease-in-out infinite; }
.scn-galle-face-drive .figure-1 { position: absolute; bottom: 12%; left: 30%; width: 8%; height: 18%; background: linear-gradient(180deg, #e63946 0%, #b82e3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gf-fig1 4s ease-in-out infinite; }
.scn-galle-face-drive .figure-2 { position: absolute; bottom: 11%; left: 45%; width: 8%; height: 20%; background: linear-gradient(180deg, #2a9d8f 0%, #1e7a6f 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gf-fig2 3.5s ease-in-out infinite; animation-delay: 0.5s; }
.scn-galle-face-drive .figure-3 { position: absolute; bottom: 12%; left: 60%; width: 8%; height: 17%; background: linear-gradient(180deg, #e9c46a 0%, #d4a373 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gf-fig3 5s ease-in-out infinite; animation-delay: 1s; }
.scn-galle-face-drive .cloud { position: absolute; top: 15%; left: 10%; width: 15%; height: 10%; background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0.7) 0%, transparent 100%); filter: blur(5px); animation: gf-cloud 30s linear infinite; }

@keyframes gf-sky { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes gf-sea { 0% { transform: translateY(0); } 50% { transform: translateY(3px); } 100% { transform: translateY(0); } }
@keyframes gf-shore { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes gf-road { 0%,100% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } }
@keyframes gf-fig1 { 0% { transform: translateY(0) rotate(-2deg); } 25% { transform: translateY(-3px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes gf-fig2 { 0% { transform: translateY(0) rotate(3deg); } 25% { transform: translateY(-2px) rotate(-3deg); } 50% { transform: translateY(0) rotate(2deg); } 75% { transform: translateY(-2px) rotate(-2deg); } 100% { transform: translateY(0) rotate(3deg); } }
@keyframes gf-fig3 { 0% { transform: translateY(0) rotate(-1deg); } 25% { transform: translateY(-4px) rotate(1deg); } 50% { transform: translateY(0) rotate(-2deg); } 75% { transform: translateY(-4px) rotate(2deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes gf-cloud { 0% { transform: translateX(-20vw); } 100% { transform: translateX(120vw); } }

.scn-missionary-dissonance {
  background:
    linear-gradient(180deg, #87CEEB 0%, #f0c27a 50%, #d4a373 100%),
    radial-gradient(ellipse at 50% 100%, #b8860b 0%, transparent 60%);
}
.scn-missionary-dissonance .sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #4a90d9 0%, #87CEEB 80%, transparent 100%); animation: md-sky 12s ease-in-out infinite alternate; }
.scn-missionary-dissonance .sun { position: absolute; top: 10%; left: 70%; width: 10%; height: 10%; background: radial-gradient(circle, #ffd700 0%, #ffb347 50%, transparent 100%); border-radius: 50%; animation: md-sun 6s ease-in-out infinite alternate; }
.scn-missionary-dissonance .building { position: absolute; bottom: 30%; left: 20%; right: 20%; height: 30%; background: linear-gradient(180deg, #8c7a5a 0%, #4a3a2a 100%); border-radius: 10% 10% 30% 30%; box-shadow: 0 8px 16px rgba(0,0,0,0.3); animation: md-building 8s ease-in-out infinite alternate; }
.scn-missionary-dissonance .door { position: absolute; bottom: 30%; left: 45%; right: 45%; height: 18%; background: #3a2a1a; border-radius: 10% 10% 0 0; box-shadow: inset 0 4px 8px rgba(0,0,0,0.5); animation: md-door 4s ease-in-out infinite; }
.scn-missionary-dissonance .ground { position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #d4a373 0%, #8c5a2b 100%); border-radius: 40% 60% 0 0 / 30% 40% 0 0; animation: md-ground 10s ease-in-out infinite; }
.scn-missionary-dissonance .girl-1 { position: absolute; bottom: 28%; left: 28%; width: 6%; height: 15%; background: linear-gradient(180deg, #b87878 0%, #6b3a3a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: md-girl 5s ease-in-out infinite; }
.scn-missionary-dissonance .girl-2 { position: absolute; bottom: 28%; left: 36%; width: 6%; height: 16%; background: linear-gradient(180deg, #702243 0%, #3a111a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: md-girl2 5s ease-in-out infinite; animation-delay: 0.3s; }
.scn-missionary-dissonance .girl-3 { position: absolute; bottom: 28%; left: 44%; width: 6%; height: 15%; background: linear-gradient(180deg, #5e1a1d 0%, #2a0a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: md-girl 5s ease-in-out infinite; animation-delay: 0.6s; }
.scn-missionary-dissonance .girl-4 { position: absolute; bottom: 28%; left: 52%; width: 6%; height: 16%; background: linear-gradient(180deg, #a0461a 0%, #5c2a0a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: md-girl2 5s ease-in-out infinite; animation-delay: 0.9s; }

@keyframes md-sky { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes md-sun { 0% { transform: scale(0.9); box-shadow: 0 0 20px 10px rgba(255,215,0,0.2); } 50% { transform: scale(1.05); box-shadow: 0 0 40px 20px rgba(255,215,0,0.5); } 100% { transform: scale(0.95); box-shadow: 0 0 30px 15px rgba(255,215,0,0.3); } }
@keyframes md-building { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes md-door { 0%,100% { transform: rotate(0deg); } 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } }
@keyframes md-ground { 0% { opacity: 0.95; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes md-girl { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes md-girl2 { 0% { transform: translateY(0) rotate(2deg); } 25% { transform: translateY(-3px) rotate(-2deg); } 50% { transform: translateY(0) rotate(2deg); } 75% { transform: translateY(-3px) rotate(-1deg); } 100% { transform: translateY(0) rotate(2deg); } }

/* bascom-invitation – tense, bright interior (station / waiting room) */
.scn-bascom-invitation {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4c4a8 40%, #b8a88c 100%),
    radial-gradient(ellipse at 60% 30%, #fff5e0 0%, transparent 60%);
}
.scn-bascom-invitation .ceiling {
  position:absolute; top:0; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #e8dcc8 0%, #d4c8b0 100%);
  animation: inv-ceiling 20s ease-in-out infinite alternate;
}
.scn-bascom-invitation .wall {
  position:absolute; top:30%; left:0; right:0; bottom:0;
  background: linear-gradient(135deg, #d4c4a8 0%, #c0b098 50%, #a89878 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
}
.scn-bascom-invitation .window {
  position:absolute; top:35%; left:10%; width:40%; height:45%;
  background: linear-gradient(180deg, #fcf8e8 0%, #f0e4c8 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 40px rgba(255,255,200,0.3);
  animation: inv-window 12s ease-in-out infinite alternate;
}
.scn-bascom-invitation .clock {
  position:absolute; top:15%; right:20%; width:60px; height:60px;
  background: radial-gradient(circle, #f5e6c8 40%, #c0a880 70%, #8a7050 100%);
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: inv-clock 30s linear infinite;
}
.scn-bascom-invitation .seat {
  position:absolute; bottom:20%; left:15%; width:120px; height:40px;
  background: linear-gradient(180deg, #8a6a4a 0%, #604830 100%);
  border-radius: 6px 6px 2px 2px;
  box-shadow: 0 6px 10px rgba(0,0,0,0.2);
  animation: inv-seat 9s ease-in-out infinite;
}
.scn-bascom-invitation .figure {
  position:absolute; bottom:22%; left:35%; width:22px; height:50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: inv-figure 4s ease-in-out infinite;
}
.scn-bascom-invitation .note {
  position:absolute; bottom:30%; left:32%; width:30px; height:20px;
  background: linear-gradient(135deg, #f0e4c8 0%, #d4c4a8 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: inv-note 4s ease-in-out infinite;
}
.scn-bascom-invitation .lamp {
  position:absolute; top:40%; right:10%; width:12px; height:20px;
  background: radial-gradient(circle, #ffe080 0%, #d4a040 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(255,224,128,0.5);
  animation: inv-lamp 3s ease-in-out infinite alternate;
}
@keyframes inv-ceiling  { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes inv-window   { 0% { box-shadow: inset 0 0 40px rgba(255,255,200,0.2); opacity:0.95 } 50% { box-shadow: inset 0 0 60px rgba(255,255,200,0.5); opacity:1 } 100% { box-shadow: inset 0 0 30px rgba(255,255,200,0.25); opacity:0.9 } }
@keyframes inv-clock    { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes inv-seat     { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes inv-figure   { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) rotate(1deg) } 100% { transform: translateX(16px) rotate(0deg) } }
@keyframes inv-note     { 0%,100% { transform: translate(0,0) rotate(0deg) } 50% { transform: translate(2px,-1px) rotate(5deg) } }
@keyframes inv-lamp     { 0% { box-shadow: 0 0 20px 8px rgba(255,224,128,0.4); opacity:0.8 } 100% { box-shadow: 0 0 40px 14px rgba(255,224,128,0.7); opacity:1 } }

/* bascom-hall – warm, bright interior (Elizabethan manor hall) */
.scn-bascom-hall {
  background:
    linear-gradient(180deg, #e8dcc8 0%, #d4c4a8 40%, #b8a88c 100%),
    radial-gradient(ellipse at 50% 20%, #fff0d0 0%, transparent 70%);
}
.scn-bascom-hall .ceiling {
  position:absolute; top:0; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #d4c8b0 0%, #c0b098 100%);
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.1);
  animation: hal-ceiling 18s ease-in-out infinite alternate;
}
.scn-bascom-hall .wall {
  position:absolute; top:25%; left:0; right:0; bottom:0;
  background: linear-gradient(135deg, #c8b8a0 0%, #b0a088 50%, #908070 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
}
.scn-bascom-hall .window {
  position:absolute; top:30%; left:5%; width:45%; height:50%;
  background: linear-gradient(180deg, #fcf8e8 0%, #f0e4c8 100%);
  border-radius: 8px 8px 2px 2px;
  box-shadow: inset 0 0 40px rgba(255,255,200,0.2), 0 4px 8px rgba(0,0,0,0.2);
  animation: hal-window 15s ease-in-out infinite alternate;
}
.scn-bascom-hall .fireplace {
  position:absolute; bottom:10%; left:25%; width:80px; height:60px;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 12px 12px 4px 4px;
  box-shadow: inset 0 -4px 10px rgba(0,0,0,0.4);
  animation: hal-fireplace 6s ease-in-out infinite alternate;
}
.scn-bascom-hall .figure {
  position:absolute; bottom:20%; left:45%; width:24px; height:55px;
  background: linear-gradient(180deg, #4a3a2a 0%, #1a1008 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hal-figure 5s ease-in-out infinite;
}
.scn-bascom-hall .table {
  position:absolute; bottom:8%; left:35%; width:100px; height:20px;
  background: linear-gradient(180deg, #8a6a4a 0%, #604830 100%);
  border-radius: 4px;
  box-shadow: 0 6px 10px rgba(0,0,0,0.2);
  animation: hal-table 9s ease-in-out infinite;
}
.scn-bascom-hall .painting {
  position:absolute; top:32%; left:55%; width:50px; height:40px;
  background: linear-gradient(135deg, #a08060 0%, #806040 100%);
  border: 4px solid #604830;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: hal-painting 12s ease-in-out infinite alternate;
}
.scn-bascom-hall .floor {
  position:absolute; bottom:0; left:0; right:0; height:8%;
  background: linear-gradient(180deg, #a09080 0%, #807060 100%);
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.2);
}
@keyframes hal-ceiling    { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes hal-window     { 0% { box-shadow: inset 0 0 30px rgba(255,255,200,0.15), 0 4px 8px rgba(0,0,0,0.2); opacity:0.95 } 50% { box-shadow: inset 0 0 60px rgba(255,255,200,0.4), 0 4px 8px rgba(0,0,0,0.2); opacity:1 } 100% { box-shadow: inset 0 0 40px rgba(255,255,200,0.2), 0 4px 8px rgba(0,0,0,0.2); opacity:0.9 } }
@keyframes hal-fireplace   { 0% { box-shadow: inset 0 -4px 10px rgba(0,0,0,0.4), 0 0 20px rgba(200,120,40,0.3); } 50% { box-shadow: inset 0 -4px 10px rgba(0,0,0,0.4), 0 0 40px rgba(200,120,40,0.6); } 100% { box-shadow: inset 0 -4px 10px rgba(0,0,0,0.4), 0 0 25px rgba(200,120,40,0.4); } }
@keyframes hal-figure      { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3px) rotate(1deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(9px) rotate(1deg) } 100% { transform: translateX(12px) rotate(0deg) } }
@keyframes hal-table       { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes hal-painting    { 0% { transform: scale(1) rotate(0deg) } 50% { transform: scale(1.02) rotate(1deg) } 100% { transform: scale(1) rotate(0deg) } }

/* death-notice – dark, bright interior (study with letter) */
.scn-death-notice {
  background:
    linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 40%, #0a0a1e 100%),
    radial-gradient(ellipse at 70% 30%, #3a3a5e 0%, transparent 60%);
}
.scn-death-notice .ceiling {
  position:absolute; top:0; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3e 100%);
  animation: dea-ceiling 20s ease-in-out infinite alternate;
}
.scn-death-notice .wall {
  position:absolute; top:30%; left:0; right:0; bottom:0;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 50%, #101020 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.4);
}
.scn-death-notice .window {
  position:absolute; top:35%; left:5%; width:40%; height:45%;
  background: linear-gradient(180deg, #f0e8d0 0%, #d4c8a8 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 40px rgba(255,255,200,0.3);
  animation: dea-window 12s ease-in-out infinite alternate;
}
.scn-death-notice .desk {
  position:absolute; bottom:15%; left:20%; width:140px; height:30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: dea-desk 9s ease-in-out infinite;
}
.scn-death-notice .letter {
  position:absolute; bottom:25%; left:30%; width:40px; height:25px;
  background: linear-gradient(135deg, #f0e4c8 0%, #d4c4a8 100%);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  animation: dea-letter 4s ease-in-out infinite;
}
.scn-death-notice .hand {
  position:absolute; bottom:23%; left:40%; width:10px; height:18px;
  background: linear-gradient(180deg, #8a7050 0%, #604830 100%);
  border-radius: 30% 30% 20% 20%;
  transform-origin: bottom center;
  animation: dea-hand 4s ease-in-out infinite;
}
.scn-death-notice .figure {
  position:absolute; bottom:15%; left:50%; width:22px; height:50px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1e 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: dea-figure 5s ease-in-out infinite;
}
.scn-death-notice .lamp {
  position:absolute; top:38%; right:8%; width:10px; height:18px;
  background: radial-gradient(circle, #ffe080 0%, #c09040 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 0 30px 10px rgba(255,224,128,0.4);
  animation: dea-lamp 3s ease-in-out infinite alternate;
}
@keyframes dea-ceiling { 0% { opacity:0.8 } 50% { opacity:0.9 } 100% { opacity:0.75 } }
@keyframes dea-window  { 0% { box-shadow: inset 0 0 30px rgba(255,255,200,0.1); opacity:0.85 } 50% { box-shadow: inset 0 0 60px rgba(255,255,200,0.4); opacity:0.95 } 100% { box-shadow: inset 0 0 40px rgba(255,255,200,0.2); opacity:0.8 } }
@keyframes dea-desk    { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes dea-letter  { 0% { transform: translate(0,0) rotate(0deg) } 50% { transform: translate(3px,-2px) rotate(8deg) } 100% { transform: translate(0,0) rotate(0deg) } }
@keyframes dea-hand    { 0% { transform: translate(0,0) rotate(0deg) } 50% { transform: translate(5px,-3px) rotate(5deg) } 100% { transform: translate(0,0) rotate(0deg) } }
@keyframes dea-figure  { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3px) rotate(1deg) } 50% { transform: translateX(6px) rotate(-1deg) } 75% { transform: translateX(9px) rotate(1deg) } 100% { transform: translateX(12px) rotate(0deg) } }
@keyframes dea-lamp    { 0% { box-shadow: 0 0 20px 6px rgba(255,224,128,0.3); opacity:0.7 } 100% { box-shadow: 0 0 40px 12px rgba(255,224,128,0.6); opacity:1 } }

/* mystery-persists – tense, bright interior (coffin room) */
.scn-mystery-persists {
  background:
    linear-gradient(180deg, #1a1a2e 0%, #2a2a3e 40%, #3a3a4e 100%),
    radial-gradient(ellipse at 80% 40%, #4a4a5e 0%, transparent 60%);
}
.scn-mystery-persists .ceiling {
  position:absolute; top:0; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%);
  animation: mys-ceiling 22s ease-in-out infinite alternate;
}
.scn-mystery-persists .wall {
  position:absolute; top:25%; left:0; right:0; bottom:0;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2e 50%, #181828 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.4);
}
.scn-mystery-persists .window {
  position:absolute; top:30%; left:5%; width:35%; height:50%;
  background: linear-gradient(180deg, #f0e8d0 0%, #d4c8a8 100%);
  border-radius: 4px;
  box-shadow: inset 0 0 40px rgba(255,255,200,0.2);
  animation: mys-window 14s ease-in-out infinite alternate;
}
.scn-mystery-persists .coffin {
  position:absolute; bottom:5%; left:30%; width:120px; height:50px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 20px 20px 8px 8px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.6), inset 0 4px 8px rgba(0,0,0,0.4);
  animation: mys-coffin 8s ease-in-out infinite alternate;
}
.scn-mystery-persists .drape {
  position:absolute; top:10%; left:10%; width:80%; height:80%;
  background: linear-gradient(180deg, rgba(60,40,30,0.6) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  pointer-events: none;
  animation: mys-drape 20s ease-in-out infinite alternate;
}
.scn-mystery-persists .figure {
  position:absolute; bottom:12%; left:55%; width:24px; height:55px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1e 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mys-figure 6s ease-in-out infinite;
}
.scn-mystery-persists .floor {
  position:absolute; bottom:0; left:0; right:0; height:5%;
  background: linear-gradient(180deg, #3a3a4e 0%, #1a1a2e 100%);
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.3);
}
@keyframes mys-ceiling { 0% { opacity:0.8 } 50% { opacity:0.9 } 100% { opacity:0.75 } }
@keyframes mys-window  { 0% { box-shadow: inset 0 0 30px rgba(255,255,200,0.15); opacity:0.9 } 50% { box-shadow: inset 0 0 50px rgba(255,255,200,0.35); opacity:1 } 100% { box-shadow: inset 0 0 35px rgba(255,255,200,0.2); opacity:0.85 } }
@keyframes mys-coffin  { 0% { transform: translateY(0) scale(1) } 50% { transform: translateY(-3px) scale(1.01) } 100% { transform: translateY(0) scale(1) } }
@keyframes mys-drape   { 0% { opacity:0.4; transform: scale(1) } 50% { opacity:0.6; transform: scale(1.05) } 100% { opacity:0.4; transform: scale(1) } }
@keyframes mys-figure  { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(4px) rotate(1deg) } 50% { transform: translateX(8px) rotate(-1deg) } 75% { transform: translateX(12px) rotate(1deg) } 100% { transform: translateX(16px) rotate(0deg) } }

/* scene: club-curse (funny, bright interior) */
.scn-club-curse {
  background: 
    linear-gradient(180deg, #f5e6c8 0%, #d4a574 40%, #b08060 100%),
    radial-gradient(ellipse at 70% 20%, #fff8e0 0%, transparent 60%);
}
.scn-club-curse .wall { position:absolute; inset:0 0 40% 0; background: linear-gradient(90deg, #e8d4b0, #d4b898); }
.scn-club-curse .floor { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8b6b4a, #6a4e36); }
.scn-club-curse .desk { position:absolute; bottom:30%; left:20%; width:60%; height:18%; background: linear-gradient(180deg, #a4744a, #7a5a3a); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.3); transform: perspective(400px) rotateX(5deg); }
.scn-club-curse .chair { position:absolute; bottom:32%; left:50%; width:30px; height:40px; background: #5a3a2a; border-radius: 30% 30% 10% 10%; transform: translateX(-50%); animation: cuc-chair 4s ease-in-out infinite; }
.scn-club-curse .figure { position:absolute; bottom:28%; left:52%; width:40px; height:70px; background: linear-gradient(180deg, #3a2a1a, #1a0a0a); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: cuc-figure 3s ease-in-out infinite; }
.scn-club-curse .envelope.burning { position:absolute; bottom:38%; left:55%; width:24px; height:16px; background: #c8a060; border-radius: 2px; box-shadow: 0 0 20px 8px #f0a040, 0 0 40px 16px rgba(240,160,64,.4); animation: cuc-burn 1.5s ease-in-out infinite; }
.scn-club-curse .envelope.pile { position:absolute; bottom:34%; left:30%; width:60px; height:30px; background: repeating-linear-gradient(0deg, #d8b878 0px, #d8b878 4px, #e8c898 4px, #e8c898 8px); border-radius: 2px; box-shadow: 2px 2px 6px rgba(0,0,0,.2); animation: cuc-pile 8s ease-in-out infinite; }
.scn-club-curse .window { position:absolute; top:10%; right:12%; width:80px; height:100px; background: linear-gradient(180deg, #e8f4ff, #b0d4f0); border-radius: 4px; box-shadow: inset 0 0 20px #ffffff44, 0 0 30px #ffe0a0; animation: cuc-window 6s ease-in-out infinite alternate; }
.scn-club-curse .lamp { position:absolute; top:5%; left:20%; width:20px; height:30px; background: radial-gradient(circle at top, #fff8e0 0%, #d4a060 100%); border-radius: 50% 50% 20% 20%; box-shadow: 0 0 40px 20px #ffe08044; animation: cuc-lamp 5s ease-in-out infinite alternate; }
@keyframes cuc-chair { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-48%) translateY(-2px) rotate(1deg); } 50% { transform: translateX(-50%) translateY(0) rotate(-1deg); } 75% { transform: translateX(-52%) translateY(-1px) rotate(0deg); } }
@keyframes cuc-figure { 0%,100% { transform: translateX(0) rotate(0deg) scale(1); } 30% { transform: translateX(4px) rotate(2deg) scale(1.02); } 60% { transform: translateX(-2px) rotate(-1deg) scale(0.98); } }
@keyframes cuc-burn { 0% { box-shadow: 0 0 15px 6px #f0a040; opacity: 0.9; transform: scale(1) rotate(0deg); } 50% { box-shadow: 0 0 30px 14px #ffb040, 0 0 50px 20px rgba(255,176,64,.5); opacity: 1; transform: scale(1.1) rotate(2deg); } 100% { box-shadow: 0 0 18px 8px #f0a040; opacity: 0.85; transform: scale(0.95) rotate(-2deg); } }
@keyframes cuc-pile { 0%,100% { transform: translateY(0); } 20% { transform: translateY(-2px); } 40% { transform: translateY(1px); } 60% { transform: translateY(-1px); } 80% { transform: translateY(2px); } }
@keyframes cuc-window { 0% { box-shadow: inset 0 0 10px #ffffff44, 0 0 15px #ffe0a0; } 50% { box-shadow: inset 0 0 30px #ffffff88, 0 0 40px #ffe0a0; } 100% { box-shadow: inset 0 0 20px #ffffff55, 0 0 25px #ffe0a0; } }
@keyframes cuc-lamp { 0% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0.8; transform: scale(0.9); } }

/* scene: the-revelation (tense, bright interior) */
.scn-the-revelation {
  background: 
    linear-gradient(180deg, #d8d0c0 0%, #b8a890 40%, #8a7a6a 100%),
    radial-gradient(ellipse at 50% 30%, #ffffff20 0%, transparent 80%);
}
.scn-the-revelation .room-bg { position:absolute; inset:0; background: linear-gradient(180deg, #c8b8a8 0%, #a09080 100%); }
.scn-the-revelation .desk { position:absolute; bottom:25%; left:10%; width:80%; height:20%; background: linear-gradient(180deg, #6a5a4a, #4a3a2a); border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,.5); }
.scn-the-revelation .mr-blank { position:absolute; bottom:28%; left:35%; width:45px; height:80px; background: linear-gradient(180deg, #2a2a3a, #1a1a2a); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: thr-blank 2s ease-in-out infinite; }
.scn-the-revelation .narrator { position:absolute; bottom:26%; left:60%; width:40px; height:90px; background: linear-gradient(180deg, #3a3a4a, #2a2a3a); border-radius: 35% 35% 40% 40% / 45% 45% 55% 55%; transform-origin: bottom center; animation: thr-narr 3s ease-in-out infinite; }
.scn-the-revelation .badge { position:absolute; bottom:35%; left:38%; width:20px; height:20px; background: radial-gradient(circle, #f0d060 0%, #c09030 100%); border-radius: 50%; box-shadow: 0 0 15px 6px #d0a04088; animation: thr-badge 4s ease-in-out infinite; }
.scn-the-revelation .clock { position:absolute; top:8%; left:50%; width:40px; height:40px; background: radial-gradient(circle, #e8e0d0 30%, #a09880 100%); border-radius: 50%; border: 4px solid #5a4a3a; transform: translateX(-50%); animation: thr-clock 12s linear infinite; }
.scn-the-revelation .lamp-light { position:absolute; top:0; left:10%; width:80%; height:60%; background: radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 70%); opacity: 0.3; animation: thr-light 6s ease-in-out infinite alternate; }
.scn-the-revelation .shadow { position:absolute; bottom:0; left:20%; width:60%; height:40%; background: linear-gradient(180deg, transparent, rgba(0,0,0,.2)); animation: thr-shadow 5s ease-in-out infinite; }
@keyframes thr-blank { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 75% { transform: translateX(-1px) rotate(-1deg); } }
@keyframes thr-narr { 0%,100% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(5px) rotate(3deg); } 60% { transform: translateX(-3px) rotate(-2deg); } }
@keyframes thr-badge { 0% { box-shadow: 0 0 10px 4px #d0a04066; transform: scale(1) rotate(0deg); } 50% { box-shadow: 0 0 25px 12px #d0a040aa; transform: scale(1.1) rotate(180deg); } 100% { box-shadow: 0 0 12px 6px #d0a04088; transform: scale(0.95) rotate(360deg); } }
@keyframes thr-clock { from { transform: translateX(-50%) rotate(0deg); } to { transform: translateX(-50%) rotate(360deg); } }
@keyframes thr-light { 0% { opacity: 0.2; } 30% { opacity: 0.4; } 70% { opacity: 0.25; } 100% { opacity: 0.35; } }
@keyframes thr-shadow { 0% { opacity: 0.5; } 50% { opacity: 0.8; } 100% { opacity: 0.6; } }

/* scene: corrigan-castle-myth (funny, bright interior) */
.scn-corrigan-castle-myth {
  background: 
    linear-gradient(180deg, #f0e4d0 0%, #d8c4a8 40%, #b8a080 100%),
    radial-gradient(ellipse at 60% 20%, #fff8e8 0%, transparent 60%);
}
.scn-corrigan-castle-myth .room-bg { position:absolute; inset:0; background: linear-gradient(90deg, #e0d0b8, #c8b498); }
.scn-corrigan-castle-myth .castle-model { position:absolute; bottom:25%; left:50%; width:120px; height:160px; background: linear-gradient(180deg, #a08060, #6a5040); clip-path: polygon(30% 0%, 45% 10%, 55% 10%, 70% 0%, 80% 20%, 85% 30%, 80% 100%, 20% 100%, 15% 30%, 20% 20%); border-radius: 4px 4px 0 0; animation: cor-castle 6s ease-in-out infinite; }
.scn-corrigan-castle-myth .castle-piece { position:absolute; width:20px; height:20px; background: #7a6040; border-radius: 2px; animation: cor-fall 2.5s ease-in infinite; }
.scn-corrigan-castle-myth .castle-piece.piece1 { bottom:50%; left:55%; animation-delay: 0s; }
.scn-corrigan-castle-myth .castle-piece.piece2 { bottom:45%; left:48%; animation-delay: 0.8s; }
.scn-corrigan-castle-myth .castle-piece.piece3 { bottom:55%; left:60%; animation-delay: 1.6s; }
.scn-corrigan-castle-myth .figure { position:absolute; bottom:20%; left:18%; width:50px; height:90px; background: linear-gradient(180deg, #3a2a1a, #1a0a00); border-radius: 45% 45% 35% 35% / 55% 55% 40% 40%; transform-origin: bottom center; animation: cor-figure 3s ease-in-out infinite; }
.scn-corrigan-castle-myth .table { position:absolute; bottom:22%; left:30%; width:140px; height:25px; background: linear-gradient(180deg, #8a6a4a, #5a4a3a); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.scn-corrigan-castle-myth .window { position:absolute; top:10%; right:10%; width:90px; height:110px; background: linear-gradient(180deg, #e8f4ff, #b0d8f0); border-radius: 6px; box-shadow: inset 0 0 20px #ffffff44, 0 0 30px #ffe0a0; animation: cor-window 8s ease-in-out infinite alternate; }
@keyframes cor-castle { 0%,100% { transform: translateX(-50%) rotate(0deg) scale(1); } 20% { transform: translateX(-50%) rotate(-2deg) scale(1.02); } 40% { transform: translateX(-50%) rotate(1deg) scale(0.98); } 60% { transform: translateX(-50%) rotate(-1deg) scale(1.01); } 80% { transform: translateX(-50%) rotate(2deg) scale(0.99); } }
@keyframes cor-fall { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 50% { transform: translateY(40px) rotate(180deg); opacity: 0.8; } 100% { transform: translateY(80px) rotate(360deg); opacity: 0; } }
@keyframes cor-figure { 0%,100% { transform: translateX(0) translateY(0) rotate(0deg); } 20% { transform: translateX(5px) translateY(-2px) rotate(3deg); } 40% { transform: translateX(-3px) translateY(1px) rotate(-2deg); } 60% { transform: translateX(6px) translateY(-1px) rotate(2deg); } 80% { transform: translateX(-2px) translateY(2px) rotate(-1deg); } }
@keyframes cor-window { 0% { box-shadow: inset 0 0 10px #ffffff44, 0 0 20px #ffe0a0; } 30% { box-shadow: inset 0 0 25px #ffffff77, 0 0 35px #ffe0a0; } 70% { box-shadow: inset 0 0 15px #ffffff55, 0 0 25px #ffe0a0; } 100% { box-shadow: inset 0 0 30px #ffffff88, 0 0 45px #ffe0a0; } }

/* scene: bascom-mystery-solved (warm, bright interior) */
.scn-bascom-mystery-solved {
  background: 
    linear-gradient(180deg, #e8d4b8 0%, #c8a880 40%, #a08060 100%),
    radial-gradient(ellipse at 40% 30%, #ffe8c0 0%, transparent 60%);
}
.scn-bascom-mystery-solved .cabin-wall { position:absolute; inset:0; background: repeating-linear-gradient(90deg, #c8b098 0px, #c8b098 4px, #b8a088 4px, #b8a088 8px); }
.scn-bascom-mystery-solved .porthole { position:absolute; top:15%; right:10%; width:110px; height:110px; background: radial-gradient(circle at center, #a0d8f0 0%, #5080a0 100%); border-radius: 50%; border: 8px solid #6a5a4a; box-shadow: inset 0 0 30px #00000044; animation: bas-porthole 8s ease-in-out infinite alternate; }
.scn-bascom-mystery-solved .ocean { position:absolute; top:15%; right:10%; width:110px; height:110px; border-radius: 50%; background: linear-gradient(180deg, #205080 0%, #306090 50%, #4080a0 100%); clip-path: circle(50%); animation: bas-ocean 12s linear infinite; }
.scn-bascom-mystery-solved .desk { position:absolute; bottom:20%; left:20%; width:60%; height:15%; background: linear-gradient(180deg, #8a6a4a, #5a4a3a); border-radius: 4px; box-shadow: 0 6px 16px rgba(0,0,0,.4); }
.scn-bascom-mystery-solved .candle { position:absolute; bottom:30%; left:35%; width:30px; height:60px; background: linear-gradient(180deg, #f0e0c0, #e0c090); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 30px 15px #ffe08066; animation: bas-candle 3s ease-in-out infinite; }
.scn-bascom-mystery-solved .note { position:absolute; bottom:25%; left:45%; width:50px; height:35px; background: #f0e8d0; border-radius: 2px; box-shadow: 2px 2px 6px rgba(0,0,0,.2); transform: rotate(-5deg); animation: bas-note 5s ease-in-out infinite; }
.scn-bascom-mystery-solved .figure-a { position:absolute; bottom:22%; left:30%; width:45px; height:85px; background: linear-gradient(180deg, #2a2a3a, #1a1a2a); border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%; transform-origin: bottom center; animation: bas-fig-a 4s ease-in-out infinite; }
.scn-bascom-mystery-solved .figure-b { position:absolute; bottom:24%; left:55%; width:40px; height:80px; background: linear-gradient(180deg, #3a3a4a, #2a2a3a); border-radius: 35% 35% 40% 40% / 45% 45% 55% 55%; transform-origin: bottom center; animation: bas-fig-b 3.5s ease-in-out infinite; }
.scn-bascom-mystery-solved .glow { position:absolute; bottom:20%; left:20%; width:60%; height:30%; background: radial-gradient(ellipse at 50% 50%, #ffe08033, transparent); animation: bas-glow 6s ease-in-out infinite alternate; }
@keyframes bas-porthole { 0% { box-shadow: inset 0 0 20px #00000044, 0 0 10px #ffe0a0; } 50% { box-shadow: inset 0 0 40px #00000066, 0 0 25px #ffe0a0; } 100% { box-shadow: inset 0 0 30px #00000055, 0 0 15px #ffe0a0; } }
@keyframes bas-ocean { 0% { background-position: 0 0; } 50% { background-position: 0 20px; } 100% { background-position: 0 0; } }
@keyframes bas-candle { 0%,100% { box-shadow: 0 0 20px 10px #ffe08066; transform: scale(1); } 30% { box-shadow: 0 0 30px 18px #ffe08099; transform: scale(1.05); } 60% { box-shadow: 0 0 15px 8px #ffe08044; transform: scale(0.95); } }
@keyframes bas-note { 0%,100% { transform: rotate(-5deg) translateY(0); } 25% { transform: rotate(-7deg) translateY(-2px); } 50% { transform: rotate(-3deg) translateY(1px); } 75% { transform: rotate(-6deg) translateY(-1px); } }
@keyframes bas-fig-a { 0%,100% { transform: translateX(0) rotate(0deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 40% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-1px) rotate(-1deg); } 80% { transform: translateX(4px) rotate(2deg); } }
@keyframes bas-fig-b { 0%,100% { transform: translateX(0) rotate(0deg); } 30% { transform: translateX(5px) rotate(3deg); } 60% { transform: translateX(-2px) rotate(-1deg); } }
@keyframes bas-glow { 0% { opacity: 0.3; } 50% { opacity: 0.6; } 100% { opacity: 0.4; } }

.scn-mauritius-monkeys {
  background:
    linear-gradient(180deg, #7ec8e3 0%, #b0e0f0 40%, #f0e68c 70%, #7a9e5a 100%),
    radial-gradient(ellipse at 50% 120%, #4a7a3a 0%, transparent 60%);
}
.scn-mauritius-monkeys .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #9ad4ed 0%, #e0f4ff 100%);
  animation: mm-sky 12s ease-in-out infinite alternate;
}
.scn-mauritius-monkeys .mountains {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #5a7a4a 0%, #3d5a2e 70%, #2a3f1c 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: mm-mountains 16s ease-in-out infinite alternate;
}
.scn-mauritius-monkeys .forest {
  position: absolute; bottom: 22%; left: 0; right: 0; height: 18%;
  background: linear-gradient(90deg, #3a6a2a 0%, #4a8a3a 30%, #2a5a1a 60%, #4a8a3a 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  clip-path: polygon(0% 100%, 0% 40%, 5% 50%, 10% 30%, 15% 40%, 20% 25%, 25% 35%, 30% 20%, 35% 30%, 40% 15%, 45% 25%, 50% 10%, 55% 20%, 60% 15%, 65% 25%, 70% 20%, 75% 30%, 80% 25%, 85% 35%, 90% 20%, 95% 30%, 100% 40%, 100% 100%);
  animation: mm-forest 8s ease-in-out infinite alternate;
}
.scn-mauritius-monkeys .field {
  position: absolute; bottom: 6%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #b8a070 0%, #a08850 40%, #7a6a3a 100%);
  border-radius: 20% 40% 0 0 / 50% 70% 0 0;
  box-shadow: inset 0 6px 15px rgba(0,0,0,0.2);
  animation: mm-field 5s ease-in-out infinite alternate;
}
.scn-mauritius-monkeys .monkey-a {
  position: absolute; bottom: 28%; left: 30%; width: 28px; height: 40px;
  background: linear-gradient(180deg, #6a4a2e 0%, #4a301e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: mm-monkey-a 3s ease-in-out infinite;
}
.scn-mauritius-monkeys .monkey-b {
  position: absolute; bottom: 30%; left: 55%; width: 24px; height: 34px;
  background: linear-gradient(180deg, #5a3e24 0%, #3a2816 100%);
  border-radius: 50% 50% 40% 40% / 55% 55% 45% 45%;
  transform-origin: bottom center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: mm-monkey-b 3.5s ease-in-out infinite 0.5s;
}
.scn-mauritius-monkeys .cloud-a {
  position: absolute; top: 12%; left: 10%; width: 100px; height: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%);
  border-radius: 50%; filter: blur(8px);
  animation: mm-cloud-a 40s linear infinite;
}
.scn-mauritius-monkeys .cloud-b {
  position: absolute; top: 18%; right: 5%; width: 80px; height: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%; filter: blur(6px);
  animation: mm-cloud-b 55s linear infinite reverse;
}
@keyframes mm-sky { 0% { opacity:0.75; transform: scaleY(1); } 50% { opacity:0.9; transform: scaleY(1.02); } 100% { opacity:0.8; transform: scaleY(0.98); } }
@keyframes mm-mountains { 0% { transform: translateY(0) rotate(-0.5deg); } 50% { transform: translateY(-4px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes mm-forest { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(1.03) scaleX(1.01); } 100% { transform: scaleY(0.97) scaleX(0.99); } }
@keyframes mm-field { 0% { transform: skewX(0deg); } 50% { transform: skewX(1deg) translateY(-1px); } 100% { transform: skewX(-1deg) translateY(0); } }
@keyframes mm-monkey-a { 0% { transform: translateX(0) translateY(0) rotate(-3deg); } 25% { transform: translateX(6px) translateY(-4px) rotate(2deg); } 50% { transform: translateX(12px) translateY(0) rotate(-1deg); } 75% { transform: translateX(18px) translateY(-3px) rotate(3deg); } 100% { transform: translateX(24px) translateY(0) rotate(0deg); } }
@keyframes mm-monkey-b { 0% { transform: translateX(0) translateY(0) rotate(2deg) scale(1); } 30% { transform: translateX(-8px) translateY(-5px) rotate(-2deg) scale(1.05); } 60% { transform: translateX(-16px) translateY(-1px) rotate(1deg) scale(0.95); } 100% { transform: translateX(-24px) translateY(0) rotate(0deg) scale(1); } }
@keyframes mm-cloud-a { 0% { transform: translateX(-60px); } 100% { transform: translateX(120vw); } }
@keyframes mm-cloud-b { 0% { transform: translateX(0); } 100% { transform: translateX(-130vw); } }

.scn-mauritius-beauty {
  background:
    linear-gradient(180deg, #f5e6d0 0%, #e8d4b8 30%, #cba87a 60%, #8ab080 100%),
    radial-gradient(ellipse at 50% 100%, #6a9a5a 0%, transparent 70%);
}
.scn-mauritius-beauty .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #fce8c8 0%, #ffe8b0 40%, #ffe090 100%);
  animation: mb-sky 15s ease-in-out infinite alternate;
}
.scn-mauritius-beauty .sun {
  position: absolute; top: 12%; left: 70%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fff4d0 0%, #ffd080 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #ffd080, 0 0 120px 40px rgba(255,208,128,0.3);
  animation: mb-sun 6s ease-in-out infinite alternate;
}
.scn-mauritius-beauty .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #4a8ab0 0%, #2a6a8a 50%, #1a4a6a 100%);
  clip-path: polygon(0% 0%, 10% 30%, 20% 5%, 30% 25%, 40% 0%, 50% 20%, 60% 5%, 70% 25%, 80% 0%, 90% 30%, 100% 10%, 100% 100%, 0% 100%);
  animation: mb-sea 20s ease-in-out infinite alternate;
}
.scn-mauritius-beauty .cane-field {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #90b870 0%, #6a9a4a 60%, #4a7a2a 100%);
  border-radius: 20% 30% 0 0 / 40% 50% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: mb-cane 8s ease-in-out infinite alternate;
}
.scn-mauritius-beauty .palm-a {
  position: absolute; bottom: 20%; left: 15%; width: 16px; height: 80px;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  box-shadow: -2px 0 4px rgba(0,0,0,0.2);
  animation: mb-palm-a 10s ease-in-out infinite;
}
.scn-mauritius-beauty .palm-a::after {
  content: ''; position: absolute; top: -20px; left: -30px; width: 80px; height: 30px;
  background: radial-gradient(ellipse, #3a7a2a 0%, #2a5a1a 50%, transparent 100%);
  border-radius: 50%; filter: blur(4px);
}
.scn-mauritius-beauty .palm-b {
  position: absolute; bottom: 22%; left: 75%; width: 14px; height: 70px;
  background: linear-gradient(180deg, #4a2e14 0%, #2a1a0a 100%);
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  box-shadow: 2px 0 4px rgba(0,0,0,0.2);
  animation: mb-palm-b 12s ease-in-out infinite 2s;
}
.scn-mauritius-beauty .palm-b::after {
  content: ''; position: absolute; top: -18px; left: -20px; width: 60px; height: 25px;
  background: radial-gradient(ellipse, #2a6a1a 0%, #1a4a10 50%, transparent 100%);
  border-radius: 50%; filter: blur(4px);
}
.scn-mauritius-beauty .flower-patch {
  position: absolute; bottom: 8%; left: 30%; width: 80px; height: 40px;
  background: radial-gradient(circle at 30% 50%, #e8a070 0%, transparent 30%), radial-gradient(circle at 70% 60%, #d08080 0%, transparent 30%);
  border-radius: 50%;
  animation: mb-flowers 5s ease-in-out infinite alternate;
}
.scn-mauritius-beauty .cloud-c {
  position: absolute; top: 8%; left: 20%; width: 120px; height: 20px;
  background: linear-gradient(180deg, rgba(255,255,240,0.8) 0%, rgba(255,255,240,0.2) 100%);
  border-radius: 50%; filter: blur(10px);
  animation: mb-cloud 45s linear infinite;
}
@keyframes mb-sky { 0%,100% { opacity:0.8; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.015); } }
@keyframes mb-sun { 0% { opacity:0.9; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05); box-shadow: 0 0 80px 30px #ffd080, 0 0 160px 50px rgba(255,208,128,0.4); } 100% { opacity:0.95; transform: scale(1); } }
@keyframes mb-sea { 0% { transform: translateY(0) scaleX(1); } 50% { transform: translateY(3px) scaleX(1.01); } 100% { transform: translateY(-2px) scaleX(0.99); } }
@keyframes mb-cane { 0% { transform: translateY(0) skewX(0deg); } 50% { transform: translateY(-2px) skewX(0.5deg); } 100% { transform: translateY(0) skewX(-0.5deg); } }
@keyframes mb-palm-a { 0%,100% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(4deg) translateY(-3px); } }
@keyframes mb-palm-b { 0%,100% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(-4deg) translateY(-2px); } }
@keyframes mb-flowers { 0% { opacity:0.7; transform: scale(0.95) rotate(-5deg); } 50% { opacity:0.9; transform: scale(1.05) rotate(0deg); } 100% { opacity:0.8; transform: scale(1) rotate(5deg); } }
@keyframes mb-cloud { 0% { transform: translateX(-80px); } 100% { transform: translateX(130vw); } }

.scn-watch-tinker {
  background:
    linear-gradient(180deg, #d4c4a8 0%, #b8a88a 40%, #8a7a5a 100%),
    radial-gradient(ellipse at 50% 50%, #f0e0c0 0%, transparent 80%);
}
.scn-watch-tinker .wall {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(90deg, #b8a080 0px, #b8a080 2px, #a89070 2px, #a89070 4px);
  opacity: 0.5;
  animation: wt-wall 30s linear infinite;
}
.scn-watch-tinker .workbench {
  position: absolute; bottom: 8%; left: 5%; right: 5%; height: 30%;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%);
  border-radius: 4px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.5);
}
.scn-watch-tinker .tinker {
  position: absolute; bottom: 25%; left: 20%; width: 32px; height: 60px;
  background: linear-gradient(180deg, #3a2e20 0%, #201812 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: wt-tinker 4s ease-in-out infinite;
}
.scn-watch-tinker .tinker-arm {
  position: absolute; bottom: 32%; left: 20%; width: 20px; height: 10px;
  background: linear-gradient(90deg, #3a2e20 0%, #4a3a2a 100%);
  border-radius: 50% 0 0 50% / 100% 0 0 100%;
  transform-origin: right center;
  animation: wt-arm 2s ease-in-out infinite alternate;
}
.scn-watch-tinker .watch-pendulum {
  position: absolute; bottom: 30%; left: 65%; width: 8px; height: 40px;
  background: linear-gradient(180deg, #d4a040 0%, #b08020 100%);
  border-radius: 20% 20% 40% 40%;
  transform-origin: top center;
  box-shadow: 0 0 6px rgba(208,160,64,0.4);
  animation: wt-pendulum 1.5s ease-in-out infinite;
}
.scn-watch-tinker .lamp {
  position: absolute; top: 10%; left: 40%; width: 30px; height: 40px;
  background: radial-gradient(circle at 50% 20%, #ffe8a0 0%, #ffd060 40%, transparent 70%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 0 0 40px 20px #ffd060, 0 0 80px 40px rgba(255,208,96,0.3);
  animation: wt-lamp 3s ease-in-out infinite alternate;
}
.scn-watch-tinker .tool-small {
  position: absolute; bottom: 20%; left: 55%; width: 14px; height: 6px;
  background: linear-gradient(90deg, #605040 0%, #908070 100%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(-15deg);
  animation: wt-tool 6s ease-in-out infinite;
}
.scn-watch-tinker .gear-decoration {
  position: absolute; top: 25%; left: 75%; width: 20px; height: 20px;
  background: radial-gradient(circle, #806040 0%, #604020 60%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  animation: wt-gear 8s linear infinite;
}
@keyframes wt-wall { 0% { background-position: 0 0; } 100% { background-position: 100px 0; } }
@keyframes wt-tinker { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(2deg); } 50% { transform: translateY(0) rotate(-1deg); } 75% { transform: translateY(-1px) rotate(1deg); } }
@keyframes wt-arm { 0% { transform: rotate(10deg) translateX(0); } 50% { transform: rotate(-20deg) translateX(2px); } 100% { transform: rotate(10deg) translateX(0); } }
@keyframes wt-pendulum { 0% { transform: rotate(-15deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(-15deg); } }
@keyframes wt-lamp { 0% { opacity:0.8; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05); box-shadow: 0 0 60px 30px #ffd060, 0 0 120px 60px rgba(255,208,96,0.4); } 100% { opacity:0.9; transform: scale(1); } }
@keyframes wt-tool { 0%,100% { transform: rotate(-15deg) translateX(0); } 50% { transform: rotate(-5deg) translateX(4px); } }
@keyframes wt-gear { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.scn-bourbon-view {
  background:
    linear-gradient(180deg, #c0d8f0 0%, #8ab8e0 40%, #4a8ab0 70%, #2a6a8a 100%),
    radial-gradient(ellipse at 70% 30%, #e0f0ff 0%, transparent 60%);
}
.scn-bourbon-view .sky-sea {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #a0c8e8 0%, #78b0d8 30%, #4a8ab0 60%, #2a6a8a 80%, #1a4a6a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  animation: bv-sky-sea 25s ease-in-out infinite alternate;
}
.scn-bourbon-view .volcano-mountain {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 50%;
  background: linear-gradient(180deg, #6a8a7a 0%, #4a6a5a 40%, #2a4a3a 100%);
  border-radius: 40% 40% 0 0 / 80% 80% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.3);
  transform: scale(0.9) translateY(5%);
  animation: bv-volcano 18s ease-in-out infinite alternate;
}
.scn-bourbon-view .volcano-mountain::before {
  content: ''; position: absolute; bottom: 60%; left: 50%; transform: translateX(-50%);
  width: 20%; height: 20%;
  background: linear-gradient(180deg, #b09870 0%, #8a7050 100%);
  border-radius: 40% 40% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.2);
  animation: bv-crater 6s ease-in-out infinite alternate;
}
.scn-bourbon-view .ship {
  position: absolute; bottom: 30%; left: 25%; width: 60px; height: 20px;
  background: linear-gradient(90deg, #5a4a3a 0%, #4a3a2a 50%, #5a4a3a 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: bv-ship 10s ease-in-out infinite;
}
.scn-bourbon-view .sail-main {
  position: absolute; bottom: 40%; left: 28%; width: 14px; height: 40px;
  background: linear-gradient(180deg, #e8e0d0 0%, #c8b8a0 100%);
  border-radius: 30% 40% 10% 10% / 60% 70% 20% 20%;
  transform: rotate(-5deg);
  box-shadow: 2px 0 6px rgba(0,0,0,0.2);
  animation: bv-sail 8s ease-in-out infinite alternate;
}
.scn-bourbon-view .sail-jib {
  position: absolute; bottom: 38%; left: 22%; width: 10px; height: 30px;
  background: linear-gradient(180deg, #f0e8d8 0%, #d0c0a8 100%);
  border-radius: 20% 30% 10% 10% / 50% 60% 20% 20%;
  transform: rotate(10deg);
  box-shadow: 1px 0 4px rgba(0,0,0,0.2);
  animation: bv-jib 9s ease-in-out infinite alternate 1s;
}
.scn-bourbon-view .wave-foam {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.3) 20%, transparent 50%, rgba(255,255,255,0.2) 80%, transparent 100%);
  clip-path: polygon(0% 50%, 5% 30%, 10% 60%, 15% 40%, 20% 70%, 25% 35%, 30% 55%, 35% 25%, 40% 45%, 45% 20%, 50% 40%, 55% 15%, 60% 35%, 65% 10%, 70% 30%, 75% 5%, 80% 25%, 85% 0%, 90% 20%, 95% 40%, 100% 60%, 100% 100%, 0% 100%);
  animation: bv-wave 7s ease-in-out infinite alternate;
}
.scn-bourbon-view .cloud-drift-a {
  position: absolute; top: 6%; left: -10%; width: 150px; height: 25px;
  background: linear-gradient(180deg, rgba(220,240,255,0.7) 0%, rgba(220,240,255,0.1) 100%);
  border-radius: 50%; filter: blur(12px);
  animation: bv-drifta 50s linear infinite;
}
.scn-bourbon-view .cloud-drift-b {
  position: absolute; top: 15%; right: -5%; width: 120px; height: 20px;
  background: linear-gradient(180deg, rgba(200,230,255,0.6) 0%, rgba(200,230,255,0.05) 100%);
  border-radius: 50%; filter: blur(10px);
  animation: bv-driftb 60s linear infinite reverse;
}
@keyframes bv-sky-sea { 0% { opacity:0.85; transform: scaleY(1); } 50% { opacity:0.95; transform: scaleY(1.01); } 100% { opacity:0.9; transform: scaleY(0.99); } }
@keyframes bv-volcano { 0% { transform: scale(0.9) translateY(5%) rotate(-0.5deg); } 50% { transform: scale(0.92) translateY(4%) rotate(0.5deg); } 100% { transform: scale(0.9) translateY(5%) rotate(0deg); } }
@keyframes bv-crater { 0% { opacity:0.7; transform: translateX(-50%) scale(0.95); } 100% { opacity:0.9; transform: translateX(-50%) scale(1.05); } }
@keyframes bv-ship { 0%,100% { transform: translateX(0) translateY(0) rotate(-1deg); } 25% { transform: translateX(3px) translateY(-2px) rotate(0deg); } 50% { transform: translateX(0) translateY(-1px) rotate(1deg); } 75% { transform: translateX(-3px) translateY(-2px) rotate(0deg); } }
@keyframes bv-sail { 0% { transform: rotate(-5deg) scaleY(1); } 50% { transform: rotate(-3deg) scaleY(1.02); } 100% { transform: rotate(-5deg) scaleY(0.98); } }
@keyframes bv-jib { 0% { transform: rotate(10deg) scaleY(1); } 50% { transform: rotate(12deg) scaleY(1.03); } 100% { transform: rotate(10deg) scaleY(0.97); } }
@keyframes bv-wave { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } }
@keyframes bv-drifta { 0% { transform: translateX(-120px); } 100% { transform: translateX(120vw); } }
@keyframes bv-driftb { 0% { transform: translateX(0); } 100% { transform: translateX(-140vw); } }

/* Scene: john-brown-setout */
.scn-john-brown-setout {
  background: linear-gradient(180deg, #b0e0ff 0%, #f0e68c 100%), radial-gradient(circle at 50% 20%, #fff 0%, transparent 60%);
}
.scn-john-brown-setout .sky { position:absolute; inset:0 0 40% 0; background:linear-gradient(180deg,#cce5ff,#87ceeb); animation:jb1-sky 15s ease-in-out infinite alternate; }
.scn-john-brown-setout .sun { position:absolute; top:8%; left:20%; width:40px; height:40px; background:radial-gradient(circle,#ffd700,#ffa500 40%,transparent 70%); border-radius:50%; box-shadow:0 0 30px 8px #ffd700; animation:jb1-sun 20s ease-in-out infinite; }
.scn-john-brown-setout .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background:linear-gradient(180deg,#7ccd7e,#3cb371); border-radius:40% 40% 0 0; animation:jb1-ground 12s ease-in-out infinite alternate; }
.scn-john-brown-setout .buggy { position:absolute; bottom:30%; left:35%; width:80px; height:50px; background:linear-gradient(135deg,#8B4513,#A0522D); border-radius:8px; box-shadow:0 4px 8px rgba(0,0,0,0.3); transform:rotate(-2deg); animation:jb1-buggy 5s ease-in-out infinite; }
.scn-john-brown-setout .horse { position:absolute; bottom:28%; left:25%; width:60px; height:50px; background:radial-gradient(ellipse at 30% 40%,#D2B48C,#8B7355); border-radius:50% 50% 40% 40%; animation:jb1-horse 4s ease-in-out infinite; }
.scn-john-brown-setout .man { position:absolute; bottom:30%; left:38%; width:20px; height:45px; background:linear-gradient(180deg,#f5f5dc,#f0e68c); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb1-man 3s ease-in-out infinite; }
.scn-john-brown-setout .hat { position:absolute; bottom:50%; right:20%; width:15px; height:10px; background:#f5deb3; border-radius:50%; box-shadow:0 0 5px #f5deb3; animation:jb1-hat 6s linear infinite; }
.scn-john-brown-setout .creek { position:absolute; bottom:20%; left:0; right:0; height:15%; background:linear-gradient(90deg,#4a90e2,#87ceeb 50%,#4a90e2); border-radius:0 0 50% 50%; animation:jb1-creek 8s ease-in-out infinite alternate; }

@keyframes jb1-sky { 0%{opacity:0.8} 50%{opacity:1} 100%{opacity:0.9} }
@keyframes jb1-sun { 0%{transform:scale(1)} 50%{transform:scale(1.1)} 100%{transform:scale(1)} }
@keyframes jb1-ground { 0%{transform:translateY(0)} 50%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
@keyframes jb1-buggy { 0%{transform:rotate(-2deg) translateY(0)} 50%{transform:rotate(0deg) translateY(-2px)} 100%{transform:rotate(-2deg) translateY(0)} }
@keyframes jb1-horse { 0%{transform:translateY(0) rotate(0)} 25%{transform:translateY(-1px) rotate(2deg)} 50%{transform:translateY(0) rotate(0)} 75%{transform:translateY(-1px) rotate(-2deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes jb1-man { 0%{transform:translateY(0) rotate(0)} 25%{transform:translateY(-1px) rotate(2deg)} 50%{transform:translateY(0) rotate(0)} 75%{transform:translateY(-1px) rotate(-2deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes jb1-hat { 0%{transform:translateX(0) translateY(0) rotate(0)} 50%{transform:translateX(-20px) translateY(-10px) rotate(30deg)} 100%{transform:translateX(-40px) translateY(-20px) rotate(60deg)} }
@keyframes jb1-creek { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* Scene: john-brown-swim */
.scn-john-brown-swim {
  background: linear-gradient(180deg, #b0e0ff 0%, #f0e68c 100%), radial-gradient(circle at 50% 20%, #fff 0%, transparent 60%);
}
.scn-john-brown-swim .sky { position:absolute; inset:0 0 40% 0; background:linear-gradient(180deg,#cce5ff,#87ceeb); animation:jb2-sky 15s ease-in-out infinite alternate; }
.scn-john-brown-swim .sun { position:absolute; top:8%; left:20%; width:40px; height:40px; background:radial-gradient(circle,#ffd700,#ffa500 40%,transparent 70%); border-radius:50%; box-shadow:0 0 30px 8px #ffd700; animation:jb2-sun 20s ease-in-out infinite; }
.scn-john-brown-swim .ground { position:absolute; bottom:0; left:0; right:0; height:40%; background:linear-gradient(180deg,#7ccd7e,#3cb371); border-radius:40% 40% 0 0; animation:jb2-ground 12s ease-in-out infinite alternate; }
.scn-john-brown-swim .horse { position:absolute; bottom:28%; left:30%; width:70px; height:40px; background:radial-gradient(ellipse at 30% 40%,#D2B48C,#8B7355); border-radius:50% 50% 40% 40%; animation:jb2-horse 0.8s ease-in-out infinite; }
.scn-john-brown-swim .man { position:absolute; bottom:30%; left:45%; width:18px; height:40px; background:#d2a679; border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb2-man 1s ease-in-out infinite; }
.scn-john-brown-swim .buggy { position:absolute; bottom:30%; left:15%; width:70px; height:45px; background:linear-gradient(135deg,#8B4513,#A0522D); border-radius:6px; transform:rotate(3deg); animation:jb2-buggy 8s ease-in-out infinite alternate; }
.scn-john-brown-swim .woman { position:absolute; bottom:30%; right:18%; width:12px; height:22px; background:#e0c3a0; border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb2-woman 3s ease-in-out infinite; }

@keyframes jb2-sky { 0%{opacity:0.8} 50%{opacity:1} 100%{opacity:0.9} }
@keyframes jb2-sun { 0%{transform:scale(1)} 50%{transform:scale(1.05)} 100%{transform:scale(1)} }
@keyframes jb2-ground { 0%{transform:translateY(0)} 50%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
@keyframes jb2-horse { 0%{transform:translateX(0) scaleX(1)} 25%{transform:translateX(4px) scaleX(1.05)} 50%{transform:translateX(0) scaleX(1)} 75%{transform:translateX(-4px) scaleX(0.95)} 100%{transform:translateX(0) scaleX(1)} }
@keyframes jb2-man { 0%{transform:translateX(0) translateY(0) rotate(-5deg)} 25%{transform:translateX(5px) translateY(-2px) rotate(5deg)} 50%{transform:translateX(0) translateY(0) rotate(-5deg)} 75%{transform:translateX(-5px) translateY(-2px) rotate(5deg)} 100%{transform:translateX(0) translateY(0) rotate(-5deg)} }
@keyframes jb2-buggy { 0%{transform:rotate(3deg) translateY(0)} 50%{transform:rotate(0deg) translateY(-2px)} 100%{transform:rotate(3deg) translateY(0)} }
@keyframes jb2-woman { 0%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-2px) rotate(10deg)} 100%{transform:translateY(0) rotate(0)} }

/* Scene: john-brown-meeting */
.scn-john-brown-meeting {
  background: linear-gradient(180deg, #b0e0ff 0%, #f0e68c 100%), radial-gradient(circle at 50% 20%, #fff 0%, transparent 60%);
}
.scn-john-brown-meeting .sky { position:absolute; inset:0 0 45% 0; background:linear-gradient(180deg,#cce5ff,#87ceeb); animation:jb3-sky 18s ease-in-out infinite alternate; }
.scn-john-brown-meeting .sun { position:absolute; top:8%; left:20%; width:35px; height:35px; background:radial-gradient(circle,#ffd700,#ffa500 40%,transparent 70%); border-radius:50%; box-shadow:0 0 25px 6px #ffd700; animation:jb3-sun 22s ease-in-out infinite; }
.scn-john-brown-meeting .ground { position:absolute; bottom:0; left:0; right:0; height:45%; background:linear-gradient(180deg,#7ccd7e,#3cb371); border-radius:30% 30% 0 0; animation:jb3-ground 14s ease-in-out infinite alternate; }
.scn-john-brown-meeting .road { position:absolute; bottom:40%; left:20%; right:20%; height:8%; background:linear-gradient(90deg,#c8a96e,#d9b880,#c8a96e); border-radius:0 0 20% 20%; box-shadow:0 2px 6px rgba(0,0,0,0.2); animation:jb3-road 20s linear infinite; }
.scn-john-brown-meeting .john { position:absolute; bottom:38%; left:40%; width:20px; height:45px; background:linear-gradient(180deg,#f5f5dc,#f0e68c); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb3-john 4s ease-in-out infinite; }
.scn-john-brown-meeting .enderby { position:absolute; bottom:38%; left:50%; width:18px; height:40px; background:linear-gradient(180deg,#add8e6,#87ceeb); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb3-woman1 5s ease-in-out infinite; }
.scn-john-brown-meeting .glossop { position:absolute; bottom:38%; left:55%; width:16px; height:38px; background:linear-gradient(180deg,#98fb98,#7ccd7e); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb3-woman2 5.5s ease-in-out infinite; }
.scn-john-brown-meeting .taylor { position:absolute; bottom:38%; left:60%; width:17px; height:39px; background:linear-gradient(180deg,#dda0dd,#ba55d3); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb3-woman1 4.5s ease-in-out infinite; }
.scn-john-brown-meeting .mary { position:absolute; bottom:36%; left:65%; width:15px; height:35px; background:linear-gradient(180deg,#f0e68c,#ffd700); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; animation:jb3-woman2 6s ease-in-out infinite; }

@keyframes jb3-sky { 0%{opacity:0.8} 50%{opacity:1} 100%{opacity:0.9} }
@keyframes jb3-sun { 0%{transform:scale(1)} 50%{transform:scale(1.08)} 100%{transform:scale(1)} }
@keyframes jb3-ground { 0%{transform:translateY(0)} 50%{transform:translateY(-3px)} 100%{transform:translateY(0)} }
@keyframes jb3-road { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes jb3-john { 0%{transform:translateY(0) rotate(0)} 25%{transform:translateY(-2px) rotate(3deg)} 50%{transform:translateY(0) rotate(0)} 75%{transform:translateY(-2px) rotate(-3deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes jb3-woman1 { 0%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-3px) rotate(5deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes jb3-woman2 { 0%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-2px) rotate(-5deg)} 100%{transform:translateY(0) rotate(0)} }

/* Scene: special-providence */
.scn-special-providence {
  background: linear-gradient(180deg, #ffeb99 0%, #ffd700 100%), radial-gradient(ellipse at 50% 0%, #fff 0%, transparent 60%);
}
.scn-special-providence .sky { position:absolute; inset:0 0 35% 0; background:linear-gradient(180deg,#ffe58f,#ffd700); animation:jb4-sky 20s ease-in-out infinite alternate; }
.scn-special-providence .rays { position:absolute; top:0; left:0; right:0; height:60%; background:radial-gradient(ellipse at 50% 0%, #fff 0%, #ffd700 30%, transparent 60%); animation:jb4-rays 8s ease-in-out infinite alternate; }
.scn-special-providence .ground { position:absolute; bottom:0; left:0; right:0; height:35%; background:linear-gradient(180deg,#7ccd7e,#3cb371); border-radius:40% 40% 0 0; animation:jb4-ground 12s ease-in-out infinite alternate; }
.scn-special-providence .john { position:absolute; bottom:30%; left:45%; width:22px; height:50px; background:linear-gradient(180deg,#fffee0,#f5deb3); border-radius:50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow:0 0 20px 8px rgba(255,255,200,0.6); animation:jb4-john 6s ease-in-out infinite; }
.scn-special-providence .wings { position:absolute; bottom:32%; left:38%; width:60px; height:40px; background:radial-gradient(ellipse at 50% 100%, #fff 0%, #f0e68c 60%, transparent 80%); border-radius:50% 50% 0 0; transform:rotate(-10deg); animation:jb4-wings 4s ease-in-out infinite alternate; }
.scn-special-providence .halo { position:absolute; bottom:52%; left:48%; width:20px; height:20px; background:radial-gradient(circle,#fff,#ffd700 40%,transparent 70%); border-radius:50%; box-shadow:0 0 30px 12px #ffd700; animation:jb4-halo 3s ease-in-out infinite alternate; }
.scn-special-providence .cloud { position:absolute; top:12%; right:15%; width:80px; height:20px; background:linear-gradient(180deg,rgba(255,255,255,0.6),rgba(255,255,255,0.1)); border-radius:50%; filter:blur(6px); animation:jb4-cloud 45s linear infinite; }

@keyframes jb4-sky { 0%{opacity:0.8} 50%{opacity:1} 100%{opacity:0.9} }
@keyframes jb4-rays { 0%{opacity:0.6} 50%{opacity:1} 100%{opacity:0.7} }
@keyframes jb4-ground { 0%{transform:translateY(0)} 50%{transform:translateY(-2px)} 100%{transform:translateY(0)} }
@keyframes jb4-john { 0%{transform:translateY(0) rotate(-2deg) scale(1)} 25%{transform:translateY(-4px) rotate(2deg) scale(1.02)} 50%{transform:translateY(0) rotate(-2deg) scale(1)} 75%{transform:translateY(-4px) rotate(2deg) scale(1.02)} 100%{transform:translateY(0) rotate(-2deg) scale(1)} }
@keyframes jb4-wings { 0%{transform:rotate(-15deg) scaleY(1)} 50%{transform:rotate(-5deg) scaleY(1.2)} 100%{transform:rotate(-15deg) scaleY(1)} }
@keyframes jb4-halo { 0%{opacity:0.7; transform:scale(1)} 50%{opacity:1; transform:scale(1.1)} 100%{opacity:0.7; transform:scale(1)} }
@keyframes jb4-cloud { 0%{transform:translateX(0)} 50%{transform:translateX(-30px)} 100%{transform:translateX(0)} }

/* frosty-morning-plain */
.scn-frosty-morning-plain {
  background: linear-gradient(180deg, #ffb07c 0%, #ffd5a0 30%, #b0d0e0 100%), radial-gradient(ellipse at 70% 20%, #ffe0a0 0%, transparent 50%);
}
.scn-frosty-morning-plain .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #ffd5a0 0%, #b0d0e0 100%);
  animation: fmp-sky 12s ease-in-out infinite alternate;
}
.scn-frosty-morning-plain .sun {
  position: absolute; top: 12%; left: 65%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffdd88 0%, #ffaa44 60%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,170,68,.5);
  animation: fmp-sun 8s ease-in-out infinite alternate;
}
.scn-frosty-morning-plain .plain {
  position: absolute; bottom: 0; left: 0; right: 0; height: 45%;
  background: linear-gradient(180deg, #e8f0e0 0%, #c8d8c0 100%);
  border-radius: 30% 70% 0 0 / 20% 40% 0 0;
  animation: fmp-plain 15s ease-in-out infinite;
}
.scn-frosty-morning-plain .hut-a,
.scn-frosty-morning-plain .hut-b {
  position: absolute; bottom: 30%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,.3);
  animation: fmp-hut 4s ease-in-out infinite;
}
.scn-frosty-morning-plain .hut-a { left: 20%; }
.scn-frosty-morning-plain .hut-b { left: 55%; animation-delay: -2s; }
.scn-frosty-morning-plain .palm {
  position: absolute; bottom: 32%; left: 38%; width: 8px; height: 50px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px;
  transform-origin: bottom center;
  animation: fmp-palm 6s ease-in-out infinite;
}
.scn-frosty-morning-plain .mist {
  position: absolute; bottom: 15%; left: 5%; width: 120%; height: 20%;
  background: linear-gradient(90deg, transparent, rgba(255,255,240,.4), transparent);
  filter: blur(8px);
  animation: fmp-mist 20s ease-in-out infinite;
}
@keyframes fmp-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.7; } }
@keyframes fmp-sun { 0% { transform:scale(.9); opacity:.7; } 50% { transform:scale(1); opacity:.9; } 100% { transform:scale(.95); opacity:.8; } }
@keyframes fmp-plain { 0% { transform:translateY(0); } 50% { transform:translateY(-2px); } 100% { transform:translateY(0); } }
@keyframes fmp-hut { 0% { transform:rotate(0deg); } 50% { transform:rotate(2deg); } 100% { transform:rotate(0deg); } }
@keyframes fmp-palm { 0% { transform:rotate(0deg) scaleY(1); } 50% { transform:rotate(3deg) scaleY(1.02); } 100% { transform:rotate(0deg) scaleY(1); } }
@keyframes fmp-mist { 0% { transform:translateX(-20px); opacity:.3; } 50% { transform:translateX(20px); opacity:.5; } 100% { transform:translateX(-20px); opacity:.3; } }

/* greenland-icy-mountains */
.scn-greenland-icy-mountains {
  background: linear-gradient(135deg, #1a1a2e 0%, #2a2a44 50%, #3a3a5e 100%), radial-gradient(ellipse at 30% 80%, #4a3a2e 0%, transparent 60%);
}
.scn-greenland-icy-mountains .wall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #1e1e32 0%, #2a2a44 100%);
}
.scn-greenland-icy-mountains .window {
  position: absolute; bottom: 30%; left: 30%; width: 40%; height: 40%;
  background: radial-gradient(ellipse, #aaccee 0%, #6688aa 60%);
  border: 6px solid #4a4a5e;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,.2);
}
.scn-greenland-icy-mountains .mountains {
  position: absolute; bottom: 30%; left: 30%; width: 40%; height: 30%;
  background: linear-gradient(180deg, #d0e0f0 0%, #a0b8d0 100%);
  clip-path: polygon(0% 100%, 20% 40%, 35% 100%, 50% 20%, 70% 100%, 85% 50%, 100% 100%);
  animation: gim-mount 20s ease-in-out infinite;
}
.scn-greenland-icy-mountains .glow {
  position: absolute; bottom: 20%; left: 45%; width: 80px; height: 80px;
  background: radial-gradient(circle, #ffcc66 0%, #ffaa44 40%, transparent 70%);
  border-radius: 50%;
  animation: gim-glow 3s ease-in-out infinite alternate;
}
.scn-greenland-icy-mountains .lantern {
  position: absolute; bottom: 22%; left: 45%; width: 12px; height: 20px;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 4px;
  animation: gim-lantern 4s ease-in-out infinite;
}
.scn-greenland-icy-mountains .table {
  position: absolute; bottom: 10%; left: 25%; width: 50%; height: 12px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 2px;
  animation: gim-table 6s ease-in-out infinite;
}
.scn-greenland-icy-mountains .book {
  position: absolute; bottom: 14%; left: 40%; width: 20px; height: 14px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%);
  border-radius: 2px;
  transform-origin: left bottom;
  animation: gim-book 8s ease-in-out infinite;
}
@keyframes gim-mount { 0% { transform:translateY(0) scaleX(1); } 50% { transform:translateY(-3px) scaleX(1.01); } 100% { transform:translateY(0) scaleX(1); } }
@keyframes gim-glow { 0% { opacity:.6; transform:scale(.95); } 50% { opacity:.9; transform:scale(1.05); } 100% { opacity:.7; transform:scale(1); } }
@keyframes gim-lantern { 0% { transform:rotate(-2deg); } 50% { transform:rotate(2deg); } 100% { transform:rotate(-2deg); } }
@keyframes gim-table { 0% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(-1px) rotate(.5deg); } 100% { transform:translateY(0) rotate(0deg); } }
@keyframes gim-book { 0% { transform:rotate(0deg); } 50% { transform:rotate(-3deg); } 100% { transform:rotate(0deg); } }

/* bavarian-women */
.scn-bavarian-women {
  background: linear-gradient(180deg, #f5e6c8 0%, #e0c090 40%, #c8a878 100%), radial-gradient(ellipse at 60% 10%, #ffe8c8 0%, transparent 60%);
}
.scn-bavarian-women .sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #ffe8c8 0%, #e0c090 100%);
  animation: bwm-sky 10s ease-in-out infinite alternate;
}
.scn-bavarian-women .sun {
  position: absolute; top: 8%; right: 20%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fff0c0 0%, #e0b060 60%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(224,176,96,.4);
  animation: bwm-sun 7s ease-in-out infinite alternate;
}
.scn-bavarian-women .field {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #c8a878 0%, #a08050 100%);
  border-radius: 40% 60% 0 0 / 20% 40% 0 0;
  animation: bwm-field 14s ease-in-out infinite;
}
.scn-bavarian-women .woman1,
.scn-bavarian-women .woman2 {
  position: absolute; bottom: 20%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1208 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bwm-woman 4s ease-in-out infinite;
}
.scn-bavarian-women .woman1 { left: 25%; }
.scn-bavarian-women .woman2 { left: 55%; animation-delay: -2s; }
.scn-bavarian-women .wagon {
  position: absolute; bottom: 22%; left: 40%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a2a 100%);
  border-radius: 8px 8px 4px 4px;
  animation: bwm-wagon 6s ease-in-out infinite;
}
.scn-bavarian-women .haystack {
  position: absolute; bottom: 25%; left: 70%; width: 30px; height: 25px;
  background: radial-gradient(ellipse, #b09050 0%, #8a7030 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: bwm-hay 8s ease-in-out infinite;
}
@keyframes bwm-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.75; } }
@keyframes bwm-sun { 0% { transform:scale(.92); opacity:.8; } 50% { transform:scale(1); opacity:1; } 100% { transform:scale(.95); opacity:.85; } }
@keyframes bwm-field { 0% { transform:translateY(0); } 50% { transform:translateY(-2px); } 100% { transform:translateY(0); } }
@keyframes bwm-woman { 0% { transform:translateX(0) rotate(0deg); } 25% { transform:translateX(4px) rotate(-3deg); } 75% { transform:translateX(-2px) rotate(2deg); } 100% { transform:translateX(0) rotate(0deg); } }
@keyframes bwm-wagon { 0% { transform:translateX(0) rotate(0deg); } 50% { transform:translateX(3px) rotate(1deg); } 100% { transform:translateX(0) rotate(0deg); } }
@keyframes bwm-hay { 0% { transform:scale(1); } 50% { transform:scale(1.02); } 100% { transform:scale(1); } }

/* austrian-plow */
.scn-austrian-plow {
  background: linear-gradient(180deg, #f0d8a0 0%, #d0b880 40%, #a88858 100%), radial-gradient(ellipse at 80% 20%, #f8e4b0 0%, transparent 50%);
}
.scn-austrian-plow .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f8e4b0 0%, #d0b880 100%);
  animation: apl-sky 11s ease-in-out infinite alternate;
}
.scn-austrian-plow .sun {
  position: absolute; top: 10%; left: 70%; width: 45px; height: 45px;
  background: radial-gradient(circle, #fff0c0 0%, #e0b060 60%);
  border-radius: 50%;
  box-shadow: 0 0 70px 20px rgba(224,176,96,.4);
  animation: apl-sun 6s ease-in-out infinite alternate;
}
.scn-austrian-plow .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #a88858 0%, #7a6a3a 100%);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
  animation: apl-ground 12s ease-in-out infinite;
}
.scn-austrian-plow .plow {
  position: absolute; bottom: 14%; left: 40%; width: 30px; height: 10px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 2px;
  transform: rotate(10deg);
  animation: apl-plow 5s ease-in-out infinite;
}
.scn-austrian-plow .woman {
  position: absolute; bottom: 16%; left: 28%; width: 16px; height: 38px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1208 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: apl-figure 4s ease-in-out infinite;
}
.scn-austrian-plow .cow {
  position: absolute; bottom: 15%; left: 48%; width: 28px; height: 18px;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a2a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  animation: apl-figure 4s ease-in-out infinite reverse;
}
.scn-austrian-plow .man {
  position: absolute; bottom: 16%; left: 62%; width: 16px; height: 38px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: apl-figure 4s ease-in-out infinite 2s;
}
@keyframes apl-sky { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.75; } }
@keyframes apl-sun { 0% { transform:scale(.92); opacity:.8; } 50% { transform:scale(1); opacity:1; } 100% { transform:scale(.95); opacity:.85; } }
@keyframes apl-ground { 0% { transform:translateY(0); } 50% { transform:translateY(-2px); } 100% { transform:translateY(0); } }
@keyframes apl-plow { 0% { transform:rotate(8deg) translateX(0); } 50% { transform:rotate(12deg) translateX(2px); } 100% { transform:rotate(8deg) translateX(0); } }
@keyframes apl-figure { 0% { transform:translateX(0) rotate(0deg); } 25% { transform:translateX(3px) rotate(-2deg); } 75% { transform:translateX(-2px) rotate(2deg); } 100% { transform:translateX(0) rotate(0deg); } }

/* one block per scene id. Append to style.css. */

/* ---------- sand-bags ---------- */
.scn-sand-bags {
  background: linear-gradient(180deg, #fff8e7 0%, #ffe4b5 50%, #ffcc80 100%),
              radial-gradient(ellipse at 50% 0, #fff8e7 0%, transparent 70%);
}
.scn-sand-bags .wall {
  position:absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #ffe0b2 0%, #ffcc80 100%);
}
.scn-sand-bags .floor {
  position:absolute; bottom:0; left:0; right:0; height:40%;
  background: linear-gradient(180deg, #d7ccc8 0%, #bcaaa4 100%);
}
.scn-sand-bags .bed-frame {
  position:absolute; bottom:15%; left:15%; width:70%; height:20%;
  background: linear-gradient(180deg, #8d6e63 0%, #5d4037 100%);
  border-radius:4px;
}
.scn-sand-bags .sandbag-pillow {
  position:absolute; left:25%; bottom:35%; width:20%; height:12%;
  background: linear-gradient(135deg, #c8a882 0%, #a08060 100%);
  border-radius:50%;
  animation: sb-pillow 2s ease-in-out infinite alternate;
}
.scn-sand-bags .sandbag-blanket {
  position:absolute; left:20%; bottom:15%; width:60%; height:8%;
  background: linear-gradient(90deg, #bcaaa4 0%, #a1887f 100%);
  border-radius:4px;
  animation: sb-blanket 3s ease-in-out infinite;
}
.scn-sand-bags .character {
  position:absolute; bottom:15%; left:30%; width:12%; height:25%;
  background: linear-gradient(180deg, #5c6bc0 0%, #283593 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: sb-char 1s ease-in-out infinite alternate;
}
.scn-sand-bags .character-arm {
  position:absolute; bottom:25%; left:38%; width:8%; height:10%;
  background: #3949ab;
  border-radius:50% 50% 0 0;
  transform-origin: bottom right;
  animation: sb-arm 1.5s ease-in-out infinite;
}
.scn-sand-bags .lamp {
  position:absolute; bottom:45%; left:50%; width:6%; height:12%;
  background: #757575;
  border-radius:4px 4px 0 0;
}
.scn-sand-bags .lamp-glow {
  position:absolute; bottom:50%; left:48%; width:10%; height:10%;
  background: radial-gradient(circle, #ffcc80 0%, transparent 70%);
  animation: sb-glow 2s ease-in-out infinite alternate;
}

@keyframes sb-pillow {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-2px) rotate(2deg); }
  50%  { transform: translateY(-4px) rotate(5deg); }
  75%  { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes sb-blanket {
  0%   { transform: translateX(0) scaleX(1); }
  25%  { transform: translateX(-2px) scaleX(1.02); }
  50%  { transform: translateX(2px) scaleX(0.98); }
  75%  { transform: translateX(-1px) scaleX(1.01); }
  100% { transform: translateX(0) scaleX(1); }
}
@keyframes sb-char {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-3px) rotate(2deg); }
  50%  { transform: translateY(-5px) rotate(3deg); }
  75%  { transform: translateY(-3px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(-3deg); }
}
@keyframes sb-arm {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(25deg); }
  50%  { transform: rotate(40deg); }
  75%  { transform: rotate(20deg); }
  100% { transform: rotate(0deg); }
}
@keyframes sb-glow {
  0%   { opacity:0.7; box-shadow: 0 0 10px 2px #ffcc80; }
  50%  { opacity:1;   box-shadow: 0 0 20px 6px #ffcc80; }
  100% { opacity:0.8; box-shadow: 0 0 12px 3px #ffcc80; }
}

/* ---------- bed-sand ---------- */
.scn-bed-sand {
  background: linear-gradient(180deg, #fff8e1 0%, #ffecb3 100%),
              radial-gradient(ellipse at 50% 100%, #ffe082 0%, transparent 70%);
}
.scn-bed-sand .wall {
  position:absolute; inset:0 0 70% 0;
  background: linear-gradient(180deg, #ffecb3 0%, #ffe082 100%);
}
.scn-bed-sand .floor {
  position:absolute; bottom:0; left:0; right:0; height:30%;
  background: linear-gradient(180deg, #d7ccc8 0%, #bcaaa4 100%);
}
.scn-bed-sand .bed-sand-pile {
  position:absolute; bottom:20%; left:20%; width:60%; height:20%;
  background: linear-gradient(180deg, #e0c090 0%, #c8a882 100%);
  border-radius:20px 20px 0 0;
  animation: bs-pile 4s ease-in-out infinite;
}
.scn-bed-sand .good-sack {
  position:absolute; bottom:30%; left:30%; width:15%; height:20%;
  background: linear-gradient(135deg, #fdd835 0%, #f9a825 100%);
  border-radius:10px 10px 5px 5px;
  animation: bs-sack 3s ease-in-out infinite alternate;
}
.scn-bed-sand .bad-sack {
  position:absolute; bottom:30%; left:55%; width:15%; height:20%;
  background: linear-gradient(135deg, #795548 0%, #5d4037 100%);
  border-radius:10px 10px 5px 5px;
  animation: bs-sack 3.5s ease-in-out infinite alternate-reverse;
}
.scn-bed-sand .person {
  position:absolute; bottom:10%; left:40%; width:10%; height:30%;
  background: linear-gradient(180deg, #1976d2 0%, #0d47a1 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: bs-person 1s ease-in-out infinite alternate;
}
.scn-bed-sand .person-arm {
  position:absolute; bottom:20%; left:48%; width:12%; height:8%;
  background: #1565c0;
  border-radius:50%;
  transform-origin: left center;
  animation: bs-arm 2s ease-in-out infinite;
}

@keyframes bs-pile {
  0%   { transform: scaleY(1); }
  25%  { transform: scaleY(0.97) translateY(1px); }
  50%  { transform: scaleY(0.93) translateY(3px); }
  75%  { transform: scaleY(0.97) translateY(1px); }
  100% { transform: scaleY(1); }
}
@keyframes bs-sack {
  0%   { transform: rotate(0deg) translateX(0); }
  25%  { transform: rotate(2deg) translateX(-2px); }
  50%  { transform: rotate(-2deg) translateX(2px); }
  75%  { transform: rotate(1deg) translateX(-1px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes bs-person {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-2px) rotate(2deg); }
  50%  { transform: translateY(-4px) rotate(3deg); }
  75%  { transform: translateY(-2px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes bs-arm {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(20deg); }
  50%  { transform: rotate(35deg); }
  75%  { transform: rotate(15deg); }
  100% { transform: rotate(0deg); }
}

/* ---------- gloom-lamp ---------- */
.scn-gloom-lamp {
  background: linear-gradient(180deg, #2c1a0e 0%, #1a0e06 100%),
              radial-gradient(ellipse at 50% 50%, #3a2210 0%, transparent 70%);
}
.scn-gloom-lamp .wall-dark {
  position:absolute; inset:0 0 60% 0;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0e06 100%);
}
.scn-gloom-lamp .floor-dark {
  position:absolute; bottom:0; left:0; right:0; height:40%;
  background: linear-gradient(180deg, #1a140e 0%, #0e0a06 100%);
}
.scn-gloom-lamp .table {
  position:absolute; bottom:30%; left:30%; width:40%; height:10%;
  background: linear-gradient(180deg, #4a3020 0%, #2a1a0e 100%);
  border-radius:4px;
}
.scn-gloom-lamp .lamp {
  position:absolute; bottom:40%; left:45%; width:8%; height:15%;
  background: #5c4a3a;
  border-radius:4px 4px 0 0;
  animation: gl-lamp 3s ease-in-out infinite alternate;
}
.scn-gloom-lamp .gloom-glow {
  position:absolute; bottom:35%; left:42%; width:16%; height:20%;
  background: radial-gradient(circle, rgba(255,180,100,0.4) 0%, rgba(255,180,100,0.1) 40%, transparent 70%);
  animation: gl-gloom 4s ease-in-out infinite;
}
.scn-gloom-lamp .character {
  position:absolute; bottom:15%; left:40%; width:12%; height:25%;
  background: linear-gradient(180deg, #5d4037 0%, #3e2723 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: gl-char 2s ease-in-out infinite;
}
.scn-gloom-lamp .breath {
  position:absolute; bottom:25%; left:50%; width:20%; height:10%;
  background: radial-gradient(circle, rgba(200,200,200,0.3) 0%, transparent 70%);
  animation: gl-breath 1.5s ease-out infinite;
}

@keyframes gl-lamp {
  0%   { opacity:0.6; filter:brightness(0.8); }
  25%  { opacity:0.8; filter:brightness(1.0); }
  50%  { opacity:1.0; filter:brightness(1.2); }
  75%  { opacity:0.85;filter:brightness(1.0); }
  100% { opacity:0.7; filter:brightness(0.9); }
}
@keyframes gl-gloom {
  0%   { transform: scale(1);   opacity:0.8; }
  25%  { transform: scale(1.1); opacity:0.9; }
  50%  { transform: scale(1.2); opacity:1.0; }
  75%  { transform: scale(1.05);opacity:0.85; }
  100% { transform: scale(0.9); opacity:0.6; }
}
@keyframes gl-char {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-3px) rotate(2deg); }
  50%  { transform: translateY(-5px) rotate(3deg); }
  75%  { transform: translateY(-2px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes gl-breath {
  0%   { transform: translateX(0)  scale(0.5); opacity:1; }
  25%  { transform: translateX(5px) scale(1.0); opacity:0.8; }
  50%  { transform: translateX(10px) scale(1.5); opacity:0.5; }
  75%  { transform: translateX(15px) scale(1.8); opacity:0.2; }
  100% { transform: translateX(20px) scale(2);   opacity:0; }
}

/* ---------- hotel-amenities ---------- */
.scn-hotel-amenities {
  background: linear-gradient(180deg, #fff9e6 0%, #fff3cd 100%),
              radial-gradient(ellipse at 50% 0, #fff9e6 0%, transparent 70%);
}
.scn-hotel-amenities .wall-bright {
  position:absolute; inset:0 0 70% 0;
  background: linear-gradient(180deg, #fff3cd 0%, #ffe0b2 100%);
}
.scn-hotel-amenities .door {
  position:absolute; bottom:15%; left:20%; width:30%; height:50%;
  background: linear-gradient(180deg, #8d6e63 0%, #5d4037 100%);
  border-radius:4px;
  border: 2px solid #4e342e;
}
.scn-hotel-amenities .nail-left {
  position:absolute; bottom:50%; left:22%; width:2%; height:2%;
  background: #757575;
  border-radius:50%;
  animation: ha-nail 3s ease-in-out infinite;
}
.scn-hotel-amenities .nail-right {
  position:absolute; bottom:50%; left:28%; width:2%; height:2%;
  background: #757575;
  border-radius:50%;
  animation: ha-nail 3.5s ease-in-out infinite alternate;
}
.scn-hotel-amenities .clothes {
  position:absolute; bottom:50%; left:22%; width:10%; height:15%;
  background: linear-gradient(180deg, #42a5f5 0%, #1565c0 100%);
  border-radius:4px;
  transform-origin: top center;
  animation: ha-clothes 4s ease-in-out infinite;
}
.scn-hotel-amenities .character {
  position:absolute; bottom:10%; left:50%; width:12%; height:30%;
  background: linear-gradient(180deg, #ff7043 0%, #d84315 100%);
  border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: ha-char 2s ease-in-out infinite alternate;
}
.scn-hotel-amenities .stench {
  position:absolute; bottom:20%; left:55%; width:30%; height:15%;
  background: radial-gradient(circle, rgba(100,100,100,0.2) 0%, transparent 70%);
  filter: blur(8px);
  animation: ha-stench 3s ease-in-out infinite;
}

@keyframes ha-nail {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-1px); }
  50%  { transform: translateY(-2px); }
  75%  { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes ha-clothes {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(3deg); }
  50%  { transform: rotate(5deg); }
  75%  { transform: rotate(-3deg); }
  100% { transform: rotate(-5deg); }
}
@keyframes ha-char {
  0%   { transform: translateY(0) rotate(0deg) scale(1); }
  25%  { transform: translateY(-2px) rotate(2deg) scale(1.01); }
  50%  { transform: translateY(-4px) rotate(3deg) scale(1.02); }
  75%  { transform: translateY(-2px) rotate(-1deg) scale(1.01); }
  100% { transform: translateY(0) rotate(-2deg) scale(1); }
}
@keyframes ha-stench {
  0%   { opacity:0.3; transform: scaleX(1); }
  25%  { opacity:0.5; transform: scaleX(1.2); }
  50%  { opacity:0.6; transform: scaleX(1.5); }
  75%  { opacity:0.4; transform: scaleX(1.2); }
  100% { opacity:0.3; transform: scaleX(1); }
}

/* Scene: illusions-part – funny, bright interior */
.scn-illusions-part {
  background: linear-gradient(180deg, #fff8e7 0%, #ffe4c4 40%, #ffdab9 100%), radial-gradient(circle at 80% 20%, #fff4e0, transparent 60%);
}
.scn-illusions-part .wall {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #f0e6d3 0%, #e8d5b7 100%);
  opacity: 0.6;
}
.scn-illusions-part .mirror {
  position: absolute;
  left: 55%;
  top: 18%;
  width: 90px;
  height: 120px;
  background: linear-gradient(135deg, #b0c4de 0%, #e0e8f0 50%, #c8d8e8 100%);
  border: 6px solid #8b7355;
  border-radius: 4px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  animation: ip-mirror 6s ease-in-out infinite alternate;
}
.scn-illusions-part .table {
  position: absolute;
  bottom: 22%;
  left: 30%;
  width: 180px;
  height: 20px;
  background: linear-gradient(180deg, #a0522d, #8b4513);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.scn-illusions-part .figure {
  position: absolute;
  bottom: 24%;
  left: 38%;
  width: 24px;
  height: 50px;
  background: linear-gradient(180deg, #2c2c3a 0%, #1a1a28 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ip-figure 3s ease-in-out infinite alternate;
}
.scn-illusions-part .hat {
  position: absolute;
  bottom: 58%;
  left: 45%;
  width: 30px;
  height: 18px;
  background: linear-gradient(180deg, #4a3a2a, #3a2a1a);
  border-radius: 60% 60% 0 0;
  animation: ip-hat 5s ease-in-out infinite;
}
.scn-illusions-part .lamp {
  position: absolute;
  bottom: 60%;
  right: 25%;
  width: 16px;
  height: 24px;
  background: radial-gradient(circle, #ffe680 0%, #d4a040 70%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 30px 8px rgba(255,230,128,0.6), 0 0 60px 16px rgba(255,230,128,0.2);
  animation: ip-lamp 2s ease-in-out infinite alternate;
}
@keyframes ip-mirror {
  0% { transform: scale(1) rotate(0deg); box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
  50% { transform: scale(1.02) rotate(1deg); box-shadow: 0 8px 30px rgba(0,0,0,0.5); }
  100% { transform: scale(0.98) rotate(-1deg); box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
}
@keyframes ip-figure {
  0% { transform: translateX(0) rotate(-2deg); }
  50% { transform: translateX(10px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ip-hat {
  0% { transform: translateY(0) rotate(-5deg); }
  33% { transform: translateY(-8px) rotate(5deg); }
  66% { transform: translateY(-4px) rotate(-3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ip-lamp {
  0% { box-shadow: 0 0 20px 4px rgba(255,230,128,0.4), 0 0 40px 8px rgba(255,230,128,0.1); opacity: 0.8; }
  50% { box-shadow: 0 0 40px 12px rgba(255,230,128,0.8), 0 0 80px 20px rgba(255,230,128,0.3); opacity: 1; }
  100% { box-shadow: 0 0 20px 4px rgba(255,230,128,0.4), 0 0 40px 8px rgba(255,230,128,0.1); opacity: 0.85; }
}

/* Scene: residency-route – warm, sunlit landscape */
.scn-residency-route {
  background: linear-gradient(180deg, #ffd580 0%, #ffe4b5 30%, #87ceeb 80%), radial-gradient(ellipse at 50% 0%, #ffff99, transparent 60%);
}
.scn-residency-route .sky {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 100%);
  animation: rr-sky 12s ease-in-out infinite alternate;
}
.scn-residency-route .sun {
  position: absolute;
  top: 10%;
  left: 70%;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, #ffff99 0%, #ffd700 60%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,215,0,0.5);
  animation: rr-sun 30s linear infinite alternate;
}
.scn-residency-route .hills {
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  height: 25%;
  background: linear-gradient(180deg, #6b8e23 0%, #556b2f 100%);
  border-radius: 60% 40% 0 0 / 70% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
  animation: rr-hills 18s ease-in-out infinite alternate;
}
.scn-residency-route .road {
  position: absolute;
  bottom: 10%;
  left: 10%;
  width: 80%;
  height: 20%;
  background: linear-gradient(180deg, #c19a6b 0%, #a0764a 100%);
  clip-path: polygon(20% 0%, 80% 0%, 90% 100%, 10% 100%);
  animation: rr-road 20s ease-in-out infinite alternate;
}
.scn-residency-route .carriage {
  position: absolute;
  bottom: 24%;
  left: 30%;
  width: 60px;
  height: 40px;
  background: linear-gradient(180deg, #8b4513, #654321);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: rr-carriage 4s ease-in-out infinite;
}
.scn-residency-route .wheel-a,
.scn-residency-route .wheel-b {
  position: absolute;
  bottom: 18%;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, #2c2c2c 0%, #1a1a1a 60%, transparent 70%);
  border: 3px solid #3a3a3a;
  border-radius: 50%;
  animation: rr-wheel 2s linear infinite;
}
.scn-residency-route .wheel-a {
  left: 34%;
}
.scn-residency-route .wheel-b {
  left: 46%;
  animation-delay: -0.5s;
}
@keyframes rr-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes rr-sun {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(10px) scale(1.05); }
  100% { transform: translateX(-10px) scale(0.95); }
}
@keyframes rr-hills {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes rr-road {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.02); }
  100% { transform: scaleY(0.98); }
}
@keyframes rr-carriage {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(-1deg); }
  50% { transform: translateY(0) rotate(1deg); }
  75% { transform: translateY(-2px) rotate(0deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes rr-wheel {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Scene: residency-ruins – sunlit ruins, dark mood */
.scn-residency-ruins {
  background: linear-gradient(180deg, #a0522d 0%, #8b4513 40%, #654321 100%), radial-gradient(ellipse at 50% 0%, #ffa500, transparent 70%);
}
.scn-residency-ruins .sky {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0c4de 60%, transparent 100%);
  animation: rn-sky 15s ease-in-out infinite alternate;
}
.scn-residency-ruins .sun {
  position: absolute;
  top: 8%;
  left: 65%;
  width: 40px;
  height: 40px;
  background: radial-gradient(circle, #ffeecc 0%, #ffd700 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 10px rgba(255,215,0,0.4);
  animation: rn-sun 25s linear infinite alternate;
}
.scn-residency-ruins .wall-left,
.scn-residency-ruins .wall-right {
  position: absolute;
  bottom: 20%;
  width: 30%;
  height: 40%;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: inset 0 6px 12px rgba(0,0,0,0.6);
}
.scn-residency-ruins .wall-left {
  left: 8%;
  transform: skewY(-2deg);
  animation: rn-wall 10s ease-in-out infinite alternate;
}
.scn-residency-ruins .wall-right {
  right: 8%;
  transform: skewY(2deg);
  animation: rn-wall 12s ease-in-out infinite alternate-reverse;
}
.scn-residency-ruins .vine {
  position: absolute;
  bottom: 35%;
  left: 20%;
  width: 60%;
  height: 12px;
  background: linear-gradient(90deg, #2d5a1a 0%, #4a7a2a 50%, #2d5a1a 100%);
  border-radius: 50%;
  filter: blur(2px);
  animation: rn-vine 8s ease-in-out infinite alternate;
}
.scn-residency-ruins .flowers {
  position: absolute;
  bottom: 38%;
  left: 35%;
  width: 12px;
  height: 12px;
  background: radial-gradient(circle, #b87878 0%, #a06060 60%);
  border-radius: 50%;
  box-shadow: 0 0 10px 2px rgba(184,120,120,0.5);
  animation: rn-flowers 4s ease-in-out infinite;
}
.scn-residency-ruins .grave {
  position: absolute;
  bottom: 15%;
  left: 45%;
  width: 24px;
  height: 34px;
  background: linear-gradient(180deg, #6a5a4a, #4a3a2a);
  border-radius: 20% 20% 0 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.7);
  animation: rn-grave 20s ease-in-out infinite alternate;
}
@keyframes rn-sky {
  0% { opacity: 0.9; filter: saturate(0.8); }
  50% { opacity: 1; filter: saturate(1); }
  100% { opacity: 0.7; filter: saturate(0.7); }
}
@keyframes rn-sun {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(8px) scale(1.03); }
  100% { transform: translateX(-8px) scale(0.97); }
}
@keyframes rn-wall {
  0% { transform: skewY(-2deg) translateY(0); }
  100% { transform: skewY(0deg) translateY(-2px); }
}
@keyframes rn-vine {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.1) translateY(-2px); }
  100% { transform: scaleY(0.95) translateY(1px); }
}
@keyframes rn-flowers {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.6; }
}
@keyframes rn-grave {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}

/* Scene: lady-inglis-diary – bright interior, dark mood */
.scn-lady-inglis-diary {
  background: linear-gradient(180deg, #f5deb3 0%, #deb887 40%, #d2b48c 100%), radial-gradient(circle at 50% 70%, #ffd700, transparent 70%);
}
.scn-lady-inglis-diary .room-wall {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(180deg, #c4a882 0%, #b89a72 100%);
  opacity: 0.7;
}
.scn-lady-inglis-diary .room-floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(180deg, #8b7355 0%, #6b5340 100%);
}
.scn-lady-inglis-diary .table {
  position: absolute;
  bottom: 28%;
  left: 40%;
  width: 120px;
  height: 14px;
  background: linear-gradient(180deg, #7a5a3a, #5a3a1a);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: lid-table 6s ease-in-out infinite alternate;
}
.scn-lady-inglis-diary .lady {
  position: absolute;
  bottom: 30%;
  left: 44%;
  width: 22px;
  height: 44px;
  background: linear-gradient(180deg, #2c2c3a 0%, #1c1c2a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: lid-lady 4s ease-in-out infinite alternate;
}
.scn-lady-inglis-diary .child-a,
.scn-lady-inglis-diary .child-b {
  position: absolute;
  bottom: 28%;
  width: 14px;
  height: 18px;
  background: linear-gradient(180deg, #4a3a4a 0%, #3a2a3a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  animation: lid-child 3.5s ease-in-out infinite;
}
.scn-lady-inglis-diary .child-a {
  left: 56%;
  animation-delay: 0s;
}
.scn-lady-inglis-diary .child-b {
  left: 62%;
  animation-delay: -1.2s;
}
.scn-lady-inglis-diary .hen {
  position: absolute;
  bottom: 32%;
  left: 30%;
  width: 18px;
  height: 14px;
  background: radial-gradient(circle at 50% 60%, #f5f5dc 0%, #e8e0d0 80%);
  border-radius: 50% 50% 40% 40%;
  animation: lid-hen 2.5s ease-in-out infinite;
}
.scn-lady-inglis-diary .diary {
  position: absolute;
  bottom: 35%;
  left: 48%;
  width: 20px;
  height: 26px;
  background: linear-gradient(180deg, #5a3a1a, #4a2a0a);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.6);
  animation: lid-diary 8s ease-in-out infinite alternate;
}
.scn-lady-inglis-diary .lamp {
  position: absolute;
  bottom: 45%;
  right: 30%;
  width: 14px;
  height: 18px;
  background: radial-gradient(circle, #ffd700 0%, #d4a040 70%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 30px 8px rgba(255,215,0,0.5), 0 0 60px 16px rgba(255,215,0,0.15);
  animation: lid-lamp 3s ease-in-out infinite alternate;
}
@keyframes lid-table {
  0% { transform: scaleY(1); }
  50% { transform: scaleY(1.05); }
  100% { transform: scaleY(0.98); }
}
@keyframes lid-lady {
  0% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-1px); }
  100% { transform: rotate(-1deg) translateY(0); }
}
@keyframes lid-child {
  0% { transform: translateY(0) rotate(0deg); }
  33% { transform: translateY(-3px) rotate(5deg); }
  66% { transform: translateY(-1px) rotate(-3deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes lid-hen {
  0% { transform: scale(1) rotate(-5deg); }
  50% { transform: scale(1.05) rotate(5deg); }
  100% { transform: scale(0.95) rotate(-5deg); }
}
@keyframes lid-diary {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.02) rotate(2deg); }
  100% { transform: scale(0.98) rotate(-2deg); }
}
@keyframes lid-lamp {
  0% { box-shadow: 0 0 20px 4px rgba(255,215,0,0.4), 0 0 40px 8px rgba(255,215,0,0.1); opacity: 0.8; }
  50% { box-shadow: 0 0 40px 12px rgba(255,215,0,0.8), 0 0 80px 20px rgba(255,215,0,0.3); opacity: 1; }
  100% { box-shadow: 0 0 20px 4px rgba(255,215,0,0.4), 0 0 40px 8px rgba(255,215,0,0.1); opacity: 0.85; }
}

/* Scene: recruiting-unpopular (tense, bright-interior) */
.scn-recruiting-unpopular { background: linear-gradient(180deg, #f5ecd0 0%, #e0d4b0 100%), radial-gradient(ellipse at 30% 40%, #fff8e0 0%, transparent 60%); }
.scn-recruiting-unpopular .room-bg { position: absolute; inset: 0; background: linear-gradient(180deg, #f5f0e0 0%, #e8dcc0 100%); z-index: 0; }
.scn-recruiting-unpopular .window { position: absolute; top: 10%; left: 10%; width: 30%; height: 40%; background: radial-gradient(ellipse at center, #fff8e0 0%, #b0a080 70%); border-radius: 10px; box-shadow: inset 0 0 20px rgba(255,200,100,.3); animation: ru-window 6s ease-in-out infinite alternate; }
.scn-recruiting-unpopular .desk { position: absolute; bottom: 20%; left: 15%; right: 15%; height: 15%; background: linear-gradient(180deg, #8b7355 0%, #6b5b3a 100%); border-radius: 5px; box-shadow: 0 4px 10px rgba(0,0,0,.3); }
.scn-recruiting-unpopular .recruiter { position: absolute; bottom: 20%; left: 30%; width: 24px; height: 50px; background: linear-gradient(180deg, #3a3a2a 0%, #2a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: translateY(-5px); animation: ru-fig 2s ease-in-out infinite alternate; }
.scn-recruiting-unpopular .parent { position: absolute; bottom: 20%; right: 30%; width: 26px; height: 48px; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: ru-parent 3s ease-in-out infinite; }
.scn-recruiting-unpopular .lantern { position: absolute; bottom: 35%; left: 50%; width: 8px; height: 12px; background: #ffe066; border-radius: 50%; box-shadow: 0 0 30px 10px rgba(255,224,102,.6), 0 0 60px 20px rgba(255,224,102,.3); animation: ru-glow 1.5s ease-in-out infinite alternate; }
.scn-recruiting-unpopular .paper { position: absolute; bottom: 27%; left: 38%; width: 20px; height: 14px; background: #f0e6c0; border-radius: 2px; transform: rotate(-10deg); box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: ru-paper 4s ease-in-out infinite; }
@keyframes ru-window {
  0% { opacity: .8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: .85; transform: scale(1); }
}
@keyframes ru-fig {
  0% { transform: translateY(-5px) rotate(-2deg); }
  50% { transform: translateY(-2px) rotate(0); }
  100% { transform: translateY(-5px) rotate(2deg); }
}
@keyframes ru-parent {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes ru-glow {
  0% { box-shadow: 0 0 20px 8px rgba(255,224,102,.4), 0 0 40px 12px rgba(255,224,102,.1); }
  50% { box-shadow: 0 0 40px 15px rgba(255,224,102,.7), 0 0 80px 30px rgba(255,224,102,.3); }
  100% { box-shadow: 0 0 25px 10px rgba(255,224,102,.5), 0 0 50px 15px rgba(255,224,102,.2); }
}
@keyframes ru-paper {
  0% { transform: rotate(-10deg); }
  50% { transform: rotate(-5deg); }
  100% { transform: rotate(-12deg); }
}

/* Scene: kanaka-cost (calm, bright-interior) */
.scn-kanaka-cost { background: linear-gradient(180deg, #e8f0f0 0%, #d0e0e0 100%), radial-gradient(ellipse at 80% 30%, #c0d8e8 0%, transparent 60%); }
.scn-kanaka-cost .bg-interior { position: absolute; inset: 0; background: linear-gradient(180deg, #e8f0f0 0%, #d0e0e0 100%); }
.scn-kanaka-cost .window-ship { position: absolute; top: 15%; right: 12%; width: 30%; height: 30%; background: radial-gradient(ellipse at 50% 60%, #c0d8e8 0%, #a0b8c8 70%); border-radius: 10px; box-shadow: inset 0 0 10px rgba(100,150,200,.3); animation: kc-window 10s ease-in-out infinite alternate; }
.scn-kanaka-cost .desk { position: absolute; bottom: 15%; left: 10%; right: 10%; height: 20%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.scn-kanaka-cost .money-stack { position: absolute; bottom: 28%; left: 25%; width: 16px; height: 8px; background: #6b8e23; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: kc-money 3s ease-in-out infinite; }
.scn-kanaka-cost .kanaka { position: absolute; bottom: 20%; left: 35%; width: 22px; height: 45px; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: kc-fig 5s ease-in-out infinite; }
.scn-kanaka-cost .recruiter-hand { position: absolute; bottom: 28%; left: 30%; width: 14px; height: 10px; background: #c8a080; border-radius: 50% 50% 30% 30%; transform: rotate(-20deg); animation: kc-hand 2s ease-in-out infinite alternate; }
.scn-kanaka-cost .bag { position: absolute; bottom: 20%; right: 20%; width: 18px; height: 22px; background: #8b7d6b; border-radius: 30% 30% 50% 50%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: kc-bag 6s ease-in-out infinite; }
@keyframes kc-window {
  0% { opacity: .7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.01); }
  100% { opacity: .8; transform: scale(1); }
}
@keyframes kc-money {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes kc-fig {
  0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0); }
}
@keyframes kc-hand {
  0% { transform: rotate(-20deg) translateX(0); }
  100% { transform: rotate(-15deg) translateX(2px); }
}
@keyframes kc-bag {
  0% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}

/* Scene: missionary-view (dark, bright-interior) */
.scn-missionary-view { background: linear-gradient(135deg, #1a1a2a 0%, #2a2a3a 50%, #1a1a2a 100%), radial-gradient(ellipse at 50% 40%, #ffe080 0%, transparent 40%); }
.scn-missionary-view .bg-dark { position: absolute; inset: 0; background: linear-gradient(135deg, #1a1a2a 0%, #2a2a3a 50%, #1a1a2a 100%); }
.scn-missionary-view .desk { position: absolute; bottom: 15%; left: 10%; right: 10%; height: 18%; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,.5); }
.scn-missionary-view .lamp { position: absolute; bottom: 40%; left: 50%; width: 10px; height: 14px; background: radial-gradient(circle, #ffe080 0%, #d4a040 70%); border-radius: 50%; box-shadow: 0 0 40px 15px rgba(255,224,128,.5), 0 0 80px 30px rgba(255,224,128,.2); animation: mv-lamp 3s ease-in-out infinite alternate; }
.scn-missionary-view .missionary-fig { position: absolute; bottom: 20%; left: 40%; width: 24px; height: 52px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: mv-miss 4s ease-in-out infinite; }
.scn-missionary-view .kanaka-shadow { position: absolute; bottom: 18%; right: 25%; width: 22px; height: 46px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; filter: blur(2px); animation: mv-shadow 6s ease-in-out infinite; }
.scn-missionary-view .broken-watch { position: absolute; bottom: 28%; right: 35%; width: 12px; height: 12px; background: radial-gradient(circle, #b0a090 0%, #706050 70%); border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: mv-watch 8s ease-in-out infinite; }
.scn-missionary-view .discarded-clothes { position: absolute; bottom: 15%; left: 20%; width: 30px; height: 10px; background: #4a4a5a; border-radius: 40% 60% 50% 50% / 80% 40% 60% 20%; transform: rotate(15deg); animation: mv-cloth 10s ease-in-out infinite; }
@keyframes mv-lamp {
  0% { box-shadow: 0 0 30px 10px rgba(255,224,128,.4), 0 0 60px 20px rgba(255,224,128,.1); transform: scale(1); }
  50% { box-shadow: 0 0 50px 20px rgba(255,224,128,.6), 0 0 100px 40px rgba(255,224,128,.3); transform: scale(1.05); }
  100% { box-shadow: 0 0 35px 12px rgba(255,224,128,.5), 0 0 70px 25px rgba(255,224,128,.2); transform: scale(1); }
}
@keyframes mv-miss {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes mv-shadow {
  0% { opacity: .6; transform: translateY(0); }
  50% { opacity: .8; transform: translateY(-2px); }
  100% { opacity: .5; transform: translateY(0); }
}
@keyframes mv-watch {
  0% { transform: rotate(0); }
  50% { transform: rotate(15deg); }
  100% { transform: rotate(5deg); }
}
@keyframes mv-cloth {
  0% { transform: rotate(15deg) translateX(0); }
  50% { transform: rotate(20deg) translateX(2px); }
  100% { transform: rotate(12deg) translateX(0); }
}

/* Scene: recruit-jumps (tense, sunlit) */
.scn-recruit-jumps { background: linear-gradient(180deg, #87ceeb 0%, #4682b4 30%, #2c5f8a 70%, #1a3a5a 100%), radial-gradient(ellipse at 50% 30%, #fff8d0 0%, transparent 60%); }
.scn-recruit-jumps .sky-sea { position: absolute; inset: 0; background: linear-gradient(180deg, #87ceeb 0%, #4682b4 30%, #2c5f8a 70%, #1a3a5a 100%); }
.scn-recruit-jumps .ship-hull { position: absolute; bottom: 30%; left: 5%; right: 5%; height: 25%; background: linear-gradient(180deg, #a08060 0%, #604020 100%); border-radius: 20% 20% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 4px 8px rgba(0,0,0,.4); }
.scn-recruit-jumps .railing { position: absolute; bottom: 45%; left: 15%; right: 15%; height: 4px; background: #3a2a1a; border-radius: 2px; box-shadow: 0 -2px 2px rgba(0,0,0,.3); }
.scn-recruit-jumps .boy-jump { position: absolute; bottom: 40%; left: 50%; width: 20px; height: 30px; background: linear-gradient(180deg, #d2b48c 0%, #a08060 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; transform: rotate(-30deg); animation: rj-jump 0.8s ease-in-out infinite; }
.scn-recruit-jumps .agent-fig { position: absolute; bottom: 42%; left: 30%; width: 22px; height: 44px; background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: rj-agent 1.5s ease-in-out infinite alternate; }
.scn-recruit-jumps .water-splash { position: absolute; bottom: 25%; left: 48%; width: 30px; height: 10px; background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 70%); filter: blur(2px); animation: rj-splash 0.5s ease-in-out infinite; }
.scn-recruit-jumps .rope { position: absolute; bottom: 48%; left: 40%; width: 2px; height: 60px; background: #8b7355; border-radius: 1px; transform-origin: top; transform: rotate(10deg); animation: rj-rope 0.6s ease-in-out infinite; }
@keyframes rj-jump {
  0% { transform: translateY(0) rotate(-30deg) scale(1); }
  50% { transform: translateY(-10px) rotate(-20deg) scale(1.05); }
  100% { transform: translateY(0) rotate(-35deg) scale(1); }
}
@keyframes rj-agent {
  0% { transform: translateX(0); }
  50% { transform: translateX(3px); }
  100% { transform: translateX(0); }
}
@keyframes rj-splash {
  0% { opacity: .6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
  100% { opacity: .4; transform: scale(1); }
}
@keyframes rj-rope {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(15deg); }
  100% { transform: rotate(8deg); }
}

/* Scene: rabbit-plague-origin (funny, bright interior) */
.scn-rabbit-plague-origin {
  background: linear-gradient(180deg, #fdf5e6 0%, #f5deb3 40%), radial-gradient(ellipse at 50% 20%, #fff8dc 0%, transparent 60%);
}
.scn-rabbit-plague-origin .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #f5deb3 0%, #e6d3a8 100%);
  animation: rpo-wall 12s ease-in-out infinite alternate;
}
.scn-rabbit-plague-origin .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #c9a96e 0%, #b8955a 100%);
  transform: perspective(400px) rotateX(10deg);
  animation: rpo-floor 8s ease-in-out infinite alternate;
}
.scn-rabbit-plague-origin .bench {
  position: absolute; bottom: 25%; left: 50%; width: 120px; height: 60px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8b5e3c 0%, #654321 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
  animation: rpo-bench 6s ease-in-out infinite;
}
.scn-rabbit-plague-origin .gavel {
  position: absolute; bottom: 15%; left: 45%; width: 40px; height: 8px;
  background: #5c3a1e;
  border-radius: 2px;
  transform-origin: 100% 50%;
  animation: rpo-gavel 2s ease-in-out infinite;
}
.scn-rabbit-plague-origin .cat {
  position: absolute; bottom: 20%; left: 30%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 30%, #fba90b 0%, #c07a00 70%);
  border-radius: 40% 40% 30% 30% / 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: rpo-cat 4s ease-in-out infinite;
}
.scn-rabbit-plague-origin .stoat {
  position: absolute; bottom: 18%; left: 55%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #d2a679 0%, #a07854 100%);
  border-radius: 30% 30% 20% 20% / 50% 50% 20% 20%;
  transform-origin: bottom center;
  animation: rpo-stoat 5s ease-in-out infinite;
}
.scn-rabbit-plague-origin .rabbit {
  position: absolute; bottom: 10%; left: 60%; width: 14px; height: 18px;
  background: #f0e6d3;
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  animation: rpo-rabbit 3s ease-in-out infinite;
}
.scn-rabbit-plague-origin .lamp {
  position: absolute; top: 8%; left: 18%; width: 12px; height: 16px;
  background: #fff3c9;
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 0 20px 8px #ffd966, 0 0 40px 16px rgba(255,217,102,0.4);
  animation: rpo-lamp 3s ease-in-out infinite alternate;
}
@keyframes rpo-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes rpo-floor { 0% { transform: perspective(400px) rotateX(10deg) scaleY(1) } 50% { transform: perspective(400px) rotateX(10deg) scaleY(1.03) } 100% { transform: perspective(400px) rotateX(10deg) scaleY(1) } }
@keyframes rpo-bench { 0%,100% { transform: translateX(-50%) } 50% { transform: translateX(-50%) translateY(-2px) } }
@keyframes rpo-gavel { 0% { transform: rotate(0deg) } 25% { transform: rotate(-30deg) } 50% { transform: rotate(20deg) } 75% { transform: rotate(-15deg) } 100% { transform: rotate(0deg) } }
@keyframes rpo-cat { 0%,100% { transform: translateX(0) rotate(-2deg) } 50% { transform: translateX(4px) rotate(2deg) } }
@keyframes rpo-stoat { 0%,100% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(8px) rotate(3deg) } }
@keyframes rpo-rabbit { 0%,100% { transform: translateX(0) translateY(0) } 25% { transform: translateX(3px) translateY(-2px) } 75% { transform: translateX(-2px) translateY(-1px) } }
@keyframes rpo-lamp { 0% { opacity:0.6; box-shadow:0 0 12px 4px #ffd966 } 100% { opacity:1; box-shadow:0 0 28px 12px #ffd966 } }

/* Scene: summer-morning-nz (sunlit, warm) */
.scn-summer-morning-nz {
  background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 30%, #e0f7ff 70%), radial-gradient(ellipse at 20% 10%, #fffacd 0%, transparent 40%);
}
.scn-summer-morning-nz .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #6bb3d9 0%, #aad6f0 100%);
  animation: smn-sky 15s ease-in-out infinite alternate;
}
.scn-summer-morning-nz .sun {
  position: absolute; top: 8%; left: 25%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe066 0%, #ffcc00 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px #ffd700, 0 0 60px 20px rgba(255,215,0,0.3);
  animation: smn-sun 8s ease-in-out infinite alternate;
}
.scn-summer-morning-nz .hill-back {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #7cb342 0%, #558b2f 100%);
  border-radius: 70% 50% 0 0 / 100% 60% 0 0;
  transform: scale(0.95);
  animation: smn-hill-b 18s ease-in-out infinite alternate;
}
.scn-summer-morning-nz .hill-front {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #43a047 0%, #2e7d32 100%);
  border-radius: 40% 80% 0 0 / 80% 100% 0 0;
  animation: smn-hill-f 14s ease-in-out infinite alternate;
}
.scn-summer-morning-nz .field {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #66bb6a 0%, #388e3c 100%);
  transform: perspective(500px) rotateX(5deg);
}
.scn-summer-morning-nz .sheep-a {
  position: absolute; bottom: 12%; left: 20%; width: 12px; height: 16px;
  background: #f5f5dc;
  border-radius: 40% 40% 20% 20% / 50% 50% 10% 10%;
  animation: smn-sheep 6s ease-in-out infinite;
}
.scn-summer-morning-nz .sheep-b {
  position: absolute; bottom: 10%; left: 35%; width: 14px; height: 18px;
  background: #f5f5dc;
  border-radius: 40% 40% 20% 20% / 50% 50% 10% 10%;
  animation: smn-sheep 6s ease-in-out infinite reverse;
  animation-delay: -3s;
}
.scn-summer-morning-nz .tree {
  position: absolute; bottom: 20%; right: 15%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #5d4037 0%, #3e2723 50%, #4e342e 100%);
  border-radius: 30% 30% 5% 5% / 50% 50% 10% 10%;
  transform-origin: bottom center;
  animation: smn-tree 12s ease-in-out infinite;
}
@keyframes smn-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes smn-sun { 0% { transform: scale(1); box-shadow:0 0 30px 10px #ffd700 } 50% { transform: scale(1.1); box-shadow:0 0 40px 15px #ffd700 } 100% { transform: scale(0.95); box-shadow:0 0 25px 8px #ffd700 } }
@keyframes smn-hill-b { 0% { transform: scale(0.95) translateY(0) } 50% { transform: scale(0.95) translateY(-3px) } 100% { transform: scale(0.95) translateY(0) } }
@keyframes smn-hill-f { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes smn-sheep { 0%,100% { transform: translateX(0) translateY(0) scale(1) } 25% { transform: translateX(5px) translateY(-1px) scale(1.02) } 75% { transform: translateX(-3px) translateY(-1px) scale(0.98) } }
@keyframes smn-tree { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } }

/* Scene: dr-hockin-museum (bright interior, warm) */
.scn-dr-hockin-museum {
  background: linear-gradient(180deg, #d7ccc8 0%, #bcaaa4 40%, #a1887f 100%), radial-gradient(ellipse at 30% 50%, #f5f5dc 0%, transparent 60%);
}
.scn-dr-hockin-museum .wall {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #efebe9 0%, #d7ccc8 50%, #bcaaa4 100%);
}
.scn-dr-hockin-museum .wainscot {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8d6e63 0%, #6d4c41 100%);
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.2);
}
.scn-dr-hockin-museum .bookshelf {
  position: absolute; top: 10%; left: 10%; width: 25%; height: 50%;
  background: repeating-linear-gradient(90deg, #5d4037 0px, #5d4037 8px, #795548 8px, #795548 10px);
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  animation: dhm-shelf 10s ease-in-out infinite alternate;
}
.scn-dr-hockin-museum .portrait {
  position: absolute; top: 15%; right: 20%; width: 60px; height: 80px;
  background: radial-gradient(ellipse at 50% 40%, #cdb38c 0%, #a08060 70%);
  border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%;
  animation: dhm-portrait 12s ease-in-out infinite;
}
.scn-dr-hockin-museum .frame {
  position: absolute; top: 13%; right: 18%; width: 64px; height: 84px;
  border: 4px solid #b8860b;
  border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%;
  background: transparent;
  animation: dhm-frame 12s ease-in-out infinite;
}
.scn-dr-hockin-museum .table {
  position: absolute; bottom: 8%; left: 40%; width: 80px; height: 20px;
  background: linear-gradient(180deg, #a0522d 0%, #8b4513 100%);
  border-radius: 4px;
  transform: perspective(200px) rotateX(5deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-dr-hockin-museum .vase {
  position: absolute; bottom: 10%; left: 45%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #3e2723 0%, #1b1b1b 100%);
  border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%;
  animation: dhm-vase 8s ease-in-out infinite;
}
@keyframes dhm-shelf { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes dhm-portrait { 0%,100% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(2deg) scale(1.02) } }
@keyframes dhm-frame { 0%,100% { border-color: #b8860b } 50% { border-color: #daa520 } }
@keyframes dhm-vase { 0%,100% { transform: rotate(0deg) } 50% { transform: rotate(-1deg) } }

/* Scene: nature-unfair (funny, bright interior) */
.scn-nature-unfair {
  background: linear-gradient(180deg, #e8f5e9 0%, #c8e6c9 30%, #a5d6a7 70%), radial-gradient(ellipse at 50% 30%, #fff9c4 0%, transparent 50%);
}
.scn-nature-unfair .bg-lab {
  position: absolute; inset:0;
  background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 100%);
}
.scn-nature-unfair .table {
  position: absolute; bottom:0; left:0; right:0; height:25%;
  background: linear-gradient(180deg, #bcaaa4 0%, #8d6e63 100%);
  transform: perspective(400px) rotateX(10deg);
}
.scn-nature-unfair .fish {
  position: absolute; bottom:20%; left:10%; width:80px; height:30px;
  background: radial-gradient(ellipse at 30% 50%, #42a5f5 0%, #1e88e5 60%, #0d47a1 100%);
  border-radius: 60% 40% 40% 60% / 50% 50% 50% 50%;
  animation: nu-fish 5s ease-in-out infinite;
}
.scn-nature-unfair .fish-eye {
  position: absolute; bottom:22%; left:12%; width:10px; height:10px;
  background: #ff7043;
  border-radius: 50%;
  box-shadow: 0 0 8px 2px #ff7043, 0 0 16px 4px rgba(255,112,67,0.5);
  animation: nu-eye 3s ease-in-out infinite;
}
.scn-nature-unfair .starfish {
  position: absolute; bottom:15%; right:15%; width:50px; height:50px;
  background: radial-gradient(circle at 40% 40%, #ffb74d 0%, #ff9800 50%, #e65100 100%);
  border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;
  transform: rotate(15deg);
  animation: nu-star 7s ease-in-out infinite;
}
.scn-nature-unfair .caterpillar {
  position: absolute; bottom:10%; left:30%; width:14px; height:20px;
  background: #8bc34a;
  border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%;
  animation: nu-cater 4s ease-in-out infinite;
}
.scn-nature-unfair .dot {
  position: absolute; bottom:25%; left:22%; width:6px; height:6px;
  background: #e53935;
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(229,57,53,0.7);
  animation: nu-dot 3s ease-in-out infinite alternate;
}
@keyframes nu-fish { 0%,100% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(5px) rotate(-2deg) } 75% { transform: translateX(-5px) rotate(2deg) } }
@keyframes nu-eye { 0%,100% { opacity:0.7; transform: scale(1) } 50% { opacity:1; transform: scale(1.2) } }
@keyframes nu-star { 0%,100% { transform: rotate(15deg) scale(1) } 50% { transform: rotate(25deg) scale(1.05) } }
@keyframes nu-cater { 0%,100% { transform: translateX(0) translateY(0) } 25% { transform: translateX(4px) translateY(-1px) } 75% { transform: translateX(-2px) translateY(1px) } }
@keyframes nu-dot { 0% { opacity:0.5; transform: scale(0.8) } 100% { opacity:1; transform: scale(1.2) } }

.scn-gems-and-flowers { background: linear-gradient(180deg, #fdf6e3 0%, #f5e6d0 50%, #e8d5b0 100%), radial-gradient(ellipse at 50% 80%, #fff5e0 0%, transparent 60%); }
.scn-gems-and-flowers .marble { position:absolute; inset:0; background: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(200,180,150,0.1) 2px, rgba(200,180,150,0.1) 4px); animation: gf-shimmer 10s ease-in-out infinite; }
.scn-gems-and-flowers .flower-center { position:absolute; top:40%; left:45%; width:20px;height:20px; background:radial-gradient(circle, #f0e68c 0%, #daa520 70%); border-radius:50%; box-shadow:0 0 12px 4px rgba(218,165,32,0.5); animation:gf-glow 3s ease-in-out infinite alternate; }
.scn-gems-and-flowers .petal-1 { position:absolute; top:35%; left:40%; width:30px;height:50px; background:linear-gradient(180deg, #ffe4e1, #ffb6c1); border-radius:50% 50% 0 0/100% 100% 0 0; transform:rotate(-30deg); animation:gf-sway 4s ease-in-out infinite; }
.scn-gems-and-flowers .petal-2 { position:absolute; top:35%; left:52%; width:30px;height:50px; background:linear-gradient(180deg, #e6e6fa, #dda0dd); border-radius:50% 50% 0 0/100% 100% 0 0; transform:rotate(30deg); animation:gf-sway 4s ease-in-out infinite 0.5s; }
.scn-gems-and-flowers .gem-1 { position:absolute; top:50%; left:55%; width:12px;height:12px; background:radial-gradient(circle, #7fffd4, #00bfff); border-radius:50%; box-shadow:0 0 8px 2px rgba(0,191,255,0.6); animation:gf-sparkle 5s ease-in-out infinite alternate; }
.scn-gems-and-flowers .gem-2 { position:absolute; top:55%; left:30%; width:10px;height:10px; background:radial-gradient(circle, #ffb347, #ff8c00); border-radius:50%; box-shadow:0 0 6px 2px rgba(255,140,0,0.5); animation:gf-sparkle 5s ease-in-out infinite alternate 1s; }
.scn-gems-and-flowers .vine { position:absolute; bottom:20%; left:30%; width:4px;height:60px; background:linear-gradient(180deg, #228b22, #2e8b57); border-radius:2px; transform:rotate(15deg); transform-origin:bottom left; animation:gf-grow 6s ease-in-out infinite; }
@keyframes gf-shimmer { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes gf-glow { 0% { box-shadow:0 0 8px 2px rgba(218,165,32,0.4); transform:scale(1); } 50% { box-shadow:0 0 18px 6px rgba(218,165,32,0.7); transform:scale(1.2); } 100% { box-shadow:0 0 8px 2px rgba(218,165,32,0.4); transform:scale(1); } }
@keyframes gf-sway { 0% { transform:rotate(-30deg) translateY(0); } 50% { transform:rotate(-28deg) translateY(-3px); } 100% { transform:rotate(-30deg) translateY(0); } }
@keyframes gf-sparkle { 0% { opacity:0.6; box-shadow:0 0 4px 1px rgba(0,191,255,0.3); } 50% { opacity:1; box-shadow:0 0 12px 4px rgba(0,191,255,0.8); } 100% { opacity:0.6; box-shadow:0 0 4px 1px rgba(0,191,255,0.3); } }
@keyframes gf-grow { 0% { transform:rotate(15deg) scaleY(1); } 50% { transform:rotate(13deg) scaleY(1.05); } 100% { transform:rotate(15deg) scaleY(1); } }

.scn-marble-mausoleum { background: linear-gradient(180deg, #87ceeb 0%, #b0e0e6 40%, #f0e68c 70%, #fffacd 100%), radial-gradient(ellipse at 50% 0%, #fff 0%, transparent 50%); }
.scn-marble-mausoleum .sky { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #b0e0e6 0%, transparent 100%); animation:mm-sky 15s ease-in-out infinite alternate; }
.scn-marble-mausoleum .platform { position:absolute; bottom:20%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #f5deb3, #deb887); border-radius:10% 10% 0 0; box-shadow: 0 6px 12px rgba(0,0,0,0.15); animation:mm-platform 15s ease-in-out infinite alternate; }
.scn-marble-mausoleum .dome { position:absolute; top:20%; left:30%; right:30%; height:40%; background: radial-gradient(ellipse at 50% 100%, #ffffff, #f0e68c 60%, #d2b48c); border-radius:50% 50% 0 0/80% 80% 0 0; box-shadow: 0 8px 16px rgba(0,0,0,0.1); animation:mm-dome 12s ease-in-out infinite alternate; }
.scn-marble-mausoleum .minaret.left { position:absolute; bottom:20%; left:15%; width:10px; height:50px; background: linear-gradient(180deg, #f5deb3, #deb887); border-radius:5px; animation:mm-minaret-left 8s ease-in-out infinite; }
.scn-marble-mausoleum .minaret.right { position:absolute; bottom:20%; right:15%; width:10px; height:50px; background: linear-gradient(180deg, #f5deb3, #deb887); border-radius:5px; animation:mm-minaret-right 8s ease-in-out infinite 1s; }
.scn-marble-mausoleum .arch { position:absolute; bottom:20%; left:35%; right:35%; height:40%; background: linear-gradient(180deg, #f5deb3, #deb887); border-radius:50% 50% 0 0/80% 80% 0 0; animation:mm-arch 10s ease-in-out infinite; }
@keyframes mm-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes mm-platform { 0% { transform:translateY(0) } 50% { transform:translateY(-2px) } 100% { transform:translateY(0) } }
@keyframes mm-dome { 0% { transform:scale(1) } 50% { transform:scale(1.02) } 100% { transform:scale(1) } }
@keyframes mm-minaret-left { 0% { transform:rotate(0deg) } 50% { transform:rotate(1deg) } 100% { transform:rotate(0deg) } }
@keyframes mm-minaret-right { 0% { transform:rotate(0deg) } 50% { transform:rotate(-1deg) } 100% { transform:rotate(0deg) } }
@keyframes mm-arch { 0% { transform:scaleY(1) } 50% { transform:scaleY(1.03) } 100% { transform:scaleY(1) } }

.scn-bayard-taylor { background: linear-gradient(180deg, #90ee90 0%, #98fb98 30%, #f0e68c 60%, #ffd700 100%), radial-gradient(ellipse at 30% 70%, #ffefd5 0%, transparent 60%); }
.scn-bayard-taylor .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #b0e0e6 0%, transparent 100%); animation:bt-sky 20s ease-in-out infinite alternate; }
.scn-bayard-taylor .foliage { position:absolute; bottom:30%; left:0; right:0; height:40%; background: linear-gradient(180deg, #228b22, #006400); clip-path: polygon(0% 100%, 20% 80%, 40% 90%, 60% 70%, 80% 85%, 100% 75%, 100% 100%); animation:bt-rustle 10s ease-in-out infinite; }
.scn-bayard-taylor .palm { position:absolute; bottom:35%; left:30%; width:8px; height:80px; background: linear-gradient(180deg, #8b4513, #a0522d); border-radius:4px; transform-origin:bottom; transform:rotate(-10deg); animation:bt-sway 6s ease-in-out infinite; }
.scn-bayard-taylor .blossom-1 { position:absolute; top:55%; left:40%; width:15px;height:15px; background:radial-gradient(circle, #ffb6c1, #ff69b4); border-radius:50%; box-shadow:0 0 10px 3px rgba(255,105,180,0.5); animation:bt-bloom 4s ease-in-out infinite alternate; }
.scn-bayard-taylor .blossom-2 { position:absolute; top:50%; left:55%; width:12px;height:12px; background:radial-gradient(circle, #fff0f5, #ffb6c1); border-radius:50%; box-shadow:0 0 8px 2px rgba(255,182,193,0.5); animation:bt-bloom 4s ease-in-out infinite alternate 1s; }
.scn-bayard-taylor .bird { position:absolute; top:30%; left:20%; width:20px;height:10px; background:#4682b4; border-radius:50% 50% 50% 50%/60% 60% 40% 40%; transform:rotate(-20deg); animation:bt-fly 8s ease-in-out infinite; }
@keyframes bt-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes bt-rustle { 0% { clip-path: polygon(0% 100%, 20% 80%, 40% 90%, 60% 70%, 80% 85%, 100% 75%, 100% 100%); } 50% { clip-path: polygon(0% 100%, 18% 78%, 42% 88%, 62% 68%, 78% 83%, 100% 73%, 100% 100%); } 100% { clip-path: polygon(0% 100%, 20% 80%, 40% 90%, 60% 70%, 80% 85%, 100% 75%, 100% 100%); } }
@keyframes bt-sway { 0% { transform:rotate(-10deg) translateY(0); } 50% { transform:rotate(-8deg) translateY(-2px); } 100% { transform:rotate(-10deg) translateY(0); } }
@keyframes bt-bloom { 0% { transform:scale(1); opacity:0.8; } 50% { transform:scale(1.2); opacity:1; box-shadow:0 0 16px 5px rgba(255,105,180,0.7); } 100% { transform:scale(1); opacity:0.8; } }
@keyframes bt-fly { 0% { left:20%; top:30%; transform:rotate(-20deg); } 25% { left:30%; top:25%; transform:rotate(-10deg); } 50% { left:40%; top:20%; transform:rotate(0deg); } 75% { left:50%; top:25%; transform:rotate(10deg); } 100% { left:60%; top:30%; transform:rotate(20deg); } }

.scn-numerical-values { background: linear-gradient(180deg, #fffacd 0%, #ffd700 50%, #ffa500 100%), radial-gradient(ellipse at 50% 50%, #ffffe0 0%, transparent 70%); }
.scn-numerical-values .bg-check { position:absolute; inset:0; background: repeating-conic-gradient(#f5f5dc 0% 25%, transparent 0% 50%) 0 0/20px 20px; animation:nv-scroll 10s linear infinite; }
.scn-numerical-values .scale-base { position:absolute; bottom:10%; left:50%; width:20px;height:40px; background: linear-gradient(180deg, #8b4513, #a0522d); border-radius:5px; transform:translateX(-50%); animation:nv-bounce 2s ease-in-out infinite; }
.scn-numerical-values .pan.left { position:absolute; bottom:20%; left:calc(50% - 80px); width:40px;height:10px; background:#cd853f; border-radius:50%; transform-origin:right center; animation:nv-sway 3s ease-in-out infinite; }
.scn-numerical-values .pan.right { position:absolute; bottom:20%; right:calc(50% - 80px); width:40px;height:10px; background:#cd853f; border-radius:50%; transform-origin:left center; animation:nv-sway 3s ease-in-out infinite 0.5s; }
.scn-numerical-values .weight-1 { position:absolute; bottom:20%; left:calc(50% - 90px); width:10px;height:10px; background:#00bfff; border-radius:50%; box-shadow:0 0 4px 1px rgba(0,191,255,0.5); animation:nv-drop 5s ease-in-out infinite; }
.scn-numerical-values .weight-2 { position:absolute; bottom:20%; right:calc(50% - 90px); width:10px;height:10px; background:#ff8c00; border-radius:50%; box-shadow:0 0 4px 1px rgba(255,140,0,0.5); animation:nv-drop 5s ease-in-out infinite 1s; }
.scn-numerical-values .weight-3 { position:absolute; bottom:20%; left:calc(50% - 70px); width:8px;height:8px; background:#32cd32; border-radius:50%; box-shadow:0 0 4px 1px rgba(50,205,50,0.5); animation:nv-drop 5s ease-in-out infinite 2s; }
.scn-numerical-values .spinner { position:absolute; top:20%; left:40%; width:20px;height:20px; border:4px dashed #ff8c00; border-radius:50%; animation:nv-spin 3s linear infinite; }
@keyframes nv-scroll { 0% { background-position:0 0; } 100% { background-position:20px 20px; } }
@keyframes nv-bounce { 0%,100% { transform:translateX(-50%) scaleY(1); } 50% { transform:translateX(-50%) scaleY(0.95); } }
@keyframes nv-sway { 0% { transform:rotate(0deg); } 50% { transform:rotate(5deg); } 100% { transform:rotate(0deg); } }
@keyframes nv-drop { 0% { transform:translateY(0); } 50% { transform:translateY(-10px); } 100% { transform:translateY(0); } }
@keyframes nv-spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }

.scn-jameson-improvement {
  background: linear-gradient(180deg, #f5edd6 0%, #e8dcc4 40%, #d4c4a8 100%),
              radial-gradient(ellipse at 60% 20%, #ffe8b0 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-jameson-improvement .wall { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #f8f0dc 0%, #ede0c8 100%); }
.scn-jameson-improvement .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, #b89a7a 0%, #a08060 100%); border-radius: 20% 20% 0 0 / 10% 10% 0 0; }
.scn-jameson-improvement .desk { position: absolute; bottom: 25%; left: 20%; right: 20%; height: 20%; background: linear-gradient(180deg, #8b6f4e 0%, #6d543a 100%); border-radius: 4% 4% 2% 2%; box-shadow: 0 8px 16px rgba(0,0,0,0.3); }
.scn-jameson-improvement .paper-stack { position: absolute; bottom: 38%; left: 30%; width: 30%; height: 8%; background: linear-gradient(180deg, #fcf6e8 0%, #f0e6d0 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); animation: ji-paper 6s ease-in-out infinite; }
.scn-jameson-improvement .inkwell { position: absolute; bottom: 40%; left: 55%; width: 8px; height: 12px; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%); border-radius: 40% 40% 30% 30%; box-shadow: 0 0 4px #1a0e08; }
.scn-jameson-improvement .hand-count { position: absolute; bottom: 35%; left: 45%; width: 20px; height: 16px; background: radial-gradient(circle at 50% 40%, #f0dcc0 0%, #d4b890 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: ji-hand 2s ease-in-out infinite; }
.scn-jameson-improvement .mug { position: absolute; bottom: 38%; left: 35%; width: 12px; height: 16px; background: linear-gradient(180deg, #c04030 0%, #903020 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.scn-jameson-improvement .lamp-light { position: absolute; bottom: 50%; left: 25%; width: 80px; height: 80px; background: radial-gradient(circle, #ffd080 0%, #ffc060 20%, transparent 70%); border-radius: 50%; filter: blur(10px); animation: ji-lamp 4s ease-in-out infinite alternate; }
@keyframes ji-paper { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } }
@keyframes ji-hand { 0%,100% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(-8deg) scale(1.05); } 50% { transform: rotate(0deg) scale(1); } 75% { transform: rotate(8deg) scale(1.05); } }
@keyframes ji-lamp { 0% { opacity: 0.7; transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0.8; transform: scale(1); } }

.scn-boer-loss-jameson {
  background: linear-gradient(180deg, #e8e0d0 0%, #d4c8b4 40%, #bfb09a 100%),
              radial-gradient(ellipse at 50% 30%, #f0e8d8 0%, transparent 70%);
  position: relative;
  overflow: hidden;
}
.scn-boer-loss-jameson .wall-bg { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #f0e8d8 0%, #e0d6c2 100%); }
.scn-boer-loss-jameson .bookshelf { position: absolute; bottom: 30%; left: 5%; width: 20%; height: 50%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 0 0 8% 8%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-boer-loss-jameson .desk-calm { position: absolute; bottom: 20%; left: 30%; right: 10%; height: 18%; background: linear-gradient(180deg, #9a7a5a 0%, #7a5a3a 100%); border-radius: 6% 6% 2% 2%; box-shadow: 0 6px 12px rgba(0,0,0,0.25); }
.scn-boer-loss-jameson .candle { position: absolute; bottom: 35%; left: 40%; width: 8px; height: 24px; background: linear-gradient(180deg, #f0e0c0 0%, #e0c898 100%); border-radius: 40% 40% 10% 10%; box-shadow: 0 -4px 12px #ffd080; }
.scn-boer-loss-jameson .figure-read { position: absolute; bottom: 20%; left: 42%; width: 22px; height: 40px; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; animation: bj-read 8s ease-in-out infinite; }
.scn-boer-loss-jameson .globe { position: absolute; bottom: 33%; left: 55%; width: 24px; height: 24px; background: radial-gradient(circle at 40% 30%, #80a0c0 0%, #406080 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: bj-globe 20s linear infinite; }
.scn-boer-loss-jameson .curtain { position: absolute; top: 0; right: 0; width: 12%; height: 100%; background: linear-gradient(180deg, #c09070 0%, #a07050 100%); border-radius: 0 0 0 60%; filter: blur(2px); }
@keyframes bj-read { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } }
@keyframes bj-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.scn-military-errors {
  background: linear-gradient(180deg, #f5edd6 0%, #e8dcc4 50%, #d4c4a8 100%),
              radial-gradient(ellipse at 70% 40%, #ffe8b0 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-military-errors .map-wall { position: absolute; inset: 0 0 60% 0; background: linear-gradient(180deg, #f0e8d8 0%, #e0d6c2 100%); }
.scn-military-errors .meeting-table { position: absolute; bottom: 20%; left: 15%; right: 15%; height: 22%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 8% 8% 2% 2%; box-shadow: 0 8px 16px rgba(0,0,0,0.3); }
.scn-military-errors .fig-sitting { position: absolute; bottom: 24%; left: 30%; width: 24px; height: 38px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: me-sit 4s ease-in-out infinite; }
.scn-military-errors .fig-standing { position: absolute; bottom: 22%; left: 55%; width: 22px; height: 50px; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 30% 30% 20% 20% / 40% 40% 20% 20%; transform-origin: bottom center; animation: me-stand 5s ease-in-out infinite; }
.scn-military-errors .map-roll { position: absolute; bottom: 38%; left: 40%; width: 30px; height: 8px; background: linear-gradient(180deg, #f5ecd0 0%, #e8dcb8 100%); border-radius: 10px; transform: rotate(-15deg); box-shadow: 0 2px 4px rgba(0,0,0,0.2); animation: me-map 12s linear infinite; }
.scn-military-errors .lantern-me { position: absolute; bottom: 40%; left: 20%; width: 10px; height: 18px; background: linear-gradient(180deg, #a0a0b0 0%, #707080 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 20px #ffd080; }
.scn-military-errors .cup { position: absolute; bottom: 38%; left: 60%; width: 10px; height: 12px; background: linear-gradient(180deg, #c8b898 0%, #b0a080 100%); border-radius: 20% 20% 10% 10%; }
@keyframes me-sit { 0%,100% { transform: rotate(0deg) scale(1); } 30% { transform: rotate(-5deg) scale(1.02); } 60% { transform: rotate(3deg) scale(0.98); } }
@keyframes me-stand { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(4px) rotate(4deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-4px) rotate(-4deg); } }
@keyframes me-map { 0% { transform: rotate(-15deg) translateX(0); } 50% { transform: rotate(-10deg) translateX(10px); } 100% { transform: rotate(-15deg) translateX(0); } }

.scn-british-discretion {
  background: linear-gradient(180deg, #ebdcc8 0%, #dcc8b0 40%, #c8b098 100%),
              radial-gradient(ellipse at 30% 20%, #f5edda 0%, transparent 60%);
  position: relative;
  overflow: hidden;
}
.scn-british-discretion .window-frame { position: absolute; top: 5%; left: 5%; width: 40%; height: 70%; border: 4px solid #a08060; border-radius: 6% 6% 4% 4%; background: transparent; box-shadow: inset 0 0 20px rgba(0,0,0,0.1); }
.scn-british-discretion .sky-outside { position: absolute; top: 7%; left: 7%; width: 36%; height: 66%; background: linear-gradient(180deg, #b0c8e0 0%, #90b0d0 100%); border-radius: 4% 4% 2% 2%; opacity: 0.6; }
.scn-british-discretion .thinker-desk { position: absolute; bottom: 15%; left: 20%; right: 20%; height: 20%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 6% 6% 2% 2%; box-shadow: 0 6px 12px rgba(0,0,0,0.25); }
.scn-british-discretion .scroll { position: absolute; bottom: 28%; left: 35%; width: 25%; height: 6%; background: linear-gradient(180deg, #f0e6d0 0%, #e0d4b8 100%); border-radius: 2px; transform: rotate(-5deg); transform-origin: left center; animation: bd-scroll 8s ease-in-out infinite; }
.scn-british-discretion .ink-bottle { position: absolute; bottom: 32%; left: 55%; width: 8px; height: 12px; background: linear-gradient(180deg, #2a1a10 0%, #0e0804 100%); border-radius: 40% 40% 30% 30%; }
.scn-british-discretion .quill { position: absolute; bottom: 32%; left: 58%; width: 20px; height: 2px; background: #c8b8a0; transform: rotate(-40deg); transform-origin: bottom; border-radius: 2px; animation: bd-quill 6s ease-in-out infinite; }
.scn-british-discretion .book-open { position: absolute; bottom: 30%; left: 28%; width: 15%; height: 10%; background: linear-gradient(180deg, #f5f0e0 0%, #e8dcc4 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transform: perspective(200px) rotateX(10deg); }
@keyframes bd-scroll { 0%,100% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(-3deg) translateX(5px); } }
@keyframes bd-quill { 0%,100% { transform: rotate(-40deg) scaleY(1); } 25% { transform: rotate(-35deg) scaleY(0.95); } 75% { transform: rotate(-45deg) scaleY(1.05); } }

/* westward-from-calcutta */
.scn-westward-from-calcutta {
  background: linear-gradient(180deg, #fce4b8 0%, #f0c27a 40%, #87ceeb 70%, #4a90d9 100%),
              radial-gradient(ellipse at 50% 0%, #fff5cc 0%, transparent 70%);
}
.scn-westward-from-calcutta .sky {
  position:absolute; inset:0 0 70% 0;
  background: linear-gradient(180deg, #fce4b8 0%, #f0c27a 50%, transparent 100%);
  animation: wfc-sky 8s ease-in-out infinite alternate;
}
.scn-westward-from-calcutta .sun {
  position:absolute; top:8%; left:35%; width:40px; height:40px;
  background: radial-gradient(circle, #ffd700 0%, #ffa500 40%, transparent 70%);
  border-radius:50%;
  box-shadow: 0 0 60px 20px #ffa500, 0 0 120px 40px rgba(255,165,0,0.3);
  animation: wfc-sun 10s ease-in-out infinite alternate;
}
.scn-westward-from-calcutta .river {
  position:absolute; bottom:20%; left:0; right:0; height:10%;
  background: linear-gradient(180deg, #5b9bd5 0%, #3a7bd5 100%);
  border-radius: 50% 50% 0 0;
  animation: wfc-river 6s ease-in-out infinite;
}
.scn-westward-from-calcutta .plain {
  position:absolute; bottom:30%; left:0; right:0; height:40%;
  background: linear-gradient(180deg, #8db86e 0%, #5a8c3a 100%);
  clip-path: polygon(0% 20%, 100% 30%, 100% 100%, 0% 100%);
  animation: wfc-plain 12s ease-in-out infinite alternate;
}
.scn-westward-from-calcutta .train {
  position:absolute; bottom:22%; left:40%; width:100px; height:20px;
  background: linear-gradient(90deg, #3a3a3a 0%, #4a4a4a 50%, #3a3a3a 100%);
  border-radius: 4px;
  animation: wfc-train 8s linear infinite;
}
.scn-westward-from-calcutta .track {
  position:absolute; bottom:21%; left:0; right:0; height:4px;
  background: linear-gradient(90deg, #6a6a6a 0%, #8a8a8a 50%, #6a6a6a 100%);
  box-shadow: 0 3px 0 #3a3a3a;
}
.scn-westward-from-calcutta .flowers {
  position:absolute; bottom:25%; left:10%; width:200px; height:30px;
  background: radial-gradient(circle at 10% 50%, #f0c060 0%, transparent 20%),
              radial-gradient(circle at 30% 60%, #f0a080 0%, transparent 20%),
              radial-gradient(circle at 50% 40%, #f0c060 0%, transparent 20%),
              radial-gradient(circle at 70% 50%, #e08070 0%, transparent 20%),
              radial-gradient(circle at 90% 60%, #f0c060 0%, transparent 20%);
  animation: wfc-flowers 5s ease-in-out infinite alternate;
}
@keyframes wfc-sky { 0%{opacity:0.8;background-position:0% 0%;} 50%{opacity:1;background-position:0% 10%;} 100%{opacity:0.9;background-position:0% 0%;} }
@keyframes wfc-sun { 0%{transform:scale(0.95); opacity:0.9;} 50%{transform:scale(1.05); opacity:1;} 100%{transform:scale(1); opacity:0.95;} }
@keyframes wfc-river { 0%{opacity:0.8; transform: translateY(0);} 50%{opacity:1; transform: translateY(-3px);} 100%{opacity:0.85; transform: translateY(0);} }
@keyframes wfc-plain { 0%{ transform: translateY(0); } 50%{ transform: translateY(-5px); } 100%{ transform: translateY(0); } }
@keyframes wfc-train { 0%{ transform: translateX(-100px); } 100%{ transform: translateX(calc(100vw + 100px)); } }
@keyframes wfc-flowers { 0%{ opacity:0.6; filter: blur(1px); } 50%{ opacity:1; filter: blur(0); } 100%{ opacity:0.8; filter: blur(0.5px); } }

/* mutiny-heat */
.scn-mutiny-heat {
  background: linear-gradient(180deg, #fdf5e6 0%, #f0d890 30%, #d4a86a 70%, #8b5e3c 100%),
              radial-gradient(ellipse at 50% 0%, #fff8dc 0%, transparent 60%);
}
.scn-mutiny-heat .sky {
  position:absolute; inset:0 0 65% 0;
  background: linear-gradient(180deg, #fdf5e6 0%, #f0d890 50%, transparent 100%);
  animation: mht-sky 10s ease-in-out infinite alternate;
}
.scn-mutiny-heat .sun {
  position:absolute; top:5%; left:45%; width:50px; height:50px;
  background: radial-gradient(circle, #ffffff 0%, #fff4cc 30%, transparent 70%);
  border-radius:50%;
  box-shadow: 0 0 80px 30px #fff4cc, 0 0 150px 60px rgba(255,244,204,0.4);
  animation: mht-sun 8s ease-in-out infinite alternate;
}
.scn-mutiny-heat .plain {
  position:absolute; bottom:25%; left:0; right:0; height:45%;
  background: linear-gradient(180deg, #d49a5e 0%, #8b5e3c 100%);
  clip-path: polygon(0% 10%, 100% 20%, 100% 100%, 0% 100%);
  animation: mht-plain 15s ease-in-out infinite alternate;
}
.scn-mutiny-heat .dust-a {
  position:absolute; top:35%; left:20%; width:120px; height:40px;
  background: radial-gradient(ellipse, rgba(255,248,200,0.6) 0%, transparent 70%);
  filter: blur(8px);
  animation: mht-dust 12s linear infinite;
}
.scn-mutiny-heat .dust-b {
  position:absolute; top:40%; right:10%; width:100px; height:30px;
  background: radial-gradient(ellipse, rgba(255,248,200,0.5) 0%, transparent 70%);
  filter: blur(6px);
  animation: mht-dust 18s linear infinite reverse;
  animation-delay: -6s;
}
.scn-mutiny-heat .mirage {
  position:absolute; bottom:40%; left:30%; width:200px; height:20px;
  background: linear-gradient(90deg, transparent, rgba(200,230,255,0.3), transparent);
  filter: blur(4px);
  animation: mht-mirage 6s ease-in-out infinite;
}
.scn-mutiny-heat .figure {
  position:absolute; bottom:28%; left:40%; width:15px; height:40px;
  background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mht-walk 5s ease-in-out infinite;
}
@keyframes mht-sky { 0%{opacity:0.8;} 50%{opacity:1;} 100%{opacity:0.85;} }
@keyframes mht-sun { 0%{transform:scale(0.9);opacity:0.85;} 50%{transform:scale(1.1);opacity:1;} 100%{transform:scale(1);opacity:0.9;} }
@keyframes mht-plain { 0%{transform: translateY(0);} 50%{transform: translateY(-4px);} 100%{transform: translateY(0);} }
@keyframes mht-dust { 0%{transform: translateX(-40px);opacity:0.4;} 50%{transform: translateX(20px);opacity:0.8;} 100%{transform: translateX(80px);opacity:0.3;} }
@keyframes mht-mirage { 0%{opacity:0.3;transform:scaleY(1);} 50%{opacity:0.7;transform:scaleY(1.5);} 100%{opacity:0.4;transform:scaleY(1);} }
@keyframes mht-walk { 0%{transform: translateX(0) rotate(-1deg);} 30%{transform: translateX(10px) rotate(1deg);} 60%{transform: translateX(20px) rotate(-2deg);} 100%{transform: translateX(30px) rotate(0deg);} }

/* mutiny-causes */
.scn-mutiny-causes {
  background: linear-gradient(180deg, #1a1a2e 0%, #2c2444 50%, #3a2a4e 100%),
              radial-gradient(ellipse at 50% 30%, #4a3a6e 0%, transparent 60%);
}
.scn-mutiny-causes .bg-dark {
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, transparent 30%);
  animation: mcs-bg 10s ease-in-out infinite alternate;
}
.scn-mutiny-causes .desk {
  position:absolute; bottom:20%; left:15%; right:15%; height:8%;
  background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}
.scn-mutiny-causes .lamp {
  position:absolute; bottom:35%; left:50%; width:20px; height:30px;
  background: linear-gradient(180deg, #c8a06a 0%, #8a7040 100%);
  border-radius: 50% 50% 10% 10%;
  transform: translateX(-50%);
}
.scn-mutiny-causes .lamp-glow {
  position:absolute; bottom:35%; left:50%; width:60px; height:60px;
  background: radial-gradient(circle, #ffd680 0%, #b08040 40%, transparent 70%);
  border-radius:50%;
  transform: translate(-50%, -30%);
  animation: mcs-lampglow 3s ease-in-out infinite alternate;
}
.scn-mutiny-causes .books {
  position:absolute; bottom:22%; left:30%; width:50px; height:30px;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a1a 100%);
  border-radius: 2px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 5% 100%);
  animation: mcs-books 8s ease-in-out infinite;
}
.scn-mutiny-causes .figure {
  position:absolute; bottom:22%; left:20%; width:20px; height:50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: -4px 0 8px rgba(255,214,128,0.3);
  animation: mcs-figure 6s ease-in-out infinite;
}
.scn-mutiny-causes .shadow {
  position:absolute; bottom:20%; left:15%; width:70%; height:20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.5) 0%, transparent 70%);
  animation: mcs-shadow 4s ease-in-out infinite alternate;
}
@keyframes mcs-bg { 0%{opacity:0.8;} 50%{opacity:1;} 100%{opacity:0.9;} }
@keyframes mcs-lampglow { 0%{opacity:0.7;transform:translate(-50%, -30%) scale(0.95);} 50%{opacity:1;transform:translate(-50%, -30%) scale(1.1);} 100%{opacity:0.8;transform:translate(-50%, -30%) scale(1);} }
@keyframes mcs-books { 0%{ transform: rotate(-2deg);} 50%{ transform: rotate(2deg);} 100%{ transform: rotate(-2deg);} }
@keyframes mcs-figure { 0%{ transform: translateY(0) rotate(0);} 50%{ transform: translateY(-3px) rotate(3deg);} 100%{ transform: translateY(0) rotate(0);} }
@keyframes mcs-shadow { 0%{ opacity:0.6; transform: scaleX(1);} 50%{ opacity:0.8; transform: scaleX(1.05);} 100%{ opacity:0.7; transform: scaleX(1);} }

/* mutiny-propagators */
.scn-mutiny-propagators {
  background: linear-gradient(180deg, #0e0e1a 0%, #1a1a2e 40%, #2a1a1a 70%, #1a0a0a 100%),
              radial-gradient(ellipse at 50% 80%, #2a1a1a 0%, transparent 60%);
}
.scn-mutiny-propagators .bg-dark {
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, transparent 40%);
}
.scn-mutiny-propagators .fire {
  position:absolute; bottom:20%; left:40%; width:60px; height:80px;
  background: radial-gradient(ellipse at 50% 100%, #d76b1e 0%, #c8553d 40%, #8a2a1a 70%, transparent 90%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 60px 20px #d76b1e, 0 0 120px 40px rgba(215,107,30,0.3);
  animation: mpr-fire 2s ease-in-out infinite alternate;
}
.scn-mutiny-propagators .propagator {
  position:absolute; bottom:22%; left:30%; width:22px; height:60px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 2px 0 8px rgba(215,107,30,0.4);
  animation: mpr-propagator 4s ease-in-out infinite;
}
.scn-mutiny-propagators .soldier-left {
  position:absolute; bottom:22%; left:15%; width:18px; height:50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  box-shadow: -2px 0 6px rgba(215,107,30,0.3);
  animation: mpr-soldier 6s ease-in-out infinite;
}
.scn-mutiny-propagators .soldier-right {
  position:absolute; bottom:22%; right:15%; width:18px; height:50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 2px 0 6px rgba(215,107,30,0.3);
  animation: mpr-soldier 6s ease-in-out infinite reverse;
  animation-delay: -3s;
}
.scn-mutiny-propagators .flag {
  position:absolute; bottom:30%; left:50%; width:6px; height:40px;
  background: #4a3a2a;
  transform-origin: bottom center;
}
.scn-mutiny-propagators .flag::before {
  content:'';
  position:absolute; top:5px; left:2px; width:20px; height:12px;
  background: linear-gradient(90deg, #a0461a 0%, #b8683a 100%);
  border-radius: 2px;
  animation: mpr-flag 3s ease-in-out infinite;
}
.scn-mutiny-propagators .ground {
  position:absolute; bottom:0; left:0; right:0; height:22%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 30% 70% 0 0 / 50% 50% 0 0;
}
@keyframes mpr-fire { 0%{transform: scaleY(0.9); opacity:0.8;} 50%{transform: scaleY(1.1); opacity:1;} 100%{transform: scaleY(1); opacity:0.9;} }
@keyframes mpr-propagator { 0%{transform: translateY(0) rotate(-2deg);} 40%{transform: translateY(-4px) rotate(4deg);} 70%{transform: translateY(-2px) rotate(-1deg);} 100%{transform: translateY(0) rotate(0);} }
@keyframes mpr-soldier { 0%{transform: translateY(0) rotate(0);} 50%{transform: translateY(-2px) rotate(2deg);} 100%{transform: translateY(0) rotate(0);} }
@keyframes mpr-flag { 0%{transform: rotate(-5deg);} 50%{transform: rotate(10deg);} 100%{transform: rotate(-5deg);} }

/* diamond-stealing */
.scn-diamond-stealing {
  background: linear-gradient(180deg, #fcebc0 0%, #e8d6a0 60%, #c8b080 100%),
              radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 60%);
}
.scn-diamond-stealing .ds-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #ffe4b5 0%, #f0d090 100%);
  animation: ds-bg 10s ease-in-out infinite alternate;
}
.scn-diamond-stealing .ds-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #b09060 0%, #806040 100%);
  border-radius: 40% 40% 0 0;
}
.scn-diamond-stealing .ds-safe {
  position: absolute; bottom: 20%; left: 30%; width: 80px; height: 70px;
  background: linear-gradient(180deg, #607080 0%, #404850 100%);
  border-radius: 10% 10% 5% 5%; box-shadow: 0 8px 16px rgba(0,0,0,0.3);
  animation: ds-safe 6s ease-in-out infinite;
}
.scn-diamond-stealing .ds-diamond {
  position: absolute; bottom: 50%; left: 34%; width: 24px; height: 20px;
  background: linear-gradient(135deg, #c0ffc0 0%, #80e0a0 50%, #40a060 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 12px #80e0a0;
  animation: ds-diamond 2s ease-in-out infinite alternate;
}
.scn-diamond-stealing .ds-thief {
  position: absolute; bottom: 15%; left: 50%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ds-thief 4s ease-in-out infinite;
}
.scn-diamond-stealing .ds-guard {
  position: absolute; bottom: 15%; left: 20%; width: 28px; height: 60px;
  background: linear-gradient(180deg, #3a3a5a 0%, #1a1a3a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: ds-guard 5s ease-in-out infinite;
}
.scn-diamond-stealing .ds-sparkle-a {
  position: absolute; top: 30%; left: 25%; width: 6px; height: 6px;
  background: #fff; border-radius: 50%; box-shadow: 0 0 8px 2px #fff;
  animation: ds-sparkle 3s ease-in-out infinite;
}
.scn-diamond-stealing .ds-sparkle-b {
  position: absolute; top: 40%; left: 55%; width: 4px; height: 4px;
  background: #fff; border-radius: 50%; box-shadow: 0 0 6px 1px #fff;
  animation: ds-sparkle 4s ease-in-out infinite alternate;
}
@keyframes ds-bg { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes ds-safe { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes ds-diamond { 0% { transform: scale(1) rotate(0deg) } 100% { transform: scale(1.1) rotate(20deg) } }
@keyframes ds-thief { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(5px) rotate(1deg) } 50% { transform: translateX(10px) rotate(-1deg) } 75% { transform: translateX(15px) rotate(2deg) } 100% { transform: translateX(20px) rotate(0deg) } }
@keyframes ds-guard { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes ds-sparkle { 0% { opacity: 0.2; transform: scale(0.5) } 50% { opacity: 1; transform: scale(1.2) } 100% { opacity: 0.2; transform: scale(0.5) } }

/* diamond-flaw */
.scn-diamond-flaw {
  background: linear-gradient(180deg, #f0f4f8 0%, #d8e2ec 100%),
              radial-gradient(ellipse at 50% 30%, #ffffff 0%, transparent 70%);
}
.scn-diamond-flaw .df-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #eaf0f6 0%, #cbd5e1 100%);
  animation: df-bg 8s ease-in-out infinite alternate;
}
.scn-diamond-flaw .df-pedestal {
  position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%);
  width: 60px; height: 40px; background: linear-gradient(180deg, #a0a8b8 0%, #788098 100%);
  border-radius: 10% 10% 5% 5%; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.scn-diamond-flaw .df-diamond {
  position: absolute; bottom: 50%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 36px;
  background: linear-gradient(135deg, #b0e0ff 0%, #70b0e0 50%, #3080b0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 20px 4px rgba(70,160,200,0.5);
}
.scn-diamond-flaw .df-flaw {
  position: absolute; bottom: 53%; left: 50%; transform: translateX(-50%) rotate(45deg);
  width: 4px; height: 14px; background: rgba(255,100,100,0.7);
  border-radius: 50%; box-shadow: 0 0 6px rgba(255,100,100,0.5);
  animation: df-flaw 3s ease-in-out infinite alternate;
}
.scn-diamond-flaw .df-glow {
  position: absolute; bottom: 45%; left: 50%; transform: translate(-50%, -50%);
  width: 80px; height: 80px; background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 70%);
  animation: df-glow 5s ease-in-out infinite;
}
.scn-diamond-flaw .df-particles-a {
  position: absolute; top: 20%; left: 30%; width: 4px; height: 4px;
  background: rgba(200,230,255,0.6); border-radius: 50%;
  animation: df-float 10s linear infinite;
}
.scn-diamond-flaw .df-particles-b {
  position: absolute; top: 40%; left: 60%; width: 3px; height: 3px;
  background: rgba(200,230,255,0.6); border-radius: 50%;
  animation: df-float 12s linear infinite reverse;
}
@keyframes df-bg { 0% { opacity: 0.9 } 100% { opacity: 1 } }
@keyframes df-flaw { 0% { opacity: 0.3; transform: translateX(-50%) rotate(45deg) scale(0.5) } 50% { opacity: 1; transform: translateX(-50%) rotate(45deg) scale(1.2) } 100% { opacity: 0.3; transform: translateX(-50%) rotate(45deg) scale(0.5) } }
@keyframes df-glow { 0% { opacity: 0.3 } 50% { opacity: 0.6 } 100% { opacity: 0.3 } }
@keyframes df-float { 0% { transform: translateY(0) translateX(0) } 50% { transform: translateY(-20px) translateX(10px) } 100% { transform: translateY(0) translateX(0) } }

/* legendary-diamonds */
.scn-legendary-diamonds {
  background: linear-gradient(135deg, #f2e6d0 0%, #e0d0b8 100%),
              radial-gradient(ellipse at 50% 40%, #fff8ec 0%, transparent 60%);
}
.scn-legendary-diamonds .ld-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #f5ede0 0%, #ddd0c0 100%);
}
.scn-legendary-diamonds .ld-shelf {
  position: absolute; bottom: 35%; left: 10%; right: 10%; height: 10px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.scn-legendary-diamonds .ld-diamond-a {
  position: absolute; bottom: 50%; left: 20%; width: 30px; height: 28px;
  background: linear-gradient(135deg, #c0e0f0 0%, #80b0d0 50%, #4080a0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 12px 2px rgba(128,170,200,0.5);
  animation: ld-gem-a 4s ease-in-out infinite;
}
.scn-legendary-diamonds .ld-diamond-b {
  position: absolute; bottom: 50%; left: 45%; width: 34px; height: 32px;
  background: linear-gradient(135deg, #f0c0a0 0%, #d08050 50%, #a06030 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 16px 3px rgba(200,130,80,0.5);
  animation: ld-gem-b 5s ease-in-out infinite alternate;
}
.scn-legendary-diamonds .ld-diamond-c {
  position: absolute; bottom: 50%; left: 70%; width: 36px; height: 34px;
  background: linear-gradient(135deg, #e0ffd0 0%, #a0d080 50%, #60a040 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 20px 4px rgba(130,200,100,0.5);
  animation: ld-gem-c 3s ease-in-out infinite;
}
.scn-legendary-diamonds .ld-crown {
  position: absolute; top: 15%; left: 50%; transform: translateX(-50%);
  width: 80px; height: 50px;
  background: linear-gradient(180deg, #d0b070 0%, #a08040 100%);
  clip-path: polygon(10% 0%, 50% 30%, 90% 0%, 100% 100%, 0% 100%);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  animation: ld-crown 6s ease-in-out infinite alternate;
}
.scn-legendary-diamonds .ld-glint-a {
  position: absolute; top: 20%; left: 20%; width: 6px; height: 6px;
  background: #fff; border-radius: 50%; box-shadow: 0 0 10px 3px #fff;
  animation: ld-glint 2s ease-in-out infinite alternate;
}
.scn-legendary-diamonds .ld-glint-b {
  position: absolute; top: 30%; left: 75%; width: 5px; height: 5px;
  background: #fff; border-radius: 50%; box-shadow: 0 0 8px 2px #fff;
  animation: ld-glint 2.5s ease-in-out infinite alternate-reverse;
}
@keyframes ld-gem-a { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(10deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes ld-gem-b { 0% { transform: scale(1) } 100% { transform: scale(1.08) } }
@keyframes ld-gem-c { 0% { transform: rotate(0deg) } 50% { transform: rotate(15deg) } 100% { transform: rotate(0deg) } }
@keyframes ld-crown { 0% { transform: translateX(-50%) scale(1) } 100% { transform: translateX(-50%) scale(1.02) } }
@keyframes ld-glint { 0% { opacity: 0.3; transform: scale(0.5) } 100% { opacity: 1; transform: scale(1.2) } }

/* de-beers-office */
.scn-de-beers-office {
  background: linear-gradient(180deg, #d0c0a0 0%, #b8a888 100%),
              radial-gradient(ellipse at 50% 0%, #f0e0c0 0%, transparent 50%);
}
.scn-de-beers-office .db-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #dacaba 0%, #c0b09a 100%);
  animation: db-bg 8s ease-in-out infinite alternate;
}
.scn-de-beers-office .db-desk {
  position: absolute; bottom: 25%; left: 20%; right: 20%; height: 30px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  border-radius: 8px; box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.scn-de-beers-office .db-scale {
  position: absolute; bottom: 40%; left: 50%; transform: translateX(-50%);
  width: 60px; height: 20px;
  background: linear-gradient(180deg, #a08870 0%, #806850 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0 12px rgba(160,130,90,0.5);
  animation: db-scale 4s ease-in-out infinite;
}
.scn-de-beers-office .db-safe {
  position: absolute; bottom: 10%; left: 70%; width: 70px; height: 80px;
  background: linear-gradient(180deg, #506070 0%, #304050 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.5), 0 8px 16px rgba(0,0,0,0.3);
  animation: db-safe 3s ease-in-out infinite alternate;
}
.scn-de-beers-office .db-guard {
  position: absolute; bottom: 15%; left: 10%; width: 28px; height: 60px;
  background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: db-guard 5s ease-in-out infinite;
}
.scn-de-beers-office .db-glint-a {
  position: absolute; top: 30%; left: 30%; width: 5px; height: 5px;
  background: #fff; border-radius: 50%; box-shadow: 0 0 10px 2px #fff;
  animation: db-glint 3s ease-in-out infinite alternate;
}
.scn-de-beers-office .db-glint-b {
  position: absolute; top: 50%; left: 60%; width: 4px; height: 4px;
  background: #fff; border-radius: 50%; box-shadow: 0 0 8px 1px #fff;
  animation: db-glint 4s ease-in-out infinite alternate-reverse;
}
.scn-de-beers-office .db-shadow {
  position: absolute; bottom: 0; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.2));
}
@keyframes db-bg { 0% { opacity: 0.9 } 100% { opacity: 1 } }
@keyframes db-scale { 0%,100% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) rotate(3deg) } }
@keyframes db-safe { 0% { transform: translateY(0) } 100% { transform: translateY(-2px) } }
@keyframes db-guard { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes db-glint { 0% { opacity: 0.2; transform: scale(0.5) } 100% { opacity: 1; transform: scale(1.2) } }

/* scare-tactic */
.scn-scare-tactic {
  background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 40%, #1a2a3a 100%), radial-gradient(ellipse at 50% 100%, #3a4a5a 0%, transparent 80%);
}
.scn-scare-tactic .room-wall { position:absolute; inset:0; background: linear-gradient(135deg, #5a6a7a 0%, #3a4a5a 100%); }
.scn-scare-tactic .desk { position:absolute; bottom:10%; left:20%; right:20%; height:12%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,.6); }
.scn-scare-tactic .figure { position:absolute; bottom:8%; left:35%; width:14%; height:45%; background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: st-figure 4s ease-in-out infinite; }
.scn-scare-tactic .lamp { position:absolute; bottom:20%; left:55%; width:6%; height:8%; background: radial-gradient(circle, #ffd080 0%, #b08040 70%); border-radius: 50%; box-shadow: 0 0 30px 10px #b08040, 0 0 60px 20px rgba(176,128,64,.3); animation: st-lamp 2s ease-in-out infinite alternate; }
.scn-scare-tactic .shadow-pool { position:absolute; bottom:0; left:25%; right:25%; height:18%; background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,.7) 0%, transparent 70%); animation: st-shadow 4s ease-in-out infinite; }
.scn-scare-tactic .papers { position:absolute; bottom:14%; left:22%; width:12%; height:2%; background: #d0c0a0; border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: st-papers 6s ease-in-out infinite; }
@keyframes st-figure { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(3%) rotate(2deg); } 50% { transform: translateX(0) rotate(-1deg); } 75% { transform: translateX(-2%) rotate(1deg); } }
@keyframes st-lamp { 0% { opacity:0.8; box-shadow: 0 0 20px 8px #b08040; } 50% { opacity:1; box-shadow: 0 0 40px 15px #ffd080; } 100% { opacity:0.85; box-shadow: 0 0 25px 10px #b08040; } }
@keyframes st-shadow { 0%,100% { opacity:0.6; } 50% { opacity:1; } }
@keyframes st-papers { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } }

/* odds-too-heavy */
.scn-odds-too-heavy {
  background: linear-gradient(180deg, #6a7a8a 0%, #4a5a6a 40%, #2a3a4a 100%), radial-gradient(ellipse at 50% 50%, #5a6a7a 0%, transparent 70%);
}
.scn-odds-too-heavy .interior-wall { position:absolute; inset:0 30% 0 0; background: linear-gradient(135deg, #7a8a9a 0%, #4a5a6a 100%); }
.scn-odds-too-heavy .window-frame { position:absolute; top:10%; left:5%; width:55%; height:80%; border:6px solid #3a2a1a; background: transparent; box-shadow: inset 0 0 20px rgba(0,0,0,.5); }
.scn-odds-too-heavy .inside-figures { position:absolute; bottom:5%; left:8%; width:20%; height:40%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; animation: oh-figures 5s ease-in-out infinite; }
.scn-odds-too-heavy .outside-landscape { position:absolute; top:10%; left:5%; width:55%; height:80%; background: linear-gradient(180deg, #8a9aaa 0%, #5a6a7a 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); animation: oh-landscape 8s ease-in-out infinite alternate; }
.scn-odds-too-heavy .enemy-silhouettes { position:absolute; top:30%; left:10%; width:40%; height:20%; background: #1a1a1a; border-radius: 20px; filter: blur(2px); animation: oh-enemy 6s ease-in-out infinite; }
.scn-odds-too-heavy .barricade { position:absolute; bottom:0; left:5%; width:55%; height:15%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 0 0 4% 4%; box-shadow: 0 -4px 10px rgba(0,0,0,.4); }
@keyframes oh-figures { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes oh-landscape { 0% { background-position: 0 0; } 100% { background-position: 5% 5%; } }
@keyframes oh-enemy { 0%,100% { opacity:0.6; transform: scaleX(1); } 50% { opacity:1; transform: scaleX(1.05); } }

/* phunny-phellows */
.scn-phunny-phellows {
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 40%, #4a3a2a 100%), radial-gradient(ellipse at 30% 30%, #b0a080 0%, transparent 60%);
}
.scn-phunny-phellows .tent-bg { position:absolute; inset:0; background: linear-gradient(135deg, #a09070 0%, #7a6a50 100%); }
.scn-phunny-phellows .light-source { position:absolute; top:5%; left:40%; width:20%; height:20%; background: radial-gradient(circle, #ffd080 0%, transparent 80%); animation: pf-light 3s ease-in-out infinite alternate; }
.scn-phunny-phellows .soldier-green-1 { position:absolute; bottom:10%; left:15%; width:12%; height:35%; background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: pf-soldier 4s ease-in-out infinite; }
.scn-phunny-phellows .soldier-green-2 { position:absolute; bottom:8%; left:35%; width:12%; height:38%; background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: pf-soldier 4.5s ease-in-out infinite 0.5s; }
.scn-phunny-phellows .soldier-green-3 { position:absolute; bottom:12%; left:55%; width:12%; height:32%; background: linear-gradient(180deg, #4a5a3a 0%, #2a3a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: pf-soldier 5s ease-in-out infinite 1s; }
.scn-phunny-phellows .rifle-stack { position:absolute; bottom:5%; left:70%; width:8%; height:25%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 2px 2px 0 0; box-shadow: 2px 0 4px rgba(0,0,0,.3); animation: pf-rifle 6s ease-in-out infinite; }
.scn-phunny-phellows .equipment { position:absolute; bottom:3%; left:20%; width:15%; height:4%; background: #a09070; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: pf-equip 8s ease-in-out infinite; }
@keyframes pf-light { 0% { opacity:0.7; transform: scale(1); } 50% { opacity:1; transform: scale(1.1); } 100% { opacity:0.8; transform: scale(0.95); } }
@keyframes pf-soldier { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(2deg); } }
@keyframes pf-rifle { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-1px) rotate(-1deg); } }
@keyframes pf-equip { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(2px) rotate(3deg); } }

/* bronkhorst-spruit */
.scn-bronkhorst-spruit {
  background: linear-gradient(180deg, #e8d8b0 0%, #c8b890 40%, #a89870 100%), radial-gradient(ellipse at 50% 80%, #d8c8a0 0%, transparent 70%);
}
.scn-bronkhorst-spruit .sky-backdrop { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #7a9aba 0%, #b0c8d8 50%, #d8e8f0 100%); animation: bs-sky 12s ease-in-out infinite alternate; }
.scn-bronkhorst-spruit .hills { position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(180deg, #5a6a4a 0%, #3a4a2a 100%); border-radius: 40% 60% 0 0 / 80% 70% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); animation: bs-hills 18s ease-in-out infinite alternate; }
.scn-bronkhorst-spruit .dust { position:absolute; bottom:25%; left:20%; right:20%; height:15%; background: radial-gradient(ellipse at 50% 0%, #c0a880 0%, transparent 80%); animation: bs-dust 8s ease-in-out infinite; }
.scn-bronkhorst-spruit .boer-figures { position:absolute; bottom:28%; left:10%; width:20%; height:30%; background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: bs-boer 6s ease-in-out infinite; }
.scn-bronkhorst-spruit .british-figures { position:absolute; bottom:27%; right:15%; width:25%; height:32%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: bs-british 7s ease-in-out infinite 1s; }
.scn-bronkhorst-spruit .smoke { position:absolute; top:25%; left:40%; width:20%; height:30%; background: radial-gradient(ellipse, rgba(200,180,150,.6) 0%, transparent 70%); filter: blur(6px); animation: bs-smoke 10s ease-in-out infinite alternate; }
.scn-bronkhorst-spruit .flag { position:absolute; top:5%; left:50%; width:2%; height:12%; background: #4a3a2a; transform-origin: bottom center; animation: bs-flag 5s ease-in-out infinite; }
@keyframes bs-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes bs-hills { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }
@keyframes bs-dust { 0%,100% { opacity:0.5; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.2); } }
@keyframes bs-boer { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(3%) rotate(2deg); } }
@keyframes bs-british { 0%,100% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-3%) rotate(-1deg); } }
@keyframes bs-smoke { 0% { transform: translateY(0) scale(1); } 100% { transform: translateY(-10%) scale(1.2); } }
@keyframes bs-flag { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }

.scn-rhodes-scheme {
  background: 
    linear-gradient(180deg, #e8d8c0 0%, #c8b8a0 40%, #a08870 100%),
    radial-gradient(ellipse at 50% 30%, #f0e0d0 0%, transparent 60%);
}
.scn-rhodes-scheme .wall {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(90deg, #b8a890 0%, #d8c8b0 50%, #b8a890 100%);
  animation: rh-wall 20s ease-in-out infinite alternate;
}
.scn-rhodes-scheme .desk {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 35%;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 8px 16px rgba(0,0,0,0.4);
}
.scn-rhodes-scheme .map {
  position: absolute; bottom: 25%; left: 30%; width: 40%; height: 25%;
  background: linear-gradient(135deg, #d0c0a0 0%, #b8a880 60%, #a09070 100%);
  border: 2px solid #8a7a5a;
  border-radius: 2px;
  transform: rotate(-3deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: rh-map 12s ease-in-out infinite alternate;
}
.scn-rhodes-scheme .lamp {
  position: absolute; bottom: 30%; left: 15%; width: 20px; height: 30px;
  background: radial-gradient(circle at 50% 20%, #ffe0a0 0%, #c09050 70%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 0 40px 10px #d0a060, 0 0 80px 20px rgba(208,160,96,0.4);
  animation: rh-lamp 4s ease-in-out infinite alternate;
}
.scn-rhodes-scheme .figure-rh {
  position: absolute; bottom: 15%; left: 50%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: rh-figure 8s ease-in-out infinite;
}
.scn-rhodes-scheme .shadow-rh {
  position: absolute; bottom: 10%; left: 45%; width: 30px; height: 6px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  filter: blur(3px);
  animation: rh-shadow 8s ease-in-out infinite;
}
.scn-rhodes-scheme .paper {
  position: absolute; bottom: 20%; left: 55%; width: 12px; height: 16px;
  background: #f0e0c0;
  border-radius: 1px;
  transform: rotate(10deg);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: rh-paper 6s ease-in-out infinite alternate;
}
@keyframes rh-wall { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.95 } }
@keyframes rh-map { 0% { transform: rotate(-3deg) scale(1) } 50% { transform: rotate(-5deg) scale(1.02) } 100% { transform: rotate(-2deg) scale(0.98) } }
@keyframes rh-lamp { 0% { box-shadow: 0 0 30px 8px #d0a060; opacity:0.9 } 50% { box-shadow: 0 0 50px 15px #ffeeaa; opacity:1 } 100% { box-shadow: 0 0 35px 10px #d0a060; opacity:0.95 } }
@keyframes rh-figure { 0% { transform: translateX(-50%) translateY(0) rotate(0deg) } 25% { transform: translateX(-48%) translateY(-1px) rotate(2deg) } 50% { transform: translateX(-50%) translateY(-2px) rotate(0deg) } 75% { transform: translateX(-52%) translateY(-1px) rotate(-2deg) } 100% { transform: translateX(-50%) translateY(0) rotate(0deg) } }
@keyframes rh-shadow { 0% { width:30px; opacity:0.3 } 50% { width:28px; opacity:0.25 } 100% { width:32px; opacity:0.35 } }
@keyframes rh-paper { 0% { transform: rotate(10deg) translateY(0) } 50% { transform: rotate(12deg) translateY(-2px) } 100% { transform: rotate(8deg) translateY(0) } }

.scn-jamesons-letter {
  background: 
    linear-gradient(180deg, #d8c8b0 0%, #b8a890 50%, #988070 100%),
    radial-gradient(ellipse at 70% 20%, #f0e0d0 0%, transparent 60%);
}
.scn-jamesons-letter .table {
  position: absolute; bottom: 10%; left: 10%; right: 10%; height: 30%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a1a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}
.scn-jamesons-letter .letter {
  position: absolute; bottom: 28%; left: 40%; width: 18%; height: 22%;
  background: linear-gradient(135deg, #f0e0c0 0%, #d0c0a0 100%);
  border-radius: 2px;
  border: 1px solid #b0a080;
  transform: rotate(-2deg);
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  animation: jl-letter 10s ease-in-out infinite alternate;
}
.scn-jamesons-letter .hand {
  position: absolute; bottom: 26%; left: 38%; width: 22px; height: 28px;
  background: linear-gradient(180deg, #d0b090 0%, #a88060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: rotate(15deg);
  transform-origin: bottom center;
  animation: jl-hand 6s ease-in-out infinite;
}
.scn-jamesons-letter .inkwell {
  position: absolute; bottom: 30%; left: 65%; width: 14px; height: 18px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 30% 30% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
.scn-jamesons-letter .candle {
  position: absolute; bottom: 30%; left: 20%; width: 8px; height: 28px;
  background: linear-gradient(180deg, #f0e0c0 0%, #e8d0b0 80%, #c0a080 100%);
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
}
.scn-jamesons-letter .glow-letter {
  position: absolute; bottom: 28%; left: 38%; width: 22%; height: 24%;
  background: radial-gradient(ellipse at 50% 50%, rgba(240,200,120,0.4) 0%, transparent 70%);
  border-radius: 50%;
  animation: jl-glow 4s ease-in-out infinite alternate;
}
.scn-jamesons-letter .flame {
  position: absolute; bottom: 30%; left: 20%; width: 6px; height: 10px;
  background: radial-gradient(circle at 50% 0%, #ffe0a0 0%, #ff8000 60%, transparent 100%);
  border-radius: 50% 50% 20% 20%;
  transform: translate(-1px, -20px);
  animation: jl-flame 2s ease-in-out infinite alternate;
}
@keyframes jl-letter { 0% { transform: rotate(-2deg) scale(1) } 50% { transform: rotate(-1deg) scale(1.02) } 100% { transform: rotate(-3deg) scale(0.98) } }
@keyframes jl-hand { 0% { transform: rotate(15deg) translateY(0) } 50% { transform: rotate(18deg) translateY(-2px) } 100% { transform: rotate(12deg) translateY(0) } }
@keyframes jl-glow { 0% { opacity:0.3 } 50% { opacity:0.5 } 100% { opacity:0.4 } }
@keyframes jl-flame { 0% { transform: translate(-1px, -20px) scaleY(1); opacity:0.9 } 50% { transform: translate(-1px, -22px) scaleY(1.2); opacity:1 } 100% { transform: translate(-1px, -18px) scaleY(0.9); opacity:0.85 } }

.scn-jameson-plunges {
  background: 
    linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 50%, #2a2a3e 100%),
    radial-gradient(ellipse at 30% 80%, #3a3a5e 0%, transparent 70%);
}
.scn-jameson-plunges .night-sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 100%);
  animation: jp-sky 30s ease-in-out infinite alternate;
}
.scn-jameson-plunges .moon {
  position: absolute; top: 15%; left: 70%; width: 40px; height: 40px;
  background: radial-gradient(circle at 40% 40%, #e0e0ff 0%, #c0c0e0 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(192,192,224,0.4);
  animation: jp-moon 15s linear infinite alternate;
}
.scn-jameson-plunges .horse {
  position: absolute; bottom: 25%; left: 30%; width: 60px; height: 50px;
  background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%);
  border-radius: 40% 60% 40% 40% / 30% 50% 50% 30%;
  clip-path: polygon(10% 30%, 30% 10%, 50% 20%, 70% 10%, 90% 30%, 85% 60%, 60% 80%, 40% 80%, 15% 60%);
  animation: jp-horse 8s ease-in-out infinite;
  transform-origin: bottom center;
}
.scn-jameson-plunges .rider {
  position: absolute; bottom: 55%; left: 36%; width: 20px; height: 30px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-5px);
  animation: jp-rider 8s ease-in-out infinite;
}
.scn-jameson-plunges .lantern-jp {
  position: absolute; bottom: 50%; left: 42%; width: 6px; height: 6px;
  background: #ffd680;
  border-radius: 50%;
  box-shadow: 0 0 16px 4px rgba(255,214,128,0.7);
  animation: jp-lantern 3s ease-in-out infinite alternate;
}
.scn-jameson-plunges .dust {
  position: absolute; bottom: 20%; left: 25%; right: 25%; height: 10px;
  background: rgba(60,50,40,0.3);
  border-radius: 50%;
  filter: blur(4px);
  animation: jp-dust 4s ease-in-out infinite;
}
.scn-jameson-plunges .wire {
  position: absolute; top: 30%; right: 10%; width: 2px; height: 30px;
  background: #4a4a5a;
  transform: rotate(20deg);
  transform-origin: top;
  animation: jp-wire 6s ease-in-out infinite alternate;
}
@keyframes jp-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes jp-moon { 0% { transform: translateX(0) scale(1); opacity:0.9 } 50% { transform: translateX(10px) scale(1.05); opacity:1 } 100% { transform: translateX(-5px) scale(0.95); opacity:0.85 } }
@keyframes jp-horse { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-3px) rotate(0deg) } 50% { transform: translateY(-1px) rotate(2deg) } 75% { transform: translateY(-4px) rotate(1deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes jp-rider { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(-1px) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes jp-lantern { 0% { transform: translate(0,0) rotate(-5deg); opacity:0.8 } 50% { transform: translate(2px,-2px) rotate(5deg); opacity:1 } 100% { transform: translate(-1px,1px) rotate(0deg); opacity:0.9 } }
@keyframes jp-dust { 0% { transform: translateX(0) scale(1); opacity:0.3 } 50% { transform: translateX(10px) scale(1.5); opacity:0.2 } 100% { transform: translateX(-5px) scale(1.2); opacity:0.4 } }
@keyframes jp-wire { 0% { transform: rotate(20deg) scaleY(1) } 50% { transform: rotate(22deg) scaleY(1.1) } 100% { transform: rotate(18deg) scaleY(0.9) } }

.scn-jameson-intercepted {
  background: 
    linear-gradient(180deg, #ffe0b0 0%, #f0c880 40%, #d0a860 100%),
    radial-gradient(ellipse at 50% 0%, #fff4e0 0%, transparent 60%);
}
.scn-jameson-intercepted .sky-ji {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #c8d4e8 0%, #a8b8d0 100%);
  animation: ji-sky 25s ease-in-out infinite alternate;
}
.scn-jameson-intercepted .sun {
  position: absolute; top: 10%; right: 20%; width: 50px; height: 50px;
  background: radial-gradient(circle at 40% 40%, #ffe080 0%, #ffa040 80%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,160,64,0.5);
  animation: ji-sun 20s linear infinite alternate;
}
.scn-jameson-intercepted .veld {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #b0a060 0%, #908050 100%);
  border-radius: 40% 60% 0 0 / 20% 30% 0 0;
}
.scn-jameson-intercepted .train {
  position: absolute; bottom: 30%; left: 5%; width: 70px; height: 20px;
  background: linear-gradient(90deg, #4a3a2a 0%, #3a2a1a 50%, #5a4a3a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: ji-train 15s linear infinite;
}
.scn-jameson-intercepted .figures {
  position: absolute; bottom: 22%; left: 55%; width: 30px; height: 24px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: ji-figures 6s ease-in-out infinite alternate;
}
.scn-jameson-intercepted .telegraph {
  position: absolute; bottom: 50%; left: 40%; width: 4px; height: 40px;
  background: #2a2a3a;
  transform: skewX(5deg);
  animation: ji-telegraph 8s ease-in-out infinite alternate;
}
.scn-jameson-intercepted .dust-cloud {
  position: absolute; bottom: 25%; right: 20%; width: 40px; height: 20px;
  background: rgba(160,140,100,0.4);
  border-radius: 50%;
  filter: blur(5px);
  animation: ji-dust 4s ease-in-out infinite alternate;
}
@keyframes ji-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes ji-sun { 0% { transform: translateX(0) scale(1); opacity:0.9 } 50% { transform: translateX(8px) scale(1.05); opacity:1 } 100% { transform: translateX(-4px) scale(0.95); opacity:0.85 } }
@keyframes ji-train { 0% { transform: translateX(0) } 100% { transform: translateX(-80px) } }
@keyframes ji-figures { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(3deg) } 100% { transform: translateY(0) rotate(-3deg) } }
@keyframes ji-telegraph { 0% { transform: skewX(5deg) scaleY(1) } 50% { transform: skewX(7deg) scaleY(1.1) } 100% { transform: skewX(3deg) scaleY(0.9) } }
@keyframes ji-dust { 0% { transform: translateX(0) scale(1); opacity:0.4 } 50% { transform: translateX(10px) scale(1.3); opacity:0.5 } 100% { transform: translateX(-5px) scale(0.9); opacity:0.3 } }

.scn-great-blank-day { background: linear-gradient(180deg, #f5f0e8 0%, #e8dcc8 50%, #d4c8b0 100%), radial-gradient(ellipse at 30% 30%, #fff5e0 0%, transparent 70%); }
.scn-great-blank-day .wall { position: absolute; inset: 0; background: linear-gradient(180deg, #f0ebe0 0%, #d8cbb8 100%); animation: gbd-wall 20s ease-in-out infinite alternate; }
.scn-great-blank-day .chalkboard { position: absolute; top: 15%; left: 30%; width: 40%; height: 50%; background: linear-gradient(180deg, #2c4a2c 0%, #1e3a1e 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.2); animation: gbd-board 10s ease-in-out infinite; }
.scn-great-blank-day .board-stand { position: absolute; bottom: 35%; left: 30%; width: 40%; height: 8px; background: #3a2e24; border-radius: 4px 4px 0 0; }
.scn-great-blank-day .figure { position: absolute; bottom: 20%; left: 45%; width: 24px; height: 50px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: gbd-figure 5s ease-in-out infinite; }
.scn-great-blank-day .desk { position: absolute; bottom: 18%; left: 35%; width: 30%; height: 12px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.scn-great-blank-day .clock { position: absolute; top: 12%; right: 20%; width: 30px; height: 30px; background: radial-gradient(circle, #f0e0c0 0%, #c8b898 70%); border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.3); animation: gbd-clock 6s ease-in-out infinite; }
.scn-great-blank-day .sunbeam { position: absolute; top: 10%; left: 10%; width: 20%; height: 60%; background: linear-gradient(135deg, rgba(255,255,200,.3) 0%, transparent 100%); transform: rotate(-20deg); filter: blur(8px); animation: gbd-beam 15s ease-in-out infinite alternate; }
@keyframes gbd-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .95 } }
@keyframes gbd-board { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-3px) } }
@keyframes gbd-figure { 0% { transform: rotate(-3deg) translateY(0) } 25% { transform: rotate(0) translateY(-2px) } 50% { transform: rotate(2deg) translateY(0) } 75% { transform: rotate(0) translateY(-1px) } 100% { transform: rotate(-3deg) translateY(0) } }
@keyframes gbd-clock { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(1) } }
@keyframes gbd-beam { 0% { opacity: .3; transform: rotate(-20deg) } 50% { opacity: .5; transform: rotate(-15deg) } 100% { opacity: .4; transform: rotate(-25deg) } }

.scn-dinner-success { background: linear-gradient(180deg, #f5e8d8 0%, #e0c8a8 40%, #c8a888 100%), radial-gradient(ellipse at 50% 30%, #fff0d0 0%, transparent 70%); }
.scn-dinner-success .bg-wall { position: absolute; inset: 0; background: linear-gradient(180deg, #f0e0c8 0%, #d8c0a0 100%); animation: dns-wall 12s ease-in-out infinite alternate; }
.scn-dinner-success .table { position: absolute; bottom: 25%; left: 15%; width: 70%; height: 30%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 -10px 20px rgba(0,0,0,.3); animation: dns-table 8s ease-in-out infinite; }
.scn-dinner-success .tablecloth { position: absolute; bottom: 40%; left: 20%; width: 60%; height: 15%; background: #fff5e8; border-radius: 20% 20% 5% 5%; box-shadow: 0 4px 8px rgba(0,0,0,.1); animation: dns-cloth 10s ease-in-out infinite; }
.scn-dinner-success .plate-1 { position: absolute; bottom: 42%; left: 30%; width: 40px; height: 40px; background: radial-gradient(circle at 30% 30%, #fff0e0 0%, #d8c8b8 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: dns-plate 7s ease-in-out infinite alternate; }
.scn-dinner-success .plate-2 { position: absolute; bottom: 42%; left: 55%; width: 40px; height: 40px; background: radial-gradient(circle at 30% 30%, #fff0e0 0%, #d8c8b8 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: dns-plate 7s ease-in-out infinite alternate reverse; }
.scn-dinner-success .glass-1 { position: absolute; bottom: 47%; left: 38%; width: 14px; height: 22px; background: linear-gradient(180deg, rgba(200,220,240,.4) 0%, rgba(180,200,220,.6) 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 0 10px rgba(200,220,240,.3); animation: dns-glass 9s ease-in-out infinite; }
.scn-dinner-success .glass-2 { position: absolute; bottom: 47%; left: 45%; width: 14px; height: 22px; background: linear-gradient(180deg, rgba(200,220,240,.4) 0%, rgba(180,200,220,.6) 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 0 10px rgba(200,220,240,.3); animation: dns-glass 9s ease-in-out infinite reverse; }
.scn-dinner-success .centerpiece { position: absolute; bottom: 45%; left: 47%; width: 6%; height: 10%; background: radial-gradient(circle at 50% 30%, #e8c088 0%, #c09860 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 0 12px rgba(200,160,100,.5); animation: dns-center 6s ease-in-out infinite; }
.scn-dinner-success .figure-left { position: absolute; bottom: 28%; left: 20%; width: 20px; height: 45px; background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; animation: dns-fig-left 4s ease-in-out infinite; }
.scn-dinner-success .figure-right { position: absolute; bottom: 28%; right: 20%; width: 20px; height: 45px; background: linear-gradient(180deg, #3a2a1a 0%, #1a120a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%; transform-origin: bottom center; animation: dns-fig-right 4s ease-in-out infinite; }
@keyframes dns-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .95 } }
@keyframes dns-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
@keyframes dns-cloth { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(1) } }
@keyframes dns-plate { 0% { transform: scale(1) } 50% { transform: scale(1.03) } 100% { transform: scale(1) } }
@keyframes dns-glass { 0% { transform: rotate(-2deg) translateY(0) } 50% { transform: rotate(2deg) translateY(-2px) } 100% { transform: rotate(-2deg) translateY(0) } }
@keyframes dns-center { 0% { transform: scale(1) } 50% { transform: scale(1.08) } 100% { transform: scale(1) } }
@keyframes dns-fig-left { 0% { transform: rotate(-2deg) } 25% { transform: rotate(1deg) translateY(-1px) } 50% { transform: rotate(0) translateY(0) } 75% { transform: rotate(-1deg) } 100% { transform: rotate(-2deg) } }
@keyframes dns-fig-right { 0% { transform: rotate(2deg) } 25% { transform: rotate(-1deg) translateY(-1px) } 50% { transform: rotate(0) translateY(0) } 75% { transform: rotate(1deg) } 100% { transform: rotate(2deg) } }

.scn-only-animal-blushes { background: linear-gradient(180deg, #f5efe5 0%, #e8dad0 50%, #d0c0b0 100%), radial-gradient(ellipse at 70% 40%, #fff8f0 0%, transparent 70%); }
.scn-only-animal-blushes .wall { position: absolute; inset: 0; background: linear-gradient(180deg, #f0e8e0 0%, #d8c8b8 100%); animation: oab-wall 15s ease-in-out infinite alternate; }
.scn-only-animal-blushes .mirror { position: absolute; top: 20%; left: 35%; width: 30%; height: 50%; background: linear-gradient(135deg, rgba(180,200,220,.3) 0%, rgba(200,220,240,.2) 50%, rgba(140,160,180,.1) 100%); border-radius: 4px; box-shadow: 0 0 30px rgba(180,200,220,.2), inset 0 0 10px rgba(255,255,255,.1); animation: oab-mirror 12s ease-in-out infinite; }
.scn-only-animal-blushes .figure { position: absolute; bottom: 20%; left: 45%; width: 30px; height: 60px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a12 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: oab-figure 5s ease-in-out infinite; }
.scn-only-animal-blushes .blush-left { position: absolute; bottom: 40%; left: 44.5%; width: 10px; height: 8px; background: radial-gradient(circle, #c89a7a 0%, transparent 100%); border-radius: 50%; filter: blur(2px); animation: oab-blush 4s ease-in-out infinite; }
.scn-only-animal-blushes .blush-right { position: absolute; bottom: 40%; right: 44.5%; width: 10px; height: 8px; background: radial-gradient(circle, #c89a7a 0%, transparent 100%); border-radius: 50%; filter: blur(2px); animation: oab-blush 4s ease-in-out infinite reverse; }
.scn-only-animal-blushes .hand { position: absolute; bottom: 30%; left: 48%; width: 14px; height: 14px; background: radial-gradient(circle at 40% 40%, #c8a888 0%, #a88868 100%); border-radius: 50% 40% 50% 50% / 60% 50% 50% 40%; transform: rotate(-20deg); animation: oab-hand 6s ease-in-out infinite; }
.scn-only-animal-blushes .window { position: absolute; top: 10%; right: 15%; width: 12%; height: 30%; background: linear-gradient(180deg, #d0e0f0 0%, #a0c0e0 100%); border-radius: 2px; box-shadow: 0 0 30px rgba(160,200,240,.4); animation: oab-window 8s ease-in-out infinite alternate; }
@keyframes oab-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .95 } }
@keyframes oab-mirror { 0% { opacity: .3 } 50% { opacity: .5 } 100% { opacity: .4 } }
@keyframes oab-figure { 0% { transform: rotate(-1deg) translateY(0) } 25% { transform: rotate(1deg) translateY(-2px) } 50% { transform: rotate(0) translateY(0) } 75% { transform: rotate(-1deg) translateY(-1px) } 100% { transform: rotate(-1deg) translateY(0) } }
@keyframes oab-blush { 0% { opacity: .5; transform: scale(1) } 50% { opacity: .9; transform: scale(1.3) } 100% { opacity: .5; transform: scale(1) } }
@keyframes oab-hand { 0% { transform: rotate(-20deg) translateX(0) } 50% { transform: rotate(-10deg) translateX(2px) } 100% { transform: rotate(-20deg) translateX(0) } }
@keyframes oab-window { 0% { opacity: .7 } 50% { opacity: 1 } 100% { opacity: .8 } }

.scn-tasmania-exile { background: linear-gradient(180deg, #1a1a2e 0%, #2a2a4e 30%, #1e1e3a 100%), radial-gradient(ellipse at 50% 20%, #2a2a4e 0%, #0a0a1a 100%); }
.scn-tasmania-exile .cell-wall { position: absolute; inset: 0; background: linear-gradient(90deg, #2a2a3e 0%, #1a1a2e 50%, #2a2a3e 100%); animation: tas-wall 30s ease-in-out infinite alternate; }
.scn-tasmania-exile .cell-floor { position: absolute; bottom: 0; left: 0; right: 0; height: 25%; background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.5); }
.scn-tasmania-exile .window { position: absolute; top: 20%; right: 20%; width: 15%; height: 25%; background: linear-gradient(180deg, #4a6a8a 0%, #2a4a6a 100%); border-radius: 2px; box-shadow: 0 0 30px rgba(60,120,180,.6), inset 0 0 10px rgba(200,220,240,.2); animation: tas-window 8s ease-in-out infinite alternate; }
.scn-tasmania-exile .figure { position: absolute; bottom: 15%; left: 40%; width: 25px; height: 55px; background: linear-gradient(180deg, #1a1a2e 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tas-figure 6s ease-in-out infinite; }
.scn-tasmania-exile .chains { position: absolute; bottom: 25%; left: 45%; width: 20px; height: 30px; background: linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 100%); border-radius: 20% 20% 30% 30% / 40% 40% 30% 30%; animation: tas-chains 4s ease-in-out infinite; }
.scn-tasmania-exile .moonlight { position: absolute; top: 10%; right: 25%; width: 30%; height: 60%; background: linear-gradient(135deg, rgba(120,160,200,.15) 0%, transparent 100%); transform: rotate(-15deg); filter: blur(10px); animation: tas-moon 20s ease-in-out infinite alternate; }
.scn-tasmania-exile .shadow { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); animation: tas-shadow 12s ease-in-out infinite alternate; }
@keyframes tas-wall { 0% { opacity: .8 } 50% { opacity: .9 } 100% { opacity: .85 } }
@keyframes tas-window { 0% { opacity: .4; transform: scaleX(1) } 50% { opacity: .7; transform: scaleX(1.05) } 100% { opacity: .5; transform: scaleX(1) } }
@keyframes tas-figure { 0% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(-2px) translateY(-1px) rotate(0) } 50% { transform: translateX(0) translateY(0) rotate(2deg) } 75% { transform: translateX(2px) translateY(-1px) rotate(0) } 100% { transform: translateX(0) translateY(0) rotate(-2deg) } }
@keyframes tas-chains { 0% { transform: rotate(-5deg) } 50% { transform: rotate(5deg) } 100% { transform: rotate(-5deg) } }
@keyframes tas-moon { 0% { opacity: .2; transform: rotate(-15deg) } 50% { opacity: .4; transform: rotate(-10deg) } 100% { opacity: .3; transform: rotate(-20deg) } }
@keyframes tas-shadow { 0% { opacity: .3 } 50% { opacity: .5 } 100% { opacity: .4 } }

.scn-uitlander-grievances {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b896 40%, #b89a72 100%),
    radial-gradient(ellipse at 30% 70%, #d4b896 0%, transparent 70%);
}
.scn-uitlander-grievances .wall-bg       { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #ebe1c5 0%, #d1bca0 100%); }
.scn-uitlander-grievances .floor         { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #9d8b6a 0%, #7a6a4b 100%); border-radius: 10% 10% 0 0 / 20% 20% 0 0; }
.scn-uitlander-grievances .desk          { position:absolute; bottom:20%; left:35%; width:30%; height:18%; background: linear-gradient(180deg, #8b6f4a 0%, #5a4528 100%); border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.4); }
.scn-uitlander-grievances .papers        { position:absolute; bottom:30%; left:40%; width:20%; height:8%; background: linear-gradient(135deg, #fcf3e0 30%, #e8dcc8 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); transform: rotate(-2deg); animation: ug-papers 6s ease-in-out infinite alternate; }
.scn-uitlander-grievances .figure-sil    { position:absolute; bottom:18%; left:55%; width:10%; height:28%; background: linear-gradient(180deg, #3a2a1a 0%, #1e140a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: ug-figure 8s ease-in-out infinite; }
.scn-uitlander-grievances .window        { position:absolute; top:12%; right:10%; width:25%; height:40%; border: 6px solid #5a4528; background: linear-gradient(180deg, #d9d0b0 0%, #b0a080 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); }
.scn-uitlander-grievances .shadow-lattice{ position:absolute; top:12%; right:10%; width:25%; height:40%; background: repeating-linear-gradient(0deg, transparent 0px, transparent 16px, rgba(0,0,0,0.15) 16px, rgba(0,0,0,0.15) 18px); }
.scn-uitlander-grievances .mote-dust     { position:absolute; top:20%; left:20%; width:4px; height:4px; background: rgba(255,240,200,0.6); border-radius:50%; box-shadow: 80px 30px 6px rgba(255,240,200,0.4), 150px 80px 8px rgba(255,240,200,0.3), 40px 120px 4px rgba(255,240,200,0.5); animation: ug-mote 15s linear infinite; }
.scn-uitlander-grievances .framed-map    { position:absolute; top:10%; left:8%; width:15%; height:20%; background: linear-gradient(135deg, #c8b88a 0%, #a09060 100%); border: 4px solid #6a4a28; border-radius: 2px; transform: rotate(2deg); box-shadow: 0 2px 8px rgba(0,0,0,0.3); animation: ug-map 12s ease-in-out infinite alternate; }
@keyframes ug-papers { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(-1deg) translateY(-2px); } 100% { transform: rotate(-3deg) translateY(0); } }
@keyframes ug-figure { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(6px) rotate(2deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes ug-mote { 0% { opacity: 0.3; transform: translateY(0); } 50% { opacity: 0.8; transform: translateY(-20px); } 100% { opacity: 0.3; transform: translateY(0); } }
@keyframes ug-map { 0% { filter: brightness(1); } 50% { filter: brightness(1.1); } 100% { filter: brightness(0.95); } }

.scn-manifesto-loyalty {
  background:
    linear-gradient(180deg, #f2e6d0 0%, #d4c4a0 50%, #b8a480 100%),
    radial-gradient(ellipse at 50% 80%, #d4c4a0 0%, transparent 70%);
}
.scn-manifesto-loyalty .room-back        { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #e6d8be 0%, #c8b698 100%); }
.scn-manifesto-loyalty .lectern          { position:absolute; bottom:30%; left:50%; width:12%; height:25%; transform:translateX(-50%); background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 6px 6px 2px 2px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); }
.scn-manifesto-loyalty .manifesto-doc    { position:absolute; bottom:42%; left:50%; width:16%; height:10%; transform:translateX(-50%) rotate(1deg); background: linear-gradient(135deg, #fdf5e8 0%, #e6d8be 100%); border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); animation: ml-doc 5s ease-in-out infinite alternate; }
.scn-manifesto-loyalty .hand-left        { position:absolute; bottom:34%; left:44%; width:6%; height:12%; background: linear-gradient(180deg, #d4b28a 0%, #a8835a 100%); border-radius: 40% 20% 20% 40% / 60% 40% 40% 60%; transform: rotate(10deg); animation: ml-hand-l 4s ease-in-out infinite alternate; }
.scn-manifesto-loyalty .hand-right       { position:absolute; bottom:34%; left:52%; width:6%; height:12%; background: linear-gradient(180deg, #d4b28a 0%, #a8835a 100%); border-radius: 20% 40% 40% 20% / 40% 60% 60% 40%; transform: rotate(-10deg); animation: ml-hand-r 4s ease-in-out infinite alternate; }
.scn-manifesto-loyalty .candle-glow      { position:absolute; bottom:38%; left:30%; width:8px; height:30px; background: radial-gradient(circle at 50% 0%, #ffd080 0%, transparent 70%); border-radius: 50%; box-shadow: 0 0 40px 20px #ffc060, 0 0 80px 40px rgba(255,192,96,0.4); animation: ml-candle 3s ease-in-out infinite alternate; }
.scn-manifesto-loyalty .bookshelf        { position:absolute; top:5%; left:5%; width:15%; height:55%; background: linear-gradient(180deg, #6a4a28 0%, #3a2a10 100%); border-radius: 4px; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); }
.scn-manifesto-loyalty .ceiling-beam     { position:absolute; top:4%; left:0; right:0; height:4%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a10 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
@keyframes ml-doc { 0% { transform: translateX(-50%) rotate(1deg) scale(1); } 50% { transform: translateX(-50%) rotate(0deg) scale(1.02); } 100% { transform: translateX(-50%) rotate(2deg) scale(1); } }
@keyframes ml-hand-l { 0% { transform: rotate(10deg) translateY(0); } 50% { transform: rotate(12deg) translateY(-2px); } 100% { transform: rotate(8deg) translateY(0); } }
@keyframes ml-hand-r { 0% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-8deg) translateY(-2px); } 100% { transform: rotate(-12deg) translateY(0); } }
@keyframes ml-candle { 0% { opacity: 0.8; box-shadow: 0 0 30px 15px #ffc060, 0 0 60px 30px rgba(255,192,96,0.3); } 50% { opacity: 1; box-shadow: 0 0 50px 25px #ffd080, 0 0 100px 50px rgba(255,208,128,0.5); } 100% { opacity: 0.85; box-shadow: 0 0 35px 18px #ffc060, 0 0 70px 35px rgba(255,192,96,0.4); } }

.scn-smuggled-maxim {
  background:
    linear-gradient(180deg, #c8b896 0%, #a09070 50%, #7a6a4a 100%),
    radial-gradient(ellipse at 20% 50%, #b0a080 0%, transparent 60%);
}
.scn-smuggled-maxim .crate-floor    { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius: 15% 15% 0 0 / 25% 25% 0 0; }
.scn-smuggled-maxim .maxim-gun      { position:absolute; bottom:25%; left:50%; width:35%; height:15%; transform:translateX(-50%); background: linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%); border-radius: 20% 20% 30% 30% / 40% 40% 20% 20%; box-shadow: 0 8px 16px rgba(0,0,0,0.6); animation: sm-gun 6s ease-in-out infinite; }
.scn-smuggled-maxim .barrel         { position:absolute; bottom:32%; left:60%; width:20%; height:6%; background: linear-gradient(180deg, #4a4a4a 0%, #2a2a2a 100%); border-radius: 30% 50% 50% 30% / 40% 60% 60% 40%; transform: rotate(-5deg); }
.scn-smuggled-maxim .ammo-belt      { position:absolute; bottom:20%; left:45%; width:30%; height:4%; background: repeating-linear-gradient(90deg, #8a6a3a 0px, #8a6a3a 8px, #5a4a2a 8px, #5a4a2a 12px); border-radius: 50%; }
.scn-smuggled-maxim .figure-guard   { position:absolute; bottom:20%; left:20%; width:10%; height:30%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; transform-origin: bottom center; animation: sm-guard 8s ease-in-out infinite; }
.scn-smuggled-maxim .lantern-lens   { position:absolute; bottom:40%; left:30%; width:8px; height:8px; background: radial-gradient(circle, #ffd080 0%, #c08040 70%); border-radius:50%; box-shadow: 0 0 30px 10px #c08040, 0 0 60px 20px rgba(192,128,64,0.5); animation: sm-lantern 3s ease-in-out infinite alternate; }
.scn-smuggled-maxim .wall-shadow    { position:absolute; top:0; left:0; right:0; height:100%; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); pointer-events: none; }
.scn-smuggled-maxim .dust-particle  { position:absolute; top:20%; left:10%; width:3px; height:3px; background: rgba(255,240,200,0.5); border-radius:50%; box-shadow: 60px 40px 4px rgba(255,240,200,0.4), 120px 80px 6px rgba(255,240,200,0.3), 200px 30px 5px rgba(255,240,200,0.5); animation: sm-dust 20s linear infinite; }
@keyframes sm-gun { 0% { transform: translateX(-50%) rotate(-2deg); } 50% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(2deg); } }
@keyframes sm-guard { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sm-lantern { 0% { opacity: 0.7; box-shadow: 0 0 20px 8px #c08040, 0 0 40px 15px rgba(192,128,64,0.4); } 50% { opacity: 1; box-shadow: 0 0 40px 15px #ffd080, 0 0 80px 30px rgba(255,208,128,0.6); } 100% { opacity: 0.75; box-shadow: 0 0 25px 10px #c08040, 0 0 50px 20px rgba(192,128,64,0.5); } }
@keyframes sm-dust { 0% { opacity: 0.2; transform: translateY(0); } 50% { opacity: 0.7; transform: translateY(-30px); } 100% { opacity: 0.2; transform: translateY(0); } }

.scn-high-intelligence {
  background:
    linear-gradient(180deg, #e6dcc8 0%, #c8bca0 50%, #b0a488 100%),
    radial-gradient(ellipse at 70% 30%, #d0c8b0 0%, transparent 70%);
}
.scn-high-intelligence .study-wall    { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #dcd0b8 0%, #c0b498 100%); }
.scn-high-intelligence .globe         { position:absolute; bottom:28%; left:20%; width:16%; height:20%; background: radial-gradient(circle at 40% 35%, #6a9a6a 0%, #3a6a3a 30%, #2a4a2a 100%); border-radius: 50%; box-shadow: 0 6px 12px rgba(0,0,0,0.3), inset 0 -4px 8px rgba(0,0,0,0.2); transform: rotate(15deg); animation: hi-globe 12s ease-in-out infinite alternate; }
.scn-high-intelligence .map-paper     { position:absolute; bottom:22%; left:45%; width:30%; height:20%; background: linear-gradient(135deg, #f5edd8 0%, #d8c8a8 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transform: rotate(-2deg); animation: hi-map 7s ease-in-out infinite alternate; }
.scn-high-intelligence .figure-thinker{ position:absolute; bottom:18%; left:55%; width:12%; height:30%; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%; transform-origin: bottom center; animation: hi-thinker 9s ease-in-out infinite; }
.scn-high-intelligence .book-pile     { position:absolute; bottom:15%; left:10%; width:12%; height:15%; background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%); border-radius: 2px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-high-intelligence .lamp-glow     { position:absolute; bottom:40%; left:30%; width:10px; height:30px; background: radial-gradient(circle at 50% 0%, #ffe0a0 0%, transparent 60%); border-radius: 50%; box-shadow: 0 0 60px 30px #ffd080, 0 0 120px 60px rgba(255,208,128,0.4); animation: hi-lamp 4s ease-in-out infinite alternate; }
.scn-high-intelligence .compass-drawer{ position:absolute; bottom:10%; left:40%; width:8%; height:4%; background: linear-gradient(90deg, #b0a080 0%, #8a7a5a 100%); border-radius: 2px; }
.scn-high-intelligence .curtain-soft  { position:absolute; top:0; right:0; width:8%; height:100%; background: linear-gradient(180deg, #b8a88a 0%, #8a7a5a 100%); border-radius: 0 10px 10px 0; opacity: 0.6; }
@keyframes hi-globe { 0% { transform: rotate(15deg) scale(1); } 50% { transform: rotate(10deg) scale(1.02); } 100% { transform: rotate(20deg) scale(1); } }
@keyframes hi-map { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-3px); } 100% { transform: rotate(-4deg) translateY(0); } }
@keyframes hi-thinker { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(3px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes hi-lamp { 0% { opacity: 0.8; box-shadow: 0 0 40px 20px #ffd080, 0 0 80px 40px rgba(255,208,128,0.3); } 50% { opacity: 1; box-shadow: 0 0 70px 35px #ffe0a0, 0 0 140px 70px rgba(255,224,160,0.5); } 100% { opacity: 0.85; box-shadow: 0 0 50px 25px #ffd080, 0 0 100px 50px rgba(255,208,128,0.4); } }

.scn-laureate-poem { background: linear-gradient(180deg, #f5e6c8 0%, #d9c8a6 60%, #b89b7a 100%), radial-gradient(ellipse at 50% 0%, #fff8ea 0%, transparent 70%); }
.scn-laureate-poem .bg-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #e6d5b8 0%, #c6b08a 100%); }
.scn-laureate-poem .desk { position:absolute; bottom:20%; left:20%; right:20%; height:15%; background: linear-gradient(180deg, #7a5a3a 0%, #4a3018 100%); border-radius: 4% 4% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.scn-laureate-poem .figure-poet { position:absolute; bottom:28%; left:35%; width:20px; height:40px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%; transform-origin: bottom center; animation: la-figure 4s ease-in-out infinite; }
.scn-laureate-poem .paper { position:absolute; bottom:32%; left:52%; width:30px; height:20px; background: linear-gradient(135deg, #faf0e0 0%, #e8d8c0 100%); border-radius: 4%; transform: rotate(-3deg); box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: la-paper 3s ease-in-out infinite alternate; }
.scn-laureate-poem .inkpot { position:absolute; bottom:30%; left:48%; width:10px; height:12px; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 30% 30% 20% 20%; animation: la-ink 5s ease-in-out infinite; }
.scn-laureate-poem .lamp { position:absolute; bottom:35%; left:28%; width:6px; height:20px; background: linear-gradient(180deg, #d0a060 0%, #806030 100%); border-radius: 2px; box-shadow: 0 0 12px 6px rgba(208,160,96,.4); animation: la-lamp-glow 3s ease-in-out infinite alternate; }
.scn-laureate-poem .lamp-glow { position:absolute; bottom:35%; left:28%; width:30px; height:30px; background: radial-gradient(circle, rgba(255,200,100,.4) 0%, transparent 70%); border-radius: 50%; transform: translate(-12px, -8px); animation: la-lamp-glow 3s ease-in-out infinite alternate; pointer-events: none; }
.scn-laureate-poem .curtain-left { position:absolute; top:0; left:0; width:15%; height:100%; background: linear-gradient(180deg, #b84020 0%, #7a2818 100%); border-radius: 0 20% 0 0; animation: la-curtain 8s ease-in-out infinite alternate; }
.scn-laureate-poem .curtain-right { position:absolute; top:0; right:0; width:15%; height:100%; background: linear-gradient(180deg, #b84020 0%, #7a2818 100%); border-radius: 20% 0 0 0; animation: la-curtain 8s ease-in-out infinite alternate-reverse; }
@keyframes la-figure { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-2px) rotate(2deg); } 60% { transform: translateY(-1px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes la-paper { 0% { transform: rotate(-3deg) scale(1); } 50% { transform: rotate(2deg) scale(1.02); } 100% { transform: rotate(-3deg) scale(1); } }
@keyframes la-ink { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes la-lamp-glow { 0% { opacity: .6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.2); } 100% { opacity: .7; transform: scale(1.05); } }
@keyframes la-curtain { 0% { width:15%; } 50% { width:13%; } 100% { width:15%; } }

.scn-letter-picked-up { background: linear-gradient(180deg, #c2e0f0 0%, #a0c8e0 40%, #d4b880 100%), radial-gradient(ellipse at 50% 100%, #d4b880 0%, transparent 60%); }
.scn-letter-picked-up .sky-sun { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #a8d0e8 0%, #c8e0f0 40%, #e8f0d0 100%); animation: lp-sky 12s ease-in-out infinite alternate; }
.scn-letter-picked-up .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #b8a070 0%, #8a7048 100%); border-radius: 30% 0 0 0 / 50% 0 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); }
.scn-letter-picked-up .figure-jameson { position:absolute; bottom:30%; left:45%; width:22px; height:44px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a18 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: lp-figure 3s ease-in-out infinite; }
.scn-letter-picked-up .letter-ground { position:absolute; bottom:35%; left:55%; width:20px; height:14px; background: linear-gradient(135deg, #f0d8b0 0%, #c8a880 100%); border-radius: 4%; box-shadow: 2px 4px 6px rgba(0,0,0,.4); animation: lp-letter 2s ease-in-out infinite alternate; }
.scn-letter-picked-up .shadow-letter { position:absolute; bottom:34%; left:55%; width:22px; height:4px; background: rgba(0,0,0,.2); border-radius: 50%; filter: blur(2px); animation: lp-shadow 2s ease-in-out infinite alternate; }
.scn-letter-picked-up .dust-sparkle-1 { position:absolute; bottom:40%; left:50%; width:4px; height:4px; background: rgba(255,255,200,.7); border-radius: 50%; box-shadow: 0 0 6px 2px rgba(255,255,200,.4); animation: lp-sparkle 5s ease-in-out infinite; }
.scn-letter-picked-up .dust-sparkle-2 { position:absolute; bottom:38%; left:58%; width:3px; height:3px; background: rgba(255,255,200,.5); border-radius: 50%; animation: lp-sparkle 7s ease-in-out infinite 2s; }
@keyframes lp-sky { 0% { opacity: .8; } 50% { opacity: 1; } 100% { opacity: .85; } }
@keyframes lp-figure { 0% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(2px) translateY(-1px) rotate(3deg); } 50% { transform: translateX(4px) translateY(0) rotate(0deg); } 75% { transform: translateX(2px) translateY(-1px) rotate(-3deg); } 100% { transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes lp-letter { 0% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(-5deg); } }
@keyframes lp-shadow { 0% { transform: scaleX(1); opacity: .2; } 50% { transform: scaleX(1.1); opacity: .3; } 100% { transform: scaleX(1); opacity: .2; } }
@keyframes lp-sparkle { 0% { opacity: 0; transform: scale(0); } 50% { opacity: 1; transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } }

.scn-letter-effects { background: linear-gradient(180deg, #3a3a4e 0%, #2a2a40 60%, #1a1a2e 100%), radial-gradient(ellipse at 50% 50%, #4a4a6e 0%, transparent 70%); }
.scn-letter-effects .wall-room { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #4a4a5e 0%, #3a3a4e 100%); }
.scn-letter-effects .pedestal { position:absolute; bottom:25%; left:50%; width:40px; height:60px; transform: translateX(-50%); background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 10% 10% 4% 4%; box-shadow: 0 4px 8px rgba(0,0,0,.5); }
.scn-letter-effects .letter-pedestal { position:absolute; bottom:45%; left:50%; width:24px; height:16px; transform: translateX(-50%); background: linear-gradient(135deg, #d0b890 0%, #a08868 100%); border-radius: 4%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: le-letter 4s ease-in-out infinite; }
.scn-letter-effects .frame-hero { position:absolute; bottom:45%; left:20%; width:40px; height:60px; background: linear-gradient(180deg, #8a6a3a 0%, #4a3018 100%); border: 2px solid #b09060; border-radius: 8%; box-shadow: 0 0 12px 4px rgba(255,200,100,.3); animation: le-frame-hero 6s ease-in-out infinite alternate; }
.scn-letter-effects .frame-pirate { position:absolute; bottom:45%; left:40%; width:40px; height:60px; background: linear-gradient(180deg, #3a3a5a 0%, #1a1a3a 100%); border: 2px solid #6a6a8a; border-radius: 8%; box-shadow: 0 0 12px 4px rgba(100,100,150,.3); animation: le-frame-pirate 6s ease-in-out infinite alternate 2s; }
.scn-letter-effects .frame-ass { position:absolute; bottom:45%; left:60%; width:40px; height:60px; background: linear-gradient(180deg, #5a4a30 0%, #2a1a10 100%); border: 2px solid #7a6a50; border-radius: 8%; box-shadow: 0 0 12px 4px rgba(150,130,80,.3); animation: le-frame-ass 6s ease-in-out infinite alternate 4s; }
.scn-letter-effects .glow-frames { position:absolute; bottom:45%; left:20%; width:80%; height:60px; background: radial-gradient(ellipse at 50% 50%, rgba(255,255,200,.15) 0%, transparent 70%); pointer-events: none; animation: le-glow 8s ease-in-out infinite alternate; }
@keyframes le-letter { 0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-50%) rotate(5deg); } 50% { transform: translateX(-50%) rotate(-5deg); } 75% { transform: translateX(-50%) rotate(3deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes le-frame-hero { 0% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: .8; } }
@keyframes le-frame-pirate { 0% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: .8; } }
@keyframes le-frame-ass { 0% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: .8; } }
@keyframes le-glow { 0% { opacity: .3; } 50% { opacity: .6; } 100% { opacity: .3; } }

.scn-committee-contradictions { background: linear-gradient(180deg, #2a2a3e 0%, #1e1e30 50%, #3a2a1a 100%), radial-gradient(ellipse at 50% 0%, #4a4a6e 0%, transparent 70%); }
.scn-committee-contradictions .room-bg { position:absolute; inset:0 0 15% 0; background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3e 100%); }
.scn-committee-contradictions .table-committee { position:absolute; bottom:15%; left:15%; right:15%; height:25%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 8% 8% 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,.5); }
.scn-committee-contradictions .figure-left { position:absolute; bottom:30%; left:25%; width:20px; height:44px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cc-figure-left 4s ease-in-out infinite; }
.scn-committee-contradictions .figure-right { position:absolute; bottom:30%; right:25%; width:20px; height:44px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cc-figure-right 4.5s ease-in-out infinite; }
.scn-committee-contradictions .flag-transvaal { position:absolute; bottom:35%; left:50%; width:50px; height:35px; transform: translateX(-50%); background: linear-gradient(180deg, #1a5a2a 0%, #0a3a1a 100%); border-radius: 4%; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: cc-flag 6s ease-in-out infinite alternate; }
.scn-committee-contradictions .riffles-stack { position:absolute; bottom:18%; left:60%; width:8px; height:50px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 2px; box-shadow: 4px 0 0 0 #3a2a1a, 8px 0 0 0 #2a1a0a; transform: rotate(10deg); animation: cc-riffles 7s ease-in-out infinite; }
.scn-committee-contradictions .spotlight { position:absolute; top:0; left:30%; right:30%; bottom:40%; background: radial-gradient(ellipse at 50% 0%, rgba(255,240,200,.2) 0%, transparent 100%); pointer-events: none; animation: cc-spotlight 5s ease-in-out infinite alternate; }
@keyframes cc-figure-left { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(2px) rotate(2deg); } 50% { transform: translateX(-1px) rotate(-1deg); } 75% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes cc-figure-right { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-2px) rotate(-2deg); } 50% { transform: translateX(1px) rotate(1deg); } 75% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes cc-flag { 0% { transform: translateX(-50%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(5deg); } 100% { transform: translateX(-50%) rotate(-5deg); } }
@keyframes cc-riffles { 0% { transform: rotate(10deg) translateY(0); } 50% { transform: rotate(12deg) translateY(-2px); } 100% { transform: rotate(10deg) translateY(0); } }
@keyframes cc-spotlight { 0% { opacity: .4; } 50% { opacity: .7; } 100% { opacity: .4; } }

.scn-defeat-night {
  background: 
    linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 40%, #2a1a1a 100%),
    radial-gradient(ellipse at 30% 70%, #5a3a2a 0%, transparent 60%);
}
.scn-defeat-night .bg-night { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #0d0d1a 0%, transparent 100%); animation: dn-sky 20s ease-in-out infinite alternate; }
.scn-defeat-night .tent { position:absolute; bottom:20%; left:10%; width:150px; height:100px; background: linear-gradient(135deg, #3a2a1a 0%, #1a0e0a 100%); border-radius:30% 30% 10% 10%; clip-path: polygon(0% 100%, 20% 0%, 80% 0%, 100% 100%); box-shadow: inset -10px -10px 20px rgba(0,0,0,.6); animation: dn-tent 12s ease-in-out infinite; }
.scn-defeat-night .fire { position:absolute; bottom:18%; left:35%; width:40px; height:50px; background: radial-gradient(ellipse 50% 60% at 50% 100%, #ff6a30 0%, #b84010 50%, #2a1a0a 100%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 60px 20px #ff6a30, 0 0 120px 40px #8a3a0a; animation: dn-fire 2s ease-in-out infinite alternate; }
.scn-defeat-night .wounded { position:absolute; bottom:12%; width:40px; height:30px; background: linear-gradient(180deg, #2a1a1a 0%, #1a0e0a 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; }
.scn-defeat-night .wounded-1 { left:20%; animation: dn-wound1 6s ease-in-out infinite; }
.scn-defeat-night .wounded-2 { left:55%; animation: dn-wound2 7s ease-in-out infinite; }
.scn-defeat-night .figure-sit { position:absolute; bottom:15%; left:45%; width:25px; height:40px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: dn-sit 4s ease-in-out infinite; }
.scn-defeat-night .shadow-fire { position:absolute; bottom:10%; left:25%; width:200px; height:20px; background: radial-gradient(ellipse, rgba(0,0,0,.8) 0%, transparent 100%); filter: blur(8px); animation: dn-shadow 3s ease-in-out infinite alternate; }
.scn-defeat-night .ember { position:absolute; width:4px; height:4px; background: #ffb040; border-radius:50%; box-shadow: 0 0 6px 2px #ffb040; }
.scn-defeat-night .ember-1 { bottom:25%; left:33%; animation: dn-ember1 3s ease-in-out infinite; }
.scn-defeat-night .ember-2 { bottom:28%; left:37%; animation: dn-ember2 3.5s ease-in-out infinite 1s; }

@keyframes dn-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.6 } }
@keyframes dn-tent { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } }
@keyframes dn-fire { 0% { transform: scale(1) rotate(-2deg); filter: brightness(1) } 50% { transform: scale(1.05) rotate(2deg); filter: brightness(1.1) } 100% { transform: scale(.98) rotate(-1deg); filter: brightness(.9) } }
@keyframes dn-wound1 { 0%,100% { transform: translate(0,0) rotate(0) } 50% { transform: translate(2px,-1px) rotate(3deg) } }
@keyframes dn-wound2 { 0%,100% { transform: translate(0,0) rotate(0) } 50% { transform: translate(-2px,-1px) rotate(-3deg) } }
@keyframes dn-sit { 0%,100% { transform: rotate(0) } 50% { transform: rotate(2deg) translateY(-1px) } }
@keyframes dn-shadow { 0% { transform: scaleX(1) translateX(0) } 100% { transform: scaleX(1.2) translateX(10px) } }
@keyframes dn-ember1 { 0% { transform: translate(0,0) scale(1); opacity:0 } 20% { opacity:1 } 40% { transform: translate(15px,-10px) scale(1.5); opacity:1 } 100% { transform: translate(30px,-20px) scale(0); opacity:0 } }
@keyframes dn-ember2 { 0% { transform: translate(0,0) scale(1); opacity:0 } 20% { opacity:1 } 60% { transform: translate(20px,-15px) scale(1.3); opacity:1 } 100% { transform: translate(40px,-30px) scale(0); opacity:0 } }

.scn-white-flag {
  background: 
    linear-gradient(180deg, #4a6a7a 0%, #7a9aaa 30%, #9ab8c8 60%, #b8d0d8 100%),
    radial-gradient(ellipse at 50% 0%, #d0e0e8 0%, transparent 50%);
}
.scn-white-flag .bg-dawn { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #6a8a9a 0%, transparent 100%); animation: wf-sky 30s ease-in-out infinite alternate; }
.scn-white-flag .sun { position:absolute; top:5%; right:15%; width:60px; height:60px; background: radial-gradient(circle, #f0d080 0%, #d0a050 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 80px 30px #f0d080; animation: wf-sun 10s ease-in-out infinite; }
.scn-white-flag .column { position:absolute; bottom:15%; left:10%; width:80%; height:60%; background: repeating-linear-gradient(90deg, #2a3a4a 0px, #2a3a4a 4px, #3a4a5a 4px, #3a4a5a 8px); clip-path: polygon(10% 100%, 15% 0%, 85% 0%, 90% 100%); opacity:.6; animation: wf-column 15s linear infinite alternate; }
.scn-white-flag .flag-pole { position:absolute; bottom:20%; left:50%; width:4px; height:200px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); transform: translateX(-50%); }
.scn-white-flag .white-flag { position:absolute; bottom:50%; left:50%; width:60px; height:40px; background: #f0f0f0; transform: translateX(-50%); border-radius: 0 2px 2px 0; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: wf-flag 4s ease-in-out infinite; }
.scn-white-flag .dust { position:absolute; bottom:10%; width:20px; height:20px; background: radial-gradient(circle, rgba(180,160,140,.6) 0%, transparent 100%); filter: blur(4px); }
.scn-white-flag .dust-1 { left:30%; animation: wf-dust1 6s linear infinite; }
.scn-white-flag .dust-2 { left:60%; animation: wf-dust2 8s linear infinite 2s; }
.scn-white-flag .figure-officer { position:absolute; bottom:18%; left:45%; width:20px; height:45px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wf-officer 5s ease-in-out infinite; }

@keyframes wf-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes wf-sun { 0%,100% { transform: scale(1) translate(0,0) } 50% { transform: scale(1.1) translate(5px, -3px) } }
@keyframes wf-column { 0% { transform: translateX(0) } 100% { transform: translateX(-10px) } }
@keyframes wf-flag { 0%,100% { transform: translateX(-50%) rotate(-5deg) } 50% { transform: translateX(-50%) rotate(5deg) } }
@keyframes wf-dust1 { 0% { transform: translate(0,0) scale(1); opacity:0 } 20% { opacity:.8 } 100% { transform: translate(80px, -30px) scale(2); opacity:0 } }
@keyframes wf-dust2 { 0% { transform: translate(0,0) scale(1); opacity:0 } 20% { opacity:.8 } 100% { transform: translate(60px, -20px) scale(1.5); opacity:0 } }
@keyframes wf-officer { 0%,100% { transform: rotate(0) } 50% { transform: rotate(3deg) translateY(-2px) } }

.scn-boer-farmer-story {
  background: 
    linear-gradient(180deg, #e8d4b0 0%, #d4bc9a 30%, #c0a880 100%),
    radial-gradient(ellipse at 50% 100%, #c0a880 0%, transparent 70%);
}
.scn-boer-farmer-story .room-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #d4c0a0 0%, #b8a080 100%); animation: bf-wall 15s ease-in-out infinite alternate; }
.scn-boer-farmer-story .window { position:absolute; top:10%; left:50%; width:80px; height:100px; transform: translateX(-50%); background: linear-gradient(180deg, #b0d0e0 0%, #80a0c0 100%); border: 6px solid #6a4a2a; border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,.3); animation: bf-window 8s ease-in-out infinite; }
.scn-boer-farmer-story .farmer { position:absolute; bottom:25%; left:50%; width:50px; height:80px; background: linear-gradient(180deg, #5a3a2a 0%, #3a2a1a 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform: translateX(-50%); animation: bf-farmer 6s ease-in-out infinite; }
.scn-boer-farmer-story .flag-stand { position:absolute; bottom:20%; left:60%; width:6px; height:120px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); transform: rotate(10deg); }
.scn-boer-farmer-story .white-flag.flag-small { position:absolute; bottom:55%; left:62%; width:40px; height:25px; background: #f0f0f0; transform: rotate(10deg); border-radius: 0 2px 2px 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: bf-flag 4s ease-in-out infinite; }
.scn-boer-farmer-story .chair { position:absolute; bottom:15%; left:30%; width:60px; height:60px; background: linear-gradient(135deg, #6a4a2a 0%, #4a2a1a 100%); border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%; clip-path: polygon(10% 100%, 20% 0%, 80% 0%, 90% 100%); }
.scn-boer-farmer-story .table { position:absolute; bottom:10%; left:55%; width:80px; height:40px; background: linear-gradient(180deg, #7a5a3a 0%, #4a2a1a 100%); border-radius: 4px; transform: skewX(-5deg); }
.scn-boer-farmer-story .mug { position:absolute; bottom:22%; left:58%; width:20px; height:25px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%; box-shadow: 0 2px 4px rgba(0,0,0,.3); animation: bf-mug 5s ease-in-out infinite; }

@keyframes bf-wall { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes bf-window { 0%,100% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.03) } }
@keyframes bf-farmer { 0%,100% { transform: translateX(-50%) rotate(0) } 50% { transform: translateX(-50%) rotate(2deg) translateY(-2px) } }
@keyframes bf-flag { 0%,100% { transform: rotate(10deg) scale(1) } 50% { transform: rotate(15deg) scale(1.05) } }
@keyframes bf-mug { 0%,100% { transform: translate(0,0) } 50% { transform: translate(2px, -1px) } }

.scn-jameson-losses {
  background: 
    linear-gradient(180deg, #c8b898 0%, #b0a080 30%, #988868 100%),
    radial-gradient(ellipse at 50% 50%, #d8c8a8 0%, transparent 80%);
}
.scn-jameson-losses .bg-room { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #b0a080 0%, transparent 100%); animation: jl-room 20s ease-in-out infinite alternate; }
.scn-jameson-losses .desk { position:absolute; bottom:5%; left:10%; width:80%; height:40%; background: linear-gradient(180deg, #7a6a4a 0%, #5a4a2a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.4); clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%); animation: jl-desk 12s ease-in-out infinite; }
.scn-jameson-losses .paper { position:absolute; width:50px; height:70px; background: linear-gradient(135deg, #e8d8c0 0%, #d0c0a8 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.scn-jameson-losses .paper-1 { bottom:25%; left:20%; transform: rotate(-10deg); animation: jl-paper1 8s ease-in-out infinite; }
.scn-jameson-losses .paper-2 { bottom:30%; left:35%; transform: rotate(5deg); animation: jl-paper2 9s ease-in-out infinite 1s; }
.scn-jameson-losses .hand { position:absolute; bottom:20%; left:25%; width:30px; height:45px; background: linear-gradient(180deg, #d0b090 0%, #b89878 100%); border-radius: 40% 40% 50% 50% / 60% 60% 40% 40%; transform: rotate(-20deg); transform-origin: bottom center; animation: jl-hand 6s ease-in-out infinite; }
.scn-jameson-losses .candle { position:absolute; bottom:40%; left:50%; width:8px; height:40px; background: linear-gradient(180deg, #e8d0a0 0%, #b89878 100%); border-radius: 2px 2px 0 0; transform: translateX(-50%); animation: jl-candle 10s ease-in-out infinite; }
.scn-jameson-losses .shadow-desk { position:absolute; bottom:0; left:10%; width:80%; height:10%; background: radial-gradient(ellipse, rgba(0,0,0,.5) 0%, transparent 100%); filter: blur(6px); animation: jl-shadow 8s ease-in-out infinite alternate; }
.scn-jameson-losses .lamp { position:absolute; top:10%; left:40%; width:30px; height:50px; background: radial-gradient(ellipse 50% 60% at 50% 100%, #f0d080 0%, #d0a050 50%, transparent 100%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 40px 20px #f0d080; animation: jl-lamp 4s ease-in-out infinite alternate; }

@keyframes jl-room { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes jl-desk { 0%,100% { transform: scaleY(1) } 50% { transform: scaleY(1.01) } }
@keyframes jl-paper1 { 0%,100% { transform: rotate(-10deg) translate(0,0) } 50% { transform: rotate(-8deg) translate(3px,-2px) } }
@keyframes jl-paper2 { 0%,100% { transform: rotate(5deg) translate(0,0) } 50% { transform: rotate(7deg) translate(-3px,-1px) } }
@keyframes jl-hand { 0%,100% { transform: rotate(-20deg) } 50% { transform: rotate(-15deg) } }
@keyframes jl-candle { 0%,100% { transform: translateX(-50%) scaleY(1) } 50% { transform: translateX(-50%) scaleY(1.03) } }
@keyframes jl-shadow { 0% { transform: scaleX(1) } 100% { transform: scaleX(1.1) } }
@keyframes jl-lamp { 0% { transform: scale(1); opacity:.8 } 50% { transform: scale(1.05); opacity:1 } 100% { transform: scale(.98); opacity:.85 } }

.scn-barry-portrait {
  background: linear-gradient(180deg, #c8a882 0%, #b8926a 40%, #a07850 100%), radial-gradient(ellipse at 50% 100%, #b08060 0%, transparent 70%);
}
.scn-barry-portrait .wall {
  position:absolute; inset:0; background: linear-gradient(135deg, #d0b090 0%, #b8977a 100%); opacity:0.9;
}
.scn-barry-portrait .window {
  position:absolute; top:10%; left:5%; width:30%; height:40%; background: linear-gradient(180deg, #f0e0c0 0%, #d0c0a0 100%); border-radius:4% 4% 2% 2%; box-shadow: inset 0 0 60px rgba(255,220,150,0.6); animation: bap-window 10s ease-in-out infinite alternate;
}
.scn-barry-portrait .curtain-l {
  position:absolute; top:8%; left:2%; width:12%; height:44%; background: linear-gradient(180deg, #a06040 0%, #804020 100%); border-radius: 0 30% 30% 0 / 0 40% 40% 0; transform-origin: left center; animation: bap-curtain 8s ease-in-out infinite alternate;
}
.scn-barry-portrait .curtain-r {
  position:absolute; top:8%; right:2%; width:12%; height:44%; background: linear-gradient(180deg, #a06040 0%, #804020 100%); border-radius: 30% 0 0 30% / 40% 0 0 40%; transform-origin: right center; animation: bap-curtain 8s ease-in-out infinite alternate-reverse;
}
.scn-barry-portrait .easel {
  position:absolute; bottom:8%; left:50%; width:4%; height:36%; transform:translateX(-50%); background: linear-gradient(180deg, #5a3a2a 0%, #3a2212 100%); border-radius: 2px 2px 0 0;
}
.scn-barry-portrait .portrait-canvas {
  position:absolute; bottom:26%; left:50%; width:22%; height:26%; transform:translateX(-50%); background: linear-gradient(135deg, #e0d0c0 0%, #c0a890 100%); border: 4px solid #6a4a3a; border-radius: 2%; box-shadow: 0 8px 20px rgba(0,0,0,0.3); animation: bap-canvas 6s ease-in-out infinite;
}
.scn-barry-portrait .portrait-figure {
  position:absolute; bottom:28%; left:50%; width:12%; height:18%; transform:translateX(-50%); background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 2px 4px rgba(0,0,0,0.4); animation: bap-figure 6s ease-in-out infinite;
}
.scn-barry-portrait .lamp {
  position:absolute; top:30%; right:15%; width:6%; height:18%; background: linear-gradient(180deg, #c09060 0%, #a07040 100%); border-radius: 50% 50% 10% 10% / 60% 60% 10% 10%; box-shadow: 0 0 30px 10px rgba(255,180,80,0.5); animation: bap-lamp 4s ease-in-out infinite alternate;
}
.scn-barry-portrait .lamp-glow {
  position:absolute; top:28%; right:13%; width:12%; height:12%; background: radial-gradient(circle, rgba(255,200,100,0.6) 0%, transparent 70%); border-radius:50%; filter: blur(10px); animation: bap-lamp-glow 4s ease-in-out infinite alternate;
}
@keyframes bap-window { 0% { opacity:0.8; box-shadow: inset 0 0 60px rgba(255,220,150,0.4); } 50% { opacity:1; box-shadow: inset 0 0 80px rgba(255,220,150,0.8); } 100% { opacity:0.85; box-shadow: inset 0 0 60px rgba(255,220,150,0.5); } }
@keyframes bap-curtain { 0% { transform: scaleX(1); } 50% { transform: scaleX(0.9); } 100% { transform: scaleX(1.05); } }
@keyframes bap-canvas { 0% { transform: translateX(-50%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(1deg); } 100% { transform: translateX(-50%) rotate(-0.5deg); } }
@keyframes bap-figure { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-2px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes bap-lamp { 0% { background: linear-gradient(180deg, #c09060, #a07040); box-shadow: 0 0 20px 5px rgba(255,180,80,0.3); } 50% { background: linear-gradient(180deg, #e0b080, #c09060); box-shadow: 0 0 40px 15px rgba(255,200,100,0.7); } 100% { background: linear-gradient(180deg, #c09060, #a07040); box-shadow: 0 0 25px 8px rgba(255,180,80,0.4); } }
@keyframes bap-lamp-glow { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:0.9; transform: scale(1.2); } 100% { opacity:0.6; transform: scale(1); } }

.scn-nelson-monument {
  background: linear-gradient(180deg, #4a7bb5 0%, #6a9bd5 40%, #8abbf5 100%), radial-gradient(ellipse at 60% 20%, #ffd080 0%, transparent 60%);
}
.scn-nelson-monument .sky {
  position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #3a6a9a 0%, #5a8aba 100%); animation: nem-sky 20s ease-in-out infinite alternate;
}
.scn-nelson-monument .sun {
  position:absolute; top:10%; right:20%; width:12%; height:12%; background: radial-gradient(circle, #ffd080 0%, #ffb050 40%, transparent 70%); border-radius:50%; animation: nem-sun 8s ease-in-out infinite alternate;
}
.scn-nelson-monument .sea {
  position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #2a6a8a 0%, #1a4a6a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.3); animation: nem-sea 12s ease-in-out infinite;
}
.scn-nelson-monument .cliff {
  position:absolute; bottom:30%; left:10%; width:25%; height:40%; background: linear-gradient(135deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 30% 30% 10% 10% / 60% 60% 20% 20%; box-shadow: inset -10px 0 20px rgba(0,0,0,0.4); animation: nem-cliff 15s ease-in-out infinite alternate;
}
.scn-nelson-monument .monument {
  position:absolute; bottom:35%; left:17%; width:6%; height:35%; background: linear-gradient(180deg, #c0a080 0%, #a08060 100%); border-radius: 3px 3px 0 0; box-shadow: 0 4px 10px rgba(0,0,0,0.3); transform-origin: bottom center; animation: nem-monument 6s ease-in-out infinite alternate;
}
.scn-nelson-monument .ship {
  position:absolute; bottom:18%; left:65%; width:18%; height:12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a1a 100%); border-radius: 40% 40% 10% 10% / 60% 60% 10% 10%; box-shadow: 0 2px 6px rgba(0,0,0,0.5); animation: nem-ship 10s ease-in-out infinite;
}
.scn-nelson-monument .cloud-a {
  position:absolute; top:8%; left:10%; width:20%; height:4%; background: rgba(255,255,255,0.5); filter: blur(6px); border-radius:50%; animation: nem-cloud-a 40s linear infinite;
}
.scn-nelson-monument .cloud-b {
  position:absolute; top:18%; right:5%; width:15%; height:3%; background: rgba(255,255,255,0.3); filter: blur(4px); border-radius:50%; animation: nem-cloud-b 50s linear infinite reverse;
}
@keyframes nem-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes nem-sun { 0% { transform: scale(0.9); opacity:0.8; } 50% { transform: scale(1.1); opacity:1; } 100% { transform: scale(0.95); opacity:0.85; } }
@keyframes nem-sea { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(0); } }
@keyframes nem-cliff { 0% { transform: translateY(0); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@keyframes nem-monument { 0% { transform: rotate(0deg); } 50% { transform: rotate(0.5deg); } 100% { transform: rotate(-0.3deg); } }
@keyframes nem-ship { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(2px) rotate(1deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes nem-cloud-a { 0% { transform: translateX(0); } 100% { transform: translateX(80vw); } }
@keyframes nem-cloud-b { 0% { transform: translateX(0); } 100% { transform: translateX(-70vw); } }

.scn-southampton-arrival {
  background: linear-gradient(180deg, #5a8ab5 0%, #7aaad5 40%, #9acaf5 100%), radial-gradient(ellipse at 50% 100%, #b0d0e0 0%, transparent 70%);
}
.scn-southampton-arrival .sky {
  position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #4a7aa5 0%, #6a9ac5 100%); animation: soa-sky 18s ease-in-out infinite alternate;
}
.scn-southampton-arrival .sun {
  position:absolute; top:12%; left:45%; width:10%; height:10%; background: radial-gradient(circle, #ffd080 0%, #ffb050 40%, transparent 70%); border-radius:50%; animation: soa-sun 10s ease-in-out infinite alternate;
}
.scn-southampton-arrival .harbor {
  position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #2a6a8a 0%, #1a4a6a 100%); box-shadow: inset 0 8px 20px rgba(0,0,0,0.2); animation: soa-harbor 14s ease-in-out infinite;
}
.scn-southampton-arrival .dock {
  position:absolute; bottom:22%; left:5%; right:5%; height:8%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 4px 4px 0 0; box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}
.scn-southampton-arrival .ship-arrival {
  position:absolute; bottom:28%; left:20%; width:25%; height:18%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a1a 100%); border-radius: 30% 30% 10% 10% / 50% 50% 10% 10%; box-shadow: 0 4px 10px rgba(0,0,0,0.4); animation: soa-ship 12s ease-in-out infinite;
}
.scn-southampton-arrival .lighthouse {
  position:absolute; bottom:30%; right:10%; width:6%; height:28%; background: linear-gradient(180deg, #c0a080 0%, #a08060 100%); border-radius: 3px 3px 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.scn-southampton-arrival .beam {
  position:absolute; top:48%; right:16%; width:8%; height:4%; background: rgba(255,240,200,0.6); filter: blur(8px); border-radius:50%; animation: soa-beam 6s ease-in-out infinite alternate;
}
.scn-southampton-arrival .crowd {
  position:absolute; bottom:22%; left:10%; width:15%; height:6%; background: linear-gradient(180deg, #2a1a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; opacity:0.5; animation: soa-crowd 8s ease-in-out infinite;
}
.scn-southampton-arrival .cloud-c {
  position:absolute; top:6%; left:5%; width:18%; height:3%; background: rgba(255,255,255,0.4); filter: blur(5px); border-radius:50%; animation: soa-cloud-c 45s linear infinite;
}
.scn-southampton-arrival .cloud-d {
  position:absolute; top:20%; right:15%; width:14%; height:2%; background: rgba(255,255,255,0.3); filter: blur(4px); border-radius:50%; animation: soa-cloud-d 55s linear infinite reverse;
}
@keyframes soa-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes soa-sun { 0% { transform: scale(0.9) translateX(0); opacity:0.8; } 50% { transform: scale(1.05) translateX(5px); opacity:1; } 100% { transform: scale(0.95) translateX(-2px); opacity:0.85; } }
@keyframes soa-harbor { 0% { transform: translateY(0); } 50% { transform: translateY(1px); } 100% { transform: translateY(0); } }
@keyframes soa-ship { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(2px) rotate(0.5deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes soa-beam { 0% { opacity:0.4; transform: rotate(-2deg) scaleX(1); } 50% { opacity:0.9; transform: rotate(2deg) scaleX(1.2); } 100% { opacity:0.5; transform: rotate(-1deg) scaleX(1); } }
@keyframes soa-crowd { 0% { transform: translateY(0); } 50% { transform: translateY(1px); } 100% { transform: translateY(0); } }
@keyframes soa-cloud-c { 0% { transform: translateX(0); } 100% { transform: translateX(70vw); } }
@keyframes soa-cloud-d { 0% { transform: translateX(0); } 100% { transform: translateX(-60vw); } }

.scn-beautiful-tree { background: linear-gradient(180deg, #87CEEB 0%, #FFF8DC 50%, #F5DEB3 100%), radial-gradient(ellipse at 80% 20%, #FFD700 0%, transparent 70%); }
.scn-beautiful-tree .sky { position:absolute; inset:0; background: linear-gradient(180deg, #FFE4B5 0%, #FFF8DC 40%, transparent 60%); animation: be-tr-sky 12s ease-in-out infinite; }
.scn-beautiful-tree .ground { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #8FBC8F 0%, #6B8E23 100%); border-radius: 30% 70% 0 0 / 50% 30% 0 0; animation: be-tr-ground 20s ease-in-out infinite; }
.scn-beautiful-tree .trunk { position:absolute; bottom:40%; left:50%; width:16px; height:40%; transform:translateX(-50%); background: linear-gradient(90deg, #8B4513 0%, #A0522D 50%, #8B4513 100%); border-radius:4px; }
.scn-beautiful-tree .lower-foliage { position:absolute; bottom:60%; left:50%; width:140px; height:80px; transform:translateX(-50%); background: radial-gradient(ellipse at 40% 40%, #DAA520 0%, #B8860B 70%); border-radius:50%; animation: be-tr-foliage-l 8s ease-in-out infinite; }
.scn-beautiful-tree .upper-foliage { position:absolute; bottom:80%; left:50%; width:120px; height:70px; transform:translateX(-50%); background: radial-gradient(ellipse at 60% 40%, #228B22 0%, #006400 70%); border-radius:50%; animation: be-tr-foliage-u 8s ease-in-out infinite 1s; }
.scn-beautiful-tree .sun-glow { position:absolute; top:10%; right:10%; width:100px; height:100px; background: radial-gradient(circle, #FFD700 0%, #FFA500 30%, transparent 70%); border-radius:50%; animation: be-tr-sun 5s ease-in-out infinite; }
.scn-beautiful-tree .leaf-a { position:absolute; bottom:85%; left:20%; width:12px; height:8px; background:#228B22; border-radius:50%; animation: be-tr-leaf 10s linear infinite; }
.scn-beautiful-tree .leaf-b { position:absolute; bottom:90%; left:40%; width:10px; height:6px; background:#B8860B; border-radius:50%; animation: be-tr-leaf 12s linear infinite 2s; }
@keyframes be-tr-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.75 } }
@keyframes be-tr-ground { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes be-tr-foliage-l { 0% { transform: translateX(-50%) skew(0deg) } 50% { transform: translateX(-48%) skew(2deg) } 100% { transform: translateX(-50%) skew(0deg) } }
@keyframes be-tr-foliage-u { 0% { transform: translateX(-50%) skew(0deg) } 50% { transform: translateX(-52%) skew(-2deg) } 100% { transform: translateX(-50%) skew(0deg) } }
@keyframes be-tr-sun { 0% { opacity:0.8; transform:scale(1) } 50% { opacity:1; transform:scale(1.1) } 100% { opacity:0.85; transform:scale(0.95) } }
@keyframes be-tr-leaf { 0% { transform: translate(0,0) rotate(0deg) } 30% { transform: translate(50px, -30px) rotate(45deg) } 60% { transform: translate(100px, 20px) rotate(90deg) } 100% { transform: translate(0,0) rotate(0deg) } }

.scn-pine-silhouette { background: linear-gradient(180deg, #B0E0E6 0%, #87CEEB 40%, #FFF8DC 70%, #FFD700 100%), radial-gradient(ellipse at 50% 0%, #FFD700 0%, transparent 60%); }
.scn-pine-silhouette .sky { position:absolute; inset:0; background: linear-gradient(180deg, #FFE4B5 0%, transparent 40%); }
.scn-pine-silhouette .sun { position:absolute; top:20%; left:20%; width:120px; height:120px; background: radial-gradient(circle, #FFD700 0%, #FFA500 40%, transparent 70%); border-radius:50%; animation: pi-si-sun 6s ease-in-out infinite; }
.scn-pine-silhouette .hills { position:absolute; bottom:30%; left:0; right:0; height:25%; background: linear-gradient(180deg, #8FBC8F 0%, #556B2F 100%); border-radius: 50% 50% 0 0; animation: pi-si-hills 20s ease-in-out infinite; }
.scn-pine-silhouette .trunk { position:absolute; bottom:30%; left:50%; width:12px; height:50%; transform:translateX(-50%); background: linear-gradient(90deg, #2F1B0E 0%, #3E2723 50%, #2F1B0E 100%); border-radius:4px; }
.scn-pine-silhouette .crown { position:absolute; bottom:70%; left:50%; width:100px; height:80px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 50%, #1A1A1A 0%, #3E2723 50%, transparent); border-radius:50%; filter: blur(10px); animation: pi-si-crown 12s ease-in-out infinite; }
.scn-pine-silhouette .grass { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #6B8E23 0%, #556B2F 100%); border-radius: 40% 60% 0 0 / 60% 40% 0 0; animation: pi-si-grass 15s ease-in-out infinite; }
.scn-pine-silhouette .ray-a { position:absolute; top:15%; left:5%; width:0; height:0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-bottom: 120px solid rgba(255,215,0,0.2); transform: rotate(-30deg); animation: pi-si-ray 10s ease-in-out infinite; }
.scn-pine-silhouette .ray-b { position:absolute; top:10%; right:10%; width:0; height:0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid rgba(255,215,0,0.15); transform: rotate(20deg); animation: pi-si-ray 14s ease-in-out infinite 2s; }
@keyframes pi-si-sun { 0% { opacity:0.9; transform:scale(1) } 50% { opacity:1; transform:scale(1.05) } 100% { opacity:0.85; transform:scale(0.95) } }
@keyframes pi-si-hills { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes pi-si-crown { 0% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.03) } 100% { transform: translateX(-50%) scale(0.98) } }
@keyframes pi-si-grass { 0% { transform: translateY(0) skew(0deg) } 50% { transform: translateY(-3px) skew(1deg) } 100% { transform: translateY(0) skew(0deg) } }
@keyframes pi-si-ray { 0% { opacity:0.3; transform: rotate(-30deg) translateY(0) } 50% { opacity:0.6; transform: rotate(-25deg) translateY(-10px) } 100% { opacity:0.2; transform: rotate(-30deg) translateY(0) } }

.scn-gorse-broom { background: linear-gradient(180deg, #E0F7FA 0%, #B2EBF2 40%, #FFFDE7 80%), radial-gradient(ellipse at 50% 50%, #FFF 0%, transparent 80%); }
.scn-gorse-broom .window-frame { position:absolute; inset:5% 5% 5% 5%; border:8px solid #5D4037; border-radius:12px; background: transparent; box-shadow: inset 0 0 20px rgba(0,0,0,.3); }
.scn-gorse-broom .sky-outside { position:absolute; inset:7%; background: linear-gradient(180deg, #87CEEB, #E0F7FA); border-radius:8px; }
.scn-gorse-broom .hills-outside { position:absolute; bottom:15%; left:7%; right:7%; height:20%; background: linear-gradient(180deg, #8FBC8F, #6B8E23); border-radius: 30% 70% 0 0; }
.scn-gorse-broom .gorse-plant { position:absolute; bottom:25%; left:20%; width:40px; height:40px; background: radial-gradient(circle, #FFD700 0%, #FFA500 60%, #8B4513 100%); border-radius:50%; animation: go-br-gorse 4s ease-in-out infinite; }
.scn-gorse-broom .broom-plant { position:absolute; bottom:20%; right:20%; width:20px; height:50px; background: linear-gradient(180deg, #FFD700 0%, #FFA500 30%, #556B2F 70%); border-radius: 50% 50% 20% 20%; transform: rotate(10deg); animation: go-br-broom 5s ease-in-out infinite; }
.scn-gorse-broom .pointing-hand { position:absolute; bottom:10%; left:40%; width:30px; height:40px; background: #3E2723; border-radius: 40% 40% 30% 30%; transform: rotate(20deg); animation: go-br-hand 7s ease-in-out infinite; }
.scn-gorse-broom .confusion-dot { position:absolute; top:30%; left:45%; width:12px; height:12px; background: #FFD700; border-radius:50%; box-shadow: 0 0 10px rgba(255,215,0,0.8); animation: go-br-dot 3s ease-in-out infinite; }
@keyframes go-br-gorse { 0% { transform: scale(1) rotate(0deg) } 30% { transform: scale(1.1) rotate(10deg) } 60% { transform: scale(0.95) rotate(-5deg) } 100% { transform: scale(1) rotate(0deg) } }
@keyframes go-br-broom { 0% { transform: rotate(10deg) scaleY(1) } 30% { transform: rotate(15deg) scaleY(1.05) } 60% { transform: rotate(5deg) scaleY(0.95) } 100% { transform: rotate(10deg) scaleY(1) } }
@keyframes go-br-hand { 0% { transform: translate(0,0) rotate(20deg) } 20% { transform: translate(5px, -5px) rotate(25deg) } 40% { transform: translate(-5px, 2px) rotate(15deg) } 100% { transform: translate(0,0) rotate(20deg) } }
@keyframes go-br-dot { 0% { opacity:0; transform:scale(0) } 30% { opacity:1; transform:scale(1.5) } 60% { opacity:0.5; transform:scale(0.8) } 100% { opacity:0; transform:scale(0) } }

.scn-old-settler { background: linear-gradient(180deg, #D2B48C 0%, #DEB887 30%, #F5DEB3 60%, #FFF8DC 100%), radial-gradient(ellipse at 70% 30%, #FFD700 0%, transparent 70%); }
.scn-old-settler .wall { position:absolute; inset:0; background: linear-gradient(135deg, #C4A882, #E8D5B7); }
.scn-old-settler .window { position:absolute; top:15%; left:10%; width:40%; height:50%; border:10px solid #5D4037; background: linear-gradient(180deg, #87CEEB 0%, #FFF 30%, #FFF8DC 70%); border-radius:8px; box-shadow: inset 0 0 30px rgba(255,255,255,0.5); animation: ol-se-window 15s ease-in-out infinite; }
.scn-old-settler .chair { position:absolute; bottom:10%; left:40%; width:40%; height:50%; background: linear-gradient(180deg, #8B4513 0%, #5D4037 100%); border-radius: 20% 20% 10% 10%; transform: skewX(-5deg); box-shadow: 2px 2px 10px rgba(0,0,0,0.5); }
.scn-old-settler .figure-oldman { position:absolute; bottom:20%; left:45%; width:18%; height:35%; background: linear-gradient(180deg, #3E2723 0%, #2F1B0E 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(5deg); animation: ol-se-figure 8s ease-in-out infinite; }
.scn-old-settler .table { position:absolute; bottom:15%; left:55%; width:20%; height:8%; background: #5D4037; border-radius:4px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); animation: ol-se-table 10s ease-in-out infinite; }
.scn-old-settler .cup { position:absolute; bottom:20%; left:60%; width:10px; height:14px; background: #FFF; border-radius: 4px 4px 2px 2px; border:1px solid #ccc; }
.scn-old-settler .sunbeam { position:absolute; top:10%; left:8%; width:20%; height:80%; background: linear-gradient(180deg, rgba(255,230,150,0.4) 0%, rgba(255,200,100,0.2) 100%); transform: skewX(-15deg); clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); animation: ol-se-beam 12s ease-in-out infinite; }
@keyframes ol-se-window { 0% { opacity:0.9; transform:scale(1) } 30% { opacity:1; transform:scale(1.02) } 70% { opacity:0.95; transform:scale(0.98) } 100% { opacity:0.85; transform:scale(1) } }
@keyframes ol-se-figure { 0% { transform: rotate(5deg) translateY(0) } 50% { transform: rotate(3deg) translateY(-2px) } 100% { transform: rotate(5deg) translateY(0) } }
@keyframes ol-se-table { 0% { transform: rotate(0deg) } 50% { transform: rotate(-1deg) } 100% { transform: rotate(0deg) } }
@keyframes ol-se-beam { 0% { opacity:0.6; transform:skewX(-15deg) } 50% { opacity:0.9; transform:skewX(-10deg) } 100% { opacity:0.6; transform:skewX(-15deg) } }

/* ---- sorting-girls ---- */
.scn-sorting-girls {
  background: linear-gradient(180deg, #fff3e0 0%, #fce4b8 50%, #f0d4a0 100%),
              radial-gradient(ellipse at 50% 30%, #ffe8c0 0%, transparent 70%);
}
.scn-sorting-girls .wall { position:absolute; inset:0 0 50% 0; background:linear-gradient(135deg, #f5e6c8 0%, #e8d4a8 100%); }
.scn-sorting-girls .window { position:absolute; top:8%; left:70%; width:80px; height:100px; background:linear-gradient(180deg, #c8e6f5 0%, #e0f0fa 100%); border:6px solid #b89870; border-radius:4px; box-shadow:inset 0 0 20px rgba(255,255,220,0.6); animation: sg-window 6s ease-in-out infinite alternate; }
.scn-sorting-girls .table { position:absolute; bottom:20%; left:10%; right:10%; height:30%; background:linear-gradient(180deg, #c08858 0%, #a06a3a 100%); border-radius:10% 10% 0 0; box-shadow: 0 -8px 20px rgba(0,0,0,0.2); }
.scn-sorting-girls .pile { position:absolute; bottom:35%; width:30px; height:20px; border-radius:50%; background:radial-gradient(circle, #e8c880 0%, #c09848 100%); box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-sorting-girls .pile-1 { left:20%; animation: sg-pile 4s ease-in-out infinite; }
.scn-sorting-girls .pile-2 { left:45%; width:40px; height:25px; animation: sg-pile 5s ease-in-out infinite 0.5s; background:radial-gradient(circle, #f0d090 0%, #d0a850 100%); }
.scn-sorting-girls .pile-3 { left:70%; width:28px; height:18px; animation: sg-pile 6s ease-in-out infinite 1s; background:radial-gradient(circle, #d0b070 0%, #b08840 100%); }
.scn-sorting-girls .girl { position:absolute; bottom:25%; left:15%; width:30px; height:70px; background:linear-gradient(180deg, #a07450 0%, #70482a 100%); border-radius:40% 40% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: sg-girl 3s ease-in-out infinite; }
.scn-sorting-girls .sparkle { position:absolute; width:8px; height:8px; background:radial-gradient(circle, #fff8d0 0%, #ffd070 60%, transparent 70%); border-radius:50%; }
.scn-sorting-girls .sparkle-a { top:30%; left:30%; animation: sg-sparkle 2s ease-in-out infinite alternate; }
.scn-sorting-girls .sparkle-b { top:40%; left:55%; animation: sg-sparkle 2.5s ease-in-out infinite alternate-reverse; }
@keyframes sg-window { 0% { opacity:0.8; box-shadow:inset 0 0 30px rgba(255,255,220,0.4); } 50% { opacity:1; box-shadow:inset 0 0 50px rgba(255,255,220,0.8); } 100% { opacity:0.85; box-shadow:inset 0 0 40px rgba(255,255,220,0.6); } }
@keyframes sg-pile { 0% { transform: scale(1); } 50% { transform: scale(1.05) translateY(-2px); } 100% { transform: scale(1); } }
@keyframes sg-girl { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(8px) rotate(3deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sg-sparkle { 0% { opacity:0; transform: scale(0); } 50% { opacity:1; transform: scale(1.5); } 100% { opacity:0; transform: scale(0); } }

/* ---- rhodes-character ---- */
.scn-rhodes-character {
  background: linear-gradient(135deg, #fce4c8 0%, #e8c898 40%, #d0a870 100%),
              radial-gradient(circle at 70% 20%, #ffe0b0 0%, transparent 60%);
}
.scn-rhodes-character .bg { position:absolute; inset:0; background:linear-gradient(180deg, #d0b898 0%, #b89878 100%); opacity:0.5; }
.scn-rhodes-character .pedestal { position:absolute; bottom:15%; left:50%; width:120px; height:30px; transform:translateX(-50%); background:linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius:4px; box-shadow: 0 6px 12px rgba(0,0,0,0.4); }
.scn-rhodes-character .figure { position:absolute; bottom:30%; left:50%; width:60px; height:140px; transform:translateX(-50%); background:linear-gradient(180deg, #4a382a 0%, #2a1a0a 100%); border-radius:30% 30% 20% 20% / 40% 40% 30% 30%; box-shadow: 0 10px 30px rgba(0,0,0,0.5); animation: rh-figure 8s ease-in-out infinite; }
.scn-rhodes-character .aura { position:absolute; top:10%; left:50%; width:120px; height:120px; transform:translateX(-50%); background:radial-gradient(circle, rgba(255,220,160,0.6) 0%, rgba(255,200,120,0.2) 60%, transparent 100%); border-radius:50%; filter:blur(8px); animation: rh-aura 5s ease-in-out infinite alternate; }
.scn-rhodes-character .book { position:absolute; bottom:20%; width:30px; height:45px; background:linear-gradient(180deg, #8a6040 0%, #6a4020 100%); border-radius:2px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-rhodes-character .book-1 { left:30%; transform:rotate(-15deg); animation: rh-book 12s linear infinite; }
.scn-rhodes-character .book-2 { right:30%; transform:rotate(10deg); animation: rh-book 14s linear infinite 2s; }
.scn-rhodes-character .light-shaft { position:absolute; top:0; left:45%; width:40px; height:100%; background:linear-gradient(180deg, rgba(255,240,210,0.3) 0%, transparent 100%); transform:rotate(5deg); transform-origin:top; animation: rh-shaft 6s ease-in-out infinite alternate; }
@keyframes rh-figure { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.02) translateY(-2px); } 100% { transform: translateX(-50%) scale(1); } }
@keyframes rh-aura { 0% { opacity:0.5; transform: translateX(-50%) scale(1); } 50% { opacity:0.8; transform: translateX(-50%) scale(1.1); } 100% { opacity:0.6; transform: translateX(-50%) scale(1.05); } }
@keyframes rh-book { 0% { transform:rotate(-15deg) translateY(0); } 50% { transform:rotate(-15deg) translateY(-5px); } 100% { transform:rotate(-15deg) translateY(0); } }
@keyframes rh-shaft { 0% { opacity:0.4; transform:rotate(3deg); } 50% { opacity:0.7; transform:rotate(7deg); } 100% { opacity:0.5; transform:rotate(5deg); } }

/* ---- rope-keepsake ---- */
.scn-rope-keepsake {
  background: linear-gradient(180deg, #f0e0c8 0%, #dcc8a8 50%, #c8b088 100%),
              radial-gradient(ellipse at 50% 80%, #e0ccb0 0%, transparent 70%);
}
.scn-rope-keepsake .wall { position:absolute; inset:0; background:linear-gradient(90deg, #c8b898 0%, #b8a888 100%); }
.scn-rope-keepsake .beam { position:absolute; top:5%; left:10%; right:10%; height:12px; background:linear-gradient(180deg, #8a7050 0%, #6a5030 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-rope-keepsake .noose { position:absolute; top:8%; left:50%; width:60px; height:120px; transform:translateX(-50%); background:transparent; border:6px solid #a08060; border-radius:50% 50% 0 0 / 100% 100% 0 0; border-bottom:none; animation: rk-noose 4s ease-in-out infinite; }
.scn-rope-keepsake .rope-coil { position:absolute; bottom:40%; left:40%; width:100px; height:30px; background:radial-gradient(ellipse, #b09070 0%, #907050 100%); border-radius:50%; box-shadow: inset 0 -4px 8px rgba(0,0,0,0.3); animation: rk-coil 6s ease-in-out infinite; }
.scn-rope-keepsake .hand { position:absolute; bottom:30%; left:30%; width:40px; height:60px; background:linear-gradient(180deg, #d0b898 0%, #b89878 100%); border-radius:30% 30% 20% 20% / 60% 60% 40% 40%; transform-origin: bottom left; animation: rk-hand 3s ease-in-out infinite; }
.scn-rope-keepsake .tag { position:absolute; bottom:25%; left:50%; width:20px; height:30px; background:linear-gradient(180deg, #f0d8a0 0%, #d0b880 100%); border:2px solid #a08060; border-radius:2px; transform-origin:top; animation: rk-tag 2s ease-in-out infinite alternate; }
.scn-rope-keepsake .shadow { position:absolute; bottom:10%; left:40%; right:40%; height:20px; background:radial-gradient(ellipse, rgba(0,0,0,0.2) 0%, transparent 100%); animation: rk-shadow 4s ease-in-out infinite; }
@keyframes rk-noose { 0% { transform: translateX(-50%) rotate(0deg); } 50% { transform: translateX(-50%) rotate(-5deg); } 100% { transform: translateX(-50%) rotate(0deg); } }
@keyframes rk-coil { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.03) translateY(-3px); } 100% { transform: scale(1) translateY(0); } }
@keyframes rk-hand { 0% { transform: rotate(0deg); } 50% { transform: rotate(15deg) translateX(5px); } 100% { transform: rotate(0deg); } }
@keyframes rk-tag { 0% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-5deg); } }
@keyframes rk-shadow { 0% { opacity:0.3; transform: scale(1); } 50% { opacity:0.5; transform: scale(1.1); } 100% { opacity:0.3; transform: scale(1); } }

/* ---- dr-james-barry ---- */
.scn-dr-james-barry {
  background: linear-gradient(180deg, #f5e8d0 0%, #e8d0b0 50%, #d4b898 100%),
              radial-gradient(ellipse at 50% 30%, #ffe8c8 0%, transparent 70%);
}
.scn-dr-james-barry .wall { position:absolute; inset:0; background:linear-gradient(135deg, #dcc8a8 0%, #c8b088 100%); }
.scn-dr-james-barry .frame { position:absolute; top:8%; left:50%; width:140px; height:180px; transform:translateX(-50%); border:8px solid #a08060; border-radius:4px; background:transparent; box-shadow: 0 8px 20px rgba(0,0,0,0.3); animation: db-frame 8s ease-in-out infinite; }
.scn-dr-james-barry .portrait { position:absolute; top:12%; left:50%; width:120px; height:160px; transform:translateX(-50%); background:linear-gradient(180deg, #4a382a 0%, #2a1a0a 100%); border-radius:4px; clip-path:ellipse(40% 60% at 50% 40%); animation: db-portrait 10s ease-in-out infinite; }
.scn-dr-james-barry .bag { position:absolute; bottom:20%; left:20%; width:50px; height:70px; background:linear-gradient(180deg, #8a7050 0%, #6a5030 100%); border-radius:10% 10% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,0.4); animation: db-bag 6s ease-in-out infinite; }
.scn-dr-james-barry .scalpel { position:absolute; bottom:25%; left:35%; width:4px; height:50px; background:linear-gradient(180deg, #d0b898 0%, #a08060 100%); border-radius:2px; transform-origin: bottom; animation: db-scalpel 5s ease-in-out infinite alternate; }
.scn-dr-james-barry .candle { position:absolute; bottom:20%; right:25%; width:10px; height:40px; background:linear-gradient(180deg, #f0d0a0 0%, #d0b080 100%); border-radius:2px; }
.scn-dr-james-barry .flame { position:absolute; bottom:57%; right:25.5%; width:8px; height:16px; background:radial-gradient(ellipse, #ffd080 0%, #ffb040 60%, transparent 100%); border-radius:50% 50% 50% 50% / 60% 60% 40% 40%; animation: db-flame 2s ease-in-out infinite alternate; }
.scn-dr-james-barry .glow { position:absolute; bottom:15%; right:20%; width:60px; height:60px; background:radial-gradient(circle, rgba(255,200,100,0.4) 0%, transparent 80%); filter:blur(10px); animation: db-glow 4s ease-in-out infinite alternate; }
@keyframes db-frame { 0% { transform: translateX(-50%) scale(1); box-shadow: 0 8px 20px rgba(0,0,0,0.3); } 50% { transform: translateX(-50%) scale(1.01); box-shadow: 0 12px 30px rgba(0,0,0,0.4); } 100% { transform: translateX(-50%) scale(1); } }
@keyframes db-portrait { 0% { filter:brightness(1); } 50% { filter:brightness(1.1); } 100% { filter:brightness(0.95); } }
@keyframes db-bag { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes db-scalpel { 0% { transform: rotate(-10deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-10deg); } }
@keyframes db-flame { 0% { transform: scale(1) translateY(0); opacity:0.9; } 50% { transform: scale(1.2) translateY(-3px); opacity:1; } 100% { transform: scale(0.9) translateY(0); opacity:0.8; } }
@keyframes db-glow { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:0.8; transform: scale(1.2); } 100% { opacity:0.6; transform: scale(1.1); } }

.scn-diamond-boom {
  background:
    radial-gradient(ellipse at 20% 80%, #f0d68a 0%, transparent 40%),
    radial-gradient(ellipse at 80% 80%, #f0d68a 0%, transparent 40%),
    linear-gradient(180deg, #f7e9c0 0%, #e8d5a0 40%, #c9a86e 100%);
}
.scn-diamond-boom .floor {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 30%;
  background: linear-gradient(180deg, #b8925c 0%, #8a6b3e 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
}
.scn-diamond-boom .wall-left {
  position: absolute;
  top: 0; left: 0;
  width: 35%; height: 100%;
  background: linear-gradient(90deg, #c9a86e 0%, #b8925c 50%, transparent 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.scn-diamond-boom .wall-right {
  position: absolute;
  top: 0; right: 0;
  width: 35%; height: 100%;
  background: linear-gradient(270deg, #c9a86e 0%, #b8925c 50%, transparent 100%);
  clip-path: polygon(100% 0, 0 0, 20% 100%, 100% 100%);
}
.scn-diamond-boom .wagon-wheel {
  position: absolute;
  bottom: 18%; left: 30%;
  width: 100px; height: 100px;
  background: radial-gradient(circle, #5a3e1a 0%, #3a2610 100%);
  border-radius: 50%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.5);
  animation: db-wheel-shake 2s ease-in-out infinite;
}
.scn-diamond-boom .wagon-wheel::after {
  content: '';
  position: absolute;
  top: 20%; left: 20%;
  width: 60%; height: 60%;
  background: radial-gradient(circle, #8a6b3e 0%, #5a3e1a 100%);
  border-radius: 50%;
}
.scn-diamond-boom .diamond-big {
  position: absolute;
  bottom: 22%; left: 45%;
  width: 30px; height: 40px;
  background: linear-gradient(135deg, #e8f0ff 0%, #b0d0f0 50%, #80aae0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 24px 8px rgba(176,208,240,0.6);
  animation: db-diamond-gleam 1.5s ease-in-out infinite alternate;
}
.scn-diamond-boom .man-silhouette {
  position: absolute;
  bottom: 16%; right: 25%;
  width: 35px; height: 60px;
  background: linear-gradient(180deg, #2a1a0a 0%, #1a0e05 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: db-man-run 1.2s ease-in-out infinite;
}
.scn-diamond-boom .sparkle {
  position: absolute;
  width: 6px; height: 6px;
  background: radial-gradient(circle, #fff 0%, #e8f0ff 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 12px 4px #e8f0ff;
}
.scn-diamond-boom .sparkle-1 { top: 30%; left: 50%; animation: db-sparkle 2s ease-in-out infinite 0s; }
.scn-diamond-boom .sparkle-2 { top: 20%; right: 35%; animation: db-sparkle 2s ease-in-out infinite 0.5s; }
.scn-diamond-boom .sparkle-3 { bottom: 40%; left: 20%; animation: db-sparkle 2s ease-in-out infinite 1s; }

@keyframes db-wheel-shake {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(3px) rotate(2deg); }
  75% { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes db-diamond-gleam {
  0% { opacity: 0.8; transform: scale(1) rotate(0deg); box-shadow: 0 0 16px 4px #b0d0f0; }
  50% { opacity: 1; transform: scale(1.15) rotate(5deg); box-shadow: 0 0 32px 12px #d0e8ff; }
  100% { opacity: 0.9; transform: scale(1) rotate(0deg); box-shadow: 0 0 20px 8px #b0d0f0; }
}
@keyframes db-man-run {
  0% { transform: translateX(0) translateY(0) rotate(-3deg); }
  25% { transform: translateX(10px) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(20px) translateY(0) rotate(-3deg); }
  75% { transform: translateX(30px) translateY(-2px) rotate(2deg); }
  100% { transform: translateX(40px) translateY(0) rotate(0deg); }
}
@keyframes db-sparkle {
  0% { opacity: 0; transform: scale(0); }
  50% { opacity: 1; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(0); }
}

/* --- kimberley-crater (calm, sunlit) --- */
.scn-kimberley-crater {
  background:
    radial-gradient(ellipse at 50% 30%, #b8d4e8 0%, transparent 40%),
    linear-gradient(180deg, #6c9dc0 0%, #9bc0d6 40%, #d4e4e8 100%);
}
.scn-kimberley-crater .sky {
  position: absolute;
  inset: 0 0 50% 0;
  background: linear-gradient(180deg, #b8d4e8 0%, #d4e4e8 100%);
  animation: kc-sky 20s ease-in-out infinite alternate;
}
.scn-kimberley-crater .far-horizon {
  position: absolute;
  bottom: 45%; left: 0; right: 0;
  height: 5%;
  background: linear-gradient(180deg, #8aae8a 0%, #6a8e6a 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
.scn-kimberley-crater .crater-rim {
  position: absolute;
  bottom: 35%; left: 15%; right: 15%;
  height: 10%;
  background: linear-gradient(180deg, #6a8e6a 0%, #4a6e4a 100%);
  border-radius: 40% 60% 0 0 / 80% 80% 0 0;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.2);
  animation: kc-rim 15s ease-in-out infinite alternate;
}
.scn-kimberley-crater .crater-interior {
  position: absolute;
  bottom: 25%; left: 22%; right: 22%;
  height: 10%;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 30% 30% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 6px 16px rgba(0,0,0,0.4);
}
.scn-kimberley-crater .blue-rubbish {
  position: absolute;
  bottom: 18%; left: 28%; right: 28%;
  height: 8%;
  background: radial-gradient(ellipse at 50% 50%, #6a7a8a 0%, #4a5a6a 100%);
  border-radius: 20% 20% 0 0;
  animation: kc-rubbish 24s ease-in-out infinite alternate;
}
.scn-kimberley-crater .grass-top {
  position: absolute;
  bottom: 40%; left: 0; right: 0;
  height: 8%;
  background: linear-gradient(180deg, #8aae6a 0%, #6a8e6a 100%);
  clip-path: polygon(0 100%, 5% 30%, 10% 100%, 15% 20%, 20% 100%, 25% 40%, 30% 100%, 35% 10%, 40% 100%, 45% 30%, 50% 100%, 55% 20%, 60% 100%, 65% 40%, 70% 100%, 75% 15%, 80% 100%, 85% 30%, 90% 100%, 95% 20%, 100% 100%);
}
.scn-kimberley-crater .bird {
  position: absolute;
  width: 14px; height: 10px;
  background: radial-gradient(ellipse at 30% 50%, #2a3a2a 0%, transparent 70%);
  clip-path: polygon(0 50%, 30% 0%, 60% 50%, 100% 0%, 70% 50%, 100% 100%, 60% 50%, 30% 100%, 0 50%);
  animation: kc-bird 30s linear infinite;
}
.scn-kimberley-crater .bird-1 { top: 15%; left: 10%; animation-duration: 30s; animation-delay: 0s; }
.scn-kimberley-crater .bird-2 { top: 10%; left: 60%; animation-duration: 35s; animation-delay: 5s; }

@keyframes kc-sky {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes kc-rim {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes kc-rubbish {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes kc-bird {
  0% { transform: translateX(-30px) translateY(0) scale(0.8); }
  25% { transform: translateX(20vw) translateY(-5px) scale(1); }
  50% { transform: translateX(40vw) translateY(0) scale(0.9); }
  75% { transform: translateX(60vw) translateY(-3px) scale(1); }
  100% { transform: translateX(100vw) translateY(0) scale(0.8); }
}

/* --- crater-size (calm, bright-interior) --- */
.scn-crater-size {
  background:
    radial-gradient(ellipse at 50% 30%, #d4c8a0 0%, transparent 50%),
    linear-gradient(180deg, #c8b890 0%, #a08a6a 40%, #7a6a4e 100%);
}
.scn-crater-size .colosseum-arch {
  position: absolute;
  top: 8%; left: 15%; right: 15%;
  height: 40%;
  background: linear-gradient(180deg, #8a7a5e 0%, #6a5a3e 100%);
  border-radius: 50% 50% 10% 10% / 80% 80% 20% 20%;
  box-shadow: inset 0 -20px 40px rgba(0,0,0,0.4);
  animation: cs-arch 12s ease-in-out infinite alternate;
}
.scn-crater-size .colosseum-wall {
  position: absolute;
  top: 30%; left: 25%; right: 25%;
  height: 40%;
  background: linear-gradient(180deg, #6a5a3e 0%, #4a3a2a 100%);
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.6);
}
.scn-crater-size .colosseum-floor {
  position: absolute;
  bottom: 10%; left: 5%; right: 5%;
  height: 20%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: inset 0 6px 16px rgba(0,0,0,0.5);
}
.scn-crater-size .blue-cement {
  position: absolute;
  bottom: 15%; left: 20%; right: 20%;
  height: 40%;
  background: linear-gradient(180deg, #5a6a7a 0%, #3a4a5a 50%, #2a3a4a 100%);
  border-radius: 10% 10% 0 0;
  clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 5% 100%);
  animation: cs-cement 20s ease-in-out infinite alternate;
}
.scn-crater-size .diamond-raisin {
  position: absolute;
  width: 12px; height: 18px;
  background: linear-gradient(135deg, #e0ecff 0%, #a0c0e0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 8px 2px rgba(160,192,224,0.5);
}
.scn-crater-size .raisin-1 { bottom: 30%; left: 30%; animation: cs-raisin 4s ease-in-out infinite; }
.scn-crater-size .raisin-2 { bottom: 25%; left: 55%; animation: cs-raisin 4s ease-in-out infinite 1s; }
.scn-crater-size .raisin-3 { bottom: 35%; left: 45%; animation: cs-raisin 4s ease-in-out infinite 2s; }
.scn-crater-size .light-beam {
  position: absolute;
  top: 0; left: 45%;
  width: 10%; height: 60%;
  background: linear-gradient(180deg, rgba(255,255,200,0.2) 0%, rgba(255,255,200,0) 100%);
  clip-path: polygon(30% 0%, 70% 0%, 50% 100%);
  animation: cs-light 8s ease-in-out infinite alternate;
}

@keyframes cs-arch {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-3px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes cs-cement {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes cs-raisin {
  0% { opacity: 0.6; transform: scale(0.8) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.1) rotate(15deg); }
  100% { opacity: 0.6; transform: scale(0.8) rotate(0deg); }
}
@keyframes cs-light {
  0% { opacity: 0.3; transform: skewX(-2deg); }
  50% { opacity: 0.6; transform: skewX(0deg); }
  100% { opacity: 0.4; transform: skewX(2deg); }
}

/* --- de-beers-company (calm, bright-interior) --- */
.scn-de-beers-company {
  background:
    radial-gradient(ellipse at 50% 30%, #d4c8a0 0%, transparent 50%),
    linear-gradient(180deg, #b8a88a 0%, #a08a6a 40%, #7a6a4e 100%);
}
.scn-de-beers-company .sky-wide {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b8d4e8 0%, #d4e4e8 100%);
  animation: dbc-sky 25s ease-in-out infinite alternate;
}
.scn-de-beers-company .far-craters {
  position: absolute;
  bottom: 30%; left: 0; right: 0;
  height: 20%;
  background: linear-gradient(180deg, #7a8a6a 0%, #5a6a4a 100%);
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
}
.scn-de-beers-company .near-crater {
  position: absolute;
  bottom: 25%; left: 10%; right: 60%;
  height: 25%;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a2a 100%);
  border-radius: 40% 40% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 6px 16px rgba(0,0,0,0.5);
  animation: dbc-crater 18s ease-in-out infinite alternate;
}
.scn-de-beers-company .company-building {
  position: absolute;
  bottom: 28%; left: 55%;
  width: 100px; height: 80px;
  background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: dbc-building 10s ease-in-out infinite alternate;
}
.scn-de-beers-company .smoke-stack {
  position: absolute;
  bottom: 55%; left: 60%;
  width: 20px; height: 40px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-de-beers-company .cloud-smoke {
  position: absolute;
  bottom: 70%; left: 58%;
  width: 30px; height: 20px;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,200,200,0.5) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(6px);
  animation: dbc-smoke 8s ease-in-out infinite;
}
.scn-de-beers-company .grass-foreground {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 15%;
  background: linear-gradient(180deg, #6a8e6a 0%, #4a6e4a 100%);
  clip-path: polygon(0 100%, 2% 30%, 5% 100%, 8% 20%, 12% 100%, 15% 40%, 20% 100%, 25% 10%, 30% 100%, 35% 30%, 40% 100%, 45% 20%, 50% 100%, 55% 40%, 60% 100%, 65% 15%, 70% 100%, 75% 30%, 80% 100%, 85% 20%, 90% 100%, 95% 30%, 100% 100%);
}

@keyframes dbc-sky {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes dbc-crater {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes dbc-building {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(-2px) scaleY(1.02); }
  100% { transform: translateX(0) scaleY(1); }
}
@keyframes dbc-smoke {
  0% { transform: translate(0, 0) scale(0.8); opacity: 0.3; }
  25% { transform: translate(8px, -10px) scale(1.2); opacity: 0.6; }
  50% { transform: translate(15px, -20px) scale(1.5); opacity: 0.4; }
  75% { transform: translate(20px, -30px) scale(1.8); opacity: 0.2; }
  100% { transform: translate(25px, -40px) scale(2); opacity: 0; }
}

.scn-state-of-perfection {
  background: linear-gradient(180deg,#f5f0e8,#e8ded0), radial-gradient(ellipse at 50% 30%,#fff8e7 0%,transparent 60%);
}
.scn-state-of-perfection .bg{position:absolute;inset:0;background:linear-gradient(0deg,#d4c9b8,#f0e8d8);animation:s1-bg 10s ease-in-out infinite alternate;}
.scn-state-of-perfection .flr{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,#b8a88a,#9c8b6e);border-radius:30% 30% 0 0;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);}
.scn-state-of-perfection .wal{position:absolute;top:0;left:0;right:0;bottom:30%;background:linear-gradient(180deg,#e0d6c4,#d4c9b8);}
.scn-state-of-perfection .fig{position:absolute;bottom:35%;left:50%;width:40px;height:60px;transform:translateX(-50%);background:#4a3a2a;border-radius:50% 50% 30% 30%/60% 60% 40% 40%;animation:s1-fig 6s ease-in-out infinite;}
.scn-state-of-perfection .hlo{position:absolute;bottom:48%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);border-radius:50%;animation:s1-hlo 4s ease-in-out infinite alternate;box-shadow:0 0 30px 10px rgba(255,215,0,.2);}
.scn-state-of-perfection .lot{position:absolute;bottom:30%;left:50%;width:30px;height:10px;transform:translateX(-50%);background:#c0a080;border-radius:50% 50% 0 0;animation:s1-lot 8s ease-in-out infinite;}
@keyframes s1-bg{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes s1-fig{0%,100%{transform:translateX(-50%)}50%{transform:translateX(-50%) translateY(-3px) scale(1.02)}}
@keyframes s1-hlo{0%{opacity:.6;transform:translate(-50%,-50%) scale(.95)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes s1-lot{0%,100%{transform:translateX(-50%) scaleX(1)}50%{transform:translateX(-50%) scaleX(.9)}}

.scn-stages-of-purity {
  background: linear-gradient(180deg,#f0ece0,#d8d0c0), radial-gradient(ellipse at 50% 0%,#fff8e0 0%,transparent 60%);
}
.scn-stages-of-purity .sky{position:absolute;inset:0 0 20% 0;background:linear-gradient(180deg,#fff8e0,transparent);animation:s2-sky 12s ease-in-out infinite alternate;}
.scn-stages-of-purity .path{position:absolute;bottom:0;left:50%;width:30%;height:80%;transform:translateX(-50%);background:linear-gradient(180deg,#c8b898,#a09070);border-radius:10% 10% 0 0;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);animation:s2-path 15s ease-in-out infinite;}
.scn-stages-of-purity .fig1{position:absolute;bottom:60%;left:50%;width:20px;height:30px;transform:translateX(-50%);background:#4a3a2a;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:s2-move 20s ease-in-out infinite;}
.scn-stages-of-purity .fig2{position:absolute;bottom:45%;left:50%;width:22px;height:32px;transform:translateX(-50%);background:#5a4a3a;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:s2-move 20s ease-in-out infinite;animation-delay:-5s;}
.scn-stages-of-purity .fig3{position:absolute;bottom:30%;left:50%;width:24px;height:34px;transform:translateX(-50%);background:#6a5a4a;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:s2-move 20s ease-in-out infinite;animation-delay:-10s;}
.scn-stages-of-purity .fig4{position:absolute;bottom:15%;left:50%;width:26px;height:36px;transform:translateX(-50%);background:#7a6a5a;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;animation:s2-move 20s ease-in-out infinite;animation-delay:-15s;}
.scn-stages-of-purity .glow{position:absolute;top:10%;left:50%;width:80px;height:80px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:50%;animation:s2-glow 4s ease-in-out infinite alternate;box-shadow:0 0 40px 10px rgba(255,215,0,.2);}
@keyframes s2-sky{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes s2-path{0%,100%{transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(.98)}}
@keyframes s2-move{0%,100%{transform:translateX(-50%)}50%{transform:translateX(-50%) translateY(-3px)}}
@keyframes s2-glow{0%{opacity:.5;transform:translateX(-50%) scale(.9)}100%{opacity:.8;transform:translateX(-50%) scale(1.1)}}

.scn-marble-portraits {
  background: linear-gradient(180deg,#f0f0e8,#e0d8c8), radial-gradient(ellipse at 50% 50%,#fff 0%,transparent 80%);
}
.scn-marble-portraits .wall{position:absolute;inset:0;background:linear-gradient(180deg,#e8e0d0,#d0c8b8);animation:s3-wall 12s ease-in-out infinite alternate;}
.scn-marble-portraits .frame1{position:absolute;bottom:30%;left:20%;width:60px;height:80px;background:#c8b898;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:s3-frame 8s ease-in-out infinite;}
.scn-marble-portraits .frame2{position:absolute;bottom:30%;left:50%;width:60px;height:80px;margin-left:-30px;background:#c8b898;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:s3-frame 8s ease-in-out infinite;animation-delay:-2.5s;}
.scn-marble-portraits .frame3{position:absolute;bottom:30%;right:20%;width:60px;height:80px;background:#c8b898;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:s3-frame 8s ease-in-out infinite;animation-delay:-5s;}
.scn-marble-portraits .bust1{position:absolute;bottom:35%;left:20%;width:40px;height:50px;margin-left:-20px;background:#f0ece0;border-radius:50% 50% 30% 30%/60% 60% 40% 40%;box-shadow:inset 0 -4px 8px rgba(0,0,0,.1);animation:s3-bust 10s ease-in-out infinite;}
.scn-marble-portraits .bust2{position:absolute;bottom:35%;left:50%;width:40px;height:50px;margin-left:-20px;background:#f0ece0;border-radius:50% 50% 30% 30%/60% 60% 40% 40%;box-shadow:inset 0 -4px 8px rgba(0,0,0,.1);animation:s3-bust 10s ease-in-out infinite;animation-delay:-3.5s;}
.scn-marble-portraits .bust3{position:absolute;bottom:35%;right:20%;width:40px;height:50px;margin-right:-20px;background:#f0ece0;border-radius:50% 50% 30% 30%/60% 60% 40% 40%;box-shadow:inset 0 -4px 8px rgba(0,0,0,.1);animation:s3-bust 10s ease-in-out infinite;animation-delay:-7s;}
.scn-marble-portraits .pedestal{position:absolute;bottom:20%;left:50%;width:200px;height:30px;transform:translateX(-50%);background:linear-gradient(180deg,#c0b098,#a09078);border-radius:4px 4px 0 0;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:s3-ped 15s ease-in-out infinite;}
@keyframes s3-wall{0%,100%{opacity:.9}50%{opacity:1}}
@keyframes s3-frame{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@keyframes s3-bust{0%,100%{transform:scale(1)}50%{transform:scale(1.01) translateY(-1px)}}
@keyframes s3-ped{0%,100%{transform:translateX(-50%)}50%{transform:translateX(-50%) scaleY(1.01)}}

.scn-mutual-compassion {
  background: linear-gradient(180deg,#f5e8c0,#e8d8a0), radial-gradient(ellipse at 50% 50%,#fff5d0 0%,transparent 70%);
}
.scn-mutual-compassion .bg{position:absolute;inset:0;background:linear-gradient(180deg,#f5e8c0,#e8d8a0);animation:s4-bg 14s ease-in-out infinite alternate;}
.scn-mutual-compassion .floor{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(180deg,#c8b88a,#b09868);border-radius:30% 30% 0 0;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);animation:s4-floor 12s ease-in-out infinite;}
.scn-mutual-compassion .figA{position:absolute;bottom:30%;left:35%;width:30px;height:50px;background:#4a3a2a;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;transform-origin:bottom center;animation:s4-fig 8s ease-in-out infinite;animation-delay:-2s;}
.scn-mutual-compassion .figB{position:absolute;bottom:30%;right:35%;width:30px;height:50px;background:#3a2a1a;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;transform-origin:bottom center;animation:s4-fig 8s ease-in-out infinite;animation-delay:-6s;}
.scn-mutual-compassion .warmth{position:absolute;bottom:40%;left:50%;width:80px;height:60px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,180,60,.5) 0%,transparent 70%);border-radius:50%;animation:s4-warmth 5s ease-in-out infinite alternate;box-shadow:0 0 50px 15px rgba(255,180,60,.3);}
.scn-mutual-compassion .haloA{position:absolute;bottom:40%;left:32%;width:50px;height:50px;background:radial-gradient(circle,rgba(255,200,80,.3) 0%,transparent 70%);border-radius:50%;animation:s4-halo 6s ease-in-out infinite alternate;}
.scn-mutual-compassion .haloB{position:absolute;bottom:40%;right:32%;width:50px;height:50px;background:radial-gradient(circle,rgba(255,200,80,.3) 0%,transparent 70%);border-radius:50%;animation:s4-halo 6s ease-in-out infinite alternate;animation-delay:-3s;}
.scn-mutual-compassion .ground{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(180deg,#b09868,#8a7850);border-radius:20% 20% 0 0;}
@keyframes s4-bg{0%,100%{opacity:.9}50%{opacity:1}}
@keyframes s4-floor{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.98)}}
@keyframes s4-fig{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-2px)}}
@keyframes s4-warmth{0%{opacity:.5;transform:translateX(-50%) scale(1)}100%{opacity:.8;transform:translateX(-50%) scale(1.2)}}
@keyframes s4-halo{0%{opacity:.4;transform:scale(1)}100%{opacity:.7;transform:scale(1.1)}}

/* Scene: zulu-rickshaws */
.scn-zulu-rickshaws {
  background: linear-gradient(180deg, #f9e4b7 0%, #e8c48a 40%, #c9a068 100%), radial-gradient(ellipse at 70% 20%, #ffe5b0 0%, transparent 60%);
}
.scn-zulu-rickshaws .sky-sun { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #ffe4b0 0%, #f9d89a 50%, #e8b86a 100%); animation: zr-sky 8s ease-in-out infinite alternate; }
.scn-zulu-rickshaws .ground { position:absolute; bottom:0; left:0; right:0; height:45%; background: linear-gradient(180deg, #b8834a 0%, #8e6a38 100%); border-radius: 30% 40% 0 0 / 20% 30% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); }
.scn-zulu-rickshaws .rickshaw-body { position:absolute; bottom:30%; left:30%; width:60px; height:45px; background: linear-gradient(180deg, #d4a373 0%, #b8834a 100%); border-radius: 10% 10% 15% 15%; box-shadow: 0 6px 12px rgba(0,0,0,.4); transform-origin: bottom center; animation: zr-rickshaw 6s ease-in-out infinite; }
.scn-zulu-rickshaws .rickshaw-wheel { position:absolute; bottom:22%; left:32%; width:20px; height:20px; background: radial-gradient(circle, #5a3e2a 0%, #3e2a1a 60%); border-radius:50%; border: 3px solid #7a5a3a; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: zr-wheel 2s linear infinite; }
.scn-zulu-rickshaws .zulu-figure { position:absolute; bottom:30%; left:15%; width:20px; height:50px; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: zr-pull 4s ease-in-out infinite; }
.scn-zulu-rickshaws .shadow { position:absolute; bottom:18%; left:15%; width:30px; height:8px; background: rgba(0,0,0,0.3); border-radius:50%; filter: blur(4px); animation: zr-shadow 4s ease-in-out infinite; }
.scn-zulu-rickshaws .sun-disc { position:absolute; top:8%; right:20%; width:40px; height:40px; background: radial-gradient(circle, #fabd5a 0%, #f09a3a 60%, transparent 100%); border-radius:50%; box-shadow: 0 0 60px 20px #fabd5a; animation: zr-sun 12s ease-in-out infinite; }
.scn-zulu-rickshaws .dust-trail { position:absolute; bottom:25%; right:20%; width:80px; height:20px; background: rgba(200,170,120,0.3); border-radius:50%; filter: blur(10px); animation: zr-dust 5s ease-in-out infinite; }
@keyframes zr-sky { 0% { opacity:0.9 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes zr-rickshaw { 0%,100% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3px) rotate(0.5deg) } 50% { transform: translateX(0) rotate(-0.5deg) } 75% { transform: translateX(2px) rotate(0.3deg) } }
@keyframes zr-wheel { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes zr-pull { 0% { transform: translateX(0) translateY(0) rotate(-2deg) scaleY(1) } 25% { transform: translateX(8px) translateY(-2px) rotate(2deg) scaleY(1.02) } 50% { transform: translateX(15px) translateY(0) rotate(-1deg) scaleY(1) } 75% { transform: translateX(8px) translateY(-1px) rotate(1deg) scaleY(1.01) } 100% { transform: translateX(0) translateY(0) rotate(-2deg) scaleY(1) } }
@keyframes zr-shadow { 0%,100% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(8px) scaleX(0.8) } }
@keyframes zr-sun { 0% { transform: scale(1) translateX(0) } 50% { transform: scale(1.05) translateX(-5px) } 100% { transform: scale(0.95) translateX(0) } }
@keyframes zr-dust { 0%,100% { transform: translateX(0) scaleX(1) } 50% { transform: translateX(-10px) scaleX(0.6) } }

/* Scene: hotel-chameleon */
.scn-hotel-chameleon {
  background: linear-gradient(180deg, #f2e6cd 0%, #dfd0b3 50%, #c8b69a 100%), radial-gradient(ellipse at 60% 30%, #fff8e7 0%, transparent 70%);
}
.scn-hotel-chameleon .wall-bg { position:absolute; inset:0; background: linear-gradient(135deg, #e8dcc8 0%, #c8b89a 100%); }
.scn-hotel-chameleon .window-light { position:absolute; top:10%; left:20%; width:100px; height:80px; background: radial-gradient(ellipse, #fff8e0 0%, #f0dcb0 50%, transparent 100%); border-radius:10%; box-shadow: 0 0 40px 20px rgba(240,220,176,0.6); animation: hc-window 8s ease-in-out infinite alternate; }
.scn-hotel-chameleon .branch { position:absolute; bottom:40%; left:30%; width:150px; height:8px; background: linear-gradient(180deg, #7a5a3a 0%, #5a3e2a 100%); border-radius:4px; transform: rotate(-10deg); }
.scn-hotel-chameleon .chameleon-body { position:absolute; bottom:42%; left:35%; width:40px; height:30px; background: linear-gradient(180deg, #62a85a 0%, #3e8038 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: hc-cham 6s ease-in-out infinite; }
.scn-hotel-chameleon .chameleon-eye { position:absolute; bottom:55%; left:45%; width:8px; height:8px; background: radial-gradient(circle, #f0f0c0 0%, #4a3e2a 80%); border-radius:50%; animation: hc-eye 3s ease-in-out infinite; }
.scn-hotel-chameleon .fly { position:absolute; bottom:55%; left:60%; width:6px; height:6px; background: #2a1a0a; border-radius:50%; box-shadow: 0 0 4px rgba(0,0,0,0.5); animation: hc-fly 4s ease-in-out infinite; }
.scn-hotel-chameleon .tongue { position:absolute; bottom:48%; left:40%; width:30px; height:4px; background: linear-gradient(180deg, #c8a0a0 0%, #a08080 100%); border-radius:2px; transform-origin: right center; animation: hc-tongue 4s ease-in-out infinite; }
.scn-hotel-chameleon .shadow-cham { position:absolute; bottom:35%; left:34%; width:50px; height:10px; background: rgba(0,0,0,0.15); border-radius:50%; filter: blur(6px); animation: hc-shadow 6s ease-in-out infinite; }
@keyframes hc-window { 0% { opacity:0.5 } 50% { opacity:1 } 100% { opacity:0.7 } }
@keyframes hc-cham { 0%,100% { transform: translateY(0) scaleX(1) rotate(0deg) } 25% { transform: translateY(-3px) scaleX(0.95) rotate(2deg) } 50% { transform: translateY(0) scaleX(1.05) rotate(-1deg) } 75% { transform: translateY(-2px) scaleX(0.98) rotate(1deg) } }
@keyframes hc-eye { 0% { transform: scale(1) } 50% { transform: scale(0.5) } 100% { transform: scale(1) } }
@keyframes hc-fly { 0% { transform: translate(0,0) rotate(0deg); opacity:1 } 25% { transform: translate(10px,-8px) rotate(45deg); opacity:1 } 50% { transform: translate(20px,-4px) rotate(90deg); opacity:1 } 75% { transform: translate(10px,0) rotate(135deg); opacity:0.5 } 100% { transform: translate(0,0) rotate(180deg); opacity:0 } }
@keyframes hc-tongue { 0% { transform: scaleX(0); opacity:0 } 20% { transform: scaleX(1); opacity:1 } 40% { transform: scaleX(0.5); opacity:0.8 } 60% { transform: scaleX(1.2); opacity:1 } 80% { transform: scaleX(0.8); opacity:0.6 } 100% { transform: scaleX(0); opacity:0 } }
@keyframes hc-shadow { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(0.7) } }

/* Scene: zulu-hair-style */
.scn-zulu-hair-style {
  background: linear-gradient(180deg, #fadf9a 0%, #e8c47a 40%, #c9a058 100%), radial-gradient(ellipse at 50% 30%, #ffedb0 0%, transparent 50%);
}
.scn-zulu-hair-style .sky-warm { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #ffe8b0 0%, #f9d48a 100%); animation: hs-sky 10s ease-in-out infinite alternate; }
.scn-zulu-hair-style .ground-ochre { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #b27a48 0%, #8a5e38 100%); border-radius: 20% 30% 0 0 / 10% 20% 0 0; }
.scn-zulu-hair-style .woman-body { position:absolute; bottom:25%; left:40%; width:24px; height:60px; background: linear-gradient(180deg, #6a4a2a 0%, #3e2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hs-woman 5s ease-in-out infinite; }
.scn-zulu-hair-style .woman-hair-peak { position:absolute; bottom:72%; left:42%; width:16px; height:24px; background: linear-gradient(180deg, #b8734a 0%, #9a5a3a 100%); border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%; transform-origin: bottom center; animation: hs-hair 3s ease-in-out infinite; }
.scn-zulu-hair-style .woman-dress { position:absolute; bottom:25%; left:38%; width:30px; height:20px; background: linear-gradient(180deg, #c8553d 0%, #9a3a2a 100%); border-radius: 30% 30% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,0.4); animation: hs-dress 6s ease-in-out infinite; }
.scn-zulu-hair-style .child-figure { position:absolute; bottom:25%; left:55%; width:15px; height:35px; background: linear-gradient(180deg, #5a3e2a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 50% 50% 30% 30%; animation: hs-child 4s ease-in-out infinite; }
.scn-zulu-hair-style .sun-glow { position:absolute; top:10%; left:50%; width:50px; height:50px; background: radial-gradient(circle, #fabc5a 0%, transparent 70%); border-radius:50%; transform: translateX(-50%); animation: hs-sun 12s ease-in-out infinite alternate; }
.scn-zulu-hair-style .shadow-cast { position:absolute; bottom:15%; left:38%; width:60px; height:12px; background: rgba(0,0,0,0.25); border-radius:50%; filter: blur(5px); animation: hs-shadow 5s ease-in-out infinite; }
@keyframes hs-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes hs-woman { 0%,100% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-1px) rotate(0deg) } }
@keyframes hs-hair { 0% { transform: translateY(0) scaleY(1) rotate(-2deg) } 25% { transform: translateY(-4px) scaleY(1.05) rotate(2deg) } 50% { transform: translateY(-2px) scaleY(0.95) rotate(-1deg) } 75% { transform: translateY(-3px) scaleY(1.02) rotate(1deg) } 100% { transform: translateY(0) scaleY(1) rotate(-2deg) } }
@keyframes hs-dress { 0%,100% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(-0.5deg) scaleX(0.9) } }
@keyframes hs-child { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(5px) rotate(2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes hs-sun { 0% { transform: translateX(-50%) scale(0.95) } 50% { transform: translateX(-50%) scale(1.05) } 100% { transform: translateX(-50%) scale(1) } }
@keyframes hs-shadow { 0%,100% { transform: scaleX(1) } 50% { transform: scaleX(0.8) } }

/* Scene: berea-drive */
.scn-berea-drive {
  background: linear-gradient(180deg, #8fc5e8 0%, #c0e0f0 40%, #f0ecc0 100%), radial-gradient(ellipse at 60% 40%, #e8f4e0 0%, transparent 70%);
}
.scn-berea-drive .sky-blue { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #6aafd4 0%, #8fc5e8 100%); animation: bd-sky 10s ease-in-out infinite alternate; }
.scn-berea-drive .hills-green { position:absolute; bottom:25%; left:0; right:0; height:30%; background: linear-gradient(180deg, #5a8a4a 0%, #3a6a3a 100%); border-radius: 50% 40% 0 0 / 70% 60% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); }
.scn-berea-drive .road-path { position:absolute; bottom:0; left:20%; right:20%; height:40%; background: linear-gradient(180deg, #c8a870 0%, #a88858 100%); border-radius: 20% 20% 0 0; transform: perspective(200px) rotateX(10deg); }
.scn-berea-drive .flat-tree.tree-1 { position:absolute; bottom:32%; left:15%; width:60px; height:70px; background: radial-gradient(ellipse at 50% 80%, #2a5a2a 0%, #1a3a1a 100%); border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%; animation: bd-tree1 8s ease-in-out infinite; }
.scn-berea-drive .flat-tree.tree-2 { position:absolute; bottom:30%; right:20%; width:70px; height:80px; background: radial-gradient(ellipse at 50% 70%, #3a6a3a 0%, #1a4a1a 100%); border-radius: 40% 40% 20% 20% / 60% 60% 20% 20%; animation: bd-tree2 10s ease-in-out infinite; animation-delay: -3s; }
.scn-berea-drive .poinsettia { position:absolute; bottom:15%; left:40%; width:20px; height:18px; background: radial-gradient(circle, #d08070 0%, #b06050 70%); border-radius: 50% 50% 0 0; clip-path: polygon(0 100%, 50% 0, 100% 100%); box-shadow: 0 0 10px 4px rgba(200,100,80,0.3); animation: bd-poinsettia 6s ease-in-out infinite; }
.scn-berea-drive .cactus.silhouette { position:absolute; bottom:18%; left:55%; width:12px; height:40px; background: linear-gradient(180deg, #2a4a2a 0%, #1a2a1a 100%); border-radius: 4px; transform: rotate(5deg); box-shadow: 3px 0 0 #1a2a1a; animation: bd-cactus 9s ease-in-out infinite; }
.scn-berea-drive .carriage-distant { position:absolute; bottom:22%; left:10%; width:30px; height:20px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 10% 10% 30% 30%; box-shadow: 0 4px 6px rgba(0,0,0,.4); animation: bd-carriage 12s ease-in-out infinite; }
@keyframes bd-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes bd-tree1 { 0%,100% { transform: scaleX(1) rotate(-2deg) } 50% { transform: scaleX(0.92) rotate(2deg) } }
@keyframes bd-tree2 { 0%,100% { transform: scaleX(0.95) rotate(1deg) } 50% { transform: scaleX(1.05) rotate(-1deg) } }
@keyframes bd-poinsettia { 0% { transform: scale(1) } 50% { transform: scale(0.9) } 100% { transform: scale(1) } }
@keyframes bd-cactus { 0%,100% { transform: rotate(4deg) scaleY(1) } 50% { transform: rotate(6deg) scaleY(0.95) } }
@keyframes bd-carriage { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(5px) scale(0.95) } 100% { transform: translateX(0) scale(1) } }

/* Scene: lee-metford-given */
.scn-lee-metford-given {
  background: 
    linear-gradient(180deg, #e8d5b0 0%, #c2a57a 40%, #8a6e4e 100%),
    radial-gradient(ellipse at 40% 20%, #fff3d6 0%, transparent 60%);
}
.scn-lee-metford-given .lm-bg-light { position:absolute; inset:0; background: linear-gradient(135deg, #fff8e7 0%, #d4b896 50%, transparent 80%); animation: lm-light 4s ease-in-out infinite alternate; }
.scn-lee-metford-given .lm-window { position:absolute; top:5%; left:10%; width:30%; height:35%; background: radial-gradient(ellipse at 30% 40%, #ffffcc 0%, #c8a882 100%); border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%; box-shadow: inset 0 0 30px rgba(0,0,0,0.3); animation: lm-window 3s ease-in-out infinite; }
.scn-lee-metford-given .lm-desk { position:absolute; bottom:20%; left:5%; right:5%; height:10%; background: linear-gradient(180deg, #6e4e2e 0%, #4a3220 100%); border-radius: 4% 4% 0 0; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
.scn-lee-metford-given .lm-rifle { position:absolute; bottom:24%; height:5%; width:40%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 20% 20% 10% 10% / 50% 50% 20% 20%; transform-origin: left center; }
.scn-lee-metford-given .lm-rifle-1 { left:10%; transform: rotate(-12deg); animation: lm-rifle 2.5s ease-in-out infinite; }
.scn-lee-metford-given .lm-rifle-2 { left:30%; width:35%; transform: rotate(8deg); animation: lm-rifle 2.5s ease-in-out infinite 1s; }
.scn-lee-metford-given .lm-figure { position:absolute; bottom:15%; left:55%; width:12%; height:40%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: lm-figure 5s ease-in-out infinite; }
.scn-lee-metford-given .lm-shadow { position:absolute; bottom:0; left:40%; width:30%; height:8%; background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%); animation: lm-shadow 4s ease-in-out infinite; }
@keyframes lm-light { 0% { opacity:0.85; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes lm-window { 0% { opacity:0.7; transform: scaleY(1); } 50% { opacity:1; transform: scaleY(1.02); } 100% { opacity:0.8; transform: scaleY(0.98); } }
@keyframes lm-rifle { 0% { transform: rotate(-12deg) translateY(0); } 50% { transform: rotate(-10deg) translateY(-1px); } 100% { transform: rotate(-14deg) translateY(1px); } }
@keyframes lm-figure { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(-1px) rotate(0); } }
@keyframes lm-shadow { 0% { opacity:0.3; transform: scaleX(1); } 50% { opacity:0.6; transform: scaleX(1.2); } 100% { opacity:0.4; transform: scaleX(0.9); } }

/* Scene: high-commissioner-proclamation */
.scn-high-commissioner-proclamation {
  background: 
    linear-gradient(180deg, #e0c9a8 0%, #b7936e 40%, #7c5c3a 100%),
    radial-gradient(ellipse at 50% 15%, #fff5dc 0%, transparent 50%);
}
.scn-high-commissioner-proclamation .hcp-bg-panel { position:absolute; inset:0 10% 0 10%; background: linear-gradient(180deg, #a8845a 0%, #6a4a2a 100%); border-radius: 5% 5% 0 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.4); animation: hcp-panel 6s ease-in-out infinite; }
.scn-high-commissioner-proclamation .hcp-desk { position:absolute; bottom:20%; left:15%; right:15%; height:12%; background: linear-gradient(180deg, #5a3a1a 0%, #3a220a 100%); border-radius: 6% 6% 0 0; box-shadow: 0 6px 15px rgba(0,0,0,0.6); }
.scn-high-commissioner-proclamation .hcp-proclamation { position:absolute; bottom:28%; left:30%; width:40%; height:15%; background: linear-gradient(135deg, #f5ead0 0%, #e0c8a0 100%); border-radius: 2% 2% 8% 8% / 5% 5% 15% 15%; box-shadow: 0 2px 8px rgba(0,0,0,0.3); animation: hcp-proc 3s ease-in-out infinite; }
.scn-high-commissioner-proclamation .hcp-hands { position:absolute; bottom:30%; left:35%; width:25%; height:10%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius: 60% 60% 40% 40% / 80% 80% 20% 20%; animation: hcp-hands 2s ease-in-out infinite; }
.scn-high-commissioner-proclamation .hcp-figure { position:absolute; bottom:10%; left:45%; width:15%; height:45%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: hcp-fig 5s ease-in-out infinite; }
.scn-high-commissioner-proclamation .hcp-lamp { position:absolute; top:5%; left:45%; width:10%; padding-bottom:10%; background: radial-gradient(ellipse at 50% 40%, #ffe680 0%, #d4a050 70%, transparent 100%); border-radius: 50%; animation: hcp-lamp 4s ease-in-out infinite; }
@keyframes hcp-panel { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes hcp-proc { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(0.5deg); } 100% { transform: translateY(1px) rotate(-0.3deg); } }
@keyframes hcp-hands { 0% { transform: translateX(0) scaleX(1); } 50% { transform: translateX(3px) scaleX(1.05); } 100% { transform: translateX(-2px) scaleX(0.95); } }
@keyframes hcp-fig { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-3px) rotate(1deg); } 100% { transform: translateY(1px) rotate(0); } }
@keyframes hcp-lamp { 0% { opacity:0.7; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05); } 100% { opacity:0.8; transform: scale(1); } }

/* Scene: dual-duty */
.scn-dual-duty {
  background: 
    linear-gradient(180deg, #cfb28a 0%, #a68158 40%, #725236 100%),
    radial-gradient(ellipse at 50% 10%, #ffefcc 0%, transparent 60%);
}
.scn-dual-duty .dd-bg-arch { position:absolute; top:0; left:20%; right:20%; height:100%; background: linear-gradient(180deg, #b08a5a 0%, #6a4a2a 100%); border-radius: 50% 50% 0 0 / 30% 30% 0 0; box-shadow: inset 0 0 50px rgba(0,0,0,0.5); animation: dd-arch 8s ease-in-out infinite; }
.scn-dual-duty .dd-table { position:absolute; bottom:20%; left:15%; right:15%; height:10%; background: linear-gradient(180deg, #5a3a1a 0%, #3a220a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 8px 20px rgba(0,0,0,0.6); }
.scn-dual-duty .dd-document { position:absolute; bottom:26%; left:40%; width:20%; height:10%; background: linear-gradient(135deg, #f5ead0 0%, #dccba0 100%); border-radius: 5% 5% 10% 10% / 5% 5% 15% 15%; box-shadow: 0 2px 6px rgba(0,0,0,0.3); animation: dd-doc 4s ease-in-out infinite; }
.scn-dual-duty .dd-handshake { position:absolute; bottom:28%; left:40%; width:20%; height:5%; background: linear-gradient(180deg, #3a2a1c 0%, #1a0a00 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; animation: dd-hand 2.5s ease-in-out infinite; }
.scn-dual-duty .dd-figure-left { position:absolute; bottom:5%; left:20%; width:15%; height:45%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: dd-fig-l 5s ease-in-out infinite; }
.scn-dual-duty .dd-figure-right { position:absolute; bottom:5%; right:20%; width:15%; height:45%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%; transform-origin: bottom center; animation: dd-fig-r 5s ease-in-out infinite 0.5s; }
.scn-dual-duty .dd-lamp { position:absolute; top:8%; left:45%; width:10%; padding-bottom:10%; background: radial-gradient(ellipse at 50% 30%, #ffd680 0%, #c89a50 60%, transparent 100%); border-radius: 50%; animation: dd-lamp 3s ease-in-out infinite; }
@keyframes dd-arch { 0% { opacity:0.7; } 50% { opacity:0.9; } 100% { opacity:0.75; } }
@keyframes dd-doc { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(0.5deg); } 100% { transform: translateY(1px) rotate(-0.3deg); } }
@keyframes dd-hand { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(2px) scaleY(1.1); } 100% { transform: translateX(-2px) scaleY(0.9); } }
@keyframes dd-fig-l { 0% { transform: translateX(0) rotate(0); } 50% { transform: translateX(2px) rotate(2deg); } 100% { transform: translateX(-1px) rotate(-1deg); } }
@keyframes dd-fig-r { 0% { transform: translateX(0) rotate(0); } 50% { transform: translateX(-2px) rotate(-2deg); } 100% { transform: translateX(1px) rotate(1deg); } }
@keyframes dd-lamp { 0% { opacity:0.7; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05) rotate(1deg); } 100% { opacity:0.8; transform: scale(1) rotate(-1deg); } }

/* Scene: high-position-testimony */
.scn-high-position-testimony {
  background: 
    linear-gradient(180deg, #d4bba0 0%, #a8845a 40%, #765432 100%),
    radial-gradient(ellipse at 45% 15%, #fff5dc 0%, transparent 70%);
}
.scn-high-position-testimony .hpt-bg-wall { position:absolute; inset:0 10% 0 10%; background: linear-gradient(180deg, #b08a5a 0%, #6a4a2a 100%); border-radius: 10% 10% 0 0; box-shadow: inset 0 0 60px rgba(0,0,0,0.5); animation: hpt-wall 7s ease-in-out infinite; }
.scn-high-position-testimony .hpt-spotlight { position:absolute; top:5%; left:30%; width:40%; height:40%; background: radial-gradient(ellipse at 50% 0%, #fffbe0 0%, #e0c8a0 40%, transparent 80%); animation: hpt-spot 5s ease-in-out infinite; }
.scn-high-position-testimony .hpt-chair { position:absolute; bottom:18%; left:15%; width:20%; height:30%; background: linear-gradient(180deg, #4a3020 0%, #2a1a0a 100%); border-radius: 40% 40% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 6px 15px rgba(0,0,0,0.4); animation: hpt-chair 6s ease-in-out infinite; }
.scn-high-position-testimony .hpt-figure { position:absolute; bottom:5%; left:55%; width:16%; height:50%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 70% 70% 30% 30%; transform-origin: bottom center; animation: hpt-fig 5s ease-in-out infinite; }
.scn-high-position-testimony .hpt-document { position:absolute; bottom:35%; left:58%; width:12%; height:16%; background: linear-gradient(135deg, #f5ead0 0%, #dccba0 100%); border-radius: 5% 5% 10% 10% / 5% 5% 15% 15%; box-shadow: 0 2px 8px rgba(0,0,0,0.3); transform: rotate(5deg); animation: hpt-doc 4s ease-in-out infinite; }
.scn-high-position-testimony .hpt-lamp-side { position:absolute; bottom:15%; left:20%; width:8%; padding-bottom:8%; background: radial-gradient(ellipse at 50% 40%, #ffe680 0%, #c89a50 60%, transparent 100%); border-radius: 50%; animation: hpt-lamp 3s ease-in-out infinite; }
@keyframes hpt-wall { 0% { opacity:0.7; } 50% { opacity:0.9; } 100% { opacity:0.75; } }
@keyframes hpt-spot { 0% { opacity:0.6; transform: scaleX(1); } 50% { opacity:0.9; transform: scaleX(1.1); } 100% { opacity:0.7; transform: scaleX(0.95); } }
@keyframes hpt-chair { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(1px) rotate(-1deg); } }
@keyframes hpt-fig { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(2px) rotate(1deg); } 100% { transform: translateX(-1px) rotate(0); } }
@keyframes hpt-doc { 0% { transform: rotate(5deg) translateY(0); } 50% { transform: rotate(7deg) translateY(-2px); } 100% { transform: rotate(3deg) translateY(1px); } }
@keyframes hpt-lamp { 0% { opacity:0.7; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05); } 100% { opacity:0.8; transform: scale(1); } }

.scn-marksmen-boers {
  background: linear-gradient(180deg, #d4b88c 0%, #c2a070 40%, #a8825a 100%),
              radial-gradient(ellipse at 30% 40%, #f0e0c0 0%, transparent 60%);
}
.scn-marksmen-boers .wall-bg {
  position: absolute; inset: 0; background: linear-gradient(180deg, #b89a72 0%, #9c7a56 100%);
  animation: mb-wall 20s ease-in-out infinite alternate;
}
.scn-marksmen-boers .window-frame {
  position: absolute; top: 15%; left: 60%; width: 100px; height: 140px;
  background: linear-gradient(135deg, #6b4c3a 0%, #4a3328 100%);
  border-radius: 4px; box-shadow: inset 0 2px 6px rgba(0,0,0,.5); transform: perspective(500px) rotateY(8deg);
  animation: mb-frame 6s ease-in-out infinite;
}
.scn-marksmen-boers .window-light {
  position: absolute; top: 18%; left: 63%; width: 88px; height: 124px;
  background: radial-gradient(ellipse at 50% 30%, #fff8e0 0%, #f0d4a0 60%, transparent 100%);
  opacity: 0.6; animation: mb-lighthum 4s ease-in-out infinite alternate;
}
.scn-marksmen-boers .figure {
  position: absolute; bottom: 20%; left: 30%; width: 40px; height: 100px;
  background: linear-gradient(180deg, #3a2a1e 0%, #1e140e 100%);
  border-radius: 50% 50% 40% 40% / 55% 55% 45% 45%;
  transform-origin: bottom center; animation: mb-fig 8s ease-in-out infinite;
}
.scn-marksmen-boers .rifle {
  position: absolute; bottom: 30%; left: 35%; width: 70px; height: 6px;
  background: linear-gradient(90deg, #4a3328 0%, #2a1e14 100%);
  border-radius: 3px; transform: rotate(-25deg); box-shadow: 0 1px 2px rgba(0,0,0,.3);
  animation: mb-rifle 8s ease-in-out infinite;
}
.scn-marksmen-boers .table {
  position: absolute; bottom: 10%; left: 25%; width: 80px; height: 35px;
  background: linear-gradient(180deg, #8c6e4e 0%, #6a4e34 100%);
  border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.4);
  transform: perspective(200px) rotateX(5deg); animation: mb-table 12s ease-in-out infinite alternate;
}
.scn-marksmen-boers .bible {
  position: absolute; bottom: 18%; left: 28%; width: 28px; height: 36px;
  background: linear-gradient(135deg, #4a3328 0%, #2a1e14 100%);
  border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.5);
  transform: rotate(-5deg); animation: mb-book 10s ease-in-out infinite;
}
.scn-marksmen-boers .dust {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 40% 30%, rgba(240,210,160,.15) 0%, transparent 40%);
  filter: blur(8px); animation: mb-dust 7s ease-in-out infinite alternate;
}
@keyframes mb-wall { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes mb-frame { 0%,100% { transform: perspective(500px) rotateY(8deg) } 50% { transform: perspective(500px) rotateY(12deg) } }
@keyframes mb-lighthum { 0% { opacity: .4; transform: scale(.95) } 50% { opacity: .7; transform: scale(1) } 100% { opacity: .5; transform: scale(1.02) } }
@keyframes mb-fig { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(2deg) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes mb-rifle { 0%,100% { transform: rotate(-25deg) translate(0,0) } 50% { transform: rotate(-23deg) translate(3px,-2px) } }
@keyframes mb-table { 0% { transform: perspective(200px) rotateX(5deg) } 50% { transform: perspective(200px) rotateX(3deg) scale(1.02) } 100% { transform: perspective(200px) rotateX(5deg) } }
@keyframes mb-book { 0%,100% { transform: rotate(-5deg) } 50% { transform: rotate(-7deg) translateY(-1px) } }
@keyframes mb-dust { 0% { opacity: .3; transform: scale(.95) } 50% { opacity: .5; transform: scale(1.05) } 100% { opacity: .25; transform: scale(1) } }

.scn-laings-nek {
  background: linear-gradient(180deg, #f5e6d0 0%, #e0c8a0 30%, #c0a080 60%, #a08468 100%),
              radial-gradient(ellipse at 70% 20%, #fff5e0 0%, transparent 50%);
}
.scn-laings-nek .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #b0d4e6 40%, #f0e6c0 100%);
  animation: ln-sky 12s ease-in-out infinite alternate;
}
.scn-laings-nek .hill {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #6b8e4a 0%, #4a6e2e 50%, #2a4a1a 100%);
  border-radius: 40% 60% 0 0 / 70% 80% 0 0;
  box-shadow: inset 0 -4px 10px rgba(0,0,0,.3);
  animation: ln-hill 20s ease-in-out infinite alternate;
}
.scn-laings-nek .artillery {
  position: absolute; bottom: 25%; left: 30%; width: 60px; height: 30px;
  background: linear-gradient(135deg, #4a4a4a 0%, #2a2a2a 100%);
  border-radius: 8px; transform: rotate(10deg);
  box-shadow: 0 3px 8px rgba(0,0,0,.5);
  animation: ln-gun 6s ease-in-out infinite;
}
.scn-laings-nek .soldiers {
  position: absolute; bottom: 20%; left: 50%; width: 40px; height: 50px;
  background: linear-gradient(180deg, #5e3a2a 0%, #3a221a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  transform: translateX(-50%); animation: ln-soldiers 8s ease-in-out infinite;
}
.scn-laings-nek .flag {
  position: absolute; bottom: 35%; left: 45%; width: 2px; height: 30px;
  background: #8c6e4e; border-radius: 1px;
  box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.scn-laings-nek .flag::after {
  content: ''; position: absolute; top: -2px; left: 2px; width: 20px; height: 12px;
  background: linear-gradient(135deg, #a0461a 0%, #c8553d 100%); /* desaturated red */
  border-radius: 1px 3px 2px 1px; animation: ln-flagwave 2s ease-in-out infinite alternate;
}
.scn-laings-nek .shell-smoke {
  position: absolute; bottom: 40%; left: 35%; width: 30px; height: 30px;
  background: radial-gradient(circle, rgba(255,255,240,.3) 0%, transparent 70%);
  filter: blur(12px); animation: ln-smoke 4s ease-in-out infinite alternate;
}
.scn-laings-nek .dust-cloud {
  position: absolute; bottom: 10%; left: 20%; width: 80px; height: 20px;
  background: radial-gradient(ellipse, rgba(180,140,100,.4) 0%, transparent 70%);
  filter: blur(15px); animation: ln-dust 9s linear infinite;
}
@keyframes ln-sky { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes ln-hill { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes ln-gun { 0%,100% { transform: rotate(10deg) translate(0,0) } 50% { transform: rotate(12deg) translate(2px,-1px) } }
@keyframes ln-soldiers { 0% { transform: translateX(-50%) } 25% { transform: translateX(-48%) } 50% { transform: translateX(-50%) translateY(-1px) } 75% { transform: translateX(-52%) } 100% { transform: translateX(-50%) } }
@keyframes ln-flagwave { 0% { transform: rotate(-5deg) scaleY(1) } 100% { transform: rotate(5deg) scaleY(1.1) } }
@keyframes ln-smoke { 0% { opacity: .2; transform: scale(.8) translate(0,0) } 50% { opacity: .5; transform: scale(1.2) translate(-5px, -10px) } 100% { opacity: .1; transform: scale(.7) translate(5px, -5px) } }
@keyframes ln-dust { 0% { opacity: .3; transform: translateX(0) } 100% { opacity: .1; transform: translateX(-60px) } }

.scn-ingogo-heights {
  background: linear-gradient(180deg, #e8d4a0 0%, #c8b080 30%, #a08860 60%, #806844 100%),
              radial-gradient(ellipse at 50% 30%, #fff0d0 0%, transparent 50%);
}
.scn-ingogo-heights .cliff {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(135deg, #7a5a3a 0%, #4a3220 100%);
  border-radius: 0 0 20% 10% / 0 0 30% 20%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.5);
  animation: ih-cliff 18s ease-in-out infinite alternate;
}
.scn-ingogo-heights .skirmish-line {
  position: absolute; bottom: 35%; left: 20%; right: 20%; height: 4px;
  background: linear-gradient(90deg, transparent, #a0461a 20%, #c8553d 50%, #a0461a 80%, transparent);
  border-radius: 2px; filter: blur(1px);
  animation: ih-line 5s ease-in-out infinite alternate;
}
.scn-ingogo-heights .fallen-officer {
  position: absolute; bottom: 25%; left: 40%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #3a2a1e 0%, #1e140e 100%);
  border-radius: 50% 50% 20% 20% / 70% 70% 30% 30%;
  transform: rotate(25deg); transform-origin: bottom center;
  animation: ih-fall 4s ease-in-out infinite;
}
.scn-ingogo-heights .carbine {
  position: absolute; bottom: 30%; left: 42%; width: 50px; height: 4px;
  background: linear-gradient(90deg, #4a3328 0%, #2a1e14 100%);
  border-radius: 2px; transform: rotate(30deg); box-shadow: 0 1px 2px rgba(0,0,0,.3);
  animation: ih-carbine 4s ease-in-out infinite;
}
.scn-ingogo-heights .bloodstain {
  position: absolute; bottom: 22%; left: 38%; width: 20px; height: 8px;
  background: radial-gradient(ellipse, #702243 0%, transparent 70%);
  border-radius: 50%; filter: blur(3px);
  animation: ih-blood 6s ease-in-out infinite alternate;
}
.scn-ingogo-heights .sunburst {
  position: absolute; top: 15%; right: 20%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffe680 0%, #ffcc40 40%, transparent 70%);
  filter: blur(10px); animation: ih-sun 8s ease-in-out infinite alternate;
}
.scn-ingogo-heights .grass-tuft {
  position: absolute; bottom: 15%; left: 30%; width: 30px; height: 20px;
  background: linear-gradient(135deg, #5a7a3a 0%, #3a5a2a 100%);
  border-radius: 50% 50% 10% 10%; transform: skewX(-10deg);
  animation: ih-grass 3s ease-in-out infinite alternate;
}
.scn-ingogo-heights .shadow-creep {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, rgba(0,0,0,.4) 0%, transparent 100%);
  animation: ih-shadow 9s ease-in-out infinite alternate;
}
@keyframes ih-cliff { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ih-line { 0% { opacity: .3; transform: scaleX(.8) } 50% { opacity: .7; transform: scaleX(1.1) } 100% { opacity: .4; transform: scaleX(.9) } }
@keyframes ih-fall { 0%,100% { transform: rotate(25deg) } 50% { transform: rotate(30deg) translateY(-3px) } }
@keyframes ih-carbine { 0%,100% { transform: rotate(30deg) } 50% { transform: rotate(28deg) translate(2px,0) } }
@keyframes ih-blood { 0% { opacity: .5; transform: scale(1) } 50% { opacity: .8; transform: scale(1.3) } 100% { opacity: .4; transform: scale(.9) } }
@keyframes ih-sun { 0% { opacity: .4; transform: scale(.95) } 50% { opacity: .8; transform: scale(1.1) } 100% { opacity: .5; transform: scale(1) } }
@keyframes ih-grass { 0% { transform: skewX(-10deg) scaleY(1) } 100% { transform: skewX(-8deg) scaleY(1.05) } }
@keyframes ih-shadow { 0% { opacity: .6 } 50% { opacity: .9 } 100% { opacity: .5 } }

.scn-majuba-hill {
  background: linear-gradient(180deg, #1a2a3a 0%, #2a4a5a 30%, #4a7a8a 60%, #8ab4c0 100%),
              radial-gradient(ellipse at 30% 10%, #ffd060 0%, transparent 40%);
}
.scn-majuba-hill .dawn-sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #2a3a4a 0%, #4a6a7a 30%, #8ab4c0 60%, #ffd060 100%);
  animation: mh-dawn 15s ease-in-out infinite alternate;
}
.scn-majuba-hill .mountain {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #3a4a3a 0%, #2a3a2a 50%, #1a2a1a 100%);
  border-radius: 30% 70% 0 0 / 60% 80% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.6);
  animation: mh-mtn 20s ease-in-out infinite alternate;
}
.scn-majuba-hill .figures-top {
  position: absolute; bottom: 45%; left: 50%; transform: translateX(-50%);
  width: 60px; height: 40px;
  background: radial-gradient(ellipse at 50% 100%, #1a1a1a 0%, transparent 70%);
  border-radius: 50%; filter: blur(2px);
  animation: mh-figures 6s ease-in-out infinite alternate;
}
.scn-majuba-hill .mist {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: radial-gradient(ellipse at 50% 50%, rgba(200,220,230,.3) 0%, transparent 70%);
  filter: blur(20px); animation: mh-mist 8s ease-in-out infinite alternate;
}
.scn-majuba-hill .sun-glow {
  position: absolute; top: 20%; left: 30%; width: 80px; height: 80px;
  background: radial-gradient(circle, #ffd060 0%, #ffa030 40%, transparent 70%);
  filter: blur(15px); animation: mh-sun 5s ease-in-out infinite alternate;
}
.scn-majuba-hill .rock {
  position: absolute; bottom: 25%; right: 25%; width: 40px; height: 30px;
  background: linear-gradient(135deg, #4a4a4a 0%, #2a2a2a 100%);
  border-radius: 40% 60% 20% 30% / 50% 50% 30% 40%;
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
  animation: mh-rock 9s ease-in-out infinite alternate;
}
.scn-majuba-hill .shadow-fall {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, transparent 100%);
  animation: mh-shadow 12s ease-in-out infinite alternate;
}
@keyframes mh-dawn { 0% { opacity: .7 } 50% { opacity: .9 } 100% { opacity: .75 } }
@keyframes mh-mtn { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes mh-figures { 0% { opacity: .3; transform: translateX(-50%) scaleY(.9) } 50% { opacity: .6; transform: translateX(-50%) scaleY(1.1) } 100% { opacity: .4; transform: translateX(-50%) scaleY(.95) } }
@keyframes mh-mist { 0% { opacity: .2; transform: translateY(0) } 50% { opacity: .5; transform: translateY(-10px) } 100% { opacity: .3; transform: translateY(2px) } }
@keyframes mh-sun { 0% { opacity: .4; transform: scale(.95) } 50% { opacity: .9; transform: scale(1.15) } 100% { opacity: .6; transform: scale(1.05) } }
@keyframes mh-rock { 0% { transform: translate(0,0) rotate(0) } 50% { transform: translate(2px,-2px) rotate(3deg) } 100% { transform: translate(0,0) rotate(0) } }
@keyframes mh-shadow { 0% { opacity: .6 } 50% { opacity: .9 } 100% { opacity: .7 } }

/* delagoa-bay - calm sunlit bay */
.scn-delagoa-bay {
  background: linear-gradient(180deg, #5b9bd5 0%, #89c4e1 30%, #e8f4f8 50%), radial-gradient(ellipse at 30% 20%, #fff3b0 0%, transparent 50%);
  overflow: hidden;
}
.scn-delagoa-bay .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #4a8bc7 0%, #7bb8d9 40%, #c5e0f0 100%);
  animation: del-sky 15s ease-in-out infinite alternate;
}
.scn-delagoa-bay .sun {
  position: absolute; top: 12%; left: 25%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe680 0%, #ffd54f 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(255,213,79,.4);
  animation: del-sun 12s ease-in-out infinite alternate;
}
.scn-delagoa-bay .sea {
  position: absolute; bottom: 0; height: 50%; left: 0; right: 0;
  background: linear-gradient(180deg, #1f7a8c 0%, #146073 40%, #0d4f5e 100%);
  animation: del-sea 8s ease-in-out infinite alternate;
}
.scn-delagoa-bay .headland {
  position: absolute; bottom: 48%; right: 5%; width: 120px; height: 80px;
  background: linear-gradient(135deg, #c8553d 0%, #9e3d2a 60%, #6b2518 100%);
  border-radius: 30% 70% 0 0 / 50% 80% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,.3);
  transform: skewX(-5deg);
  animation: del-head 20s ease-in-out infinite alternate;
}
.scn-delagoa-bay .ship-hull {
  position: absolute; bottom: 40%; left: 10%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #4a2b1a 0%, #2d190e 100%);
  border-radius: 20% 20% 50% 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,.5);
  animation: del-ship 10s ease-in-out infinite;
}
.scn-delagoa-bay .ship-mast {
  position: absolute; bottom: 58%; left: 16%; width: 4px; height: 35px;
  background: linear-gradient(180deg, #5a3a20 0%, #3a2210 100%);
  transform-origin: bottom center;
  animation: del-mast 10s ease-in-out infinite;
}
.scn-delagoa-bay .sail {
  position: absolute; bottom: 66%; left: 12%; width: 20px; height: 24px;
  background: radial-gradient(ellipse at 50% 40%, #f5f0e0 0%, #d9d0b8 60%);
  border-radius: 30% 70% 30% 70% / 60% 40% 60% 40%;
  box-shadow: -2px 0 6px rgba(0,0,0,.1);
  transform: skewX(-10deg) rotate(5deg);
  animation: del-sail 10s ease-in-out infinite;
}
.scn-delagoa-bay .foam {
  position: absolute; bottom: 45%; left: 0; right: 0; height: 8px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.5) 20%, rgba(255,255,255,.7) 40%, transparent 50%, rgba(255,255,255,.6) 70%, rgba(255,255,255,.3) 90%, transparent 100%);
  filter: blur(2px);
  animation: del-foam 4s ease-in-out infinite alternate;
}
@keyframes del-sky {
  0% { opacity: 0.85; }
  50% { opacity: 0.95; }
  100% { opacity: 0.9; }
}
@keyframes del-sun {
  0% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 30px 15px rgba(255,213,79,.3); }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 50px 25px rgba(255,213,79,.5); }
  100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 40px 20px rgba(255,213,79,.35); }
}
@keyframes del-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}
@keyframes del-head {
  0% { transform: skewX(-5deg) translateX(0); }
  50% { transform: skewX(-5deg) translateX(5px); }
  100% { transform: skewX(-5deg) translateX(-2px); }
}
@keyframes del-ship {
  0% { transform: translateX(0) rotate(0); }
  25% { transform: translateX(10px) rotate(-1deg); }
  75% { transform: translateX(-10px) rotate(1deg); }
  100% { transform: translateX(0) rotate(0); }
}
@keyframes del-mast {
  0% { transform: rotate(0); }
  25% { transform: rotate(1deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0); }
}
@keyframes del-sail {
  0% { transform: skewX(-10deg) rotate(5deg); }
  50% { transform: skewX(-8deg) rotate(3deg); }
  100% { transform: skewX(-12deg) rotate(6deg); }
}
@keyframes del-foam {
  0% { opacity: 0.3; transform: translateX(0); }
  50% { opacity: 0.6; transform: translateX(5px); }
  100% { opacity: 0.4; transform: translateX(-5px); }
}

/* portuguese-railroad - dark mood, sunlit harsh */
.scn-portuguese-railroad {
  background: linear-gradient(180deg, #b0c4de 0%, #d4e6f0 40%, #e6eecc 70%), radial-gradient(ellipse at 80% 10%, #ffe0a0 0%, transparent 60%);
  overflow: hidden;
}
.scn-portuguese-railroad .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #9bb7d4 0%, #c5d8e8 60%, #e8f0d8 100%);
  animation: por-sky 20s ease-in-out infinite alternate;
}
.scn-portuguese-railroad .sun-glare {
  position: absolute; top: 5%; right: 20%; width: 60px; height: 60px;
  background: radial-gradient(circle, #ffe680 0%, #ffd54f 30%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(255,213,79,.3);
  animation: por-glare 10s ease-in-out infinite alternate;
}
.scn-portuguese-railroad .shore {
  position: absolute; bottom: 0; height: 60%; left: 0; right: 0;
  background: linear-gradient(180deg, #c2a58a 0%, #a88b70 40%, #7a5e48 100%);
  box-shadow: inset 0 30px 40px rgba(0,0,0,.2);
  animation: por-shore 30s ease-in-out infinite alternate;
}
.scn-portuguese-railroad .tracks {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 4px;
  background: repeating-linear-gradient(90deg, #4a3a2a 0px, #4a3a2a 12px, #7a6a5a 12px, #7a6a5a 14px);
  box-shadow: 0 2px 6px rgba(0,0,0,.5);
  animation: por-tracks 8s linear infinite;
}
.scn-portuguese-railroad .freight-pile {
  position: absolute; bottom: 18%; left: 30%; width: 120px; height: 60px;
  background: linear-gradient(135deg, #6b5a4a 0%, #4a3a2a 50%, #3a2a1a 100%);
  border-radius: 10% 30% 40% 20% / 20% 40% 30% 10%;
  box-shadow: 0 8px 16px rgba(0,0,0,.4);
  transform: rotate(-2deg);
  animation: por-pile 15s ease-in-out infinite;
}
.scn-portuguese-railroad .pole {
  position: absolute; bottom: 50%; right: 15%; width: 6px; height: 80px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 4px;
  transform-origin: bottom center;
  animation: por-pole 12s ease-in-out infinite alternate;
}
.scn-portuguese-railroad .salt-crust {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: radial-gradient(ellipse at 20% 0%, rgba(255,255,255,.3) 0%, transparent 90%);
  filter: blur(8px);
  animation: por-salt 25s ease-in-out infinite alternate;
}
@keyframes por-sky {
  0% { opacity: 0.7; }
  50% { opacity: 0.9; }
  100% { opacity: 0.8; }
}
@keyframes por-glare {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.7; }
}
@keyframes por-shore {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
@keyframes por-tracks {
  0% { background-position: 0 0; }
  100% { background-position: -28px 0; }
}
@keyframes por-pile {
  0% { transform: rotate(-2deg) translateY(0); }
  25% { transform: rotate(-3deg) translateY(-2px); }
  75% { transform: rotate(-1deg) translateY(1px); }
  100% { transform: rotate(-2deg) translateY(0); }
}
@keyframes por-pole {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes por-salt {
  0% { opacity: 0.2; }
  50% { opacity: 0.5; }
  100% { opacity: 0.3; }
}

/* royal-hotel-durban - warm bright interior */
.scn-royal-hotel-durban {
  background: linear-gradient(135deg, #f0d9b5 0%, #e8c99a 30%, #d4a86a 60%), radial-gradient(ellipse at 70% 50%, #ffe4b5 0%, transparent 50%);
  overflow: hidden;
}
.scn-royal-hotel-durban .wall {
  position: absolute; inset: 0 30% 0 0;
  background: linear-gradient(180deg, #f2e0c0 0%, #e8d0a0 100%);
  box-shadow: inset -15px 0 20px rgba(0,0,0,.05);
  animation: roy-wall 20s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: repeating-linear-gradient(90deg, #b8956a 0px, #b8956a 4px, #a8845a 4px, #a8845a 18px);
  box-shadow: inset 0 10px 20px rgba(0,0,0,.1);
  animation: roy-floor 10s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .window {
  position: absolute; top: 20%; left: 10%; width: 70px; height: 90px;
  background: linear-gradient(180deg, #b8d4e8 0%, #89c4e1 100%);
  border: 4px solid #5a3a20;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(255,255,255,.3), 0 4px 8px rgba(0,0,0,.2);
  animation: roy-window 15s ease-in-out infinite alternate;
}
.scn-royal-hotel-durban .lamp {
  position: absolute; top: 15%; left: 55%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 30%, #ffe680 0%, #c89040 70%, transparent 100%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 0 40px 20px rgba(255,230,128,.3);
  animation: roy-lamp 5s ease-in-out infinite;
}
.scn-royal-hotel-durban .bed {
  position: absolute; bottom: 5%; left: 5%; width: 100px; height: 50px;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a3a1a 100%);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
  animation: roy-bed 12s ease-in-out infinite;
}
.scn-royal-hotel-durban .figure {
  position: absolute; bottom: 18%; right: 10%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e08 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: roy-figure 8s ease-in-out infinite;
}
.scn-royal-hotel-durban .bell {
  position: absolute; top: 30%; right: 15%; width: 12px; height: 16px;
  background: radial-gradient(circle, #d4a86a 0%, #b08040 100%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  animation: roy-bell 3s ease-in-out infinite alternate;
}
@keyframes roy-wall {
  0% { opacity: 0.9; }
  50% { opacity: 0.95; }
  100% { opacity: 0.85; }
}
@keyframes roy-floor {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes roy-window {
  0% { opacity: 0.7; box-shadow: inset 0 0 20px rgba(255,255,255,.3); }
  50% { opacity: 0.9; box-shadow: inset 0 0 30px rgba(255,255,255,.5); }
  100% { opacity: 0.75; box-shadow: inset 0 0 15px rgba(255,255,255,.2); }
}
@keyframes roy-lamp {
  0% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 30px 15px rgba(255,230,128,.2); }
  50% { transform: scale(1.05); opacity: 1; box-shadow: 0 0 50px 25px rgba(255,230,128,.4); }
  100% { transform: scale(0.98); opacity: 0.9; box-shadow: 0 0 35px 18px rgba(255,230,128,.25); }
}
@keyframes roy-bed {
  0% { transform: translateX(0); }
  50% { transform: translateX(3px); }
  100% { transform: translateX(-2px); }
}
@keyframes roy-figure {
  0% { transform: rotate(0) translateY(0); }
  25% { transform: rotate(2deg) translateY(-2px); }
  75% { transform: rotate(-1deg) translateY(1px); }
  100% { transform: rotate(0) translateY(0); }
}
@keyframes roy-bell {
  0% { transform: rotate(-10deg); }
  50% { transform: rotate(10deg); }
  100% { transform: rotate(-5deg); }
}

/* durban-evening - calm dusk */
.scn-durban-evening {
  background: linear-gradient(180deg, #1a1a3e 0%, #2c2244 30%, #4a3a6e 50%, #8a6a5a 70%, #c8a080 100%), radial-gradient(ellipse at 50% 100%, #c8a080 0%, transparent 70%);
  overflow: hidden;
}
.scn-durban-evening .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #1a1a3e 0%, #2c2244 30%, #4a3a6e 50%, #6a4a6a 70%, #8a6a5a 100%);
  animation: dur-sky 25s ease-in-out infinite alternate;
}
.scn-durban-evening .horizon {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #8a6a5a 0%, #c8a080 100%);
  border-radius: 40% 60% 0 0 / 80% 80% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,.4);
  animation: dur-horizon 18s ease-in-out infinite alternate;
}
.scn-durban-evening .town {
  position: absolute; bottom: 35%; left: 10%; width: 80%; height: 25%;
  background: repeating-linear-gradient(90deg, #3a2a1a 0px, #3a2a1a 8px, #2a1a0a 8px, #2a1a0a 16px);
  clip-path: polygon(0% 100%, 5% 50%, 10% 100%, 20% 40%, 30% 100%, 35% 60%, 40% 100%, 50% 30%, 55% 100%, 60% 50%, 70% 100%, 75% 70%, 80% 100%, 90% 45%, 95% 100%);
  animation: dur-town 30s ease-in-out infinite alternate;
}
.scn-durban-evening .tree {
  position: absolute; bottom: 30%; right: 15%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #1a2a1a 0%, #0a1a0a 100%);
  border-radius: 40% 60% 20% 80% / 80% 60% 40% 20%;
  box-shadow: -10px 0 20px rgba(0,0,0,.3);
  animation: dur-tree 20s ease-in-out infinite alternate;
}
.scn-durban-evening .lamp-post {
  position: absolute; bottom: 28%; left: 25%; width: 6px; height: 50px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 2px;
  transform-origin: bottom center;
  animation: dur-post 15s ease-in-out infinite;
}
.scn-durban-evening .lamp-glow {
  position: absolute; bottom: 52%; left: 23%; width: 20px; height: 20px;
  background: radial-gradient(circle, #ffe0a0 0%, #d4a050 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px rgba(255,224,160,.3);
  animation: dur-lamp 6s ease-in-out infinite alternate;
}
.scn-durban-evening .path {
  position: absolute; bottom: 10%; left: 20%; width: 60%; height: 20%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  clip-path: polygon(0% 100%, 20% 0%, 80% 0%, 100% 100%);
  opacity: 0.6;
  animation: dur-path 12s ease-in-out infinite alternate;
}
@keyframes dur-sky {
  0% { opacity: 0.8; }
  50% { opacity: 0.95; }
  100% { opacity: 0.85; }
}
@keyframes dur-horizon {
  0% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}
@keyframes dur-town {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.65; }
}
@keyframes dur-tree {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
  100% { transform: rotate(-1deg); }
}
@keyframes dur-post {
  0% { transform: rotate(0); }
  25% { transform: rotate(1deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0); }
}
@keyframes dur-lamp {
  0% { transform: scale(0.9); opacity: 0.6; box-shadow: 0 0 20px 10px rgba(255,224,160,.2); }
  50% { transform: scale(1.1); opacity: 0.9; box-shadow: 0 0 40px 20px rgba(255,224,160,.4); }
  100% { transform: scale(0.95); opacity: 0.7; box-shadow: 0 0 25px 12px rgba(255,224,160,.25); }
}
@keyframes dur-path {
  0% { opacity: 0.4; }
  50% { opacity: 0.7; }
  100% { opacity: 0.5; }
}

.scn-arithmetic-needed {
  background: linear-gradient(180deg, #f5e6c8 0%, #e8d4a8 50%, #dcc496 100%),
              radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 70%);
}
.scn-arithmetic-needed .backdrop {
  position:absolute; inset:0 0 45% 0;
  background: linear-gradient(180deg, #b8a87a 0%, #d4c49c 100%);
  border-radius: 0 0 30% 30% / 0 0 50% 50%;
  animation: ar-back 8s ease-in-out infinite alternate;
}
.scn-arithmetic-needed .desk {
  position:absolute; bottom:15%; left:10%; right:10%; height:35%;
  background: linear-gradient(180deg, #8b6f47 0%, #5e4a32 100%);
  border-radius: 5% 5% 0 0;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.3);
  animation: ar-desk 12s ease-in-out infinite;
}
.scn-arithmetic-needed .figure {
  position:absolute; bottom:40%; left:30%; width:22%; height:40%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1e140c 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: ar-figure 6s ease-in-out infinite alternate;
}
.scn-arithmetic-needed .arm {
  position:absolute; bottom:48%; left:50%; width:8%; height:30%;
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 20% 20%;
  transform-origin: top left;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  animation: ar-arm 2s ease-in-out infinite alternate;
}
.scn-arithmetic-needed .paper-1 {
  position:absolute; bottom:22%; left:15%; width:16%; height:20%;
  background: #faf3e0;
  border-radius: 4% 4% 2% 2%;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
  transform: rotate(-5deg);
  animation: ar-paper 10s ease-in-out infinite;
}
.scn-arithmetic-needed .paper-2 {
  position:absolute; bottom:18%; left:40%; width:14%; height:18%;
  background: #f5ecce;
  border-radius: 4% 4% 2% 2%;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
  transform: rotate(3deg);
  animation: ar-paper2 12s ease-in-out infinite alternate;
}
.scn-arithmetic-needed .number-1,
.scn-arithmetic-needed .number-2 {
  position:absolute; bottom:30%; width:4%; height:6%;
  background: #c0392b;
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 6px #e74c3c;
  animation: ar-num 3s ease-in-out infinite alternate;
}
.scn-arithmetic-needed .number-1 { left:45%; }
.scn-arithmetic-needed .number-2 { left:55%; animation-delay:1.5s; }
.scn-arithmetic-needed .lamp {
  position:absolute; top:10%; left:38%; width:10%; height:20%;
  background: linear-gradient(180deg, #d4a84a 0%, #b8872e 100%);
  border-radius: 10% 10% 30% 30% / 20% 20% 40% 40%;
  box-shadow: 0 0 40px 20px #f0d060, 0 0 80px 40px rgba(240,208,96,0.3);
  animation: ar-lamp 4s ease-in-out infinite alternate;
}
@keyframes ar-back { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes ar-desk { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes ar-figure { 0% { transform: scale(1) rotate(-2deg); } 50% { transform: scale(1.02) rotate(0deg); } 100% { transform: scale(0.98) rotate(2deg); } }
@keyframes ar-arm { 0% { transform: rotate(-30deg); } 100% { transform: rotate(20deg); } }
@keyframes ar-paper { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(-3deg) translateY(-3px); } }
@keyframes ar-paper2 { 0% { transform: rotate(3deg) translateY(0); } 50% { transform: rotate(1deg) translateY(-2px); } 100% { transform: rotate(5deg) translateY(0); } }
@keyframes ar-num { 0% { opacity:0.3; transform: scale(0.8); } 50% { opacity:1; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(0.9); } }
@keyframes ar-lamp { 0% { box-shadow: 0 0 30px 10px #f0d060; } 50% { box-shadow: 0 0 60px 30px #fce68a; } 100% { box-shadow: 0 0 35px 15px #f0d060; } }

.scn-maxims-failure {
  background: linear-gradient(180deg, #d4c4a4 0%, #bca88a 50%, #a08c70 100%),
              radial-gradient(ellipse at 50% 100%, #b09878 0%, transparent 70%);
}
.scn-maxims-failure .floor {
  position:absolute; bottom:0; left:0; right:0; height:25%;
  background: linear-gradient(0deg, #7a6a50 0%, #8b785e 30%, #a09070 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.4);
  border-radius: 5% 5% 0 0;
}
.scn-maxims-failure .wall-plank {
  position:absolute; top:0; left:5%; width:90%; height:75%;
  background: linear-gradient(180deg, #c0a880 0%, #a88c6a 100%);
  border-radius: 2% 2% 0 0;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.2);
}
.scn-maxims-failure .maxim-gun {
  position:absolute; bottom:30%; left:30%; width:40%; height:30%;
  background: linear-gradient(180deg, #4a4a3a 0%, #2a2a1a 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
  animation: mf-gun 3s ease-in-out infinite alternate;
}
.scn-maxims-failure .maxim-gun::after {
  content:''; position:absolute; top:10%; left:10%; width:80%; height:40%;
  background: linear-gradient(90deg, #6a6a5a 0%, #8a8a7a 100%);
  border-radius: 40% 40% 20% 20%;
  animation: mf-barrel 1s ease-in-out infinite alternate;
}
.scn-maxims-failure .smoke {
  position:absolute; bottom:50%; width:20%; height:20%;
  background: radial-gradient(ellipse, rgba(200,200,200,0.5) 0%, transparent 100%);
  filter: blur(5px);
  animation: mf-smoke 4s ease-out infinite;
}
.scn-maxims-failure .plume-1 { left:20%; animation-delay:0s; }
.scn-maxims-failure .plume-2 { left:60%; animation-delay:2s; }
.scn-maxims-failure .soldier-1,
.scn-maxims-failure .soldier-2 {
  position:absolute; bottom:15%; width:16%; height:40%;
  background: linear-gradient(180deg, #3a3a2a 0%, #1a1a0a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: mf-soldier 5s ease-in-out infinite alternate;
}
.scn-maxims-failure .soldier-1 { left:10%; }
.scn-maxims-failure .soldier-2 { right:10%; animation-delay:2.5s; }
.scn-maxims-failure .gear {
  position:absolute; bottom:32%; left:45%; width:8%; height:8%;
  background: #6a5a3a;
  border-radius: 50%;
  box-shadow: 0 0 0 6px #4a3a1a inset;
  animation: mf-gear 2s linear infinite;
}
@keyframes mf-gun { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg) scale(1.02); } 100% { transform: rotate(-1deg); } }
@keyframes mf-barrel { 0% { transform: translateX(0); } 100% { transform: translateX(5px); } }
@keyframes mf-smoke { 0% { opacity:0.6; transform: scale(0.8) translateY(0); } 100% { opacity:0; transform: scale(1.5) translateY(-30px); } }
@keyframes mf-soldier { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-3px); } 100% { transform: rotate(5deg) translateY(0); } }
@keyframes mf-gear { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.scn-maxims-excused {
  background: linear-gradient(180deg, #e8dcc8 0%, #d4c4a4 50%, #c0a888 100%),
              radial-gradient(ellipse at 20% 40%, #fff0d0 0%, transparent 60%);
}
.scn-maxims-excused .bg-tent {
  position:absolute; top:0; left:0; right:0; height:100%;
  background: linear-gradient(135deg, #d4c4a4 0%, #b8a088 50%, #d4c4a4 100%);
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%);
}
.scn-maxims-excused .roof-pole {
  position:absolute; top:0; left:48%; width:4%; height:40%;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 20% 20% 0 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  transform: rotate(2deg);
}
.scn-maxims-excused .figure-garrett {
  position:absolute; bottom:20%; left:25%; width:20%; height:50%;
  background: linear-gradient(180deg, #2a2a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: me-garrett 6s ease-in-out infinite alternate;
}
.scn-maxims-excused .hand-wave {
  position:absolute; bottom:40%; left:40%; width:8%; height:20%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 40% 40% 20% 20%;
  transform-origin: bottom left;
  animation: me-hand 3s ease-in-out infinite alternate;
}
.scn-maxims-excused .maxim-small {
  position:absolute; bottom:25%; right:20%; width:25%; height:25%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  animation: me-maxim 4s ease-in-out infinite;
}
.scn-maxims-excused .smile-arc {
  position:absolute; bottom:38%; left:32%; width:12%; height:6%;
  border: 4px solid #c0392b;
  border-color: transparent transparent #c0392b transparent;
  border-radius: 0 0 50% 50%;
  transform: rotate(5deg);
  animation: me-smile 2s ease-in-out infinite alternate;
}
.scn-maxims-excused .sparkle {
  position:absolute; width:6%; height:6%;
  background: radial-gradient(circle, #ffe066 0%, transparent 100%);
  border-radius: 50%;
  animation: me-sparkle 2s ease-in-out infinite alternate;
}
.scn-maxims-excused .sparkle-1 { top:20%; left:10%; animation-delay:0s; }
.scn-maxims-excused .sparkle-2 { top:15%; right:15%; animation-delay:1s; }
@keyframes me-garrett { 0% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-2px); } 100% { transform: rotate(3deg) translateY(0); } }
@keyframes me-hand { 0% { transform: rotate(-20deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-15deg); } }
@keyframes me-maxim { 0%,100% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(5deg) scale(1.05); } }
@keyframes me-smile { 0% { opacity:0.7; transform: scale(0.9); } 50% { opacity:1; transform: scale(1.1); } 100% { opacity:0.8; transform: scale(1); } }
@keyframes me-sparkle { 0% { opacity:0.3; transform: scale(0.5); } 100% { opacity:1; transform: scale(1.5); } }

.scn-narrator-strategy {
  background: linear-gradient(180deg, #1a1a3e 0%, #2a2a4e 50%, #3a3a5e 100%),
              radial-gradient(ellipse at 50% 0%, #4a4a6e 0%, transparent 70%);
}
.scn-narrator-strategy .ground {
  position:absolute; bottom:0; left:0; right:0; height:40%;
  background: linear-gradient(180deg, #3a4a3a 0%, #1a2a1a 100%);
  border-radius: 40% 60% 0 0 / 30% 40% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.6);
}
.scn-narrator-strategy .pyramid-base {
  position:absolute; bottom:38%; left:40%; width:20%; height:10%;
  background: linear-gradient(180deg, #6a5a3a 0%, #4a3a1a 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 40% 40%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  animation: ns-base 10s ease-in-out infinite alternate;
}
.scn-narrator-strategy .pyramid-bible {
  position:absolute; bottom:44%; left:42%; width:16%; height:12%;
  background: linear-gradient(180deg, #8b7a5a 0%, #5e4e32 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  animation: ns-bible 12s ease-in-out infinite alternate;
}
.scn-narrator-strategy .biltong-piece {
  position:absolute; bottom:48%; width:6%; height:8%;
  background: linear-gradient(180deg, #8b452a 0%, #5e2a1a 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: ns-biltong 4s ease-in-out infinite alternate;
}
.scn-narrator-strategy .piece-1 { left:38%; animation-delay:0s; }
.scn-narrator-strategy .piece-2 { left:56%; animation-delay:2s; }
.scn-narrator-strategy .narrator {
  position:absolute; bottom:30%; left:15%; width:18%; height:40%;
  background: linear-gradient(180deg, #2a2a1a 0%, #0a0a00 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: ns-narrator 5s ease-in-out infinite alternate;
}
.scn-narrator-strategy .moon {
  position:absolute; top:10%; right:20%; width:12%; height:12%;
  background: radial-gradient(circle, #f0e8c0 0%, #d4c896 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(212,200,150,0.5);
  animation: ns-moon 8s ease-in-out infinite alternate;
}
.scn-narrator-strategy .star {
  position:absolute; width:3%; height:3%;
  background: radial-gradient(circle, #ffffff 0%, transparent 100%);
  border-radius: 50%;
  animation: ns-star 3s ease-in-out infinite alternate;
}
.scn-narrator-strategy .star-1 { top:12%; left:30%; animation-delay:0s; }
.scn-narrator-strategy .star-2 { top:25%; left:60%; animation-delay:1.5s; }
@keyframes ns-base { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.02) rotate(-2deg); } 100% { transform: scale(0.98) rotate(2deg); } }
@keyframes ns-bible { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes ns-biltong { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.1) translateY(-2px); } 100% { transform: scale(0.9) translateY(0); } }
@keyframes ns-narrator { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-3px); } 100% { transform: rotate(5deg) translateY(0); } }
@keyframes ns-moon { 0% { opacity:0.9; transform: scale(0.95); } 50% { opacity:1; transform: scale(1.05); } 100% { opacity:0.95; transform: scale(1); } }
@keyframes ns-star { 0% { opacity:0.3; transform: scale(0.5); } 50% { opacity:1; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(0.8); } }

/* scene: birthday-lost */
.scn-birthday-lost { background: linear-gradient(180deg, #f4e1c1 0%, #e0c29b 100%), radial-gradient(ellipse at 50% 0%, #fff8e7 0%, transparent 60%); }
.scn-birthday-lost .bg { position: absolute; inset: 10% 0 30% 0; background: repeating-linear-gradient(90deg, #c89f6e 0px, #c89f6e 4px, #b88c5a 4px, #b88c5a 6px); }
.scn-birthday-lost .floor { position: absolute; inset: auto 0 0 0; height: 30%; background: linear-gradient(180deg, #6b4c2a 0%, #4a3218 100%); }
.scn-birthday-lost .beam { position: absolute; top: 8%; left: 0; right: 0; height: 6%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%); box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-birthday-lost .window { position: absolute; top: 15%; right: 15%; width: 12%; height: 15%; background: radial-gradient(circle, #fff8e7 0%, #f4d9b2 80%); border-radius: 50%; box-shadow: 0 0 40px #f4d9b2, 0 0 80px rgba(244,217,178,0.4); animation: glowWindow-bl 3s ease-in-out infinite alternate; }
.scn-birthday-lost .light { position: absolute; top: 15%; right: 15%; width: 40%; height: 80%; background: linear-gradient(135deg, rgba(255,248,231,0.35) 0%, transparent 100%); transform-origin: top right; animation: swingLight-bl 8s ease-in-out infinite; }
.scn-birthday-lost .cradle { position: absolute; bottom: 28%; left: 30%; width: 15%; height: 15%; background: linear-gradient(180deg, #7a4a2a 0%, #5a3018 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 6px 12px rgba(0,0,0,0.4); animation: swayCradle-bl 4s ease-in-out infinite; }
.scn-birthday-lost .baby { position: absolute; bottom: 32%; left: 34%; width: 7%; height: 10%; background: #2a2a3a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bobBaby-bl 2s ease-in-out infinite; }
.scn-birthday-lost .brewer { position: absolute; bottom: 22%; right: 20%; width: 18%; height: 25%; background: #3a2a1a; border-radius: 50% 50% 30% 30% / 70% 70% 30% 30%; transform-origin: bottom center; animation: swayBrewer-bl 5s ease-in-out infinite; }
@keyframes glowWindow-bl { 0% { opacity: 0.7; box-shadow: 0 0 20px #f4d9b2; } 50% { opacity: 1; box-shadow: 0 0 60px #f4d9b2, 0 0 100px rgba(244,217,178,0.5); } 100% { opacity: 0.8; box-shadow: 0 0 30px #f4d9b2; } }
@keyframes swingLight-bl { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } }
@keyframes swayCradle-bl { 0% { transform: rotate(0deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }
@keyframes bobBaby-bl { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes swayBrewer-bl { 0% { transform: rotate(0deg); } 30% { transform: rotate(4deg); } 70% { transform: rotate(-3deg); } 100% { transform: rotate(0deg); } }

/* scene: discarded-days */
.scn-discarded-days { background: linear-gradient(180deg, #87ceeb 0%, #f0f8ff 40%), linear-gradient(180deg, #f0f8ff 40%, #3b7ea1 100%); }
.scn-discarded-days .sky { position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #b0e0ff 0%, transparent 100%); }
.scn-discarded-days .sea { position: absolute; inset: 50% 0 0 0; background: linear-gradient(180deg, #3b7ea1 0%, #2a5f7a 100%); animation: swellSea-dd 12s ease-in-out infinite alternate; }
.scn-discarded-days .pier { position: absolute; bottom: 45%; left: 10%; width: 80%; height: 8%; background: linear-gradient(180deg, #8b6b4a 0%, #5a4028 100%); border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,0.4); }
.scn-discarded-days .barrel { position: absolute; bottom: 48%; right: 25%; width: 12%; height: 18%; background: linear-gradient(180deg, #6b4c2a 0%, #4a3218 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
.scn-discarded-days .figure { position: absolute; bottom: 48%; left: 20%; width: 10%; height: 22%; background: #1a1a2a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fishFigure-dd 5s ease-in-out infinite; }
.scn-discarded-days .orb { position: absolute; bottom: 35%; left: 22%; width: 6%; height: 6%; background: radial-gradient(circle, #fff8b0 0%, #ffd700 80%); border-radius: 50%; box-shadow: 0 0 30px #ffd700, 0 0 60px rgba(255,215,0,0.5); animation: bobOrb-dd 3s ease-in-out infinite; }
.scn-discarded-days .wave { position: absolute; bottom: 0%; left: 0; width: 200%; height: 15%; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.15) 0px, rgba(255,255,255,0.15) 20px, transparent 20px, transparent 40px); filter: blur(3px); animation: slideWave-dd 8s linear infinite; }
@keyframes swellSea-dd { 0% { background-position: 0 0; } 50% { background-position: 30px 0; } 100% { background-position: 0 0; } }
@keyframes fishFigure-dd { 0% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-6px); } 100% { transform: rotate(0deg) translateY(0); } }
@keyframes bobOrb-dd { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-12px) scale(1.15); } 100% { transform: translateY(0) scale(1); } }
@keyframes slideWave-dd { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* scene: scottish-pronunciation */
.scn-scottish-pronunciation { background: linear-gradient(180deg, #e8d8b8 0%, #c8b090 70%), radial-gradient(ellipse at 50% 100%, #c8b090 0%, transparent 70%); }
.scn-scottish-pronunciation .wall { position: absolute; inset: 0 0 30% 0; background: repeating-linear-gradient(90deg, #d4c4a8 0px, #d4c4a8 10px, #c8b898 10px, #c8b898 12px); }
.scn-scottish-pronunciation .table { position: absolute; bottom: 10%; left: 5%; width: 90%; height: 20%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2210 100%); border-radius: 40% 40% 10% 10% / 80% 80% 20% 20%; }
.scn-scottish-pronunciation .chandelier { position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 30%; height: 15%; background: radial-gradient(ellipse at 50% 100%, #ffd700 0%, transparent 80%); border-radius: 50%; animation: flickerLight-sp 0.5s ease-in-out infinite alternate; }
.scn-scottish-pronunciation .figure-left { position: absolute; bottom: 35%; left: 25%; width: 15%; height: 30%; background: #2a2a3a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: argueL-sp 2s ease-in-out infinite; }
.scn-scottish-pronunciation .figure-right { position: absolute; bottom: 35%; right: 25%; width: 15%; height: 30%; background: #3a2a2a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: argueR-sp 2.5s ease-in-out infinite; }
.scn-scottish-pronunciation .plate { position: absolute; bottom: 18%; left: 50%; transform: translateX(-50%); width: 25%; height: 8%; background: radial-gradient(circle, #fff 0%, #e8e8e8 80%); border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0,0.2); animation: shakePlate-sp 3s ease-in-out infinite; }
.scn-scottish-pronunciation .glass { position: absolute; bottom: 22%; right: 35%; width: 6%; height: 15%; background: rgba(200, 220, 255, 0.4); border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3); }
@keyframes flickerLight-sp { 0% { opacity: 0.8; } 100% { opacity: 1; } }
@keyframes argueL-sp { 0% { transform: rotate(-5deg); } 50% { transform: rotate(12deg); } 100% { transform: rotate(-5deg); } }
@keyframes argueR-sp { 0% { transform: rotate(5deg); } 50% { transform: rotate(-12deg); } 100% { transform: rotate(5deg); } }
@keyframes shakePlate-sp { 0% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-45%) rotate(2deg); } 75% { transform: translateX(-55%) rotate(-2deg); } 100% { transform: translateX(-50%) rotate(0deg); } }

/* scene: invented-quotations */
.scn-invented-quotations { background: linear-gradient(180deg, #4a3018 0%, #2a1a0a 100%), radial-gradient(ellipse at 50% 0%, #6a4a28 0%, transparent 70%); }
.scn-invented-quotations .bookshelf { position: absolute; inset: 5% 0 50% 0; background: repeating-linear-gradient(180deg, #3a2210 0px, #3a2210 20px, #4a3018 20px, #4a3018 22px); border-bottom: 4px solid #5a3a1a; box-shadow: inset 0 -8px 16px rgba(0,0,0,0.4); }
.scn-invented-quotations .desk { position: absolute; bottom: 10%; left: 5%; width: 90%; height: 25%; background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%); border-radius: 4px; box-shadow: 0 -6px 16px rgba(0,0,0,0.6); }
.scn-invented-quotations .lamp { position: absolute; bottom: 35%; left: 15%; width: 8%; height: 20%; background: linear-gradient(180deg, #8a6a3a 0%, #4a3018 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 40px rgba(255,200,100,0.5); animation: humLamp-iq 0.4s ease-in-out infinite alternate; }
.scn-invented-quotations .scholar { position: absolute; bottom: 35%; left: 30%; width: 18%; height: 35%; background: #1a1a2a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: boastScholar-iq 4s ease-in-out infinite; }
.scn-invented-quotations .listener { position: absolute; bottom: 35%; right: 20%; width: 16%; height: 32%; background: #2a2a3a; border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: nodListener-iq 3.5s ease-in-out infinite; }
.scn-invented-quotations .quote { position: absolute; top: 20%; left: 40%; width: 20%; height: 20%; border: 4px solid #ffd700; border-radius: 50%; box-shadow: 0 0 30px rgba(255,215,0,0.4); animation: floatQuote-iq 7s ease-in-out infinite; }
@keyframes humLamp-iq { 0% { box-shadow: 0 0 20px rgba(255,200,100,0.4); } 100% { box-shadow: 0 0 60px rgba(255,200,100,0.8); } }
@keyframes boastScholar-iq { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-6px) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes nodListener-iq { 0% { transform: rotate(0deg); } 30% { transform: rotate(-8deg); } 70% { transform: rotate(4deg); } 100% { transform: rotate(0deg); } }
@keyframes floatQuote-iq { 0% { transform: translate(0, 0) scale(1) rotate(0deg); } 50% { transform: translate(15px, -25px) scale(1.1) rotate(180deg); } 100% { transform: translate(0, 0) scale(1) rotate(360deg); } }

.scn-concessions-made {
  background: 
    linear-gradient(180deg, #6b513a 0%, #4a3a2a 30%, #2a1e14 100%),
    radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 70%);
}
.scn-concessions-made .room-wall { position:absolute; inset:0 0 0 0; background: linear-gradient(180deg, #d6b88a 0%, #b89460 40%, #8a6e40 100%); animation: sc1-wall 15s ease-in-out infinite alternate; }
.scn-concessions-made .desk { position:absolute; bottom:15%; left:15%; right:25%; height:30%; background: linear-gradient(180deg, #5e4232 0%, #3a2a1e 100%); border-radius:4px 4px 8px 8px; box-shadow: 0 -6px 12px rgba(0,0,0,.6); animation: sc1-desk 12s ease-in-out infinite; }
.scn-concessions-made .lamp { position:absolute; bottom:40%; left:28%; width:12px; height:40px; background: linear-gradient(180deg, #8a7a5a 0%, #5a4a3a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 0 18px 6px #e8c060, 0 0 36px 12px rgba(232,192,96,.4); animation: sc1-lamp 4s ease-in-out infinite alternate; }
.scn-concessions-made .paper-stack { position:absolute; bottom:20%; left:18%; width:50px; height:8px; background: linear-gradient(90deg, #e8dcc0 0%, #f0e8d0 50%, #d8c8a0 100%); border-radius:2px; box-shadow: 0 4px 6px rgba(0,0,0,.4); animation: sc1-paper 8s ease-in-out infinite; }
.scn-concessions-made .chair { position:absolute; bottom:10%; left:35%; width:35px; height:50px; background: linear-gradient(180deg, #5e4232 0%, #3a2a1e 100%); border-radius:20% 20% 10% 10%/40% 40% 20% 20%; transform-origin: bottom center; animation: sc1-chair 10s ease-in-out infinite; }
.scn-concessions-made .figure-sitting { position:absolute; bottom:12%; left:38%; width:20px; height:45px; background: linear-gradient(180deg, #2a1e14 0%, #1a120a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; transform-origin: bottom center; animation: sc1-figure 7s ease-in-out infinite; }
.scn-concessions-made .hand-page { position:absolute; bottom:22%; left:42%; width:8px; height:12px; background: linear-gradient(180deg, #c8b89a 0%, #b0a080 100%); border-radius:30% 30% 40% 40%; transform:rotate(10deg); animation: sc1-hand 4s ease-in-out infinite alternate; }
.scn-concessions-made .shadow { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.5) 100%); animation: sc1-shadow 12s ease-in-out infinite alternate; }
@keyframes sc1-wall { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes sc1-desk { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes sc1-lamp { 0% { box-shadow: 0 0 14px 4px #e8c060, 0 0 28px 8px rgba(232,192,96,.3); } 50% { box-shadow: 0 0 24px 8px #f0d080, 0 0 48px 16px rgba(240,208,128,.5); } 100% { box-shadow: 0 0 18px 5px #e8c060, 0 0 36px 10px rgba(232,192,96,.35); } }
@keyframes sc1-paper { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } 100% { transform: scaleY(1) } }
@keyframes sc1-chair { 0% { transform: rotate(0deg) } 50% { transform: rotate(1deg) translateY(-1px) } 100% { transform: rotate(-1deg) } }
@keyframes sc1-figure { 0% { transform: translateY(0) rotate(0deg) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-1px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes sc1-hand { 0% { transform: rotate(5deg) translateX(0) } 100% { transform: rotate(15deg) translateX(3px) } }
@keyframes sc1-shadow { 0% { opacity:.6 } 50% { opacity:.8 } 100% { opacity:.5 } }

.scn-boer-debt {
  background: 
    linear-gradient(180deg, #3e2a1a 0%, #2a1e14 40%, #1a120a 100%),
    radial-gradient(ellipse at 50% 100%, #1a120a 0%, transparent 70%);
}
.scn-boer-debt .room-wall { position:absolute; inset:0; background: linear-gradient(180deg, #8a6e40 0%, #5e4232 50%, #3a2a1e 100%); animation: sc2-wall 20s ease-in-out infinite alternate; }
.scn-boer-debt .table { position:absolute; bottom:12%; left:10%; right:10%; height:25%; background: linear-gradient(180deg, #5e4232 0%, #3a2a1e 100%); border-radius:4px; box-shadow: 0 -8px 16px rgba(0,0,0,.7); animation: sc2-table 10s ease-in-out infinite; }
.scn-boer-debt .ledger { position:absolute; bottom:18%; left:25%; width:60px; height:40px; background: linear-gradient(180deg, #b0a080 0%, #8a6e40 100%); border-radius:2px; box-shadow: 0 4px 8px rgba(0,0,0,.6); transform:rotate(-5deg); animation: sc2-ledger 12s ease-in-out infinite; }
.scn-boer-debt .inkwell { position:absolute; bottom:22%; left:20%; width:10px; height:14px; background: linear-gradient(180deg, #1a120a 0%, #0a0805 100%); border-radius:50% 50% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,.5); animation: sc2-ink 6s ease-in-out infinite alternate; }
.scn-boer-debt .figure-standing { position:absolute; bottom:5%; left:40%; width:22px; height:60px; background: linear-gradient(180deg, #2a1e14 0%, #1a120a 100%); border-radius:50% 50% 40% 40%/70% 70% 40% 40%; transform-origin: bottom center; animation: sc2-figure 8s ease-in-out infinite; }
.scn-boer-debt .candle { position:absolute; bottom:30%; left:55%; width:8px; height:30px; background: linear-gradient(180deg, #e8dcc0 0%, #c8b89a 100%); border-radius:20% 20% 10% 10%; box-shadow: 0 0 16px 4px #f0d080, 0 0 32px 8px rgba(240,208,128,.4); animation: sc2-candle 5s ease-in-out infinite alternate; }
.scn-boer-debt .window-night { position:absolute; top:10%; right:8%; width:90px; height:70px; background: linear-gradient(180deg, #0a1220 0%, #1a2a3a 100%); border:4px solid #5e4232; border-radius:4px; box-shadow: inset 0 0 30px rgba(0,0,0,.8); animation: sc2-window 30s ease-in-out infinite alternate; }
.scn-boer-debt .curtain { position:absolute; top:10%; right:8%; width:20px; height:80px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1e14 100%); border-radius:30% 30% 10% 10%; transform-origin: top; animation: sc2-curtain 15s ease-in-out infinite alternate; }
@keyframes sc2-wall { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes sc2-table { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes sc2-ledger { 0% { transform: rotate(-5deg) } 50% { transform: rotate(-3deg) translateY(-1px) } 100% { transform: rotate(-6deg) } }
@keyframes sc2-ink { 0% { transform: scaleY(1) } 100% { transform: scaleY(1.1) } }
@keyframes sc2-figure { 0% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-3px) rotate(-2deg) } 60% { transform: translateY(0) rotate(2deg) } 100% { transform: translateY(-1px) rotate(0deg) } }
@keyframes sc2-candle { 0% { box-shadow: 0 0 12px 3px #f0d080, 0 0 24px 6px rgba(240,208,128,.3); opacity:.9 } 50% { box-shadow: 0 0 20px 6px #f8e090, 0 0 40px 12px rgba(248,224,144,.5); opacity:1 } 100% { box-shadow: 0 0 14px 4px #f0d080, 0 0 28px 8px rgba(240,208,128,.35); opacity:.95 } }
@keyframes sc2-window { 0% { opacity:.6 } 50% { opacity:.8 } 100% { opacity:.5 } }
@keyframes sc2-curtain { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } 100% { transform: scaleX(1) } }

.scn-cave-kafir {
  background: 
    linear-gradient(180deg, #1a0e0a 0%, #2a160e 30%, #3a2015 60%, #1a0e0a 100%),
    radial-gradient(ellipse at 50% 80%, #4a2a1a 0%, transparent 70%);
}
.scn-cave-kafir .cave-wall-bg { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #4a2a1a 0%, #2a160e 50%, #1a0e0a 100%); border-radius:40% 60% 0 0/60% 50% 0 0; animation: sc3-wall-bg 25s ease-in-out infinite alternate; }
.scn-cave-kafir .cave-wall-fg { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #3a2015 0%, #2a160e 60%, #1a0e0a 100%); border-radius:30% 70% 40% 60%/50% 80% 20% 50%; animation: sc3-wall-fg 20s ease-in-out infinite alternate; }
.scn-cave-kafir .fire { position:absolute; bottom:30%; left:45%; width:40px; height:60px; background: radial-gradient(ellipse at 50% 100%, #e84020 0%, #c86030 40%, #8a3010 70%, transparent 100%); border-radius:50% 50% 20% 20%; box-shadow: 0 0 40px 12px #e84020, 0 0 80px 24px rgba(232,64,32,.5); animation: sc3-fire 3s ease-in-out infinite alternate; }
.scn-cave-kafir .skeleton-woman { position:absolute; bottom:15%; left:35%; width:18px; height:40px; background: linear-gradient(180deg, #b0a080 0%, #8a6e40 50%, #5e4232 100%); border-radius:40% 40% 30% 30%/50% 50% 30% 30%; transform-origin: bottom; animation: sc3-woman 15s ease-in-out infinite; }
.scn-cave-kafir .skeleton-child { position:absolute; bottom:15%; left:40%; width:12px; height:20px; background: linear-gradient(180deg, #c8b89a 0%, #b0a080 50%, #8a6e40 100%); border-radius:50% 50% 20% 20%; transform-origin: bottom; animation: sc3-child 12s ease-in-out infinite; }
.scn-cave-kafir .smoke { position:absolute; bottom:60%; left:40%; width:80px; height:40px; background: linear-gradient(180deg, rgba(200,180,160,.3) 0%, rgba(100,80,60,.1) 100%); border-radius:50%; filter: blur(12px); animation: sc3-smoke 8s ease-in-out infinite alternate; }
.scn-cave-kafir .shadow-creep { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.8) 100%); animation: sc3-shadow 6s ease-in-out infinite alternate; }
@keyframes sc3-wall-bg { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes sc3-wall-fg { 0% { transform: translateY(0) } 50% { transform: translateY(-5px) } 100% { transform: translateY(0) } }
@keyframes sc3-fire { 0% { transform: scaleY(1) scaleX(1); opacity:.8 } 50% { transform: scaleY(1.2) scaleX(0.8); opacity:1 } 100% { transform: scaleY(0.9) scaleX(1.1); opacity:.9 } }
@keyframes sc3-woman { 0% { transform: rotate(0deg) translateY(0) } 50% { transform: rotate(2deg) translateY(-2px) } 100% { transform: rotate(-1deg) translateY(0) } }
@keyframes sc3-child { 0% { transform: rotate(0deg) translateY(0) } 50% { transform: rotate(-3deg) translateY(-1px) } 100% { transform: rotate(2deg) translateY(0) } }
@keyframes sc3-smoke { 0% { transform: translateY(0) scale(1); opacity:.4 } 50% { transform: translateY(-15px) scale(1.3); opacity:.2 } 100% { transform: translateY(0) scale(1); opacity:.3 } }
@keyframes sc3-shadow { 0% { opacity:.6 } 50% { opacity:.8 } 100% { opacity:.5 } }

.scn-white-man-land {
  background: 
    linear-gradient(180deg, #3a2a1a 0%, #2a1e14 40%, #1a120a 100%),
    radial-gradient(ellipse at 50% 100%, #2a1e14 0%, transparent 70%);
}
.scn-white-man-land .study-wall { position:absolute; inset:0; background: linear-gradient(180deg, #8a6e40 0%, #5e4232 50%, #3a2a1e 100%); animation: sc4-wall 18s ease-in-out infinite alternate; }
.scn-white-man-land .globe { position:absolute; bottom:25%; right:15%; width:55px; height:55px; background: radial-gradient(circle at 40% 30%, #4a7a4a 0%, #2a5a2a 40%, #1a3a1a 100%); border-radius:50%; box-shadow: 0 6px 12px rgba(0,0,0,.6), inset -4px -4px 8px rgba(0,0,0,.4); animation: sc4-globe 20s ease-in-out infinite; }
.scn-white-man-land .map-roll { position:absolute; bottom:30%; left:20%; width:70px; height:8px; background: linear-gradient(90deg, #d8c8a0 0%, #f0e8d0 50%, #c8b89a 100%); border-radius:4px; box-shadow: 0 4px 8px rgba(0,0,0,.5); transform:rotate(-10deg); animation: sc4-map 15s ease-in-out infinite; }
.scn-white-man-land .desk-lamp { position:absolute; bottom:35%; left:25%; width:14px; height:35px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:30% 30% 10% 10%; box-shadow: 0 0 20px 6px #c8a060, 0 0 40px 12px rgba(200,160,96,.3); animation: sc4-lamp 5s ease-in-out infinite alternate; }
.scn-white-man-land .charter { position:absolute; bottom:28%; left:30%; width:90px; height:6px; background: linear-gradient(90deg, #e8dcc0 0%, #f8f4e8 50%, #d8c8a0 100%); border-radius:2px; box-shadow: 0 4px 8px rgba(0,0,0,.4); transform:rotate(3deg); animation: sc4-charter 10s ease-in-out infinite; }
.scn-white-man-land .figure-silhouette { position:absolute; bottom:10%; left:38%; width:24px; height:70px; background: linear-gradient(180deg, #1a120a 0%, #0a0805 100%); border-radius:50% 50% 40% 40%/70% 70% 40% 40%; transform-origin: bottom center; animation: sc4-figure 9s ease-in-out infinite; }
.scn-white-man-land .shadow-arm { position:absolute; bottom:15%; left:40%; width:30px; height:6px; background: linear-gradient(90deg, #1a120a 0%, transparent 100%); border-radius:50%; transform-origin: right; animation: sc4-arm 7s ease-in-out infinite alternate; }
@keyframes sc4-wall { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes sc4-globe { 0% { transform: rotate(0deg) } 50% { transform: rotate(5deg) } 100% { transform: rotate(-5deg) } }
@keyframes sc4-map { 0% { transform: rotate(-10deg) translateY(0) } 50% { transform: rotate(-8deg) translateY(-2px) } 100% { transform: rotate(-12deg) translateY(0) } }
@keyframes sc4-lamp { 0% { box-shadow: 0 0 14px 4px #c8a060, 0 0 28px 8px rgba(200,160,96,.3); } 50% { box-shadow: 0 0 24px 8px #d8b070, 0 0 48px 16px rgba(216,176,112,.5); } 100% { box-shadow: 0 0 18px 5px #c8a060, 0 0 36px 10px rgba(200,160,96,.35); } }
@keyframes sc4-charter { 0% { transform: rotate(3deg) scaleX(1) } 50% { transform: rotate(5deg) scaleX(1.02) } 100% { transform: rotate(2deg) scaleX(1) } }
@keyframes sc4-figure { 0% { transform: translateY(0) rotate(0deg) } 30% { transform: translateY(-4px) rotate(2deg) } 60% { transform: translateY(0) rotate(-2deg) } 100% { transform: translateY(-2px) rotate(0deg) } }
@keyframes sc4-arm { 0% { transform: scaleX(1) rotate(0deg) } 50% { transform: scaleX(1.2) rotate(10deg) } 100% { transform: scaleX(1) rotate(0deg) } }

/* african-voices – warm sunlit women walking */
.scn-african-voices {
  background: linear-gradient(180deg, #fce4c0 0%, #f5c478 40%, #d98a4a 80%, #a65d2e 100%),
              radial-gradient(ellipse at 50% 0%, #fff3d8 0%, transparent 60%);
}
.scn-african-voices .sky-av {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #b8d8e0 0%, #e8f0d0 50%, #fce4c0 100%);
  animation: av-sky 20s ease-in-out infinite alternate;
}
.scn-african-voices .sun-av {
  position: absolute; top: 8%; left: 15%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fff7cc 0%, #ffdd66 50%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 60px 20px #ffd444;
  animation: av-sun 6s ease-in-out infinite alternate;
}
.scn-african-voices .ground-av {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #d98a4a 0%, #b87030 30%, #8c5a28 100%);
  border-radius: 0 0 40% 0 / 0 0 20% 0;
}
.scn-african-voices .acacia-av {
  position: absolute; bottom: 40%; left: 20%; width: 8px; height: 120px;
  background: linear-gradient(180deg, #6b4226 0%, #5a3520 100%);
  border-radius: 4px;
  transform: rotate(-5deg);
}
.scn-african-voices .acacia-av::after {
  content: ''; position: absolute; top: -20px; left: -40px;
  width: 100px; height: 30px;
  background: radial-gradient(ellipse, #8b6b3a 0%, transparent 70%);
  border-radius: 50%;
}
.scn-african-voices .woman-av {
  position: absolute; bottom: 20%; width: 28px; height: 80px;
  background: linear-gradient(180deg, #4a3a2e 0%, #3a2a1e 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 35% 35%;
  transform-origin: bottom center;
}
.scn-african-voices .w1 { left: 35%; animation: av-walk 3s ease-in-out infinite; }
.scn-african-voices .w2 { left: 48%; animation: av-walk 3s ease-in-out 0.8s infinite; }
.scn-african-voices .w3 { left: 60%; animation: av-walk 3s ease-in-out 1.6s infinite; }
.scn-african-voices .woman-av::before {
  content: ''; position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
  width: 20px; height: 18px;
  background: radial-gradient(circle, #6a5a3a 0%, #4a3a2e 100%);
  border-radius: 50%;
}
.scn-african-voices .woman-av::after {
  content: ''; position: absolute; bottom: 0; left: -4px; width: 36px; height: 40px;
  background: linear-gradient(180deg, #c8553d 0%, #a0461a 100%);
  border-radius: 30% 30% 20% 20%; /* skirt */
}
.scn-african-voices .flower-av {
  position: absolute; bottom: 18%; width: 8px; height: 20px;
  background: radial-gradient(circle, #f0c060 0%, #d08030 100%);
  border-radius: 50%;
  animation: av-sway 5s ease-in-out infinite;
}
.scn-african-voices .f1 { left: 25%; animation-delay: 0s; }
.scn-african-voices .f2 { left: 70%; animation-delay: 2s; }
@keyframes av-sky { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes av-sun { 0% { transform: scale(1) translateY(0); box-shadow: 0 0 60px 20px #ffd444; } 50% { transform: scale(1.05) translateY(-3px); box-shadow: 0 0 80px 30px #ffe055; } 100% { transform: scale(1) translateY(0); box-shadow: 0 0 60px 20px #ffd444; } }
@keyframes av-walk { 0% { transform: translateX(0) rotate(-2deg); } 25% { transform: translateX(8px) rotate(1deg); } 50% { transform: translateX(16px) rotate(-1deg); } 75% { transform: translateX(24px) rotate(2deg); } 100% { transform: translateX(32px) rotate(-2deg); } }
@keyframes av-sway { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }

/* boer-clothes – funny sunlit group of Boers with ugly clothes */
.scn-boer-clothes {
  background: linear-gradient(180deg, #fce4c0 0%, #f0d090 30%, #d9985a 60%, #b87838 100%),
              radial-gradient(ellipse at 50% 30%, #fff7e0 0%, transparent 60%);
}
.scn-boer-clothes .wall-bc {
  position:absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #e8d4b0 0%, #d0b890 100%);
  border-bottom: 4px solid #a08060;
}
.scn-boer-clothes .floor-bc {
  position: absolute; bottom:0; left:0; right:0; height:50%;
  background: linear-gradient(180deg, #c0a880 0%, #a08060 100%);
}
.scn-boer-clothes .man-bc {
  position:absolute; bottom:30%; width:40px; height:90px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
}
.scn-boer-clothes .m1 { left: 25%; animation: bc-jiggle 2s ease-in-out infinite; }
.scn-boer-clothes .m2 { left: 40%; animation: bc-jiggle 2s ease-in-out 0.5s infinite; }
.scn-boer-clothes .m3 { left: 55%; animation: bc-jiggle 2s ease-in-out 1s infinite; }
.scn-boer-clothes .man-bc::before {
  content: ''; position: absolute; top: 5px; left:50%; transform: translateX(-50%);
  width: 30px; height: 22px;
  background: radial-gradient(circle, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 50%;
}
.scn-boer-clothes .man-bc::after {
  content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 36px; height: 45px;
  background: linear-gradient(180deg, #5e3a2e 0%, #3a2216 100%);
  border-radius: 20% 20% 10% 10%; /* jacket/torso */
}
.scn-boer-clothes .pants-bc {
  position:absolute; bottom:30%; width:20px; height:40px;
  background: linear-gradient(180deg, #3973b8 0%, #2a5a8c 100%);
  border-radius: 10% 10% 30% 30%;
  transform-origin: top center;
}
.scn-boer-clothes .p1 { left: 22%; bottom: 30%; animation: bc-leg 1.5s ease-in-out infinite; }
.scn-boer-clothes .p2 { left: 58%; bottom: 30%; animation: bc-leg 1.5s ease-in-out 0.75s infinite; }
.scn-boer-clothes .hat-bc {
  position:absolute; top: 22%; left: 40%; width: 30px; height: 12px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 0 0;
  transform: rotate(-5deg);
  animation: bc-hat 4s ease-in-out infinite;
}
.scn-boer-clothes .shadow-bc {
  position:absolute; bottom:30%; left:30%; width:100px; height:8px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 100%);
  animation: bc-shadow 3s ease-in-out infinite;
}
@keyframes bc-jiggle { 0%,100% { transform: rotate(-3deg) translateY(0); } 25% { transform: rotate(2deg) translateY(-2px); } 50% { transform: rotate(-1deg) translateY(0); } 75% { transform: rotate(4deg) translateY(-3px); } }
@keyframes bc-leg { 0% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } }
@keyframes bc-hat { 0%,100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(10deg) translateY(-2px); } }
@keyframes bc-shadow { 0%,100% { opacity:0.5; transform:scaleX(1); } 50% { opacity:0.8; transform:scaleX(1.2); } }

/* boer-life – bright interior, funny argument */
.scn-boer-life {
  background: linear-gradient(180deg, #fff8e7 0%, #f0e0c0 50%, #d8c8a8 100%),
              radial-gradient(ellipse at 30% 20%, #fffde8 0%, transparent 50%);
}
.scn-boer-life .room-bl {
  position: absolute; inset: 0 0 0 0;
  background: linear-gradient(135deg, #e8dcc0 0%, #d0c0a0 100%);
  border: 6px solid #b8a888;
  box-shadow: inset 0 0 60px rgba(80,60,30,0.3);
}
.scn-boer-life .table-bl {
  position: absolute; bottom: 22%; left: 35%; width: 120px; height: 60px;
  background: linear-gradient(180deg, #b8a080 0%, #998060 100%);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.scn-boer-life .lamp-bl {
  position: absolute; top: 15%; right: 25%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #c0a850 0%, #d0b060 100%);
  border-radius: 8% 8% 20% 20%;
  box-shadow: 0 0 40px 15px rgba(200,170,80,0.6);
  animation: bl-lamp 4s ease-in-out infinite alternate;
}
.scn-boer-life .glass-bl {
  position: absolute; bottom: 30%; left: 45%; width: 16px; height: 20px;
  background: radial-gradient(circle, #d0e8f0 0%, #a0c8d0 70%);
  border-radius: 20% 20% 10% 10%;
  transform: rotate(-10deg);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.scn-boer-life .figure-bl {
  position: absolute; bottom: 25%; width: 32px; height: 70px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
}
.scn-boer-life .f1 { left: 25%; animation: bl-point 3s ease-in-out infinite; }
.scn-boer-life .f2 { left: 55%; animation: bl-shrug 3.5s ease-in-out infinite; }
.scn-boer-life .fly-bl {
  position: absolute; top: 30%; left: 20%; width: 4px; height: 4px;
  background: #3a2a1a;
  border-radius: 50%;
  animation: bl-fly 2s linear infinite;
}
.scn-boer-life .dust-bl {
  position: absolute; top: 40%; left: 70%; width: 50px; height: 20px;
  background: radial-gradient(ellipse, rgba(200,180,160,0.3) 0%, transparent 100%);
  filter: blur(3px);
  animation: bl-dust 8s ease-in-out infinite alternate;
}
@keyframes bl-lamp { 0% { opacity:0.8; box-shadow: 0 0 30px 10px rgba(200,170,80,0.4); } 50% { opacity:1; box-shadow: 0 0 50px 20px rgba(200,170,80,0.7); } 100% { opacity:0.85; box-shadow: 0 0 35px 12px rgba(200,170,80,0.5); } }
@keyframes bl-point { 0% { transform: translateX(0) rotate(-5deg); } 20% { transform: translateX(5px) rotate(10deg); } 40% { transform: translateX(0) rotate(-2deg); } 60% { transform: translateX(-3px) rotate(5deg); } 80% { transform: translateX(2px) rotate(-8deg); } 100% { transform: translateX(0) rotate(-5deg); } }
@keyframes bl-shrug { 0%,100% { transform: translateY(0) rotate(0); } 30% { transform: translateY(-4px) rotate(5deg); } 60% { transform: translateY(2px) rotate(-3deg); } }
@keyframes bl-fly { 0% { transform: translate(0, 0); } 25% { transform: translate(30px, -15px); } 50% { transform: translate(60px, -5px); } 75% { transform: translate(90px, -20px); } 100% { transform: translate(120px, 0); } }
@keyframes bl-dust { 0% { opacity:0.1; transform: translateX(0); } 50% { opacity:0.3; transform: translateX(-10px); } 100% { opacity:0.1; transform: translateX(10px); } }

/* black-prisoner – dim interior, dark mood */
.scn-black-prisoner {
  background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 60%, #05050a 100%),
              radial-gradient(ellipse at 50% 70%, #2a2a3e 0%, transparent 80%);
}
.scn-black-prisoner .cell-bp {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #2a2a3e 0%, #1a1a2a 100%);
  border: 4px solid #3a3a4a;
  box-shadow: inset 0 0 80px rgba(0,0,0,0.8);
}
.scn-black-prisoner .bars-bp {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, transparent 0px, transparent 12px, #3a4a5a 12px, #3a4a5a 14px, transparent 14px, transparent 26px, #3a4a5a 26px, #3a4a5a 28px, transparent 28px, transparent 40px, #3a4a5a 40px, #3a4a5a 42px, transparent 42px, transparent 100%);
  opacity: 0.5;
  animation: bp-bars 6s ease-in-out infinite alternate;
}
.scn-black-prisoner .light-bp {
  position: absolute; top: 10%; left: 10%; width: 80px; height: 60px;
  background: radial-gradient(ellipse, rgba(200,180,120,0.15) 0%, transparent 80%);
  filter: blur(10px);
  animation: bp-light 8s ease-in-out infinite alternate;
}
.scn-black-prisoner .floor-bp {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.6);
}
.scn-black-prisoner .figure-bp {
  position: absolute; bottom: 22%; left: 45%; width: 40px; height: 80px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
  transform-origin: bottom center;
  animation: bp-figure 5s ease-in-out infinite;
}
.scn-black-prisoner .figure-bp::before {
  content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
  width: 18px; height: 20px;
  background: radial-gradient(circle, #3a3a4a 0%, #1a1a2a 100%);
  border-radius: 50%;
}
.scn-black-prisoner .chain-bp {
  position: absolute; bottom: 25%; left: 35%; width: 60px; height: 4px;
  background: repeating-linear-gradient(90deg, #5a6a7a 0px, #5a6a7a 6px, transparent 6px, transparent 10px);
  border-radius: 2px;
  transform: rotate(-20deg);
  animation: bp-chain 4s ease-in-out infinite alternate;
}
.scn-black-prisoner .shadow-bp {
  position: absolute; bottom: 20%; left: 30%; width: 100px; height: 15px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.6) 0%, transparent 100%);
  animation: bp-shadow 5s ease-in-out infinite;
}
.scn-black-prisoner .rat-bp {
  position: absolute; bottom: 10%; right: 15%; width: 18px; height: 8px;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%);
  border-radius: 50% 30% 30% 50%;
  transform: rotate(-10deg);
  animation: bp-rat 12s linear infinite;
}
@keyframes bp-bars { 0% { opacity:0.4; } 50% { opacity:0.6; } 100% { opacity:0.45; } }
@keyframes bp-light { 0% { transform: scale(1) translate(0,0); opacity:0.3; } 50% { transform: scale(1.1) translate(5px,-3px); opacity:0.5; } 100% { transform: scale(1) translate(0,0); opacity:0.35; } }
@keyframes bp-figure { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-3px) rotate(-2deg); } 50% { transform: translateY(0) rotate(0); } 75% { transform: translateY(-2px) rotate(2deg); } }
@keyframes bp-chain { 0% { transform: rotate(-20deg) translateX(0); } 50% { transform: rotate(-15deg) translateX(2px); } 100% { transform: rotate(-20deg) translateX(0); } }
@keyframes bp-shadow { 0%,100% { opacity:0.5; transform: scaleX(1); } 50% { opacity:0.7; transform: scaleX(1.1); } }
@keyframes bp-rat { 0% { transform: translate(0,0) rotate(-10deg); } 30% { transform: translate(-40px, -10px) rotate(5deg); } 60% { transform: translate(-80px, 0) rotate(-5deg); } 100% { transform: translate(-120px, 10px) rotate(10deg); } }

/* boundary-change */
.scn-boundary-change {
  background: linear-gradient(135deg, #f5e6c8 0%, #d4b896 50%, #bfa07a 100%),
              radial-gradient(ellipse at 60% 20%, #fff5e0 0%, transparent 60%);
}
.scn-boundary-change .desk {
  position: absolute; inset: 50% 5% 5% 5%;
  background: linear-gradient(180deg, #8b6f4c 0%, #6b5235 100%);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
.scn-boundary-change .map {
  position: absolute; top: 38%; left: 15%; width: 70%; height: 55%;
  background: linear-gradient(135deg, #d9c9a8 0%, #b8a282 100%);
  border-radius: 2px;
  box-shadow: inset 0 0 0 2px #9e8a6e;
}
.scn-boundary-change .boundary-line {
  position: absolute; top: 55%; left: 20%; width: 60%; height: 2px;
  background: #c8553d; /* terracotta, not crimson */
  transform-origin: left center;
  animation: bc-line 4s ease-in-out infinite;
  box-shadow: 0 0 6px #c8553d;
}
.scn-boundary-change .diamond-pile-1 {
  position: absolute; bottom: 20%; left: 25%; width: 30px; height: 20px;
  background: radial-gradient(ellipse, #e0f0ff 0%, #b0c8e0 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bc-bounce 3s ease-in-out infinite;
  box-shadow: 0 0 10px #b0c8e0;
}
.scn-boundary-change .diamond-pile-2 {
  position: absolute; bottom: 20%; right: 30%; width: 40px; height: 24px;
  background: radial-gradient(ellipse, #e8f4ff 0%, #a0bcd0 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  animation: bc-bounce 3.4s ease-in-out infinite 0.5s;
  box-shadow: 0 0 12px #a0bcd0;
}
.scn-boundary-change .official-figure {
  position: absolute; bottom: 22%; left: 45%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 50% 50%;
  transform-origin: bottom center;
  animation: bc-point 2.5s ease-in-out infinite;
}
.scn-boundary-change .arrow {
  position: absolute; bottom: 45%; left: 55%; width: 20px; height: 12px;
  border: 3px solid #c8553d;
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(45deg);
  animation: bc-shift 4s ease-in-out infinite;
}
.scn-boundary-change .sparkle-sparkle-1 {
  position: absolute; top: 30%; left: 30%; width: 6px; height: 6px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 8px 3px rgba(255,255,200,0.8);
  animation: bc-sparkle 1.8s ease-in-out infinite;
}
.scn-boundary-change .sparkle-sparkle-2 {
  position: absolute; top: 35%; right: 25%; width: 4px; height: 4px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(255,255,200,0.6);
  animation: bc-sparkle 2.2s ease-in-out infinite 0.6s;
}
@keyframes bc-line {
  0% { transform: scaleX(1); opacity: 0.8; }
  25% { transform: scaleX(1.1); opacity: 1; }
  50% { transform: scaleX(0.9); opacity: 0.9; }
  75% { transform: scaleX(1.05); opacity: 1; }
  100% { transform: scaleX(1); opacity: 0.8; }
}
@keyframes bc-bounce {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.1); }
}
@keyframes bc-point {
  0%,100% { transform: rotate(-2deg); }
  50% { transform: rotate(10deg); }
}
@keyframes bc-shift {
  0%,100% { transform: rotate(45deg) translateX(0); }
  50% { transform: rotate(45deg) translateX(5px); }
}
@keyframes bc-sparkle {
  0%,100% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.2); }
}

/* concentrators */
.scn-concentrators {
  background: linear-gradient(180deg, #d4c4a0 0%, #b8a27a 40%, #8c7a60 100%),
              radial-gradient(ellipse at 50% 30%, #e0d0b0 0%, transparent 70%);
}
.scn-concentrators .room-back {
  position: absolute; inset: 15% 5% 20% 5%;
  background: linear-gradient(180deg, #a0947a 0%, #7a6f58 100%);
  border-radius: 4px;
  box-shadow: inset 0 4px 10px rgba(0,0,0,0.2);
}
.scn-concentrators .hopper {
  position: absolute; top: 20%; left: 38%; width: 24%; height: 35%;
  background: linear-gradient(135deg, #6b5a40 0%, #4a3d2a 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  animation: cn-fill 6s ease-in-out infinite;
}
.scn-concentrators .pipe-1 {
  position: absolute; top: 40%; left: 25%; width: 8%; height: 4px;
  background: #5a4e38;
  border-radius: 2px;
  transform: rotate(30deg);
  animation: cn-flow 4s linear infinite;
}
.scn-concentrators .pipe-2 {
  position: absolute; top: 40%; right: 25%; width: 8%; height: 4px;
  background: #5a4e38;
  border-radius: 2px;
  transform: rotate(-30deg);
  animation: cn-flow 4.5s linear infinite 0.5s;
}
.scn-concentrators .drum {
  position: absolute; bottom: 28%; left: 30%; width: 40%; height: 15%;
  background: radial-gradient(ellipse, #6b5a40 0%, #4a3d2a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  animation: cn-rumble 3s ease-in-out infinite;
}
.scn-concentrators .sorting-table {
  position: absolute; bottom: 15%; left: 20%; width: 60%; height: 10%;
  background: linear-gradient(180deg, #8a7554 0%, #6a5a3e 100%);
  border-radius: 2px;
}
.scn-concentrators .worker-1 {
  position: absolute; bottom: 16%; left: 30%; width: 16px; height: 50px;
  background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: cn-reach 3.5s ease-in-out infinite;
}
.scn-concentrators .worker-2 {
  position: absolute; bottom: 16%; right: 30%; width: 16px; height: 50px;
  background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: cn-reach 3.5s ease-in-out infinite 1.2s;
}
.scn-concentrators .glow {
  position: absolute; top: 22%; left: 42%; width: 16%; height: 16%;
  background: radial-gradient(ellipse, #ffd28a 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: cn-glow 4s ease-in-out infinite;
}
@keyframes cn-fill {
  0%,100% { transform: scaleY(1); opacity: 0.9; }
  50% { transform: scaleY(0.95); opacity: 1; }
}
@keyframes cn-flow {
  0% { transform: rotate(30deg) translateX(-10px); opacity: 0.6; }
  100% { transform: rotate(30deg) translateX(10px); opacity: 0.2; }
}
@keyframes cn-rumble {
  0%,100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-2px) rotate(1deg); }
}
@keyframes cn-reach {
  0%,100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-5px) rotate(5deg); }
}
@keyframes cn-glow {
  0%,100% { opacity: 0.6; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.1); }
}

/* street-diamonds */
.scn-street-diamonds {
  background: linear-gradient(180deg, #d9cbb6 0%, #bfaa8e 50%, #a68c6e 100%),
              radial-gradient(ellipse at 30% 20%, #ffebcd 0%, transparent 60%);
}
.scn-street-diamonds .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8a7a60 0%, #6a5a40 100%);
  border-radius: 20% 20% 0 0 / 10% 10% 0 0;
}
.scn-street-diamonds .wall-trough {
  position: absolute; bottom: 30%; left: 10%; right: 10%; height: 10%;
  background: linear-gradient(180deg, #7a6a52 0%, #5a4a34 100%);
  border-radius: 4px;
  box-shadow: inset 0 4px 8px rgba(0,0,0,0.3);
}
.scn-street-diamonds .bucket {
  position: absolute; bottom: 26%; left: 30%; width: 40px; height: 30px;
  background: linear-gradient(180deg, #5a4a38 0%, #3a2e1e 100%);
  border-radius: 10% 10% 20% 20% / 20% 20% 30% 30%;
  animation: sd-tilt 3s ease-in-out infinite;
}
.scn-street-diamonds .dirt-mound {
  position: absolute; bottom: 28%; right: 25%; width: 60px; height: 35px;
  background: radial-gradient(ellipse at 50% 100%, #7a6a52 0%, #5a4a34 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: sd-shift 5s ease-in-out infinite;
}
.scn-street-diamonds .washer {
  position: absolute; bottom: 22%; left: 45%; width: 18px; height: 45px;
  background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 50% 50%;
  transform-origin: bottom center;
  animation: sd-wash 4s ease-in-out infinite;
}
.scn-street-diamonds .diamond-flash-1 {
  position: absolute; bottom: 45%; left: 30%; width: 8px; height: 8px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 12px 4px rgba(255,255,200,0.8);
  animation: sd-flash 2s ease-in-out infinite;
}
.scn-street-diamonds .diamond-flash-2 {
  position: absolute; bottom: 42%; right: 35%; width: 6px; height: 6px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px 3px rgba(255,255,200,0.7);
  animation: sd-flash 2.3s ease-in-out infinite 0.7s;
}
.scn-street-diamonds .diamond-flash-3 {
  position: absolute; bottom: 48%; left: 55%; width: 5px; height: 5px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 8px 2px rgba(255,255,200,0.6);
  animation: sd-flash 1.9s ease-in-out infinite 1.1s;
}
@keyframes sd-tilt {
  0%,100% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
}
@keyframes sd-shift {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(0.98); }
}
@keyframes sd-wash {
  0%,100% { transform: rotate(-2deg) translateY(0); }
  50% { transform: rotate(4deg) translateY(-2px); }
}
@keyframes sd-flash {
  0%,100% { opacity: 0.2; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.3); }
}

/* compound-natives */
.scn-compound-natives {
  background: linear-gradient(180deg, #c9a96e 0%, #b88e4e 30%, #8a6a3a 100%),
              radial-gradient(ellipse at 50% 70%, #e0b87a 0%, transparent 70%);
}
.scn-compound-natives .sky-glow {
  position: absolute; inset: 0 0 60% 0;
  background: linear-gradient(180deg, #d4b87a 0%, #b89050 100%);
  animation: cnd-sky 10s ease-in-out infinite alternate;
}
.scn-compound-natives .compound-wall {
  position: absolute; bottom: 30%; left: 5%; right: 5%; height: 30%;
  background: linear-gradient(180deg, #7a603a 0%, #5a4424 100%);
  border-radius: 10% 10% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 4px 12px rgba(0,0,0,0.4);
}
.scn-compound-natives .hut-1 {
  position: absolute; bottom: 35%; left: 12%; width: 60px; height: 40px;
  background: linear-gradient(135deg, #9a7a4a 0%, #6a4e2a 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-compound-natives .hut-2 {
  position: absolute; bottom: 33%; right: 15%; width: 50px; height: 35px;
  background: linear-gradient(135deg, #8a6a3a 0%, #5a3e1e 100%);
  border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-compound-natives .dance-circle {
  position: absolute; bottom: 30%; left: 35%; right: 35%; height: 20%;
  background: transparent;
  border: 4px solid #b89050;
  border-radius: 50%;
  animation: cnd-circle 8s ease-in-out infinite;
}
.scn-compound-natives .dancer-1 {
  position: absolute; bottom: 35%; left: 40%; width: 14px; height: 40px;
  background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cnd-dance 3s ease-in-out infinite;
}
.scn-compound-natives .dancer-2 {
  position: absolute; bottom: 34%; left: 48%; width: 14px; height: 40px;
  background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cnd-dance 3.2s ease-in-out infinite 0.6s;
}
.scn-compound-natives .dancer-3 {
  position: absolute; bottom: 36%; left: 56%; width: 14px; height: 40px;
  background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: cnd-dance 3.4s ease-in-out infinite 1.2s;
}
.scn-compound-natives .shaft-arch {
  position: absolute; bottom: 30%; left: 42%; width: 16%; height: 10%;
  background: #3a2a1a;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  box-shadow: inset 0 -6px 12px rgba(0,0,0,0.6);
}
@keyframes cnd-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes cnd-circle {
  0%,100% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(1.05); opacity: 0.8; }
}
@keyframes cnd-dance {
  0%,100% { transform: rotate(-10deg) translateY(0); }
  25% { transform: rotate(5deg) translateY(-4px); }
  50% { transform: rotate(-15deg) translateY(-2px); }
  75% { transform: rotate(10deg) translateY(-4px); }
}

/* boer-storm */
.scn-boer-storm { background: linear-gradient(180deg, #f0c060 0%, #c08030 40%, #8a5020 100%), radial-gradient(ellipse at 60% 10%, #fff0a0 0%, transparent 50%); }
.scn-boer-storm .sky { position:absolute; inset:0; background: linear-gradient(180deg, #e8c060 0%, #a07030 80%); animation: bs-sky 10s ease-in-out infinite alternate; }
.scn-boer-storm .sun { position:absolute; top:8%; left:70%; width:50px; height:50px; background: radial-gradient(circle, #fff8c0 0%, #f0c060 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 60px 20px rgba(240,192,96,.5); animation: bs-sun 4s ease-in-out infinite alternate; }
.scn-boer-storm .hills { position:absolute; bottom:20%; left:0; right:0; height:40%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 30% 70% 0 0 / 60% 80% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.5); }
.scn-boer-storm .ridge { position:absolute; bottom:45%; left:5%; right:5%; height:5%; background: linear-gradient(180deg, #4a2a0a 0%, #2a1a00 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform: perspective(600px) rotateX(10deg); animation: bs-ridge 6s ease-in-out infinite; }
.scn-boer-storm .figures-boer { position:absolute; bottom:35%; left:20%; width:12px; height:24px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bs-creep 4s ease-in-out infinite; box-shadow: 0 0 0 0 transparent; }
.scn-boer-storm .figures-brit { position:absolute; bottom:48%; left:60%; width:10px; height:26px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: bs-stand 3s ease-in-out infinite; }
.scn-boer-storm .cloud-a { position:absolute; top:12%; left:-10%; width:100px; height:20px; background: rgba(255,255,255,.4); border-radius:50%; filter: blur(8px); animation: bs-drift-a 30s linear infinite; }
.scn-boer-storm .cloud-b { position:absolute; top:20%; right:-5%; width:70px; height:14px; background: rgba(255,255,255,.3); border-radius:50%; filter: blur(6px); animation: bs-drift-b 40s linear infinite reverse; }
@keyframes bs-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes bs-sun { 0% { transform: scale(1) translate(0,0); opacity:.8 } 50% { transform: scale(1.15) translate(-5px,-3px); opacity:1 } 100% { transform: scale(.95) translate(3px,2px); opacity:.85 } }
@keyframes bs-ridge { 0%,100% { transform: perspective(600px) rotateX(10deg) translateY(0) } 50% { transform: perspective(600px) rotateX(10deg) translateY(-2px) } }
@keyframes bs-creep { 0% { transform: translateX(0) translateY(0) rotate(-1deg) } 25% { transform: translateX(4px) translateY(-1px) rotate(0deg) } 50% { transform: translateX(8px) translateY(0) rotate(1deg) } 75% { transform: translateX(12px) translateY(-1px) rotate(0deg) } 100% { transform: translateX(16px) translateY(0) rotate(-1deg) } }
@keyframes bs-stand { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-1px) rotate(0.5deg) } }
@keyframes bs-drift-a { 0% { transform: translateX(-20vw) } 100% { transform: translateX(130vw) } }
@keyframes bs-drift-b { 0% { transform: translateX(0) } 100% { transform: translateX(-120vw) } }

/* four-battles */
.scn-four-battles { background: linear-gradient(180deg, #faf0e6 0%, #e8dcc8 50%, #d0c0a8 100%), radial-gradient(ellipse at 80% 20%, #fff8f0 0%, transparent 60%); }
.scn-four-battles .wall-back { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #c8b8a0 0%, #b8a890 100%); }
.scn-four-battles .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #a89880 0%, #988878 100%); box-shadow: inset 0 10px 20px rgba(0,0,0,.1); }
.scn-four-battles .table { position:absolute; bottom:15%; left:25%; right:25%; height:10%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: fb-table 12s ease-in-out infinite; }
.scn-four-battles .map { position:absolute; bottom:17%; left:30%; right:30%; height:4%; background: radial-gradient(ellipse, #d8c8a8 0%, #b8a888 100%); border-radius: 2px; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
.scn-four-battles .figure-left { position:absolute; bottom:25%; left:20%; width:16px; height:32px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 45% 45% 35% 35% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fb-sit 8s ease-in-out infinite; }
.scn-four-battles .figure-right { position:absolute; bottom:25%; right:20%; width:16px; height:32px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%); border-radius: 45% 45% 35% 35% / 60% 60% 40% 40%; transform-origin: bottom center; animation: fb-sit 8s ease-in-out infinite 4s; }
.scn-four-battles .window { position:absolute; top:10%; left:65%; width:60px; height:90px; background: linear-gradient(180deg, #e8f0ff 0%, #c8d8f0 100%); border: 4px solid #5a4a3a; border-radius: 4px; box-shadow: inset 0 0 20px rgba(255,255,255,.6), 0 4px 10px rgba(0,0,0,.2); }
.scn-four-battles .light-beam { position:absolute; top:10%; left:65%; width:60px; height:200px; background: linear-gradient(180deg, rgba(255,255,255,.4) 0%, transparent 100%); clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); animation: fb-beam 6s ease-in-out infinite alternate; }
@keyframes fb-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }
@keyframes fb-sit { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-2px) rotate(1deg) } }
@keyframes fb-beam { 0% { opacity:.6 } 50% { opacity:1 } 100% { opacity:.7 } }

/* jameson-battles */
.scn-jameson-battles { background: linear-gradient(180deg, #f0d080 0%, #c09040 50%, #806020 100%), radial-gradient(ellipse at 50% 0%, #fff0b0 0%, transparent 60%); }
.scn-jameson-battles .sky { position:absolute; inset:0; background: linear-gradient(180deg, #e8c860 0%, #a07830 80%); animation: jb-sky 14s ease-in-out infinite alternate; }
.scn-jameson-battles .sun { position:absolute; top:5%; left:45%; width:60px; height:60px; background: radial-gradient(circle, #fff8c0 0%, #f0c860 40%, transparent 70%); border-radius:50%; box-shadow: 0 0 80px 30px rgba(240,200,96,.5); animation: jb-sun 5s ease-in-out infinite alternate; }
.scn-jameson-battles .far-hills { position:absolute; bottom:30%; left:0; right:0; height:50%; background: linear-gradient(180deg, #6a4a1a 0%, #4a2a0a 100%); border-radius: 40% 60% 0 0 / 70% 80% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,.4); }
.scn-jameson-battles .near-ridge { position:absolute; bottom:40%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #4a2a0a 0%, #2a1a00 100%); border-radius: 40% 60% 20% 20% / 80% 80% 40% 40%; transform: perspective(800px) rotateX(5deg); animation: jb-ridge 7s ease-in-out infinite; }
.scn-jameson-battles .valley { position:absolute; bottom:20%; left:15%; right:15%; height:20%; background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%); border-radius: 0 0 20% 20% / 0 0 40% 40%; }
.scn-jameson-battles .column-figures { position:absolute; bottom:25%; left:20%; width:5px; height:30px; background: linear-gradient(180deg, #2a1a0a 0%, #0a0800 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; box-shadow: 10px 0 0 #2a1a0a, 20px 0 0 #2a1a0a, 30px 0 0 #2a1a0a, 40px 0 0 #2a1a0a; animation: jb-march 6s ease-in-out infinite; }
.scn-jameson-battles .dust { position:absolute; bottom:22%; left:20%; width:80px; height:20px; background: rgba(200,160,100,.3); border-radius:50%; filter: blur(10px); animation: jb-dust 8s ease-in-out infinite; }
.scn-jameson-battles .crows { position:absolute; top:15%; left:70%; width:6px; height:6px; background: #1a1a1a; border-radius:50%; box-shadow: -10px -5px 0 #1a1a1a, 10px -3px 0 #1a1a1a, -5px -10px 0 #1a1a1a; animation: jb-crows 12s ease-in-out infinite; }
@keyframes jb-sky { 0% { opacity:.85 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes jb-sun { 0% { transform: scale(1) translate(0,0) } 50% { transform: scale(1.2) translate(-8px,-4px) } 100% { transform: scale(.9) translate(5px,2px) } }
@keyframes jb-ridge { 0%,100% { transform: perspective(800px) rotateX(5deg) translateY(0) } 50% { transform: perspective(800px) rotateX(5deg) translateY(-3px) } }
@keyframes jb-march { 0% { transform: translateX(0) translateY(0) } 25% { transform: translateX(5px) translateY(-2px) } 50% { transform: translateX(10px) translateY(0) } 75% { transform: translateX(15px) translateY(-2px) } 100% { transform: translateX(20px) translateY(0) } }
@keyframes jb-dust { 0% { opacity:.3; transform: scale(1) } 50% { opacity:.6; transform: scale(1.2) } 100% { opacity:.2; transform: scale(.8) } }
@keyframes jb-crows { 0% { transform: translate(0,0) } 33% { transform: translate(-10px,-5px) } 66% { transform: translate(5px,-10px) } 100% { transform: translate(0,0) } }

/* jameson-surrender */
.scn-jameson-surrender { background: linear-gradient(180deg, #1a1a2e 0%, #2a2a4e 50%, #1a1a2e 100%), radial-gradient(ellipse at 50% 30%, #3a3a5a 0%, transparent 70%); }
.scn-jameson-surrender .wall-back { position:absolute; inset:0 0 20% 0; background: linear-gradient(180deg, #2a2a42 0%, #1a1a32 100%); }
.scn-jameson-surrender .floor { position:absolute; bottom:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); box-shadow: inset 0 8px 16px rgba(0,0,0,.5); }
.scn-jameson-surrender .window { position:absolute; top:10%; left:70%; width:50px; height:70px; background: linear-gradient(180deg, #2a3a5a 0%, #1a2a4a 100%); border: 3px solid #5a4a3a; border-radius: 2px; box-shadow: inset 0 0 10px rgba(0,0,0,.6); }
.scn-jameson-surrender .cot { position:absolute; bottom:15%; left:20%; right:50%; height:15%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: js-cot 8s ease-in-out infinite; }
.scn-jameson-surrender .guard { position:absolute; bottom:20%; left:60%; width:14px; height:36px; background: linear-gradient(180deg, #2a2a3a 0%, #0a0a1a 100%); border-radius: 45% 45% 35% 35% / 60% 60% 40% 40%; transform-origin: bottom center; animation: js-guard 5s ease-in-out infinite; }
.scn-jameson-surrender .lamp { position:absolute; top:30%; left:30%; width:12px; height:16px; background: radial-gradient(circle, #f0c060 0%, #c08040 60%, transparent 80%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 0 30px 10px rgba(192,128,64,.6), 0 0 60px 20px rgba(192,128,64,.3); animation: js-lamp 3s ease-in-out infinite alternate; }
.scn-jameson-surrender .shadow { position:absolute; bottom:15%; left:20%; width:100px; height:80px; background: rgba(0,0,0,.3); filter: blur(12px); animation: js-shadow 6s ease-in-out infinite; }
@keyframes js-cot { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes js-guard { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-2px) rotate(1deg) } 50% { transform: translateY(0) rotate(0) } 75% { transform: translateY(-2px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes js-lamp { 0% { opacity:.8; transform: scale(1) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.85; transform: scale(.95) } }
@keyframes js-shadow { 0% { opacity:.3; transform: scale(1) } 50% { opacity:.5; transform: scale(1.1) } 100% { opacity:.2; transform: scale(.9) } }

.scn-climate-information {
  background: linear-gradient(180deg, #f5e6ce 0%, #d9b382 100%), radial-gradient(ellipse at 70% 30%, #ffebc2, transparent 60%);
}
.scn-climate-information .bg-ci {
  position: absolute; inset: 0; background: linear-gradient(180deg, #f5e0c8 0%, #e8cba0 100%); opacity: 0.6;
}
.scn-climate-information .window-ci {
  position: absolute; top: 5%; left: 60%; width: 30%; height: 40%; background: linear-gradient(180deg, #b8d4f0 0%, #a0c8e8 100%); border-radius: 10% / 5%; box-shadow: inset 0 0 20px rgba(255,255,200,0.3); animation: win-ci 5s ease-in-out infinite alternate;
}
.scn-climate-information .desk-ci {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 15%; background: linear-gradient(180deg, #a67c52 0%, #7a5c3a 100%); border-radius: 5% 5% 0 0; box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.scn-climate-information .traveler-ci {
  position: absolute; bottom: 25%; left: 35%; width: 10%; height: 35%; background: linear-gradient(180deg, #3a2a2a 0%, #1a1a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bob-ci 4s ease-in-out infinite;
}
.scn-climate-information .map-ci {
  position: absolute; bottom: 18%; left: 45%; width: 20%; height: 12%; background: linear-gradient(135deg, #e8d5a0 0%, #c8b080 100%); border-radius: 5% 20% 5% 20%/ 10% 10% 10% 10%; transform: rotate(-5deg); box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: flap-ci 6s ease-in-out infinite;
}
.scn-climate-information .thermometer-ci {
  position: absolute; bottom: 22%; left: 55%; width: 3%; height: 30%; background: linear-gradient(180deg, #e0e0e0 0%, #c0c0c0 100%); border-radius: 20% 20% 50% 50% / 10% 10% 30% 30%; animation: bounce-ci 3s cubic-bezier(0.5,1,0.5,1) infinite;
}
.scn-climate-information .lamp-ci {
  position: absolute; top: 5%; left: 30%; width: 8%; height: 12%; background: linear-gradient(180deg, #d4a056 0%, #b08030 100%); border-radius: 50% 50% 10% 10%; box-shadow: 0 0 20px 6px rgba(200,150,50,0.5); animation: swing-ci 5s ease-in-out infinite;
}
.scn-climate-information .paper-ci {
  position: absolute; bottom: 15%; left: 10%; width: 10%; height: 8%; background: #f0e6c8; border-radius: 2%; transform: rotate(10deg); animation: float-ci 7s ease-in-out infinite;
}
@keyframes win-ci { 0% { opacity: 0.8; transform: scaleY(1) } 50% { opacity: 1; transform: scaleY(1.02) } 100% { opacity: 0.9; transform: scaleY(0.98) } }
@keyframes bob-ci { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-3px) rotate(1deg) } 50% { transform: translateY(0) rotate(-0.5deg) } 75% { transform: translateY(-2px) rotate(0.5deg) } 100% { transform: translateY(0) rotate(-1deg) } }
@keyframes flap-ci { 0% { transform: rotate(-5deg) scaleX(1) } 50% { transform: rotate(-8deg) scaleX(0.95) } 100% { transform: rotate(-5deg) scaleX(1) } }
@keyframes bounce-ci { 0% { transform: translateY(0) scaleY(1) } 20% { transform: translateY(-4px) scaleY(0.9) } 40% { transform: translateY(0) scaleY(1) } 60% { transform: translateY(-2px) scaleY(0.95) } 80% { transform: translateY(0) scaleY(1) } 100% { transform: translateY(-1px) scaleY(0.98) } }
@keyframes swing-ci { 0% { transform: rotate(0deg) } 25% { transform: rotate(8deg) } 50% { transform: rotate(-5deg) } 75% { transform: rotate(6deg) } 100% { transform: rotate(0deg) } }
@keyframes float-ci { 0% { transform: translateY(0) rotate(10deg) } 50% { transform: translateY(-5px) rotate(15deg) } 100% { transform: translateY(0) rotate(10deg) } }

.scn-sydney-climate {
  background: linear-gradient(180deg, #e8e0d0 0%, #c8b898 100%), radial-gradient(ellipse at 50% 40%, #f0e8d8, transparent 70%);
}
.scn-sydney-climate .bg-sc {
  position: absolute; inset: 0; background: linear-gradient(180deg, #e0d8c8 0%, #c8bea8 100%); opacity: 0.7;
}
.scn-sydney-climate .window-sc {
  position: absolute; top: 10%; left: 15%; width: 40%; height: 50%; background: linear-gradient(180deg, #a0c8e8 0%, #80b0d0 100%); border-radius: 8% / 4%; box-shadow: inset 0 0 30px rgba(255,255,240,0.4); animation: win-sc 8s ease-in-out infinite alternate;
}
.scn-sydney-climate .curtain-left-sc {
  position: absolute; top: 8%; left: 12%; width: 15%; height: 55%; background: linear-gradient(180deg, #d0b8a0 0%, #a89070 100%); border-radius: 0 20% 20% 0; transform-origin: top left; animation: curtain-left-sc 12s ease-in-out infinite;
}
.scn-sydney-climate .curtain-right-sc {
  position: absolute; top: 8%; right: 12%; width: 15%; height: 55%; background: linear-gradient(180deg, #d0b8a0 0%, #a89070 100%); border-radius: 20% 0 0 20%; transform-origin: top right; animation: curtain-right-sc 12s ease-in-out infinite;
}
.scn-sydney-climate .desk-sc {
  position: absolute; bottom: 12%; left: 25%; right: 25%; height: 12%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius: 5% 5% 0 0; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.scn-sydney-climate .globe-sc {
  position: absolute; bottom: 18%; left: 38%; width: 12%; height: 18%; background: radial-gradient(circle at 40% 30%, #5b8a6b, #2d5a3a); border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.3); animation: rotate-sc 20s linear infinite;
}
.scn-sydney-climate .figure-sc {
  position: absolute; bottom: 24%; left: 50%; width: 8%; height: 25%; background: linear-gradient(180deg, #3a2a2a 0%, #1a1a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: breathe-sc 5s ease-in-out infinite;
}
.scn-sydney-climate .lamp-sc {
  position: absolute; bottom: 25%; left: 20%; width: 6%; height: 10%; background: linear-gradient(180deg, #c8a050 0%, #a08030 100%); border-radius: 50% 50% 10% 10%; box-shadow: 0 0 15px 4px rgba(200,160,80,0.4); animation: flicker-sc 4s ease-in-out infinite;
}
@keyframes win-sc { 0% { opacity: 0.9; transform: scaleY(1) } 50% { opacity: 1; transform: scaleY(1.03) } 100% { opacity: 0.95; transform: scaleY(0.98) } }
@keyframes curtain-left-sc { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(-3deg) scaleX(1.02) } 100% { transform: rotate(0deg) scaleX(1) } }
@keyframes curtain-right-sc { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(3deg) scaleX(1.02) } 100% { transform: rotate(0deg) scaleX(1) } }
@keyframes rotate-sc { 0% { transform: rotate(0deg) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } }
@keyframes breathe-sc { 0% { transform: scaleY(1) } 50% { transform: scaleY(0.98) } 100% { transform: scaleY(1) } }
@keyframes flicker-sc { 0% { opacity: 0.9; transform: scale(1) } 25% { opacity: 1; transform: scale(1.05) } 50% { opacity: 0.95; transform: scale(0.98) } 75% { opacity: 1; transform: scale(1.02) } 100% { opacity: 0.9; transform: scale(1) } }

.scn-sydney-temperatures {
  background: linear-gradient(180deg, #e8dcc8 0%, #c8b8a0 100%), radial-gradient(ellipse at 50% 20%, #f0e8d0, transparent 60%);
}
.scn-sydney-temperatures .bg-st {
  position: absolute; inset: 0; background: linear-gradient(180deg, #ddd4c0 0%, #c0b4a0 100%); opacity: 0.6;
}
.scn-sydney-temperatures .thermometer-frame-st {
  position: absolute; bottom: 10%; left: 48%; width: 4%; height: 60%; background: linear-gradient(180deg, #c0c0c0 0%, #a0a0a0 100%); border-radius: 20% 20% 50% 50% / 10% 10% 30% 30%; box-shadow: 2px 0 6px rgba(0,0,0,0.2);
}
.scn-sydney-temperatures .mercury-st {
  position: absolute; bottom: 10%; left: 48.5%; width: 3%; height: 40%; background: linear-gradient(180deg, #e06040 0%, #c04020 100%); border-radius: 50% 50% 50% 50% / 30% 30% 50% 50%; transform-origin: bottom center; animation: mercury-st 10s ease-in-out infinite;
}
.scn-sydney-temperatures .cold-marker-st {
  position: absolute; bottom: 20%; left: 54%; width: 4%; height: 4%; background: #4878b0; border-radius: 50%; box-shadow: 0 0 8px #4878b0; animation: pulse-blue-st 4s ease-in-out infinite;
}
.scn-sydney-temperatures .hot-marker-st {
  position: absolute; bottom: 45%; left: 54%; width: 4%; height: 4%; background: #e06040; border-radius: 50%; box-shadow: 0 0 8px #e06040; animation: pulse-orange-st 4s ease-in-out infinite;
}
.scn-sydney-temperatures .sun-st {
  position: absolute; top: 15%; right: 25%; width: 8%; height: 8%; background: radial-gradient(circle, #f0c040 0%, #d0a020 100%); border-radius: 50%; box-shadow: 0 0 20px 4px #f0c040; animation: pulse-sun-st 6s ease-in-out infinite;
}
.scn-sydney-temperatures .snowflake-st {
  position: absolute; top: 12%; left: 20%; width: 6%; height: 6%; background: radial-gradient(circle, #e0f0ff 0%, #c0d8f0 100%); border-radius: 50%; filter: blur(1px); animation: float-snow-st 8s ease-in-out infinite;
}
.scn-sydney-temperatures .figure-st {
  position: absolute; bottom: 12%; left: 40%; width: 8%; height: 18%; background: linear-gradient(180deg, #3a2a2a 0%, #1a1a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tilt-st 5s ease-in-out infinite;
}
@keyframes mercury-st { 0% { height: 10%; background: #4878b0; } 25% { height: 20%; background: linear-gradient(180deg, #4878b0 0%, #e06040 100%); } 50% { height: 45%; background: #e06040; } 75% { height: 30%; background: linear-gradient(180deg, #e06040 0%, #4878b0 100%); } 100% { height: 10%; background: #4878b0; } }
@keyframes pulse-blue-st { 0% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 0.7; } }
@keyframes pulse-orange-st { 0% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); opacity: 0.7; } }
@keyframes pulse-sun-st { 0% { transform: scale(0.9); opacity: 0.8; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.8; } }
@keyframes float-snow-st { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(30deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes tilt-st { 0% { transform: rotate(0deg); } 25% { transform: rotate(3deg); } 50% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } }

.scn-nsw-climate {
  background: linear-gradient(180deg, #e0d4c0 0%, #c0b098 100%), radial-gradient(ellipse at 60% 50%, #f0e8d8, transparent 70%);
}
.scn-nsw-climate .bg-nsw {
  position: absolute; inset: 0; background: linear-gradient(180deg, #ddd0b8 0%, #b8a890 100%); opacity: 0.7;
}
.scn-nsw-climate .window-frame-nsw {
  position: absolute; top: 10%; left: 20%; width: 45%; height: 50%; border: 8px solid #806040; border-radius: 4%; background: #a0c8e8; overflow: hidden; box-shadow: inset 0 0 30px rgba(0,0,0,0.2);
}
.scn-nsw-climate .sky-nsw {
  position: absolute; top: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(180deg, #80b8e0 0%, #a0d0f0 100%); animation: sky-nsw 15s ease-in-out infinite alternate;
}
.scn-nsw-climate .hills-nsw {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(180deg, #7a9a6a 0%, #4a7a3a 100%); border-radius: 50% 30% 0 0 / 80% 60% 0 0; animation: hills-nsw 20s ease-in-out infinite;
}
.scn-nsw-climate .tree-nsw {
  position: absolute; bottom: 20%; left: 30%; width: 12%; height: 30%; background: linear-gradient(180deg, #4a7a3a 0%, #2a5a1a 100%); border-radius: 20% 20% 50% 50% / 30% 30% 60% 60%; transform-origin: bottom center; animation: tree-nsw 8s ease-in-out infinite;
}
.scn-nsw-climate .figure-nsw {
  position: absolute; bottom: 18%; left: 65%; width: 8%; height: 20%; background: linear-gradient(180deg, #3a2a2a 0%, #1a1a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: idle-nsw 6s ease-in-out infinite;
}
.scn-nsw-climate .plant-nsw {
  position: absolute; bottom: 18%; left: 15%; width: 8%; height: 15%; background: linear-gradient(180deg, #5a8a4a 0%, #3a6a2a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: wiggle-nsw 7s ease-in-out infinite;
}
@keyframes sky-nsw { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes hills-nsw { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.01); } 100% { transform: translateY(0) scale(1); } }
@keyframes tree-nsw { 0% { transform: rotate(0deg); } 25% { transform: rotate(2deg) scaleX(0.98); } 50% { transform: rotate(-2deg) scaleX(1.02); } 75% { transform: rotate(1deg) scaleX(0.99); } 100% { transform: rotate(0deg); } }
@keyframes idle-nsw { 0% { transform: scaleY(1); } 25% { transform: scaleY(0.98); } 50% { transform: scaleY(1.01); } 75% { transform: scaleY(0.99); } 100% { transform: scaleY(1); } }
@keyframes wiggle-nsw { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(4deg) scale(1.02); } 100% { transform: rotate(0deg) scale(1); } }

/* one block per scene id. Append to style.css. */
.scn-brown-helpless { background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 60%, #32cd32 100%), radial-gradient(ellipse at 50% 0%, #fffacd 0%, transparent 70%); }
.scn-brown-helpless .sky    { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #7ec8e3 0%, #e0f6ff 100%); animation: bh-sky 10s ease-in-out infinite alternate; }
.scn-brown-helpless .sun    { position:absolute; top:10%; left:20%; width:40px; height:40px; background: radial-gradient(circle, #fff9c4 0%, #ffd700 40%, transparent 100%); border-radius:50%; box-shadow: 0 0 80px #ffd700; animation: bh-sun 5s ease-in-out infinite alternate; }
.scn-brown-helpless .field  { position:absolute; bottom:20%; left:0; right:0; height:40%; background: linear-gradient(180deg, #8fbc8f 0%, #6b8e23 100%); border-radius: 10% 10% 0 0; animation: bh-field 8s ease-in-out infinite alternate; }
.scn-brown-helpless .figure { position:absolute; bottom:22%; left:45%; width:24px; height:50px; background: linear-gradient(180deg, #5c4033 0%, #3b2f2f 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: bh-figure 2s ease-in-out infinite; }
.scn-brown-helpless .smoke  { position:absolute; bottom:55%; left:70%; width:30px; height:30px; background: radial-gradient(circle, rgba(200,200,200,0.5) 0%, transparent 100%); border-radius:50%; animation: bh-smoke 6s linear infinite; }
.scn-brown-helpless .tree   { position:absolute; bottom:38%; left:15%; width:20px; height:80px; background: linear-gradient(180deg, #8b4513 0%, #5c4033 100%); border-radius: 10px; animation: bh-tree 12s ease-in-out infinite alternate; }
.scn-brown-helpless .blade  { position:absolute; bottom:19%; left:10%; width:4px; height:30px; background: #4caf50; border-radius: 2px; transform-origin: bottom; animation: bh-blade 3s ease-in-out infinite; }
@keyframes bh-sky    { 0% { opacity:1 } 50% { opacity:0.8 } 100% { opacity:1 } }
@keyframes bh-sun    { 0% { transform: scale(1) translateY(0) } 50% { transform: scale(1.2) translateY(-5px) } 100% { transform: scale(1) translateY(0) } }
@keyframes bh-field  { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes bh-figure { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-4px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-2px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes bh-smoke  { 0% { transform: translateY(0) scale(1); opacity:0.5 } 50% { transform: translateY(-30px) scale(2); opacity:0.8 } 100% { transform: translateY(-60px) scale(3); opacity:0 } }
@keyframes bh-tree   { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.05) translateY(-2px) } 100% { transform: scaleY(1) } }
@keyframes bh-blade  { 0% { transform: rotate(0deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(0deg) } }

.scn-cabin-fire-story { background: linear-gradient(180deg, #d2b48c 0%, #8b4513 100%), radial-gradient(circle at 50% 0%, #fff8dc 0%, transparent 50%); }
.scn-cabin-fire-story .wall   { position:absolute; top:0; left:0; right:0; height:60%; background: linear-gradient(180deg, #deb887 0%, #a0522d 100%); animation: cfs-wall 15s ease-in-out infinite alternate; }
.scn-cabin-fire-story .floor  { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #8b4513 0%, #5c3a21 100%); animation: cfs-floor 18s ease-in-out infinite alternate; }
.scn-cabin-fire-story .window { position:absolute; top:15%; left:30%; width:40%; height:30%; background: linear-gradient(135deg, #87ceeb 0%, #b0e0e6 100%); border:4px solid #5c3a21; animation: cfs-window 8s ease-in-out infinite alternate; }
.scn-cabin-fire-story .sunbeam { position:absolute; top:20%; left:35%; width:30%; height:50%; background: linear-gradient(180deg, rgba(255,255,224,0.4) 0%, transparent 100%); transform: skewX(-10deg); animation: cfs-beam 10s ease-in-out infinite alternate; }
.scn-cabin-fire-story .figure-left  { position:absolute; bottom:25%; left:20%; width:30px; height:70px; background: linear-gradient(180deg, #4a3e2c 0%, #2c2218 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cfs-figL 3s ease-in-out infinite; }
.scn-cabin-fire-story .figure-right { position:absolute; bottom:25%; right:20%; width:30px; height:70px; background: linear-gradient(180deg, #4a3e2c 0%, #2c2218 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cfs-figR 3.2s ease-in-out infinite 0.5s; }
.scn-cabin-fire-story .table  { position:absolute; bottom:20%; left:35%; width:30%; height:10px; background: #5c3a21; border-radius:5px; animation: cfs-table 12s ease-in-out infinite alternate; }
.scn-cabin-fire-story .candle { position:absolute; bottom:22%; left:47%; width:6px; height:20px; background: linear-gradient(180deg, #fff8dc 0%, #f5deb3 100%); border-radius:3px; box-shadow:0 0 10px #ffd700; animation: cfs-candle 4s ease-in-out infinite alternate; }
@keyframes cfs-wall   { 0% { opacity:1 } 50% { opacity:0.9 } 100% { opacity:1 } }
@keyframes cfs-floor  { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes cfs-window { 0% { opacity:0.8; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.1) } 100% { opacity:0.85; transform: scaleY(1) } }
@keyframes cfs-beam   { 0% { opacity:0.3; transform: skewX(-10deg) translateX(0) } 50% { opacity:0.6; transform: skewX(-8deg) translateX(10px) } 100% { opacity:0.4; transform: skewX(-10deg) translateX(0) } }
@keyframes cfs-figL   { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-5px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes cfs-figR   { 0% { transform: translateY(0) rotate(2deg) } 25% { transform: translateY(-5px) rotate(-2deg) } 50% { transform: translateY(0) rotate(1deg) } 75% { transform: translateY(-3px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes cfs-table  { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } 100% { transform: scaleX(1) } }
@keyframes cfs-candle { 0% { opacity:0.7; transform: scaleY(1) } 50% { opacity:1; transform: scaleY(1.2) } 100% { opacity:0.8; transform: scaleY(1) } }

.scn-rescue-plan { background: linear-gradient(180deg, #87ceeb 0%, #f5f5dc 50%, #90ee90 80%), radial-gradient(ellipse at 50% 0%, #fffacd 0%, transparent 50%); }
.scn-rescue-plan .sky     { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #87ceeb 0%, #e0f6ff 100%); animation: rp-sky 12s ease-in-out infinite alternate; }
.scn-rescue-plan .field   { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #90ee90 0%, #556b2f 50%, #6b8e23 100%); border-radius:20% 20% 0 0; animation: rp-field 8s ease-in-out infinite alternate; }
.scn-rescue-plan .wagon   { position:absolute; bottom:30%; left:40%; width:80px; height:40px; background: linear-gradient(180deg, #8b4513 0%, #a0522d 100%); border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.3); animation: rp-wagon 6s ease-in-out infinite alternate; }
.scn-rescue-plan .figure  { position:absolute; bottom:35%; left:42%; width:24px; height:50px; background: linear-gradient(180deg, #3b2f2f 0%, #1a1a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rp-figure 3s ease-in-out infinite; }
.scn-rescue-plan .laprobe { position:absolute; bottom:32%; left:46%; width:30px; height:20px; background: linear-gradient(180deg, #f4a460 0%, #d2691e 100%); border-radius:5px; transform: rotate(10deg); animation: rp-laprobe 4s ease-in-out infinite alternate; }
.scn-rescue-plan .horse   { position:absolute; bottom:28%; left:30%; width:40px; height:50px; background: linear-gradient(180deg, #8b4513 0%, #5c3a21 100%); border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%; transform-origin: bottom center; animation: rp-horse 5s ease-in-out infinite; }
.scn-rescue-plan .fence   { position:absolute; bottom:20%; left:20%; width:80px; height:6px; background: #8b4513; border-radius:3px; box-shadow:0 20px 0 #8b4513, 0 40px 0 #8b4513; animation: rp-fence 10s ease-in-out infinite alternate; }
@keyframes rp-sky     { 0% { opacity:1 } 50% { opacity:0.7 } 100% { opacity:1 } }
@keyframes rp-field   { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes rp-wagon   { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes rp-figure  { 0% { transform: translateY(0) rotate(-3deg) } 25% { transform: translateY(-6px) rotate(3deg) } 50% { transform: translateY(0) rotate(-2deg) } 75% { transform: translateY(-4px) rotate(2deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes rp-laprobe { 0% { transform: rotate(10deg) scale(1) } 50% { transform: rotate(15deg) scale(1.1) } 100% { transform: rotate(10deg) scale(1) } }
@keyframes rp-horse   { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-4px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes rp-fence   { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.03) } 100% { transform: scaleX(1) } }

.scn-providence-provides { background: linear-gradient(180deg, #f0e68c 0%, #ffd700 20%, #87ceeb 60%, #90ee90 100%), radial-gradient(ellipse at 80% 20%, #fff8dc 0%, transparent 50%); }
.scn-providence-provides .sky      { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #f0e68c 0%, #87ceeb 100%); animation: pp-sky 14s ease-in-out infinite alternate; }
.scn-providence-provides .road     { position:absolute; bottom:0; left:10%; right:10%; height:50%; background: linear-gradient(90deg, transparent 0%, #a0522d 20%, #d2b48c 40%, #a0522d 60%, transparent 100%); animation: pp-road 10s ease-in-out infinite alternate; }
.scn-providence-provides .cabin    { position:absolute; bottom:30%; left:50%; width:100px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #8b4513 0%, #5c3a21 100%); border-radius:5px; box-shadow:0 4px 8px rgba(0,0,0,0.3); animation: pp-cabin 8s ease-in-out infinite alternate; }
.scn-providence-provides .flame    { position:absolute; bottom:50%; left:50%; width:30px; height:40px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 100%, #ff4500 0%, #ff8c00 30%, transparent 70%); animation: pp-flame 2s ease-in-out infinite alternate; }
.scn-providence-provides .figure1  { position:absolute; bottom:20%; left:30%; width:20px; height:45px; background: linear-gradient(180deg, #3b2f2f 0%, #1a1a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pp-fig1 4s ease-in-out infinite; }
.scn-providence-provides .figure2  { position:absolute; bottom:20%; left:38%; width:20px; height:45px; background: linear-gradient(180deg, #3b2f2f 0%, #1a1a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pp-fig2 4.2s ease-in-out infinite 0.3s; }
.scn-providence-provides .figure3  { position:absolute; bottom:20%; left:46%; width:20px; height:45px; background: linear-gradient(180deg, #3b2f2f 0%, #1a1a1a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: pp-fig3 3.8s ease-in-out infinite 0.6s; }
.scn-providence-provides .tree     { position:absolute; bottom:30%; left:15%; width:30px; height:70px; background: linear-gradient(180deg, #228b22 0%, #006400 100%); border-radius:50% 50% 0 0; animation: pp-tree 12s ease-in-out infinite alternate; }
.scn-providence-provides .signpost { position:absolute; bottom:25%; left:70%; width:4px; height:40px; background: #8b4513; border-radius:2px; animation: pp-sign 20s ease-in-out infinite alternate; }
@keyframes pp-sky   { 0% { opacity:1 } 50% { opacity:0.8 } 100% { opacity:0.9 } }
@keyframes pp-road  { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.02) } 100% { transform: scaleY(1) } }
@keyframes pp-cabin { 0% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-3px) } 100% { transform: translateX(-50%) translateY(0) } }
@keyframes pp-flame { 0% { transform: translateX(-50%) scale(1) rotate(0deg) } 50% { transform: translateX(-50%) scale(1.2) rotate(10deg) } 100% { transform: translateX(-50%) scale(1) rotate(0deg) } }
@keyframes pp-fig1  { 0% { transform: translateY(0) rotate(-2deg) } 25% { transform: translateY(-5px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-3px) rotate(1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes pp-fig2  { 0% { transform: translateY(0) rotate(2deg) } 25% { transform: translateY(-5px) rotate(-2deg) } 50% { transform: translateY(0) rotate(1deg) } 75% { transform: translateY(-3px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes pp-fig3  { 0% { transform: translateY(0) rotate(-1deg) } 25% { transform: translateY(-5px) rotate(1deg) } 50% { transform: translateY(0) rotate(0deg) } 75% { transform: translateY(-3px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0deg) } }
@keyframes pp-tree  { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.05) } 100% { transform: scaleY(1) } }
@keyframes pp-sign  { 0% { opacity:1; transform: scaleY(1) } 50% { opacity:0.7; transform: scaleY(1.1) } 100% { opacity:1; transform: scaleY(1) } }

.scn-curepipe-train { background: linear-gradient(180deg, #4a90c8 0%, #f5a623 60%, #e8c37a 100%), radial-gradient(ellipse at 50% 100%, #f5a623 0%, transparent 70%); }
.scn-curepipe-train .sky { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, transparent 100%); animation: ct-sky 20s ease-in-out infinite alternate; }
.scn-curepipe-train .mountains { position:absolute; bottom:35%; left:0; right:0; height:25%; background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%); border-radius: 30% 50% 0 0; animation: ct-mt 15s ease-in-out infinite; }
.scn-curepipe-train .plains { position:absolute; bottom:20%; left:0; right:0; height:20%; background: linear-gradient(180deg, #c8a56a 0%, #a8853a 100%); border-radius: 20% 30% 0 0; animation: ct-pl 12s ease-in-out infinite; }
.scn-curepipe-train .green { position:absolute; bottom:5%; left:0; right:0; height:25%; background: linear-gradient(180deg, #4a8a3a 0%, #2a5a2a 100%); border-radius: 40% 20% 0 0; animation: ct-gr 8s ease-in-out infinite; }
.scn-curepipe-train .train { position:absolute; bottom:18%; left:10%; width:120px; height:40px; background: linear-gradient(180deg, #c8553d 0%, #a03a2a 100%); border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: ct-tr 10s ease-in-out infinite; }
.scn-curepipe-train .train-window { position:absolute; bottom:22%; left:15%; width:20px; height:18px; background: radial-gradient(circle, #f5c842 0%, #e8a623 70%); border-radius: 4px; box-shadow: 0 0 12px 4px #f5c842; animation: ct-win 3s ease-in-out infinite alternate; }
.scn-curepipe-train .window-figure { position:absolute; bottom:23%; left:16%; width:8px; height:14px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: ct-fig 4s ease-in-out infinite; }
.scn-curepipe-train .native { position:absolute; bottom:10%; left:55%; width:12px; height:30px; background: linear-gradient(180deg, #3a2a1a 0%, #1a1a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom; animation: ct-nat 5s ease-in-out infinite; }
.scn-curepipe-train .smoke { position:absolute; bottom:25%; left:25%; width:20px; height:20px; background: radial-gradient(circle, rgba(255,255,255,.4) 0%, transparent 100%); border-radius: 50%; animation: ct-smk 6s ease-in-out infinite; }
@keyframes ct-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.6 } }
@keyframes ct-mt { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ct-pl { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.03) } 100% { transform: scaleY(1) } }
@keyframes ct-gr { 0% { transform: skewX(0deg) } 50% { transform: skewX(2deg) } 100% { transform: skewX(0deg) } }
@keyframes ct-tr { 0% { transform: translateX(0) } 50% { transform: translateX(30px) } 100% { transform: translateX(0) } }
@keyframes ct-win { 0% { box-shadow: 0 0 8px 2px #f5c842; opacity:.8 } 50% { box-shadow: 0 0 16px 6px #f5c842; opacity:1 } 100% { box-shadow: 0 0 8px 2px #f5c842; opacity:.8 } }
@keyframes ct-fig { 0% { transform: rotate(0deg) } 50% { transform: rotate(-5deg) } 100% { transform: rotate(0deg) } }
@keyframes ct-nat { 0% { transform: rotate(-10deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(-10deg) } }
@keyframes ct-smk { 0% { transform: scale(1); opacity:.6 } 50% { transform: scale(2); opacity:.2 } 100% { transform: scale(1); opacity:.6 } }

.scn-curepipe-pegs { background: linear-gradient(180deg, #4a90c8 0%, #87ceeb 70%, #f5f5dc 100%), radial-gradient(circle at 80% 20%, #ffd700 0%, transparent 50%); }
.scn-curepipe-pegs .sky { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,255,255,.2) 0%, transparent 100%); animation: cp-sky 30s linear infinite; }
.scn-curepipe-pegs .sun { position:absolute; top:5%; right:10%; width:40px; height:40px; background: radial-gradient(circle, #fff5c0 0%, #ffd700 60%, transparent 100%); border-radius: 50%; animation: cp-sun 8s linear infinite; }
.scn-curepipe-pegs .house { position:absolute; bottom:10%; left:25%; width:200px; height:100px; background: linear-gradient(180deg, #c8553d 0%, #a03a2a 100%); border-radius: 8px 8px 0 0; animation: cp-hoe 6s ease-in-out infinite; }
.scn-curepipe-pegs .roof { position:absolute; bottom:50%; left:22%; width:220px; height:40px; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 10% 10% 0 0; transform: rotate(-3deg); animation: cp-roof 6s ease-in-out infinite; }
.scn-curepipe-pegs .dormer-window { position:absolute; bottom:45%; left:35%; width:30px; height:30px; background: radial-gradient(circle, #fff5c0 0%, #c0a050 70%); border-radius: 4px; box-shadow: 0 0 8px 2px #c0a050; animation: cp-dor 3s ease-in-out infinite; }
.scn-curepipe-pegs .peg-a { position:absolute; bottom:54%; left:30%; width:6px; height:30px; background: linear-gradient(180deg, #fff 0%, #ccc 100%); border-radius: 2px; transform-origin: bottom; animation: cp-peg 4s ease-in-out infinite; }
.scn-curepipe-pegs .peg-b { position:absolute; bottom:54%; left:45%; width:6px; height:30px; background: linear-gradient(180deg, #fff 0%, #ccc 100%); border-radius: 2px; transform-origin: bottom; animation: cp-peg 4s ease-in-out infinite 0.5s; }
.scn-curepipe-pegs .peg-c { position:absolute; bottom:54%; left:60%; width:6px; height:30px; background: linear-gradient(180deg, #fff 0%, #ccc 100%); border-radius: 2px; transform-origin: bottom; animation: cp-peg 4s ease-in-out infinite 1s; }
@keyframes cp-sky { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes cp-sun { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes cp-hoe { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes cp-roof { 0% { transform: rotate(-3deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-3deg) } }
@keyframes cp-dor { 0% { box-shadow: 0 0 4px 1px #c0a050; } 50% { box-shadow: 0 0 12px 4px #ffd700; } 100% { box-shadow: 0 0 4px 1px #c0a050; } }
@keyframes cp-peg { 0% { transform: translateY(0) } 50% { transform: translateY(-10px) } 100% { transform: translateY(0) } }

.scn-virginias-fan { background: linear-gradient(180deg, #f5e6ca 0%, #e8dcc8 60%, #c8b896 100%), radial-gradient(ellipse at 50% 100%, #c8b896 0%, transparent 70%); }
.scn-virginias-fan .wall { position:absolute; inset:0; background: linear-gradient(180deg, #f5e6ca 0%, transparent 100%); }
.scn-virginias-fan .table { position:absolute; bottom:5%; left:10%; right:10%; height:20%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 8px; box-shadow: 0 -4px 10px rgba(0,0,0,.2); }
.scn-virginias-fan .box { position:absolute; bottom:15%; left:30%; width:60px; height:40px; background: linear-gradient(180deg, #5e1a1d 0%, #3a0a0a 100%); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,.4); animation: vf-box 4s ease-in-out infinite; }
.scn-virginias-fan .fan { position:absolute; bottom:20%; left:50%; width:80px; height:40px; background: linear-gradient(135deg, #fff5e0 0%, #e8dcc0 40%, #c8a880 100%); border-radius: 50% / 100% 100% 0 0; transform-origin: bottom center; animation: vf-fan 8s ease-in-out infinite alternate; }
.scn-virginias-fan .fan-handle { position:absolute; bottom:16%; left:50%; width:6px; height:30px; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius: 2px; transform: translateX(-50%); transform-origin: bottom; animation: vf-handle 8s ease-in-out infinite alternate; }
.scn-virginias-fan .fan-painting { position:absolute; bottom:22%; left:50%; width:60px; height:30px; background: radial-gradient(circle at 50% 100%, #4a6a8a 0%, #2a3a5a 40%, transparent 100%); border-radius: 50% / 100% 100% 0 0; transform: translateX(-50%); animation: vf-paint 8s ease-in-out infinite alternate; }
@keyframes vf-box { 0%,100% { transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,.4); } 50% { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.5); } }
@keyframes vf-fan { 0% { transform: rotate(-10deg) scaleX(0.8); } 50% { transform: rotate(0deg) scaleX(1); } 100% { transform: rotate(10deg) scaleX(0.8); } }
@keyframes vf-handle { 0% { transform: translateX(-50%) rotate(-10deg); } 50% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(10deg); } }
@keyframes vf-paint { 0% { opacity:.5; } 50% { opacity:1; } 100% { opacity:.5; } }

.scn-mauritius-history { background: linear-gradient(180deg, #e8e0d0 0%, #c8c0b0 60%, #a8a098 100%), radial-gradient(ellipse at 50% 100%, #a8a098 0%, transparent 70%); }
.scn-mauritius-history .wall { position:absolute; inset:0; background: linear-gradient(180deg, #d8d0c0 0%, transparent 100%); }
.scn-mauritius-history .shelf { position:absolute; top:10%; left:10%; right:10%; height:20%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 2px; }
.scn-mauritius-history .desk { position:absolute; bottom:5%; left:15%; right:15%; height:25%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px; box-shadow: 0 -4px 8px rgba(0,0,0,.2); }
.scn-mauritius-history .globe { position:absolute; bottom:15%; left:20%; width:40px; height:40px; background: radial-gradient(circle at 30% 30%, #4a8a6a 0%, #2a5a4a 50%, #1a3a2a 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: mh-globe 15s linear infinite; }
.scn-mauritius-history .paper { position:absolute; bottom:20%; left:35%; width:60px; height:45px; background: linear-gradient(180deg, #fff8e0 0%, #e8dcc0 100%); border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.2); animation: mh-paper 6s ease-in-out infinite; }
.scn-mauritius-history .inkwell { position:absolute; bottom:18%; left:55%; width:16px; height:20px; background: linear-gradient(180deg, #2a1a1a 0%, #0a0a0a 100%); border-radius: 50% 50% 30% 30%; box-shadow: 0 0 4px 1px rgba(255,255,255,.2); animation: mh-ink 4s ease-in-out infinite; }
.scn-mauritius-history .quill { position:absolute; bottom:22%; left:58%; width:4px; height:30px; background: linear-gradient(180deg, #e8dcc0 0%, #a89880 100%); border-radius: 2px; transform-origin: bottom; animation: mh-quill 5s ease-in-out infinite; }
@keyframes mh-globe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes mh-paper { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(-2deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes mh-ink { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes mh-quill { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }

.scn-fiji-natives { background: linear-gradient(180deg, #4a90d9 0%, #87ceeb 30%, #f0e68c 60%, #f5deb3 100%), radial-gradient(ellipse at 50% 0%, #ffd700 0%, transparent 40%); }
.scn-fiji-natives .sky   { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #ffd700 0%, #87ceeb 100%); animation: fij-sky 10s ease-in-out infinite alternate; }
.scn-fiji-natives .sea   { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(180deg, #2c8cd4 0%, #1a6ca0 100%); border-radius: 0 0 50% 50% / 0 0 20% 20%; animation: fij-sea 8s ease-in-out infinite; }
.scn-fiji-natives .sand  { position:absolute; bottom:10%; left:0; right:0; height:20%; background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius: 30% 70% 0 0 / 60% 40% 0 0; }
.scn-fiji-natives .boat  { position:absolute; bottom:25%; width:40px; height:12px; background: linear-gradient(90deg, #8b4513 0%, #a0522d 50%, #8b4513 100%); border-radius: 50% 50% 20% 20% / 80% 80% 20% 20%; }
.scn-fiji-natives .boat1 { left:20%; animation: fij-boat1 6s ease-in-out infinite; }
.scn-fiji-natives .boat2 { left:55%; animation: fij-boat2 7s ease-in-out infinite; }
.scn-fiji-natives .figure{ position:absolute; bottom:24%; width:10px; height:20px; background: radial-gradient(circle at 50% 30%, #6b4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; }
.scn-fiji-natives .figure1 { left:22%; animation: fij-fig1 4s ease-in-out infinite; }
.scn-fiji-natives .figure2 { left:57%; animation: fij-fig2 5s ease-in-out infinite; }
.scn-fiji-natives .sun   { position:absolute; top:5%; left:50%; width:50px; height:50px; transform:translate(-50%,0); background: radial-gradient(circle, #ffd700 0%, #ffa500 50%, transparent 70%); border-radius:50%; animation: fij-sun 3s ease-in-out infinite alternate; }
.scn-fiji-natives .cloud { position:absolute; top:12%; left:10%; width:70px; height:14px; background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.1) 100%); border-radius:50%; filter:blur(4px); animation: fij-cloud 30s linear infinite; }

@keyframes fij-sky   { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes fij-sea   { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-4px) scaleY(1.03) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes fij-boat1 { 0% { transform: translateX(0) rotate(-2deg) } 50% { transform: translateX(3px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes fij-boat2 { 0% { transform: translateX(0) rotate(1deg) } 50% { transform: translateX(-2px) rotate(-1deg) } 100% { transform: translateX(0) rotate(1deg) } }
@keyframes fij-fig1 { 0% { transform: translateY(0) rotate(-3deg) } 50% { transform: translateY(-2px) rotate(3deg) } 100% { transform: translateY(0) rotate(-3deg) } }
@keyframes fij-fig2 { 0% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-1px) rotate(-2deg) } 100% { transform: translateY(0) rotate(2deg) } }
@keyframes fij-sun   { 0% { transform: translate(-50%,0) scale(1); box-shadow:0 0 20px 10px #ffa500; } 50% { transform: translate(-50%,-3px) scale(1.05); box-shadow:0 0 30px 15px #ffd700; } 100% { transform: translate(-50%,0) scale(1); box-shadow:0 0 20px 10px #ffa500; } }
@keyframes fij-cloud{ 0% { transform: translateX(-30px) } 100% { transform: translateX(120vw) } }

.scn-ashore-suva { background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 30%, #d2b48c 50%, #a0522d 100%), radial-gradient(ellipse at 50% 0%, #ffd700 0%, transparent 50%); }
.scn-ashore-suva .sky    { position:absolute; inset:0 0 45% 0; background: linear-gradient(180deg, #87ceeb 0%, transparent 100%); animation: asu-sky 12s ease-in-out infinite alternate; }
.scn-ashore-suva .sea    { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #2c8cd4 0%, #1a6ca0 100%); border-radius: 0 0 30% 30% / 0 0 10% 10%; animation: asu-sea 10s ease-in-out infinite; }
.scn-ashore-suva .shore  { position:absolute; bottom:5%; left:0; right:0; height:25%; background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius: 40% 60% 0 0 / 60% 40% 0 0; }
.scn-ashore-suva .hut-wall { position:absolute; bottom:25%; left:35%; width:80px; height:40px; background: linear-gradient(180deg, #8b4513 0%, #5a2a0a 100%); border-radius: 8% 8% 4% 4%; box-shadow:0 4px 8px rgba(0,0,0,.5); }
.scn-ashore-suva .hut-roof { position:absolute; bottom:48%; left:32%; width:96px; height:24px; background: linear-gradient(180deg, #a0522d 0%, #6b340e 100%); clip-path: polygon(20% 100%, 50% 0%, 80% 100%); animation: asu-roof 6s ease-in-out infinite; }
.scn-ashore-suva .mat    { position:absolute; bottom:18%; left:45%; width:60px; height:10px; background: linear-gradient(180deg, #c4a882 0%, #a0855e 100%); border-radius: 50%; animation: asu-mat 8s ease-in-out infinite; }
.scn-ashore-suva .figure { position:absolute; width:14px; height:30px; background: radial-gradient(circle at 50% 40%, #6b4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; }
.scn-ashore-suva .figure-old { bottom:15%; left:38%; animation: asu-figold 5s ease-in-out infinite; }
.scn-ashore-suva .figure-young { bottom:16%; left:52%; animation: asu-figyoung 7s ease-in-out infinite; }
.scn-ashore-suva .dish   { position:absolute; bottom:16%; left:48%; width:20px; height:8px; background: radial-gradient(circle, #ffd700 0%, #b8860b 100%); border-radius: 50%; animation: asu-dish 4s ease-in-out infinite alternate; }

@keyframes asu-sky     { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes asu-sea     { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-3px) scaleY(1.02) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes asu-roof    { 0% { transform: rotate(-1deg) } 50% { transform: rotate(1deg) } 100% { transform: rotate(-1deg) } }
@keyframes asu-mat     { 0% { transform: scaleX(1) } 50% { transform: scaleX(1.05) } 100% { transform: scaleX(1) } }
@keyframes asu-figold  { 0% { transform: translateY(0) rotate(-2deg) } 50% { transform: translateY(-1px) rotate(2deg) } 100% { transform: translateY(0) rotate(-2deg) } }
@keyframes asu-figyoung{ 0% { transform: translateY(0) rotate(3deg) } 50% { transform: translateY(-2px) rotate(-3deg) } 100% { transform: translateY(0) rotate(3deg) } }
@keyframes asu-dish    { 0% { transform: translateX(0) scale(1) } 50% { transform: translateX(1px) scale(1.05) } 100% { transform: translateX(0) scale(1) } }

.scn-strolling-suva { background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 20%, #98fb98 40%, #3cb371 100%), radial-gradient(ellipse at 50% 0%, #ffd700 0%, transparent 30%); }
.scn-strolling-suva .sky   { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #87ceeb 0%, transparent 100%); animation: sts-sky 15s ease-in-out infinite alternate; }
.scn-strolling-suva .hills { position:absolute; bottom:30%; left:0; right:0; height:20%; background: linear-gradient(180deg, #5a8a3a 0%, #3a5a1a 100%); border-radius: 40% 60% 0 0 / 80% 70% 0 0; animation: sts-hills 20s ease-in-out infinite alternate; }
.scn-strolling-suva .path  { position:absolute; bottom:18%; left:10%; width:80%; height:12%; background: linear-gradient(180deg, #d2b48c 0%, #c4a882 100%); border-radius: 30% 30% 0 0; animation: sts-path 12s linear infinite; }
.scn-strolling-suva .house { position:absolute; bottom:20%; width:60px; height:50px; background: linear-gradient(180deg, #e8d8b8 0%, #c8b090 100%); border-radius: 6% 6% 4% 4%; box-shadow:0 2px 6px rgba(0,0,0,.3); }
.scn-strolling-suva .house-left { left:15%; animation: sts-house 9s ease-in-out infinite; }
.scn-strolling-suva .house-right{ right:15%; animation: sts-house 11s ease-in-out infinite reverse; }
.scn-strolling-suva .tree  { position:absolute; bottom:15%; left:50%; width:30px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #5a3a1a 0%, #3a1a0a 100%); border-radius: 20% 20% 40% 40% / 60% 60% 40% 40%; animation: sts-tree 7s ease-in-out infinite; }
.scn-strolling-suva .hibiscus-bush { position:absolute; bottom:12%; left:60%; width:40px; height:30px; background: radial-gradient(circle at 50% 100%, #2a7a2a 0%, #1a4a1a 100%); border-radius: 50%; animation: sts-bush 8s ease-in-out infinite; }
.scn-strolling-suva .hibiscus-flower { position:absolute; bottom:18%; left:62%; width:16px; height:16px; background: radial-gradient(circle, #c8553d 0%, #a0461a 70%); border-radius: 50%; box-shadow:0 0 10px 3px #c8553d; animation: sts-flower 4s ease-in-out infinite alternate; }
.scn-strolling-suva .figure{ position:absolute; bottom:17%; left:30%; width:12px; height:28px; background: radial-gradient(circle at 50% 40%, #6b4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; animation: sts-figure 6s ease-in-out infinite; }

@keyframes sts-sky     { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.9 } }
@keyframes sts-hills   { 0% { transform: translateY(0) } 50% { transform: translateY(-4px) } 100% { transform: translateY(0) } }
@keyframes sts-path    { 0% { background-position:0 0 } 100% { background-position:100% 0 } }
@keyframes sts-house   { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes sts-tree    { 0% { transform: translateX(-50%) rotate(-2deg) } 50% { transform: translateX(-50%) rotate(2deg) } 100% { transform: translateX(-50%) rotate(-2deg) } }
@keyframes sts-bush    { 0% { transform: scale(1) } 50% { transform: scale(1.05) } 100% { transform: scale(1) } }
@keyframes sts-flower  { 0% { transform: rotate(-10deg) scale(1) } 50% { transform: rotate(10deg) scale(1.1) } 100% { transform: rotate(-10deg) scale(1) } }
@keyframes sts-figure  { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(6px) rotate(1deg) } 50% { transform: translateX(12px) rotate(-2deg) } 75% { transform: translateX(18px) rotate(1deg) } 100% { transform: translateX(24px) rotate(0deg) } }

.scn-midwinter-fiji { background: linear-gradient(180deg, #ffa07a 0%, #ffd700 30%, #ffec8b 60%, #fffacd 100%), radial-gradient(ellipse at 50% 0%, #ff4500 0%, transparent 30%); }
.scn-midwinter-fiji .sky    { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #ffd700 0%, #87ceeb 100%); animation: mfi-sky 8s ease-in-out infinite alternate; }
.scn-midwinter-fiji .sea    { position:absolute; bottom:0; left:0; right:0; height:50%; background: linear-gradient(180deg, #2c8cd4 0%, #1a6ca0 100%); border-radius: 0 0 40% 40% / 0 0 15% 15%; animation: mfi-sea 9s ease-in-out infinite; }
.scn-midwinter-fiji .sand   { position:absolute; bottom:5%; left:0; right:0; height:25%; background: linear-gradient(180deg, #f5deb3 0%, #d2b48c 100%); border-radius: 30% 70% 0 0 / 50% 50% 0 0; }
.scn-midwinter-fiji .palm-trunk { position:absolute; bottom:25%; left:30%; width:10px; height:50px; background: linear-gradient(90deg, #5a3a1a 0%, #3a1a0a 100%); border-radius: 20%; animation: mfi-trunk 5s ease-in-out infinite; }
.scn-midwinter-fiji .palm-leaves { position:absolute; bottom:48%; left:28%; width:30px; height:30px; background: radial-gradient(circle at 50% 0%, #3a7a3a 0%, #1a4a1a 100%); border-radius: 50% 50% 30% 30% / 100% 100% 30% 30%; animation: mfi-leaves 6s ease-in-out infinite; }
.scn-midwinter-fiji .figure { position:absolute; width:16px; height:34px; background: radial-gradient(circle at 50% 40%, #6b4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; }
.scn-midwinter-fiji .figure-coat { bottom:18%; left:45%; animation: mfi-figcoat 4s ease-in-out infinite; }
.scn-midwinter-fiji .figure-scarf { bottom:19%; left:55%; animation: mfi-figscarf 5s ease-in-out infinite; }
.scn-midwinter-fiji .fan    { position:absolute; bottom:30%; left:60%; width:12px; height:12px; background: radial-gradient(circle, #ffd700 0%, #ffa500 100%); border-radius: 50%; animation: mfi-fan 2s linear infinite; }
.scn-midwinter-fiji .sun    { position:absolute; top:5%; left:50%; width:60px; height:60px; transform:translate(-50%,0); background: radial-gradient(circle, #ff4500 0%, #ffd700 50%, transparent 70%); border-radius:50%; animation: mfi-sun 4s ease-in-out infinite; }

@keyframes mfi-sky      { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes mfi-sea      { 0% { transform: translateY(0) scaleY(1) } 50% { transform: translateY(-5px) scaleY(1.05) } 100% { transform: translateY(0) scaleY(1) } }
@keyframes mfi-trunk    { 0% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } 100% { transform: rotate(-2deg) } }
@keyframes mfi-leaves   { 0% { transform: rotate(-5deg) scale(1) } 50% { transform: rotate(5deg) scale(1.1) } 100% { transform: rotate(-5deg) scale(1) } }
@keyframes mfi-figcoat  { 0% { transform: translateY(0) rotate(-3deg) } 25% { transform: translateY(-2px) rotate(2deg) } 50% { transform: translateY(0) rotate(-1deg) } 75% { transform: translateY(-1px) rotate(1deg) } 100% { transform: translateY(0) rotate(-3deg) } }
@keyframes mfi-figscarf { 0% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-3px) rotate(-2deg) } 100% { transform: translateY(0) rotate(2deg) } }
@keyframes mfi-fan      { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes mfi-sun      { 0% { transform: translate(-50%,0) scale(1); box-shadow:0 0 20px 10px #ff4500; } 50% { transform: translate(-50%,-4px) scale(1.15); box-shadow:0 0 40px 20px #ffd700; } 100% { transform: translate(-50%,0) scale(1); box-shadow:0 0 20px 10px #ff4500; } }

/* Fluid prejudice - funny bright interior */
.scn-fluid-prejudice {
  background: 
    linear-gradient(180deg, #f9e4c8 0%, #e8c89a 40%, #c8956a 100%),
    radial-gradient(ellipse at 50% 0%, #fff6e6 0%, transparent 60%);
}
.scn-fluid-prejudice .wall {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #f1d8b4, #dbb88a);
}
.scn-fluid-prejudice .desk {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #b07848 0%, #7a5230 100%);
  border-radius: 20% 20% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.3);
}
.scn-fluid-prejudice .inkwell {
  position: absolute; bottom: 28%; left: 40%; width: 30px; height: 40px;
  background: radial-gradient(ellipse at 50% 30%, #4a3020, #2a1a0a);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  transform-origin: bottom center;
  animation: fp-inkwell 4s ease-in-out infinite;
}
.scn-fluid-prejudice .quill {
  position: absolute; bottom: 36%; left: 38%; width: 6px; height: 60px;
  background: linear-gradient(180deg, #e0c898 0%, #a07840 70%, #b08050 100%);
  border-radius: 50% 20% 50% 20%;
  transform: rotate(15deg);
  transform-origin: bottom right;
  animation: fp-quill 2.5s ease-in-out infinite alternate;
}
.scn-fluid-prejudice .ink-splash {
  position: absolute; bottom: 28%; left: 48%; width: 20px; height: 20px;
  background: radial-gradient(circle, #2a1a0a 0%, #1a0e00 70%);
  border-radius: 50%;
  filter: blur(2px);
  animation: fp-splash 1.8s ease-in-out infinite;
}
.scn-fluid-prejudice .paper {
  position: absolute; bottom: 30%; right: 15%; width: 80px; height: 50px;
  background: linear-gradient(135deg, #f7f0e0, #e8dcc0);
  border-radius: 4% / 8%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transform: rotate(-5deg);
  animation: fp-paper 6s ease-in-out infinite;
}
.scn-fluid-prejudice .hand-shadow {
  position: absolute; bottom: 24%; right: 30%; width: 40px; height: 50px;
  background: radial-gradient(ellipse at 50% 30%, rgba(0,0,0,0.2), transparent);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  opacity: 0.3;
  animation: fp-hand 3s ease-in-out infinite;
}
@keyframes fp-inkwell {
  0% { transform: rotate(0deg); }
  30% { transform: rotate(-5deg); }
  60% { transform: rotate(3deg); }
  100% { transform: rotate(0deg); }
}
@keyframes fp-quill {
  0% { transform: rotate(12deg); }
  100% { transform: rotate(18deg); }
}
@keyframes fp-splash {
  0% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 0.4; }
  100% { transform: scale(1); opacity: 0.8; }
}
@keyframes fp-paper {
  0% { transform: rotate(-5deg); }
  50% { transform: rotate(-2deg) translateY(-2px); }
  100% { transform: rotate(-5deg); }
}
@keyframes fp-hand {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(8px) rotate(3deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/* Diamond crater - warm sunlit */
.scn-diamond-crater {
  background:
    linear-gradient(180deg, #7eb0d0 0%, #c8d8e8 30%, #f0e0a0 60%, #d8b868 100%),
    radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 50%);
}
.scn-diamond-crater .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #5a90b0 0%, #90c0e0 60%, #e8d8a0 100%);
  animation: dc-sky 20s ease-in-out infinite alternate;
}
.scn-diamond-crater .sun {
  position: absolute; top: 12%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle at 50% 50%, #fff4c0, #f0c840 70%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(240,200,64,0.5);
  animation: dc-sun 15s ease-in-out infinite alternate;
}
.scn-diamond-crater .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #c89860 0%, #a87840 40%, #7a5a2a 100%);
  border-radius: 60% 40% 0 0 / 40% 30% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.2);
}
.scn-diamond-crater .crater {
  position: absolute; bottom: 20%; left: 30%; width: 200px; height: 100px;
  background: radial-gradient(ellipse at 50% 60%, #3a2a1a 0%, #2a1a0a 50%, #1a0e00 100%);
  border-radius: 50%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.6), 0 4px 10px rgba(0,0,0,0.4);
  transform: scaleX( 1.2);
  animation: dc-crater 8s ease-in-out infinite;
}
.scn-diamond-crater .cart {
  position: absolute; bottom: 32%; left: 48%; width: 40px; height: 24px;
  background: linear-gradient(180deg, #6a5030, #4a3820);
  border-radius: 10% 10% 30% 30%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: dc-cart 10s ease-in-out infinite;
}
.scn-diamond-crater .figure {
  position: absolute; bottom: 36%; left: 52%; width: 16px; height: 40px;
  background: linear-gradient(180deg, #5a3a20, #2a180a);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: dc-figure 6s ease-in-out infinite;
}
.scn-diamond-crater .ladder {
  position: absolute; bottom: 18%; left: 45%; width: 4px; height: 80px;
  background: linear-gradient(180deg, #8a6a40, #6a5030);
  transform: rotate(10deg);
  transform-origin: bottom center;
  box-shadow: 0 0 0 2px #6a5030;
  animation: dc-ladder 12s ease-in-out infinite;
}
@keyframes dc-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes dc-sun {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.05); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes dc-crater {
  0% { transform: scaleX(1.2) translateY(0); }
  50% { transform: scaleX(1.22) translateY(-3px); }
  100% { transform: scaleX(1.2) translateY(0); }
}
@keyframes dc-cart {
  0% { transform: translateX(0); }
  50% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
@keyframes dc-figure {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(2deg) translateY(-1px); }
  75% { transform: rotate(-2deg) translateY(1px); }
  100% { transform: rotate(0deg); }
}
@keyframes dc-ladder {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(12deg); }
  100% { transform: rotate(10deg); }
}

/* Diamond discovery - warm bright interior */
.scn-diamond-discovery {
  background:
    linear-gradient(180deg, #d4b896 0%, #b89470 40%, #9a7a5a 100%),
    radial-gradient(ellipse at 50% 20%, #fff0d0 0%, transparent 70%);
}
.scn-diamond-discovery .interior-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(90deg, #c0a080 0%, #d8b898 50%, #c0a080 100%);
}
.scn-diamond-discovery .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8a6a4a, #6a5030);
  border-radius: 20% 20% 0 0;
}
.scn-diamond-discovery .table {
  position: absolute; bottom: 15%; left: 20%; right: 20%; height: 12%;
  background: linear-gradient(180deg, #b89068, #9a7850);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.scn-diamond-discovery .hand {
  position: absolute; bottom: 18%; left: 35%; width: 30px; height: 50px;
  background: linear-gradient(180deg, #b08058, #805a38);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: dd-hand 4s ease-in-out infinite;
}
.scn-diamond-discovery .diamond {
  position: absolute; bottom: 22%; left: 50%; width: 24px; height: 20px;
  background: radial-gradient(circle at 40% 30%, #fffff0, #e0e0c0 40%, #c0c0a0 70%);
  border-radius: 10% 30% 50% 30%;
  transform: rotate(45deg);
  box-shadow: 0 0 20px 6px rgba(255,240,200,0.7), 0 0 40px 12px rgba(255,240,200,0.3);
  animation: dd-diamond 2s ease-in-out infinite alternate;
}
.scn-diamond-discovery .window-light {
  position: absolute; top: 10%; left: 15%; width: 80px; height: 100px;
  background: linear-gradient(135deg, #fff8e0, transparent 60%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  opacity: 0.3;
  animation: dd-light 8s ease-in-out infinite;
}
.scn-diamond-discovery .magnifier {
  position: absolute; bottom: 18%; right: 25%; width: 30px; height: 30px;
  background: radial-gradient(circle at 50% 50%, #e8e0c0, #b8b098 60%);
  border-radius: 50%;
  border: 3px solid #8a7858;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: dd-magnifier 5s ease-in-out infinite;
}
@keyframes dd-hand {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(8deg) translateY(-2px); }
  100% { transform: rotate(0deg); }
}
@keyframes dd-diamond {
  0% { transform: rotate(40deg) scale(1); opacity: 0.9; }
  50% { transform: rotate(50deg) scale(1.1); opacity: 1; }
  100% { transform: rotate(40deg) scale(1); opacity: 0.9; }
}
@keyframes dd-light {
  0% { opacity: 0.2; }
  50% { opacity: 0.5; }
  100% { opacity: 0.2; }
}
@keyframes dd-magnifier {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(5px) rotate(10deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

/* Stranger buys diamond - funny bright interior */
.scn-stranger-buys-diamond {
  background:
    linear-gradient(180deg, #e8c898 0%, #d0a870 30%, #b89058 100%),
    radial-gradient(ellipse at 50% 50%, #f5e0b0 0%, transparent 60%);
}
.scn-stranger-buys-diamond .hut-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(90deg, #b08858 0%, #c8a870 50%, #b08858 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.15);
}
.scn-stranger-buys-diamond .hut-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #7a5a32, #5a3a1a);
  border-radius: 10% 10% 0 0;
}
.scn-stranger-buys-diamond .child {
  position: absolute; bottom: 22%; left: 25%; width: 20px; height: 35px;
  background: linear-gradient(180deg, #a08058, #705030);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sd-child 3s ease-in-out infinite;
}
.scn-stranger-buys-diamond .stranger {
  position: absolute; bottom: 22%; right: 25%; width: 30px; height: 55px;
  background: linear-gradient(180deg, #4a3820, #2a1a0a);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sd-stranger 5s ease-in-out infinite;
}
.scn-stranger-buys-diamond .table {
  position: absolute; bottom: 18%; left: 30%; right: 30%; height: 10%;
  background: linear-gradient(180deg, #b89868, #9a7850);
  border-radius: 8%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.scn-stranger-buys-diamond .diamond-glow {
  position: absolute; bottom: 22%; left: 50%; width: 30px; height: 24px;
  background: radial-gradient(circle at 40% 30%, #fffff0, #e8e0c0 40%, #c0b090 70%);
  border-radius: 20% 40% 60% 40%;
  transform: translateX(-50%) rotate(30deg);
  box-shadow: 0 0 30px 10px rgba(240,230,180,0.6), 0 0 50px 15px rgba(240,230,180,0.3);
  animation: sd-diamond 1s ease-in-out infinite alternate;
}
.scn-stranger-buys-diamond .money-bag {
  position: absolute; bottom: 18%; right: 40%; width: 20px; height: 18px;
  background: radial-gradient(circle at 50% 40%, #c8a060, #a07838);
  border-radius: 40% 40% 30% 30%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: sd-bag 2s ease-in-out infinite;
}
@keyframes sd-child {
  0% { transform: translateY(0) rotate(-3deg); }
  25% { transform: translateY(-2px) rotate(2deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-1px) rotate(4deg); }
  100% { transform: translateY(0) rotate(-3deg); }
}
@keyframes sd-stranger {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(6px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes sd-diamond {
  0% { transform: translateX(-50%) rotate(25deg) scale(1); opacity: 0.9; }
  50% { transform: translateX(-50%) rotate(35deg) scale(1.1); opacity: 1; }
  100% { transform: translateX(-50%) rotate(25deg) scale(1); opacity: 0.9; }
}
@keyframes sd-bag {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.05); }
  100% { transform: translateY(0) scale(1); }
}

.scn-southern-cross {
  background: linear-gradient(180deg, #0a0a2e 0%, #1a1a4e 50%, #2a2a5e 100%), radial-gradient(ellipse at 50% 0%, #3a3a6e 0%, transparent 70%);
}
.scn-southern-cross .sky {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #1a1a4e 0%, transparent 100%);
  animation: sc-sky 20s ease-in-out infinite alternate;
}
.scn-southern-cross .horizon {
  position:absolute; bottom:40%; left:0; right:0; height:2px;
  background: #3a4a6e;
  animation: sc-horizon 8s ease-in-out infinite;
}
.scn-southern-cross .stars-bg {
  position:absolute; inset:0 0 40% 0;
  background: radial-gradient(1px 1px at 10% 20%, #fff 0%, transparent 100%), radial-gradient(1px 1px at 30% 40%, #fff 0%, transparent 100%), radial-gradient(1px 1px at 50% 10%, #fff 0%, transparent 100%), radial-gradient(1px 1px at 70% 30%, #fff 0%, transparent 100%), radial-gradient(1px 1px at 90% 50%, #fff 0%, transparent 100%);
  animation: sc-twinkle 3s ease-in-out infinite alternate;
}
.scn-southern-cross .vertical-bar {
  position:absolute; bottom:50%; left:50%; width:4px; height:80px;
  transform:translateX(-2px);
  background: linear-gradient(180deg, #c0c0e0 0%, #8080b0 100%);
  box-shadow: 0 0 8px #c0c0e0;
  animation: sc-cross-glow 6s ease-in-out infinite;
}
.scn-southern-cross .horizontal-bar {
  position:absolute; bottom:45%; left:50%; width:60px; height:4px;
  transform:translateX(-30px);
  background: linear-gradient(90deg, #c0c0e0 0%, #8080b0 100%);
  box-shadow: 0 0 8px #c0c0e0;
  animation: sc-cross-glow 6s ease-in-out infinite;
}
.scn-southern-cross .ship-rail {
  position:absolute; bottom:30%; left:10%; right:10%; height:10px;
  background: linear-gradient(90deg, transparent 0%, #2a2a4a 20%, #4a4a6a 50%, #2a2a4a 80%, transparent 100%);
  animation: sc-rail 4s ease-in-out infinite;
}
@keyframes sc-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes sc-horizon { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes sc-twinkle { 0% { opacity:.5 } 50% { opacity:1 } 100% { opacity:.3 } }
@keyframes sc-cross-glow { 0% { box-shadow: 0 0 4px #a0a0d0 } 50% { box-shadow: 0 0 16px #e0e0ff } 100% { box-shadow: 0 0 4px #a0a0d0 } }
@keyframes sc-rail { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }

.scn-constellations-renamed {
  background: linear-gradient(180deg, #0f0f2f 0%, #1f1f4f 50%, #2f2f5f 100%);
}
.scn-constellations-renamed .sky {
  position:absolute; inset:0;
  background: radial-gradient(ellipse at 50% 80%, #1a1a4a 0%, transparent 80%);
  animation: cn-sky 15s ease-in-out infinite alternate;
}
.scn-constellations-renamed .star1,
.scn-constellations-renamed .star2,
.scn-constellations-renamed .star3,
.scn-constellations-renamed .star4 {
  position:absolute; width:10px; height:10px; border-radius:50%;
  background: radial-gradient(circle, #fff 0%, #ffd 70%, transparent);
  box-shadow: 0 0 12px #ffe;
}
.scn-constellations-renamed .star1 { left:30%; top:30%; animation: cn-star1 10s ease-in-out infinite; }
.scn-constellations-renamed .star2 { left:50%; top:20%; animation: cn-star2 10s ease-in-out infinite; }
.scn-constellations-renamed .star3 { left:60%; top:40%; animation: cn-star3 10s ease-in-out infinite; }
.scn-constellations-renamed .star4 { left:40%; top:50%; animation: cn-star4 10s ease-in-out infinite; }
.scn-constellations-renamed .kite-shadow {
  position:absolute; top:35%; left:45%; width:30px; height:40px;
  background: rgba(255,255,224,0.1);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  animation: cn-kite 10s ease-in-out infinite;
}
@keyframes cn-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes cn-star1 { 0% { transform: translate(0,0) } 25% { transform: translate(-20px, -10px) } 50% { transform: translate(0, -20px) } 75% { transform: translate(20px, -10px) } 100% { transform: translate(0,0) } }
@keyframes cn-star2 { 0% { transform: translate(0,0) } 25% { transform: translate(10px, 20px) } 50% { transform: translate(0, 30px) } 75% { transform: translate(-10px, 20px) } 100% { transform: translate(0,0) } }
@keyframes cn-star3 { 0% { transform: translate(0,0) } 25% { transform: translate(20px, 0) } 50% { transform: translate(30px, -10px) } 75% { transform: translate(20px, -20px) } 100% { transform: translate(0,0) } }
@keyframes cn-star4 { 0% { transform: translate(0,0) } 25% { transform: translate(-10px, -20px) } 50% { transform: translate(-20px, 0) } 75% { transform: translate(-10px, 20px) } 100% { transform: translate(0,0) } }
@keyframes cn-kite { 0% { opacity:0 } 25% { opacity:0.3 } 50% { opacity:0.8 } 75% { opacity:0.3 } 100% { opacity:0 } }

.scn-island-wilderness {
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0FF 50%, #F0E68C 100%), radial-gradient(ellipse at 50% 100%, #3a7a4a 0%, transparent 70%);
}
.scn-island-wilderness .sky {
  position:absolute; inset:0 0 50% 0;
  background: linear-gradient(180deg, #87CEEB 0%, #B0E0FF 100%);
  animation: iw-sky 20s ease-in-out infinite alternate;
}
.scn-island-wilderness .sun {
  position:absolute; top:15%; right:20%; width:60px; height:60px; border-radius:50%;
  background: radial-gradient(circle, #FFD700 0%, #FFA500 70%, transparent 100%);
  box-shadow: 0 0 40px #FFD700;
  animation: iw-sun 12s ease-in-out infinite;
}
.scn-island-wilderness .cloud {
  position:absolute; top:25%; left:10%; width:120px; height:30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
  border-radius:50%;
  filter: blur(8px);
  animation: iw-cloud 30s linear infinite;
}
.scn-island-wilderness .ocean {
  position:absolute; bottom:0; left:0; right:0; height:50%;
  background: linear-gradient(180deg, #1E90FF 0%, #000080 100%);
  animation: iw-ocean 5s ease-in-out infinite;
}
.scn-island-wilderness .island-left {
  position:absolute; bottom:35%; left:15%; width:100px; height:50px;
  background: linear-gradient(180deg, #2E8B57 0%, #006400 100%);
  border-radius: 40% 60% 0 0 / 80% 70% 0 0;
  box-shadow: inset 0 5px 10px #004d00;
  animation: iw-island 8s ease-in-out infinite;
}
.scn-island-wilderness .island-right {
  position:absolute; bottom:30%; right:10%; width:80px; height:40px;
  background: linear-gradient(180deg, #228B22 0%, #004d00 100%);
  border-radius: 50% 50% 0 0 / 70% 70% 0 0;
  transform: scale(0.85);
  box-shadow: inset 0 5px 8px #003300;
  animation: iw-island 12s ease-in-out infinite;
}
.scn-island-wilderness .ship {
  position:absolute; bottom:42%; left:40%; width:80px; height:20px;
  background: linear-gradient(90deg, #8B4513 0%, #A0522D 50%, #8B4513 100%);
  border-radius: 20% 20% 40% 40%;
  box-shadow: 0 3px 6px #000;
  animation: iw-ship 6s ease-in-out infinite;
}
.scn-island-wilderness .sail {
  position:absolute; bottom:50%; left:42%; width:50px; height:40px;
  background: linear-gradient(180deg, #F5DEB3 0%, #D2B48C 100%);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  animation: iw-sail 4s ease-in-out infinite;
}
@keyframes iw-sky { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes iw-sun { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(5px, -5px) scale(1.05) } 100% { transform: translate(0,0) scale(1) } }
@keyframes iw-cloud { 0% { transform: translateX(-100px) } 100% { transform: translateX(120vw) } }
@keyframes iw-ocean { 0% { transform: translateY(0) } 50% { transform: translateY(-5px) } 100% { transform: translateY(0) } }
@keyframes iw-island { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes iw-ship { 0% { transform: translate(0,0) rotate(-1deg) } 50% { transform: translate(2px, -2px) rotate(1deg) } 100% { transform: translate(0,0) rotate(-1deg) } }
@keyframes iw-sail { 0% { transform: translate(0,0) rotate(-2deg) } 50% { transform: translate(1px, -1px) rotate(2deg) } 100% { transform: translate(0,0) rotate(-2deg) } }

.scn-captain-wawn {
  background: linear-gradient(180deg, #FFDAB9 0%, #FFE4B5 50%, #FFC0CB 100%), radial-gradient(ellipse at 50% 0%, #FFA07A 0%, transparent 70%);
}
.scn-captain-wawn .sky {
  position:absolute; inset:0 0 40% 0;
  background: linear-gradient(180deg, #FFDAB9 0%, #FFE4B5 100%);
  animation: cw-sky 2s ease-in-out infinite alternate;
}
.scn-captain-wawn .beach {
  position:absolute; bottom:0; left:0; right:0; height:60%;
  background: linear-gradient(180deg, #F4A460 0%, #D2691E 100%);
  animation: cw-beach 0.5s ease-in-out infinite;
}
.scn-captain-wawn .ocean {
  position:absolute; bottom:40%; left:0; right:0; height:20%;
  background: linear-gradient(180deg, #1E90FF 0%, #000080 100%);
  animation: cw-ocean 1s ease-in-out infinite;
}
.scn-captain-wawn .attacker1 {
  position:absolute; bottom:30%; left:20%; width:20px; height:40px;
  background: linear-gradient(180deg, #2F1B0E 0%, #1A0D06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: cw-attack1 0.8s ease-in-out infinite;
}
.scn-captain-wawn .attacker2 {
  position:absolute; bottom:35%; right:25%; width:22px; height:38px;
  background: linear-gradient(180deg, #2F1B0E 0%, #1A0D06 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: cw-attack2 0.7s ease-in-out infinite;
}
.scn-captain-wawn .club1 {
  position:absolute; bottom:50%; left:22%; width:6px; height:20px;
  background: #4A2C17;
  border-radius: 20% 20% 50% 50%;
  transform-origin: bottom center;
  animation: cw-club1 0.4s ease-in-out infinite;
}
.scn-captain-wawn .club2 {
  position:absolute; bottom:55%; right:28%; width:6px; height:22px;
  background: #4A2C17;
  border-radius: 20% 20% 50% 50%;
  transform-origin: bottom center;
  animation: cw-club2 0.35s ease-in-out infinite;
}
.scn-captain-wawn .blood-drip {
  position:absolute; bottom:20%; left:15%; width:4px; height:10px;
  background: #5E2E1D;
  border-radius: 50%;
  animation: cw-drip 1s ease-in-out infinite;
}
@keyframes cw-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.7 } }
@keyframes cw-beach { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
@keyframes cw-ocean { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes cw-attack1 { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(5px) rotate(5deg) } 50% { transform: translateX(0) rotate(-5deg) } 75% { transform: translateX(-5px) rotate(5deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes cw-attack2 { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(-5px) rotate(-5deg) } 50% { transform: translateX(0) rotate(5deg) } 75% { transform: translateX(5px) rotate(-5deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes cw-club1 { 0% { transform: rotate(0deg) } 25% { transform: rotate(-30deg) } 50% { transform: rotate(0deg) } 75% { transform: rotate(30deg) } 100% { transform: rotate(0deg) } }
@keyframes cw-club2 { 0% { transform: rotate(0deg) } 25% { transform: rotate(30deg) } 50% { transform: rotate(0deg) } 75% { transform: rotate(-30deg) } 100% { transform: rotate(0deg) } }
@keyframes cw-drip { 0% { transform: translate(0,0) } 25% { transform: translate(2px, -5px) } 50% { transform: translate(0, -10px) } 75% { transform: translate(-2px, -5px) } 100% { transform: translate(0,0) } }

.scn-monastery-prosperity { background: linear-gradient(180deg, #f5efd8 0%, #e6d5b8 40%, #c8ab7a 100%), radial-gradient(ellipse at 50% 100%, #d4c0a0 0%, transparent 60%);
  .mp-bg { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, #4a3a2a 100%); }
  .mp-arch { position: absolute; top: 10%; left: 20%; width: 60%; height: 70%; border-radius: 50% 50% 0 0 / 60% 60% 0 0; background: linear-gradient(135deg, #8a7a6a 0%, #6a5a4a 100%); border: 2px solid #5a4a3a; box-shadow: inset 0 4px 8px rgba(0,0,0,0.3); }
  .mp-window { position: absolute; top: 18%; left: 35%; width: 30%; height: 40%; background: radial-gradient(ellipse at 50%, #ffe8a0 0%, #ffdd80 50%, #d4b060 100%); border-radius: 8% 8% 4% 4%; box-shadow: 0 0 30px 6px rgba(255,200,80,0.4); animation: mp-glow 6s ease-in-out infinite; }
  .mp-light { position: absolute; top: 20%; left: 35%; width: 30%; height: 50%; background: linear-gradient(180deg, rgba(255,230,150,0.3) 0%, transparent 100%); clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); animation: mp-ray 8s ease-in-out infinite; }
  .mp-monk { position: absolute; bottom: 28%; left: 40%; width: 14%; height: 32%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mp-breathe 4s ease-in-out infinite; }
  .mp-barrel { position: absolute; bottom: 26%; left: 55%; width: 18%; height: 24%; background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; box-shadow: 0 2px 6px rgba(0,0,0,0.5); }
  .mp-shelf { position: absolute; bottom: 52%; left: 15%; width: 70%; height: 2%; background: #5a4a3a; transform: rotate(-1deg); box-shadow: 0 2px 4px rgba(0,0,0,0.3); animation: mp-sway 12s ease-in-out infinite; }
}
@keyframes mp-glow { 0% { box-shadow: 0 0 20px 4px rgba(255,200,80,0.3); } 50% { box-shadow: 0 0 40px 12px rgba(255,200,80,0.6); } 100% { box-shadow: 0 0 20px 4px rgba(255,200,80,0.3); } }
@keyframes mp-ray { 0% { opacity: 0.6; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.05); } 100% { opacity: 0.6; transform: scaleY(1); } }
@keyframes mp-breathe { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-1px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes mp-sway { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } }

.scn-moon-dark-side { background: linear-gradient(180deg, #fff8e7 0%, #f5e6c0 50%, #e0c090 100%), radial-gradient(circle at 30% 30%, #ffe8b0 0%, transparent 60%);
  .md-bg { position: absolute; inset: 0; background: linear-gradient(135deg, transparent 40%, #ead0a0 100%); }
  .md-moon { position: absolute; top: 25%; right: 15%; width: 20%; height: 30%; background: radial-gradient(circle at 65% 40%, #f5e8c0 0%, #d4b880 100%); border-radius: 50%; box-shadow: 0 0 20px 4px rgba(255,220,100,0.3); animation: md-moontilt 8s ease-in-out infinite; }
  .md-figure { position: absolute; bottom: 30%; left: 30%; width: 16%; height: 40%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: md-figurehop 2s ease-in-out infinite; }
  .md-shadow { position: absolute; bottom: 20%; left: 15%; width: 30%; height: 20%; background: #1a1a1a; border-radius: 70% 70% 50% 50% / 80% 80% 60% 60%; transform-origin: bottom; animation: md-shadowfun 3s ease-in-out infinite; }
  .md-star { position: absolute; top: 20%; left: 18%; width: 4%; height: 4%; background: #ffd080; border-radius: 50%; box-shadow: 0 0 8px 2px #ffd080; animation: md-starfell 6s linear infinite; }
  .md-tophat { position: absolute; bottom: 68%; left: 34%; width: 10%; height: 14%; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%); border-radius: 50% 50% 10% 10% / 80% 80% 20% 20%; transform: rotate(10deg); animation: md-hattip 4s ease-in-out infinite; }
  .md-lamp { position: absolute; bottom: 25%; left: 50%; width: 6%; height: 12%; background: linear-gradient(180deg, #c8a060 0%, #806040 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 12px 2px rgba(200,160,96,0.5); animation: md-lampsway 5s ease-in-out infinite; }
}
@keyframes md-moontilt { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }
@keyframes md-figurehop { 0%,100% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-6%) scaleY(1.05); } }
@keyframes md-shadowfun { 0% { transform: scaleX(1) scaleY(1); } 25% { transform: scaleX(1.2) scaleY(0.8); } 75% { transform: scaleX(0.8) scaleY(1.2); } 100% { transform: scaleX(1) scaleY(1); } }
@keyframes md-starfell { 0% { opacity: 1; transform: translateY(0) rotate(0deg); } 80% { opacity: 1; } 100% { opacity: 0; transform: translateY(60px) rotate(720deg); } }
@keyframes md-hattip { 0% { transform: rotate(10deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-3px); } 100% { transform: rotate(10deg) translateY(0); } }
@keyframes md-lampsway { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }

.scn-jamesons-raid { background: linear-gradient(180deg, #f0e0c0 0%, #d4c0a0 40%, #b09878 100%), radial-gradient(ellipse at 50% 80%, #d0b890 0%, transparent 70%);
  .jr-bg { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.1) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.15) 100%); }
  .jr-window { position: absolute; top: 15%; left: 20%; width: 30%; height: 40%; background: radial-gradient(ellipse at 50%, #fff0c0 0%, #e0c090 100%); border-radius: 4%; box-shadow: 0 0 20px 4px rgba(255,200,80,0.3); animation: jr-flash 3s ease-in-out infinite; }
  .jr-bars { position: absolute; top: 15%; left: 20%; width: 30%; height: 40%; border: 4px solid #4a3a2a; border-right: none; border-left: none; background: repeating-linear-gradient(90deg, transparent 0, transparent 12%, #4a3a2a 12%, #4a3a2a 14%); clip-path: inset(0 0 0 0); animation: jr-shake 0.8s ease-in-out infinite; }
  .jr-figure { position: absolute; bottom: 25%; left: 50%; width: 14%; height: 30%; background: linear-gradient(180deg, #1a0a0a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: jr-tremor 1.5s ease-in-out infinite; }
  .jr-table { position: absolute; bottom: 20%; left: 40%; width: 30%; height: 4%; background: #5a4a3a; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
  .jr-papers { position: absolute; bottom: 24%; left: 42%; width: 18%; height: 10%; background: #f0e0c0; border-radius: 2px; transform: rotate(-5deg); animation: jr-flap 4s ease-in-out infinite; }
  .jr-lamp { position: absolute; bottom: 35%; left: 35%; width: 4%; height: 10%; background: linear-gradient(180deg, #c8a060 0%, #806040 100%); border-radius: 20% 20% 10% 10%; box-shadow: 0 0 16px 4px rgba(255,180,80,0.5); animation: jr-flicker 0.5s infinite alternate; }
}
@keyframes jr-flash { 0%,100% { opacity: 0.8; } 50% { opacity: 1; } }
@keyframes jr-shake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(2px); } 75% { transform: translateX(-2px); } }
@keyframes jr-tremor { 0%,100% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } }
@keyframes jr-flap { 0%,100% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(5deg) translateX(4px); } }
@keyframes jr-flicker { 0% { opacity: 0.6; box-shadow: 0 0 10px 2px rgba(255,180,80,0.3); } 100% { opacity: 1; box-shadow: 0 0 20px 6px rgba(255,180,80,0.6); } }

.scn-reformer-puzzles { background: linear-gradient(180deg, #e8dcc8 0%, #d0c0a0 50%, #b8a080 100%), radial-gradient(circle at 30% 30%, #e0d0b0 0%, transparent 70%);
  .rp-bg { position: absolute; inset: 0; background: linear-gradient(135deg, transparent 40%, #c8b090 100%); }
  .rp-desk { position: absolute; bottom: 15%; left: 10%; width: 80%; height: 15%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.4); }
  .rp-light { position: absolute; top: 20%; left: 20%; width: 25%; height: 40%; background: radial-gradient(ellipse at 50%, #ffe8b0 0%, transparent 80%); animation: rp-hum 3s ease-in-out infinite; }
  .rp-figure { position: absolute; bottom: 30%; left: 40%; width: 16%; height: 30%; background: linear-gradient(180deg, #1a0a0a 0%, #0a0a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: rp-ponder 5s ease-in-out infinite; }
  .rp-papers { position: absolute; bottom: 28%; left: 25%; width: 30%; height: 12%; background: #f0e0c0; border-radius: 2px; transform: rotate(2deg); box-shadow: 0 1px 3px rgba(0,0,0,0.3); animation: rp-settle 7s ease-in-out infinite; }
  .rp-globe { position: absolute; bottom: 25%; left: 60%; width: 12%; height: 16%; background: radial-gradient(circle at 40% 40%, #6a8a6a 0%, #3a5a3a 100%); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.4); animation: rp-spin 20s linear infinite; }
  .rp-inkwell { position: absolute; bottom: 26%; left: 45%; width: 6%; height: 10%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0a0a 100%); border-radius: 30% 30% 20% 20% / 50% 50% 20% 20%; box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
}
@keyframes rp-hum { 0%,100% { opacity: 0.5; } 50% { opacity: 0.8; } }
@keyframes rp-ponder { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }
@keyframes rp-settle { 0%,100% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(-1deg) translateY(-2px); } }
@keyframes rp-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.scn-reduction-methods {
  background:
    linear-gradient(180deg, #d9d9d9 0%, #9e9e9e 20%, #4a4a5a 40%, #2a2a3a 70%, #1a1a2a 100%),
    radial-gradient(ellipse at 50% 80%, #3a3a4a 0%, transparent 60%);
  background-blend-mode: normal;
}
.scn-reduction-methods .rm-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #b5b5c0 0%, #7a7a88 100%);
  box-shadow: inset 0 -20px 40px rgba(0,0,0,0.3);
}
.scn-reduction-methods .rm-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #3a3a4a 0%, #1e1e2e 100%);
}
.scn-reduction-methods .rm-table {
  position: absolute; bottom: 20%; left: 30%; width: 40%; height: 12%;
  background: linear-gradient(180deg, #6a6a7a 0%, #4a4a5a 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 -10px 20px rgba(0,0,0,0.5);
  animation: rm-table 12s ease-in-out infinite;
}
.scn-reduction-methods .rm-light {
  position: absolute; top: 12%; left: 42%; width: 16%; height: 12%;
  background: radial-gradient(circle, #fce8d0 0%, #e0c8a0 30%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px #fce8d0, 0 0 60px 30px rgba(252,232,208,0.3);
  animation: rm-light 3s ease-in-out infinite alternate;
}
.scn-reduction-methods .rm-figure {
  position: absolute; bottom: 22%; left: 38%; width: 12%; height: 40%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 30% 30%;
  transform-origin: bottom center;
  animation: rm-figure 6s ease-in-out infinite;
}
.scn-reduction-methods .rm-bottle {
  position: absolute; bottom: 20%; left: 50%; width: 4%; height: 10%;
  background: linear-gradient(180deg, #c8e0d0 0%, #a0b8a8 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.3);
  animation: rm-bottle 5s ease-in-out infinite;
}
.scn-reduction-methods .rm-shadow {
  position: absolute; bottom: 16%; left: 36%; width: 20%; height: 10%;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: rm-shadow 6s ease-in-out infinite;
}
@keyframes rm-table {
  0%,100% { transform: translateY(0) skewX(0); }
  50% { transform: translateY(-2px) skewX(0.5deg); }
}
@keyframes rm-light {
  0% { opacity: 0.8; box-shadow: 0 0 20px 10px #fce8d0, 0 0 40px 20px rgba(252,232,208,0.2); }
  50% { opacity: 1; box-shadow: 0 0 40px 20px #fce8d0, 0 0 80px 40px rgba(252,232,208,0.4); }
  100% { opacity: 0.85; box-shadow: 0 0 25px 12px #fce8d0, 0 0 50px 25px rgba(252,232,208,0.3); }
}
@keyframes rm-figure {
  0%,100% { transform: translateX(0) rotate(0); }
  30% { transform: translateX(3%) rotate(1deg); }
  70% { transform: translateX(-2%) rotate(-1deg); }
}
@keyframes rm-bottle {
  0%,100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-2%) rotate(3deg); }
}
@keyframes rm-shadow {
  0%,100% { transform: scaleX(1); }
  50% { transform: scaleX(1.1) translateX(-5%); }
}

.scn-cape-railways {
  background:
    linear-gradient(180deg, #f5e6c8 0%, #d4b896 20%, #a0815a 50%, #6b5030 100%),
    radial-gradient(ellipse at 50% 0%, #f5e6c8 0%, transparent 60%);
}
.scn-cape-railways .cr-ceiling {
  position: absolute; top: 0; left: 0; right: 0; height: 18%;
  background: linear-gradient(180deg, #c8b090 0%, #a08060 100%);
  border-radius: 0 0 30% 30%;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.2);
}
.scn-cape-railways .cr-wall-l {
  position: absolute; top: 18%; left: 0; bottom: 12%; width: 20%;
  background: linear-gradient(180deg, #b89878 0%, #8a6a4a 100%);
  border-right: 2px solid #6b5030;
}
.scn-cape-railways .cr-wall-r {
  position: absolute; top: 18%; right: 0; bottom: 12%; width: 20%;
  background: linear-gradient(180deg, #b89878 0%, #8a6a4a 100%);
  border-left: 2px solid #6b5030;
}
.scn-cape-railways .cr-window {
  position: absolute; top: 22%; left: 30%; right: 30%; bottom: 30%;
  background: radial-gradient(ellipse at 50% 50%, #a8d8e8 0%, #6090a0 100%);
  border: 4px solid #6b5030;
  border-radius: 4%;
  overflow: hidden;
  animation: cr-window 10s linear infinite alternate;
}
.scn-cape-railways .cr-window::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.1) 100%);
  pointer-events: none;
}
.scn-cape-railways .cr-seat {
  position: absolute; bottom: 18%; left: 25%; right: 25%; height: 14%;
  background: linear-gradient(180deg, #8b5a3a 0%, #6b4028 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.3);
  animation: cr-seat 8s ease-in-out infinite;
}
.scn-cape-railways .cr-lamp {
  position: absolute; top: 10%; left: 45%; width: 10%; height: 8%;
  background: radial-gradient(circle, #f0e0a0 0%, #d0b060 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 20px 10px #d0b060, 0 0 40px 20px rgba(208,176,96,0.3);
  animation: cr-lamp 4s ease-in-out infinite alternate;
}
.scn-cape-railways .cr-carpet {
  position: absolute; bottom: 0; left: 10%; right: 10%; height: 12%;
  background: linear-gradient(180deg, #5a3a2a 0%, #3a2218 100%);
  border-radius: 20% 20% 0 0;
}
@keyframes cr-window {
  0% { background-position: 0 0; }
  100% { background-position: 0 -20%; }
}
@keyframes cr-seat {
  0%,100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-1%) rotate(0.3deg); }
}
@keyframes cr-lamp {
  0% { transform: rotate(-5deg) translateX(-3%); }
  50% { transform: rotate(5deg) translateX(3%); }
  100% { transform: rotate(-3deg) translateX(-2%); }
}

.scn-tamed-blacks {
  background:
    linear-gradient(180deg, #c8e0f0 0%, #a0c8e0 30%, #e0d0a0 70%, #c0a87a 100%),
    radial-gradient(ellipse at 60% 30%, #f8f0d0 0%, transparent 60%);
}
.scn-tamed-blacks .tb-sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #a0c8e0 0%, #d0e8f0 100%);
  animation: tb-sky 20s ease-in-out infinite alternate;
}
.scn-tamed-blacks .tb-sun {
  position: absolute; top: 10%; left: 70%; width: 12%; height: 16%;
  background: radial-gradient(circle, #fff0c0 0%, #f0d090 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px #f0d090;
  animation: tb-sun 30s linear infinite;
}
.scn-tamed-blacks .tb-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #b8a080 0%, #8a7050 100%);
}
.scn-tamed-blacks .tb-building-l {
  position: absolute; bottom: 30%; left: 5%; width: 20%; height: 30%;
  background: linear-gradient(180deg, #c0a87a 0%, #8a7050 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 -8px 16px rgba(0,0,0,0.2);
  animation: tb-building 40s ease-in-out infinite;
}
.scn-tamed-blacks .tb-building-r {
  position: absolute; bottom: 28%; right: 8%; width: 18%; height: 35%;
  background: linear-gradient(180deg, #b09870 0%, #7a6040 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 -8px 16px rgba(0,0,0,0.2);
  animation: tb-building 50s ease-in-out infinite reverse;
}
.scn-tamed-blacks .tb-figure-a {
  position: absolute; bottom: 12%; left: 30%; width: 8%; height: 28%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tb-walk 6s ease-in-out infinite;
}
.scn-tamed-blacks .tb-figure-b {
  position: absolute; bottom: 14%; left: 50%; width: 9%; height: 30%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: tb-walk 7s ease-in-out infinite 1s;
}
.scn-tamed-blacks .tb-tree {
  position: absolute; bottom: 30%; left: 18%; width: 15%; height: 35%;
  background: linear-gradient(180deg, #5a7a3a 0%, #3a5a1a 100%);
  border-radius: 60% 60% 30% 30% / 80% 80% 20% 20%;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.2);
  animation: tb-tree 15s ease-in-out infinite;
}
@keyframes tb-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes tb-sun {
  0% { transform: translateX(0); }
  100% { transform: translateX(20px); }
}
@keyframes tb-building {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes tb-walk {
  0%,100% { transform: translateX(0) rotate(0); }
  30% { transform: translateX(8%) rotate(2deg); }
  60% { transform: translateX(15%) rotate(-1deg); }
}
@keyframes tb-tree {
  0%,100% { transform: rotate(0) scaleY(1); }
  50% { transform: rotate(2deg) scaleY(1.02); }
}

.scn-sunday-dowdies {
  background:
    linear-gradient(180deg, #80c8f0 0%, #f0e8a0 40%, #90c860 70%, #68a040 100%),
    radial-gradient(ellipse at 30% 20%, #ffe0a0 0%, transparent 60%);
}
.scn-sunday-dowdies .sd-sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #70b8e0 0%, #b0d8f0 100%);
  animation: sd-sky 8s ease-in-out infinite alternate;
}
.scn-sunday-dowdies .sd-sun {
  position: absolute; top: 8%; left: 20%; width: 14%; height: 18%;
  background: radial-gradient(circle, #ffe870 0%, #ffcc00 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 20px #ffcc00, 0 0 60px 40px rgba(255,204,0,0.3);
  animation: sd-sun 12s ease-in-out infinite;
}
.scn-sunday-dowdies .sd-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #80b060 0%, #609040 100%);
  border-radius: 20% 20% 0 0;
}
.scn-sunday-dowdies .sd-church {
  position: absolute; bottom: 15%; left: 50%; width: 18%; height: 50%;
  background: linear-gradient(180deg, #e8d8b0 0%, #c8b090 100%);
  border-radius: 6% 6% 0 0;
  transform: translateX(-50%);
  box-shadow: 0 -8px 16px rgba(0,0,0,0.15);
  animation: sd-church 20s ease-in-out infinite;
}
.scn-sunday-dowdies .sd-church::after {
  content: '';
  position: absolute; top: -20%; left: 40%; width: 20%; height: 25%;
  background: linear-gradient(180deg, #e8d8b0 0%, #c8b090 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.scn-sunday-dowdies .sd-figure-a {
  position: absolute; bottom: 8%; left: 15%; width: 10%; height: 32%;
  background: linear-gradient(180deg, #f06080 0%, #c04060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sd-dance 4s ease-in-out infinite;
}
.scn-sunday-dowdies .sd-figure-b {
  position: absolute; bottom: 10%; left: 35%; width: 11%; height: 34%;
  background: linear-gradient(180deg, #80d0f0 0%, #5090b0 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sd-dance 5s ease-in-out infinite 0.5s;
}
.scn-sunday-dowdies .sd-figure-c {
  position: absolute; bottom: 7%; right: 20%; width: 10%; height: 30%;
  background: linear-gradient(180deg, #f0d050 0%, #c0a830 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sd-dance 4.5s ease-in-out infinite 1s;
}
.scn-sunday-dowdies .sd-confetti {
  position: absolute; top: 5%; left: 5%; width: 90%; height: 20%;
  background: repeating-linear-gradient(90deg,
    #f08080 0px, #f08080 4px,
    #80f080 4px, #80f080 8px,
    #8080f0 8px, #8080f0 12px,
    #f0f080 12px, #f0f080 16px,
    transparent 16px, transparent 24px);
  opacity: 0.6;
  filter: blur(2px);
  animation: sd-confetti 3s linear infinite;
  pointer-events: none;
}
@keyframes sd-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes sd-sun {
  0%,100% { transform: scale(1) rotate(0); }
  50% { transform: scale(1.1) rotate(15deg); }
}
@keyframes sd-church {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-2px); }
}
@keyframes sd-dance {
  0%,100% { transform: translateX(0) rotate(0) scaleY(1); }
  25% { transform: translateX(8%) rotate(-5deg) scaleY(1.05); }
  50% { transform: translateX(0) rotate(5deg) scaleY(0.95); }
  75% { transform: translateX(-8%) rotate(-3deg) scaleY(1.02); }
}
@keyframes sd-confetti {
  0% { transform: translateY(0); }
  100% { transform: translateY(30px); }
}

.scn-national-anthem {
  background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 40%, #1a0e05 100%), radial-gradient(ellipse at 50% 80%, #5a3a20 0%, transparent 70%);
}
.scn-national-anthem .wall-bg { position: absolute; inset: 0 0 30% 0; background: linear-gradient(180deg, #4a3020 0%, #2a1a0a 100%); }
.scn-national-anthem .floor { position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, #3a2212 0%, #2a1208 100%); }
.scn-national-anthem .figure-chief { position: absolute; bottom: 25%; left: 50%; width: 28px; height: 60px; transform: translateX(-50%); background: linear-gradient(180deg, #1a0e08 0%, #0e0804 100%); border-radius: 45% 45% 35% 35% / 55% 55% 40% 40%; transform-origin: bottom center; animation: na-fig-ch 6s ease-in-out infinite; }
.scn-national-anthem .figure-listener { position: absolute; bottom: 22%; left: 35%; width: 24px; height: 48px; background: linear-gradient(180deg, #22140c 0%, #120a06 100%); border-radius: 40% 40% 35% 35% / 50% 50% 40% 40%; transform-origin: bottom center; animation: na-fig-lis 8s ease-in-out infinite; }
.scn-national-anthem .table { position: absolute; bottom: 18%; left: 42%; width: 50px; height: 20px; background: linear-gradient(180deg, #5a4030 0%, #3a2820 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); }
.scn-national-anthem .lamp-glow { position: absolute; bottom: 30%; left: 55%; width: 12px; height: 12px; background: radial-gradient(circle, #f0c068 0%, #d09050 40%, transparent 70%); border-radius: 50%; box-shadow: 0 0 30px 10px rgba(240,192,104,0.6), 0 0 60px 20px rgba(240,192,104,0.3); animation: na-lamp 3s ease-in-out infinite alternate; }
.scn-national-anthem .porthole { position: absolute; top: 15%; right: 15%; width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle, #6a5030 0%, #2a1a0a 100%); border: 4px solid #4a3020; overflow: hidden; }
.scn-national-anthem .porthole-light { position: absolute; top: 15%; right: 15%; width: 36px; height: 36px; border-radius: 50%; background: radial-gradient(circle, rgba(255,220,160,0.4) 0%, transparent 70%); margin: 2px; animation: na-port 6s ease-in-out infinite alternate; }
@keyframes na-fig-ch { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-50%) translateY(-2px) rotate(1deg); } 50% { transform: translateX(-50%) translateY(0) rotate(0deg); } 75% { transform: translateX(-50%) translateY(-1px) rotate(-1deg); } }
@keyframes na-fig-lis { 0%,100% { transform: translateX(0) rotate(0deg); } 33% { transform: translateX(2px) rotate(2deg); } 66% { transform: translateX(-1px) rotate(-1deg); } }
@keyframes na-lamp { 0% { opacity:0.8; transform:scale(1); } 100% { opacity:1; transform:scale(1.1); } }
@keyframes na-port { 0% { opacity:0.3; } 50% { opacity:0.7; } 100% { opacity:0.4; } }

.scn-indecent-anecdote {
  background: linear-gradient(180deg, #0a1220 0%, #0e1a2e 40%, #182a3e 100%), radial-gradient(ellipse at 50% 0%, #1c3050 0%, transparent 60%);
}
.scn-indecent-anecdote .night-sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #0a1220 0%, #142a40 100%); }
.scn-indecent-anecdote .moon { position: absolute; top: 12%; right: 20%; width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle, #e0e8f0 0%, #c0c8d0 60%, transparent 100%); box-shadow: 0 0 40px 20px rgba(192,200,208,0.4); animation: ia-moon 12s ease-in-out infinite alternate; }
.scn-indecent-anecdote .sea { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, #0a1a2e 0%, #0a1220 100%); border-top: 2px solid #1a3050; animation: ia-sea 10s ease-in-out infinite alternate; }
.scn-indecent-anecdote .deck { position: absolute; bottom: 18%; left: 10%; right: 10%; height: 8%; background: linear-gradient(180deg, #2a3a50 0%, #1a2a40 100%); border-radius: 4px 4px 0 0; }
.scn-indecent-anecdote .figure-group { position: absolute; bottom: 20%; left: 20%; width: 80px; height: 40px; background: linear-gradient(180deg, #0e1a28 0%, #060e18 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; display: flex; gap:4px; /* multiple silhouettes */ } /* using multiple pseudo-elements would be better but we need real divs, so we add separate figures */
/* Since we need exactly child divs, we'll adjust: figure-group as a container, but we can't have children inside because those would be extra? But we already have child classes. Better to have separate .figure-silhouette items. We'll refactor: make .figure-group as a single blob? Not ideal. Let's redesign: have .figure-sit1, .figure-sit2, .figure-teller, .diary-book. We'll use 7 divs total. Rewrite JS: */
/* Actually we need to stick to what we wrote in JS. The JS has .figure-group as one element, .figure-teller as another. So .figure-group can be a large shape representing the group. Or we can change JS. Since the prompt says we must output exactly as written, we need to adjust CSS to match. Let's treat .figure-group as a single irregular shape for the sitting men, using multiple layers? We can use CSS to create a series of circles within that one div using box-shadow? But that's hacky. Better to adjust JS to use multiple individual figures. We'll edit the JS block: replace .figure-group with .figure-sit1, .figure-sit2, .figure-sit3. But we already have .figure-teller. That makes 4 figures + diary + sky/moon/sea/deck = 8 children. That's within 5-9. We'll use the existing JS but remove .figure-group and add three sit figures. Since the user expects the exact JS we provide, we can modify here in the response. But the instruction says "I will output exactly the JS block I write below". So we can change it now. We'll revise the JS block for indecent-anecdote: */
// We'll rewrite JS in the final answer. For now, maintain consistency. We'll adjust CSS to use .figure-group as a container that holds small circles via pseudo-elements? Pseudo-elements only give ::before and ::after, max 2 shapes. Not enough for 3-4 figures. So we'll change JS. Let's re-do JS entry for indecent-anecdote in the final output. We'll update accordingly.
// In final answer, we'll replace .figure-group with .figure-sit1, .figure-sit2, .figure-sit3, and keep .figure-teller, .diary-book. Adjust count.
// We'll do the same for other scenes if needed.
// To save time, we'll produce correct JS and CSS now in the final answer. We'll be careful to match.

// FINAL ANSWER:

/* one block per scene id. Append to style.css. */
.scn-old-fiji-customs { background: radial-gradient(ellipse at 50% 60%, #4a2e1a 0%, #1a0f0a 100%), linear-gradient(180deg, #2a1a10 0%, #0a0505 100%); }
.scn-old-fiji-customs .hut-wall { position:absolute; inset:10% 5% 5% 5%; background: linear-gradient(135deg, #3a2215 0%, #1f1108 100%); border-radius: 30% 30% 5% 5% / 50% 50% 10% 10%; box-shadow: inset 0 0 30px #0a0505; }
.scn-old-fiji-customs .hut-shadow { position:absolute; inset:0; background: linear-gradient(180deg, transparent 50%, rgba(10,5,5,.8) 100%); }
.scn-old-fiji-customs .figure-chief { position:absolute; bottom:20%; left:50%; width:60px; height:110px; background: linear-gradient(180deg, #1a0f0a 0%, #0a0505 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform: translateX(-50%); box-shadow: 0 0 20px rgba(255,140,0,.2); animation: ofc-breathe 4s ease-in-out infinite; }
.scn-old-fiji-customs .fire-pit { position:absolute; bottom:15%; left:50%; width:50px; height:25px; background: radial-gradient(ellipse, #ff8c00 0%, #d06000 40%, #4a1a00 100%); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 50px 20px #d06000, 0 0 100px 40px rgba(208,96,0,.4); animation: ofc-flicker 1.5s ease-in-out infinite alternate; }
.scn-old-fiji-customs .spear { position:absolute; bottom:25%; width:6px; height:100px; background: linear-gradient(180deg, #6b4a2e 0%, #3a2215 100%); border-radius: 2px; transform-origin: bottom center; }
.scn-old-fiji-customs .spear-1 { left:20%; transform: rotate(15deg); animation: ofc-spear 6s ease-in-out infinite; }
.scn-old-fiji-customs .spear-2 { right:20%; transform: rotate(-15deg); animation: ofc-spear 6s ease-in-out infinite -3s; }
.scn-old-fiji-customs .smoke-haze { position:absolute; top:5%; left:15%; width:70%; height:50%; background: radial-gradient(ellipse, rgba(100,80,60,.3) 0%, transparent 70%); filter: blur(15px); animation: ofc-smoke 8s ease-in-out infinite alternate; }
@keyframes ofc-breathe { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-3px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes ofc-flicker { 0% { opacity:.7; box-shadow: 0 0 30px 10px #d06000; } 50% { opacity:1; box-shadow: 0 0 60px 25px #ff8c00; } 100% { opacity:.8; box-shadow: 0 0 40px 15px #d06000; } }
@keyframes ofc-spear { 0% { transform: rotate(12deg) translateY(0); } 50% { transform: rotate(18deg) translateY(-2px); } 100% { transform: rotate(12deg) translateY(0); } }
@keyframes ofc-smoke { 0% { opacity:.3; transform: translateY(0) scale(1); } 50% { opacity:.6; transform: translateY(-10px) scale(1.1); } 100% { opacity:.4; transform: translateY(-5px) scale(1.05); } }

.scn-fiji-afterlife { background: radial-gradient(ellipse at 50% 30%, #2a3a4a 0%, #0a0a1a 100%), linear-gradient(180deg, #1a2a3a 0%, #05050a 100%); }
.scn-fiji-afterlife .void-bg { position:absolute; inset:0; background: linear-gradient(90deg, transparent 0%, rgba(200,230,255,.08) 50%, transparent 100%); }
.scn-fiji-afterlife .gateway { position:absolute; top:10%; left:50%; width:220px; height:160px; background: radial-gradient(ellipse, #c8eaff 0%, #4a8aae 60%, transparent 80%); transform: translateX(-50%); border-radius: 50%; box-shadow: 0 0 100px 30px #4a8aae, 0 0 200px 60px rgba(74,138,174,.4); animation: fal-gate 6s ease-in-out infinite alternate; }
.scn-fiji-afterlife .spirit { position:absolute; border-radius: 50%; background: radial-gradient(circle, rgba(200,230,255,.7) 0%, transparent 70%); animation: fal-float 12s ease-in-out infinite; }
.scn-fiji-afterlife .particle-1 { top:40%; left:20%; width:30px; height:30px; animation-delay: 0s; }
.scn-fiji-afterlife .particle-2 { top:60%; right:30%; width:20px; height:20px; animation-delay: -6s; }
.scn-fiji-afterlife .shark-shadow { position:absolute; top:45%; left:-15%; width:120px; height:25px; background: linear-gradient(180deg, transparent 0%, #0a1a2a 50%, transparent 100%); border-radius: 50%; filter: blur(6px); animation: fal-shark 15s linear infinite; }
.scn-fiji-afterlife .figure-cannibal { position:absolute; bottom:15%; right:15%; width:35px; height:70px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: scaleX(-1); animation: fal-bow 8s ease-in-out infinite; }
.scn-fiji-afterlife .light-beam { position:absolute; top:0; left:25%; width:50%; height:100%; background: linear-gradient(180deg, rgba(200,230,255,.2) 0%, transparent 100%); transform: skewX(-15deg); filter: blur(10px); animation: fal-shimmer 4s ease-in-out infinite alternate; }
@keyframes fal-gate { 0% { transform: translateX(-50%) scale(.95); opacity:.8; } 50% { transform: translateX(-50%) scale(1.05); opacity:1; } 100% { transform: translateX(-50%) scale(.98); opacity:.9; } }
@keyframes fal-float { 0% { transform: translateY(0) scale(.8); opacity:.3; } 50% { transform: translateY(-30px) scale(1.2); opacity:.8; } 100% { transform: translateY(0) scale(.9); opacity:.4; } }
@keyframes fal-shark { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(30vw) translateY(-10px); } 100% { transform: translateX(60vw) translateY(0); } }
@keyframes fal-bow { 0% { transform: scaleX(-1) rotate(0); } 50% { transform: scaleX(-1) rotate(-8deg); } 100% { transform: scaleX(-1) rotate(0); } }
@keyframes fal-shimmer { 0% { opacity:.3; transform: skewX(-15deg) translateX(-10px); } 100% { opacity:.7; transform: skewX(-15deg) translateX(10px); } }

.scn-flower-legend { background: radial-gradient(ellipse at 50% 100%, #d9c3a3 0%, #a88b6a 40%, #735a40 100%); }
.scn-flower-legend .wall-glow { position:absolute; inset:0; background: linear-gradient(180deg, rgba(255,230,180,.4) 0%, transparent 100%); }
.scn-flower-legend .window-arch { position:absolute; top:5%; left:50%; width:200px; height:130px; background: radial-gradient(ellipse at 50% 100%, #fff5e6 0%, #ffd6a0 50%, #d9c3a3 100%); border-radius: 50% 50% 10% 10% / 60% 60% 10% 10%; transform: translateX(-50%); box-shadow: inset 0 0 40px #fff5e6, 0 0 60px 15px rgba(255,214,160,.4); animation: fle-glimmer 5s ease-in-out infinite alternate; }
.scn-flower-legend .sunbeam { position:absolute; top:0; left:35%; width:30%; height:100%; background: linear-gradient(180deg, rgba(255,245,230,.5) 0%, transparent 100%); transform: skewX(-15deg); filter: blur(12px); animation: fle-ray 7s ease-in-out infinite alternate; }
.scn-flower-legend .petal { position:absolute; border-radius: 80% 0 80% 0 / 80% 0 80% 0; background: radial-gradient(ellipse at 30% 30%, #f2c4c4 0%, #b87878 100%); filter: blur(1px); animation: fle-rise 9s ease-in-out infinite; }
.scn-flower-legend .petal-1 { bottom:10%; left:25%; width:25px; height:15px; animation-delay: 0s; }
.scn-flower-legend .petal-2 { bottom:0%; left:55%; width:35px; height:20px; animation-delay: -3s; }
.scn-flower-legend .petal-3 { bottom:5%; left:70%; width:20px; height:12px; animation-delay: -6s; }
.scn-flower-legend .onlooker { position:absolute; bottom:10%; left:50%; width:45px; height:80px; background: linear-gradient(180deg, #4a3520 0%, #2a1a10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: translateX(-50%); animation: fle-hover 6s ease-in-out infinite; }
@keyframes fle-glimmer { 0% { opacity:.85; box-shadow: inset 0 0 30px #fff5e6, 0 0 40px 10px rgba(255,214,160,.3); } 50% { opacity:1; box-shadow: inset 0 0 60px #fff5e6, 0 0 80px 25px rgba(255,214,160,.6); } 100% { opacity:.9; box-shadow: inset 0 0 40px #fff5e6, 0 0 50px 15px rgba(255,214,160,.4); } }
@keyframes fle-ray { 0% { opacity:.4; transform: skewX(-15deg) translateX(-10px); } 50% { opacity:.7; transform: skewX(-15deg) translateX(5px); } 100% { opacity:.5; transform: skewX(-15deg) translateX(-5px); } }
@keyframes fle-rise { 0% { transform: translateY(0) rotate(0deg) scale(.8); opacity:.3; } 50% { transform: translateY(-40vh) rotate(180deg) scale(1.2); opacity:.8; } 100% { transform: translateY(-80vh) rotate(360deg) scale(.9); opacity:.2; } }
@keyframes fle-hover { 0% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-5px); } 100% { transform: translateX(-50%) translateY(0); } }

.scn-men-without-country { background: radial-gradient(ellipse at 50% 50%, #d4a373 0%, #8b5a2b 50%, #3a2215 100%); }
.scn-men-without-country .cabin-wall { position:absolute; inset:5%; background: linear-gradient(135deg, #6b4a2e 0%, #3a2215 100%); border-radius: 20px; box-shadow: inset 0 0 40px rgba(0,0,0,.6); }
.scn-men-without-country .ship-window { position:absolute; top:12%; left:62%; width:90px; height:70px; background: radial-gradient(circle, #fff5e6 0%, #ffd6a0 60%, #8b5a2b 100%); border-radius: 50%; border: 8px solid #2a1a10; box-shadow: 0 0 60px 15px rgba(255,214,160,.5), inset 0 0 20px #fff5e6; animation: mwc-glow 5s ease-in-out infinite alternate; }
.scn-men-without-country .sunbeam-warm { position:absolute; top:0; left:55%; width:35%; height:100%; background: linear-gradient(180deg, rgba(255,235,200,.5) 0%, transparent 100%); transform: skewX(-20deg); filter: blur(15px); animation: mwc-beam 8s ease-in-out infinite alternate; }
.scn-men-without-country .figure-strange-1 { position:absolute; bottom:15%; left:30%; width:55px; height:90px; background: linear-gradient(180deg, #8b5a2b 0%, #4a2e1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(-5deg); animation: mwc-rock 6s ease-in-out infinite; }
.scn-men-without-country .figure-strange-2 { position:absolute; bottom:15%; left:55%; width:60px; height:95px; background: linear-gradient(180deg, #6b4a2e 0%, #2a1a10 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform: rotate(3deg); animation: mwc-rock 6s ease-in-out infinite -2s; }
.scn-men-without-country .relic-canoe { position:absolute; bottom:5%; left:15%; width:140px; height:35px; background: linear-gradient(180deg, #4a2e1a 0%, #1f1108 100%); border-radius: 50% 50% 30% 30% / 100% 100% 30% 30%; transform: rotate(-8deg); box-shadow: 0 4px 8px rgba(0,0,0,.5); animation: mwc-bob 10s ease-in-out infinite; }
.scn-men-without-country .ship-log { position:absolute; bottom:25%; left:48%; width:18px; height:30px; background: linear-gradient(180deg, #d9c3a3 0%, #a88b6a 100%); border-radius: 3px; transform: rotate(15deg); box-shadow: 0 3px 6px rgba(0,0,0,.6); }
@keyframes mwc-glow { 0% { opacity:.85; box-shadow: 0 0 40px 10px rgba(255,214,160,.4), inset 0 0 15px #fff5e6; } 50% { opacity:1; box-shadow: 0 0 80px 30px rgba(255,214,160,.7), inset 0 0 30px #fff5e6; } 100% { opacity:.9; box-shadow: 0 0 50px 15px rgba(255,214,160,.5), inset 0 0 20px #fff5e6; } }
@keyframes mwc-beam { 0% { opacity:.3; transform: skewX(-20deg) translateX(-15px); } 50% { opacity:.6; transform: skewX(-20deg) translateX(5px); } 100% { opacity:.4; transform: skewX(-20deg) translateX(-10px); } }
@keyframes mwc-rock { 0% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-4px); } 100% { transform: rotate(-3deg) translateY(0); } }
@keyframes mwc-bob { 0% { transform: rotate(-8deg) translateY(0); } 50% { transform: rotate(-6deg) translateY(-3px); } 100% { transform: rotate(-8deg) translateY(0); } }

/* officers-company — warm bright cabin interior */
.scn-officers-company { background: linear-gradient(180deg, #b89868 0%, #8a7048 30%, #6a5030 60%, #4a3820 100%), radial-gradient(ellipse at 50% 20%, #d4b880 0%, transparent 60%); }
.scn-officers-company .cabin { position:absolute; inset:0; background: linear-gradient(90deg, rgba(138,112,72,.15) 0%, transparent 50%, rgba(138,112,72,.15) 100%); animation: oc-roll 12s ease-in-out infinite; }
.scn-officers-company .floor { position:absolute; bottom:0; left:0; right:0; height:28%; background: linear-gradient(180deg, #6a5030 0%, #4a3820 20%, #3a2818 100%); box-shadow: inset 0 6px 12px rgba(0,0,0,.4); border-radius: 10% 10% 0 0 / 20% 20% 0 0; }
.scn-officers-company .table { position:absolute; bottom:28%; left:50%; width:130px; height:44px; transform:translateX(-50%); background: linear-gradient(180deg, #5a4028 0%, #3a2818 100%); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.5); }
.scn-officers-company .figure { position:absolute; bottom:22%; width:22px; height:58px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 70%, #0a0a1a 100%); border-radius: 35% 35% 20% 20% / 55% 55% 30% 30%; transform-origin: bottom center; }
.scn-officers-company .figure-a { left:28%; animation: oc-sway 5s ease-in-out infinite; }
.scn-officers-company .figure-b { left:50%; margin-left:-11px; animation: oc-sway 6s ease-in-out infinite 0.5s; }
.scn-officers-company .figure-c { right:28%; animation: oc-sway 4.5s ease-in-out infinite 1s; }
.scn-officers-company .window { position:absolute; top:12%; left:50%; width:54px; height:54px; transform:translateX(-50%); background: radial-gradient(circle at 40% 40%, #e8e0c8 0%, #b8a888 70%, #8a7050 100%); border-radius:50%; border:6px solid #5a4028; box-shadow: inset 0 0 20px rgba(232,224,200,.3), 0 0 30px rgba(232,224,200,.15); animation: oc-glow 8s ease-in-out infinite alternate; }
.scn-officers-company .lamp { position:absolute; top:4%; left:50%; width:10px; height:24px; margin-left:-5px; background: linear-gradient(180deg, #c8a060 0%, #a08040 100%); border-radius: 40% 40% 10% 10%; box-shadow: 0 0 20px 6px rgba(200,160,96,.4); transform-origin: top center; animation: oc-swing 4s ease-in-out infinite; }
.scn-officers-company .decanter { position:absolute; bottom:38%; left:50%; width:14px; height:28px; margin-left:20px; background: linear-gradient(180deg, #b89868 0%, #8a7048 100%); border-radius: 30% 30% 15% 15%; box-shadow: 0 2px 6px rgba(0,0,0,.3); transform-origin: bottom center; animation: oc-wobble 6s ease-in-out infinite 2s; }
@keyframes oc-roll { 0% { transform:translateY(0) } 50% { transform:translateY(-1.5px) } 100% { transform:translateY(0) } }
@keyframes oc-sway { 0% { transform:translateX(0) rotate(0deg) } 50% { transform:translateX(2px) rotate(1.5deg) } 100% { transform:translateX(0) rotate(0deg) } }
@keyframes oc-glow { 0% { opacity:.75; box-shadow:inset 0 0 20px rgba(232,224,200,.2), 0 0 20px rgba(232,224,200,.1) } 50% { opacity:1; box-shadow:inset 0 0 40px rgba(232,224,200,.4), 0 0 50px rgba(232,224,200,.25) } 100% { opacity:.8; box-shadow:inset 0 0 25px rgba(232,224,200,.25), 0 0 30px rgba(232,224,200,.15) } }
@keyframes oc-swing { 0% { transform:rotate(-4deg) } 50% { transform:rotate(4deg) } 100% { transform:rotate(-3deg) } }
@keyframes oc-wobble { 0% { transform:rotate(0deg) } 50% { transform:rotate(5deg) translateX(1px) } 100% { transform:rotate(-1deg) } }

/* invalid-passenger — warm bright sickroom */
.scn-invalid-passenger { background: linear-gradient(180deg, #d8c8b0 0%, #c0b098 40%, #a89078 100%), radial-gradient(ellipse at 50% 30%, #e8dcc8 0%, transparent 70%); }
.scn-invalid-passenger .wall { position:absolute; inset:0; background: linear-gradient(90deg, rgba(192,176,152,.1) 0%, transparent 50%, rgba(192,176,152,.1) 100%); }
.scn-invalid-passenger .floor { position:absolute; bottom:0; left:0; right:0; height:22%; background: linear-gradient(180deg, #a89078 0%, #8a7860 100%); border-radius: 8% 8% 0 0 / 15% 15% 0 0; box-shadow: inset 0 4px 10px rgba(0,0,0,.15); }
.scn-invalid-passenger .bed { position:absolute; bottom:18%; left:10%; width:55%; height:38%; background: linear-gradient(180deg, #f0ece0 0%, #d8d0c0 60%, #b8a890 100%); border-radius: 8% 8% 4% 4% / 20% 20% 10% 10%; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
.scn-invalid-passenger .figure { position:absolute; bottom:20%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 25% 25% / 55% 55% 35% 35%; transform-origin: bottom center; }
.scn-invalid-passenger .figure-ip-a { left:28%; width:28%; height:18%; background: linear-gradient(180deg, #d8d0c0 0%, #c0b098 80%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; animation: ip-breathe 5s ease-in-out infinite; }
.scn-invalid-passenger .figure-ip-b { right:14%; width:20px; height:52px; animation: ip-sway 6s ease-in-out infinite; }
.scn-invalid-passenger .window { position:absolute; top:10%; right:8%; width:56px; height:68px; background: linear-gradient(180deg, #e8f0e8 0%, #c8d8c8 100%); border:5px solid #8a7860; border-radius: 4px; box-shadow: inset 0 0 20px rgba(232,240,232,.4), 0 0 30px rgba(232,240,232,.2); animation: ip-daylight 12s ease-in-out infinite alternate; }
.scn-invalid-passenger .lamp { position:absolute; bottom:38%; right:22%; width:10px; height:18px; background: radial-gradient(circle at 50% 40%, #e8d068 0%, #c8a040 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 24px 6px rgba(232,208,104,.5); animation: ip-lamp 3s ease-in-out infinite; }
.scn-invalid-passenger .bottle { position:absolute; bottom:28%; right:18%; width:12px; height:26px; background: linear-gradient(180deg, #b89868 0%, #8a7048 100%); border-radius: 20% 20% 10% 10%; transform:rotate(8deg); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.scn-invalid-passenger .table { position:absolute; bottom:18%; right:12%; width:44px; height:28px; background: linear-gradient(180deg, #7a6850 0%, #5a4830 100%); border-radius: 3px; box-shadow: 0 4px 8px rgba(0,0,0,.2); }
@keyframes ip-breathe { 0% { transform:scaleY(1) } 50% { transform:scaleY(1.04) } 100% { transform:scaleY(1) } }
@keyframes ip-sway { 0% { transform:translateX(0) rotate(0deg) } 30% { transform:translateX(3px) rotate(2deg) } 70% { transform:translateX(-2px) rotate(-1.5deg) } 100% { transform:translateX(0) rotate(0deg) } }
@keyframes ip-daylight { 0% { opacity:.7 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes ip-lamp { 0% { opacity:.85; box-shadow:0 0 20px 4px rgba(232,208,104,.4) } 50% { opacity:1; box-shadow:0 0 35px 10px rgba(232,208,104,.6) } 100% { opacity:.9; box-shadow:0 0 22px 5px rgba(232,208,104,.45) } }

/* item-pledge-system — dim funny interior with pledge chain */
.scn-item-pledge-system { background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 50% 60%, #5a3a1a 0%, transparent 70%); }
.scn-item-pledge-system .bg { position:absolute; inset:0; background: linear-gradient(180deg, rgba(42,26,10,.3) 0%, transparent 100%); }
.scn-item-pledge-system .table { position:absolute; bottom:12%; left:15%; right:15%; height:28%; background: linear-gradient(180deg, #4a3020 0%, #2a1a0a 100%); border-radius: 6% 6% 0 0 / 15% 15% 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,.5); }
.scn-item-pledge-system .document { position:absolute; bottom:30%; left:35%; width:30%; height:16%; background: linear-gradient(180deg, #e8dcc8 0%, #d0c4b0 100%); border-radius: 2px; transform:rotate(-2deg); box-shadow: 0 2px 8px rgba(0,0,0,.3); animation: ps-flutter 7s ease-in-out infinite; }
.scn-item-pledge-system .chain { position:absolute; bottom:34%; left:38%; width:24%; height:6%; background: repeating-linear-gradient(90deg, #8a8a9a 0px, #8a8a9a 4px, #6a6a7a 4px, #6a6a7a 8px); border-radius: 3px; transform:rotate(6deg); box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: ps-rattle 4s ease-in-out infinite; }
.scn-item-pledge-system .figure { position:absolute; bottom:20%; left:18%; width:24px; height:60px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%); border-radius: 35% 35% 20% 20% / 55% 55% 30% 30%; transform-origin: bottom center; }
.scn-item-pledge-system .lamp { position:absolute; top:6%; left:50%; width:12px; height:22px; margin-left:-6px; background: radial-gradient(circle at 50% 30%, #c8a860 0%, #a08040 100%); border-radius: 40% 40% 10% 10%; box-shadow: 0 0 30px 8px rgba(200,168,96,.3); transform-origin: top center; animation: ps-flicker 2.5s ease-in-out infinite; }
.scn-item-pledge-system .inkwell { position:absolute; bottom:20%; left:50%; width:16px; height:18px; margin-left:40px; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 40% 40% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.scn-item-pledge-system .hand { position:absolute; bottom:28%; right:25%; width:16px; height:30px; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius: 20% 20% 30% 30% / 40% 40% 50% 50%; transform-origin: bottom center; animation: ps-reach 5s ease-in-out infinite; }
@keyframes ps-flutter { 0% { transform:rotate(-2deg) translateY(0) } 50% { transform:rotate(1deg) translateY(-3px) } 100% { transform:rotate(-2deg) translateY(0) } }
@keyframes ps-rattle { 0% { transform:rotate(6deg) translateX(0) } 25% { transform:rotate(8deg) translateX(2px) } 75% { transform:rotate(4deg) translateX(-2px) } 100% { transform:rotate(6deg) translateX(0) } }
@keyframes ps-flicker { 0% { opacity:.6; box-shadow:0 0 20px 4px rgba(200,168,96,.2) } 30% { opacity:.9; box-shadow:0 0 40px 12px rgba(200,168,96,.45) } 70% { opacity:.5; box-shadow:0 0 15px 2px rgba(200,168,96,.15) } 100% { opacity:.7; box-shadow:0 0 25px 6px rgba(200,168,96,.3) } }
@keyframes ps-reach { 0% { transform:translateX(0) rotate(0deg) } 40% { transform:translateX(-8px) rotate(-5deg) } 60% { transform:translateX(-10px) rotate(-6deg) } 100% { transform:translateX(0) rotate(0deg) } }

/* quitting-habits — warm dim interior with firelit contemplation */
.scn-quitting-habits { background: linear-gradient(180deg, #4a3020 0%, #2a1a0a 50%, #1a0a00 100%), radial-gradient(ellipse at 50% 80%, #8a5a30 0%, transparent 70%); }
.scn-quitting-habits .wall { position:absolute; inset:0; background: linear-gradient(180deg, rgba(74,48,32,.2) 0%, transparent 100%); }
.scn-quitting-habits .figure { position:absolute; bottom:16%; left:50%; width:28px; height:64px; margin-left:-14px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 80%); border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%; transform-origin: bottom center; animation: qh-breathe 5s ease-in-out infinite; }
.scn-quitting-habits .fire { position:absolute; bottom:22%; left:18%; width:20%; height:28%; background: radial-gradient(ellipse at 50% 60%, #e8a040 0%, #c08030 40%, #8a5020 70%, transparent 100%); border-radius: 50%; box-shadow: 0 0 60px 20px rgba(232,160,64,.25), 0 0 120px 40px rgba(232,160,64,.1); animation: qh-fireglow 4s ease-in-out infinite alternate; }
.scn-quitting-habits .table { position:absolute; bottom:14%; left:50%; width:50px; height:20px; margin-left:-25px; background: linear-gradient(180deg, #5a4028 0%, #3a2818 100%); border-radius: 2px; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.scn-quitting-habits .paper { position:absolute; bottom:20%; left:50%; width:26px; height:20px; margin-left:-13px; background: linear-gradient(180deg, #e8dcc8 0%, #d0c4b0 100%); border-radius: 1px; transform:rotate(-3deg); box-shadow: 0 1px 4px rgba(0,0,0,.2); animation: qh-curl 8s ease-in-out infinite; }
.scn-quitting-habits .clock { position:absolute; top:12%; right:16%; width:34px; height:34px; background: radial-gradient(circle at 50% 45%, #c8b898 0%, #8a7860 100%); border-radius:50%; border:4px solid #5a4028; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
.scn-quitting-habits .clock::after { content:''; position:absolute; top:50%; left:50%; width:2px; height:12px; margin:-1px 0 0 -1px; background:#3a2818; border-radius:1px; transform-origin: bottom center; animation: qh-pendulum 6s ease-in-out infinite; }
.scn-quitting-habits .chair { position:absolute; bottom:12%; left:44%; width:32%; height:22%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 20% 20% 8% 8% / 40% 40% 15% 15%; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
@keyframes qh-breathe { 0% { transform:scaleY(1) } 50% { transform:scaleY(1.03) } 100% { transform:scaleY(1) } }
@keyframes qh-fireglow { 0% { opacity:.7; box-shadow:0 0 40px 10px rgba(232,160,64,.2), 0 0 80px 20px rgba(232,160,64,.08) } 50% { opacity:1; box-shadow:0 0 80px 30px rgba(232,160,64,.35), 0 0 160px 50px rgba(232,160,64,.15) } 100% { opacity:.75; box-shadow:0 0 50px 15px rgba(232,160,64,.22), 0 0 100px 30px rgba(232,160,64,.1) } }
@keyframes qh-curl { 0% { transform:rotate(-3deg) translateY(0) } 50% { transform:rotate(2deg) translateY(-2px) scaleX(.98) } 100% { transform:rotate(-3deg) translateY(0) } }
@keyframes qh-pendulum { 0% { transform:rotate(-8deg) } 50% { transform:rotate(8deg) } 100% { transform:rotate(-8deg) } }

.scn-american-engineers { background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%), radial-gradient(ellipse at 50% 100%, #6a5a4a 0%, transparent 70%); }
.scn-american-engineers .bg-deep { position:absolute; inset:0 0 30% 0; background: linear-gradient(90deg, #3a2a1a 0%, #4a3a2a 50%, #3a2a1a 100%); animation: ae1-depth 12s ease-in-out infinite alternate; }
.scn-american-engineers .bg-mid { position:absolute; inset:10% 10% 30% 10%; background: linear-gradient(135deg, #c0b0a0 0%, #a09080 100%); border-radius: 8px; box-shadow: inset 0 0 30px rgba(0,0,0,.3); }
.scn-american-engineers .bookshelf { position:absolute; top:15%; left:12%; width:20%; height:40%; background: repeating-linear-gradient(0deg, #8a7a6a 0px, #8a7a6a 4px, #6a5a4a 4px, #6a5a4a 6px, #5a4a3a 6px, #5a4a3a 10px); border-radius: 4px; box-shadow: inset 0 0 10px rgba(0,0,0,.5); }
.scn-american-engineers .desk { position:absolute; bottom:12%; left:50%; width:70%; height:18%; transform:translateX(-50%); background: linear-gradient(180deg, #6a4a2a 0%, #4a2a0a 100%); border-radius: 8px 8px 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,.4); }
.scn-american-engineers .lamp-glow { position:absolute; bottom:22%; left:55%; width:60px; height:80px; background: radial-gradient(ellipse, #ffd080 0%, #ffb040 30%, transparent 70%); border-radius: 50%; filter: blur(10px); animation: ae1-lamp 4s ease-in-out infinite alternate; }
.scn-american-engineers .globe { position:absolute; bottom:20%; left:25%; width:40px; height:40px; background: radial-gradient(circle at 35% 35%, #4080c0 0%, #2060a0 50%, #104080 100%); border-radius: 50%; box-shadow: 0 0 20px rgba(64,128,192,.3), inset 0 -10px 20px rgba(0,0,0,.4); animation: ae1-globe 10s linear infinite; }
.scn-american-engineers .figure { position:absolute; bottom:14%; left:50%; width:30px; height:60px; transform:translateX(-50%); background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: ae1-figure 6s ease-in-out infinite; }
@keyframes ae1-depth { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.8 } }
@keyframes ae1-lamp { 0% { opacity:.7; transform: scale(.95) } 50% { opacity:1; transform: scale(1.1) } 100% { opacity:.8; transform: scale(1) } }
@keyframes ae1-globe { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@keyframes ae1-figure { 0%,100% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-4px) } }

.scn-boer-character { background: linear-gradient(180deg, #a0c0d0 0%, #e0f0f0 40%, #c0d8c0 70%, #8a9a7a 100%), radial-gradient(ellipse at 50% 0%, #ffffff 0%, transparent 50%); }
.scn-boer-character .bg-sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #80b0d0 0%, #c0e0f0 100%); animation: bc1-sky 15s ease-in-out infinite alternate; }
.scn-boer-character .bg-veld { position:absolute; bottom:20%; left:0; right:0; height:30%; background: linear-gradient(180deg, #b0c8a0 0%, #809070 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; box-shadow: inset 0 10px 30px rgba(0,0,0,.2); }
.scn-boer-character .stoep { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #a09080 0%, #807060 100%); border-radius: 20% 20% 0 0 / 40% 40% 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); }
.scn-boer-character .doorway { position:absolute; bottom:15%; left:50%; width:80px; height:100px; transform:translateX(-50%); background: linear-gradient(180deg, #f0f8f0 0%, #d0e0d0 100%); border-radius: 40% 40% 0 0 / 60% 60% 0 0; box-shadow: inset 0 0 40px rgba(0,0,0,.2), 0 0 30px rgba(255,255,255,.5); animation: bc1-light 6s ease-in-out infinite alternate; }
.scn-boer-character .figure { position:absolute; bottom:18%; left:50%; width:24px; height:50px; transform:translateX(-50%); background: #2a2a2a; border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: bc1-figure 8s ease-in-out infinite; }
.scn-boer-character .table { position:absolute; bottom:10%; left:30%; width:60px; height:20px; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: bc1-table 12s ease-in-out infinite; }
.scn-boer-character .coffee { position:absolute; bottom:15%; left:30%; width:12px; height:16px; background: radial-gradient(ellipse, #8a6a4a 0%, #4a2a1a 100%); border-radius: 20% 20% 30% 30%; box-shadow: 0 0 10px rgba(138,106,74,.5); animation: bc1-steam 4s ease-in-out infinite; }
@keyframes bc1-sky { 0% { opacity:.8 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes bc1-light { 0% { box-shadow: inset 0 0 30px rgba(0,0,0,.2), 0 0 20px rgba(255,255,255,.4); } 100% { box-shadow: inset 0 0 50px rgba(0,0,0,.3), 0 0 40px rgba(255,255,255,.7); } }
@keyframes bc1-figure { 0%,100% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-2px) } }
@keyframes bc1-table { 0%,100% { transform: scale(1) } 50% { transform: scale(1.02) } }
@keyframes bc1-steam { 0% { transform: translateY(0) scale(1); opacity:.8 } 50% { transform: translateY(-10px) scale(1.2); opacity:.4 } 100% { transform: translateY(0) scale(1); opacity:.8 } }

.scn-olive-schreiner { background: linear-gradient(180deg, #d0c0a0 0%, #c0a880 50%, #b09878 100%), radial-gradient(ellipse at 50% 100%, #e0d0b0 0%, transparent 80%); }
.scn-olive-schreiner .bg-wall { position:absolute; inset:0 0 20% 0; background: linear-gradient(90deg, #c8b898 0%, #d8c8a8 50%, #c8b898 100%); animation: os1-wall 12s ease-in-out infinite alternate; }
.scn-olive-schreiner .desk-top { position:absolute; bottom:0; left:5%; right:5%; height:25%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 8px 8px 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); }
.scn-olive-schreiner .papers { position:absolute; bottom:12%; left:20%; width:40%; height:6%; background: linear-gradient(135deg, #f0e8d0 0%, #e0d0b0 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.2); transform: rotate(-2deg); animation: os1-paper 8s ease-in-out infinite; }
.scn-olive-schreiner .book { position:absolute; bottom:10%; left:50%; width:50px; height:30px; transform:translateX(-50%); background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius: 4px; box-shadow: inset 0 0 10px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.2); animation: os1-book 12s ease-in-out infinite; }
.scn-olive-schreiner .portrait { position:absolute; bottom:30%; left:15%; width:40px; height:50px; background: #1a1a1a; border-radius: 30% 30% 40% 40% / 50% 50% 50% 50%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: os1-portrait 10s ease-in-out infinite alternate; }
.scn-olive-schreiner .flowers { position:absolute; bottom:20%; right:15%; width:30px; height:40px; background: radial-gradient(ellipse at 50% 100%, #d07060 0%, #b05848 50%, #804030 100%); border-radius: 50% 50% 10% 10%; box-shadow: inset 0 -10px 20px rgba(0,0,0,.3), 0 0 20px rgba(208,112,96,.3); animation: os1-flowers 6s ease-in-out infinite; }
@keyframes os1-wall { 0%,100% { opacity:.9 } 50% { opacity:1 } }
@keyframes os1-paper { 0%,100% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } }
@keyframes os1-book { 0%,100% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) rotate(2deg) } }
@keyframes os1-portrait { 0% { transform: translateY(0) } 100% { transform: translateY(-4px) } }
@keyframes os1-flowers { 0%,100% { transform: scale(1) } 50% { transform: scale(1.05) } }

.scn-round-square { background: linear-gradient(180deg, #80c0e0 0%, #a0d0f0 50%, #c0e8f8 100%), radial-gradient(ellipse at 50% 100%, #ffffff 0%, transparent 60%); }
.scn-round-square .bg-wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(45deg, #d0e0f0 0%, #e0f0f8 50%, #d0e0f0 100%); }
.scn-round-square .floor { position:absolute; bottom:0; left:0; right:0; height:35%; background: repeating-linear-gradient(90deg, #c0b0a0 0px, #c0b0a0 20px, #a09080 20px, #a09080 40px); transform: perspective(200px) rotateX(30deg); transform-origin: bottom center; animation: rs1-floor 12s linear infinite; }
.scn-round-square .square-frame { position:absolute; bottom:20%; left:50%; width:60px; height:60px; transform:translateX(-50%); background: linear-gradient(135deg, #d0c0b0 0%, #b0a090 100%); border-radius: 4px; box-shadow: inset 0 0 20px rgba(0,0,0,.2), 0 0 20px rgba(0,0,0,.1); border: 4px solid #8a7a6a; animation: rs1-frame 6s ease-in-out infinite alternate; }
.scn-round-square .round-body { position:absolute; bottom:18%; left:50%; width:50px; height:50px; transform:translateX(-50%); background: radial-gradient(circle at 35% 35%, #f0d0a0 0%, #d0b080 100%); border-radius: 50%; box-shadow: 0 4px 8px rgba(0,0,0,.2); animation: rs1-body 4s ease-in-out infinite; }
.scn-round-square .top-hat { position:absolute; bottom:42%; left:50%; width:30px; height:20px; transform:translateX(-50%); background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%); border-radius: 30% 30% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,.2); animation: rs1-hat 4s ease-in-out infinite; }
.scn-round-square .monocle { position:absolute; bottom:35%; left:55%; width:10px; height:10px; background: radial-gradient(circle, #ffffff 0%, #c0d0e0 50%, #8090a0 100%); border-radius: 50%; border: 2px solid #d0a060; box-shadow: 0 0 10px rgba(255,255,255,.5); animation: rs1-monocle 4s ease-in-out infinite; }
.scn-round-square .desk-bg { position:absolute; bottom:20%; right:10%; width:40%; height:15%; background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%); border-radius: 8px 8px 0 0; box-shadow: inset 0 10px 20px rgba(0,0,0,.3); }
@keyframes rs1-floor { 0% { background-position: 0 0 } 100% { background-position: 40px 0 } }
@keyframes rs1-frame { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(4deg); } }
@keyframes rs1-body { 0%,100% { transform: translateX(-50%) scale(1); } 25% { transform: translateX(-40%) scale(1.1); } 75% { transform: translateX(-60%) scale(1.1); } }
@keyframes rs1-hat { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); } 25% { transform: translateX(-40%) translateY(-2px) rotate(-5deg); } 75% { transform: translateX(-60%) translateY(-2px) rotate(5deg); } }
@keyframes rs1-monocle { 0%,100% { transform: translate(0, 0); opacity:1; } 25% { transform: translate(2px, -2px); opacity:.7; } 75% { transform: translate(-2px, -2px); opacity:.7; } }

.scn-bishop-colenso { background: linear-gradient(180deg, #f5e6d0 0%, #d4c4a8 100%), radial-gradient(ellipse at 50% 30%, #fff0d0 0%, transparent 70%); }
.scn-bishop-colenso .wall { position:absolute; inset:0; background: linear-gradient(135deg, #e8dcc8 0%, #c8b898 100%); }
.scn-bishop-colenso .window { position:absolute; top:15%; left:60%; width:25%; height:40%; background: linear-gradient(180deg, #b8d8f0 0%, #a0c8e0 100%); border:6px solid #8a7a6a; border-radius:4px; overflow:hidden; }
.scn-bishop-colenso .desk { position:absolute; bottom:20%; left:30%; width:40%; height:30%; background: linear-gradient(180deg, #8b7350 0%, #6b5330 100%); border-radius:4px; box-shadow:0 4px 10px rgba(0,0,0,.2); }
.scn-bishop-colenso .book { position:absolute; bottom:32%; left:42%; width:8%; height:12%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%); border-radius:2px; transform:rotate(-5deg); animation:bc-book 6s ease-in-out infinite; }
.scn-bishop-colenso .figure { position:absolute; bottom:20%; left:38%; width:12%; height:30%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; animation:bc-figure 8s ease-in-out infinite; }
.scn-bishop-colenso .light-beam { position:absolute; top:15%; left:60%; width:40%; height:60%; background: linear-gradient(180deg, rgba(255,255,230,0.3) 0%, transparent 100%); clip-path:polygon(0 0,100% 0,70% 100%,30% 100%); animation:bc-beam 12s ease-in-out infinite alternate; }
.scn-bishop-colenso .curtain { position:absolute; top:0; left:58%; width:4%; height:100%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius:0 4px 4px 0; animation:bc-curtain 5s ease-in-out infinite alternate; }
@keyframes bc-book { 0%{transform:rotate(-5deg)} 50%{transform:rotate(2deg) translateY(-2px)} 100%{transform:rotate(-5deg)} }
@keyframes bc-figure { 0%{transform:translateY(0)} 50%{transform:translateY(-3px)} 100%{transform:translateY(0)} }
@keyframes bc-beam { 0%{opacity:0.4;background-position:0 0} 50%{opacity:0.7;background-position:10% 10%} 100%{opacity:0.4;background-position:0 0} }
@keyframes bc-curtain { 0%{transform:translateX(0)} 50%{transform:translateX(-5px)} 100%{transform:translateX(0)} }

.scn-trappist-monastery { background: linear-gradient(180deg, #87ceeb 0%, #6ca6cd 100%), radial-gradient(ellipse at 70% 20%, #fff8e0 0%, transparent 50%); }
.scn-trappist-monastery .sky { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #b0d8f0 0%, #87ceeb 100%); }
.scn-trappist-monastery .sun { position:absolute; top:10%; right:15%; width:10%; height:10%; background: radial-gradient(circle, #fff8e0 0%, #ffd060 40%, transparent 70%); border-radius:50%; box-shadow:0 0 40px 20px rgba(255,208,96,0.3); animation:tm-sun 20s ease-in-out infinite alternate; }
.scn-trappist-monastery .wall { position:absolute; bottom:40%; left:0; right:0; height:30%; background: linear-gradient(180deg, #8b7350 0%, #5a4a3a 100%); border-top:4px solid #3a2a1a; }
.scn-trappist-monastery .courtyard { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, #6b5a4a 0%, #4a3a2a 100%); }
.scn-trappist-monastery .monk-a { position:absolute; bottom:35%; left:30%; width:8%; height:20%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; filter:drop-shadow(0 5px 5px rgba(0,0,0,.5)); animation:tm-monk 4s ease-in-out infinite; }
.scn-trappist-monastery .monk-b { position:absolute; bottom:35%; left:50%; width:8%; height:20%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; filter:drop-shadow(0 5px 5px rgba(0,0,0,.5)); animation:tm-monk 4s ease-in-out infinite 1s; }
.scn-trappist-monastery .shadow { position:absolute; bottom:40%; left:28%; width:12%; height:8%; background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 100%); animation:tm-shadow 4s ease-in-out infinite; }
.scn-trappist-monastery .cross { position:absolute; bottom:42%; left:70%; width:6%; height:10%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); clip-path:polygon(40% 0,60% 0,60% 30%,100% 30%,100% 50%,60% 50%,60% 100%,40% 100%,40% 50%,0 50%,0 30%,40% 30%); animation:tm-cross 3s ease-in-out infinite alternate; }
@keyframes tm-sun { 0%{transform:translateX(0) scale(1);opacity:0.8} 50%{transform:translateX(-20px) scale(1.05);opacity:1} 100%{transform:translateX(0) scale(1);opacity:0.8} }
@keyframes tm-monk { 0%{transform:rotate(0deg) translateY(0)} 50%{transform:rotate(10deg) translateY(-2px)} 100%{transform:rotate(0deg) translateY(0)} }
@keyframes tm-shadow { 0%{transform:scale(1);opacity:0.4} 50%{transform:scale(1.2);opacity:0.6} 100%{transform:scale(1);opacity:0.4} }
@keyframes tm-cross { 0%{transform:rotate(-3deg)} 50%{transform:rotate(3deg)} 100%{transform:rotate(-3deg)} }

.scn-la-trappe-wisdom { background: linear-gradient(180deg, #fff5e0 0%, #e8dcc0 100%), radial-gradient(ellipse at 50% 60%, #ffecd0 0%, transparent 70%); }
.scn-la-trappe-wisdom .wall { position:absolute; inset:0; background: linear-gradient(135deg, #d4c4a0 0%, #b8a080 100%); }
.scn-la-trappe-wisdom .window { position:absolute; top:20%; left:10%; width:30%; height:40%; background: linear-gradient(180deg, #b0d8f0 0%, #a0c0d0 100%); border:4px solid #6a5a4a; border-radius:6px; }
.scn-la-trappe-wisdom .bars { position:absolute; top:20%; left:10%; width:30%; height:40%; background-image: linear-gradient(0deg,transparent 48%,#4a3a2a 48%,#4a3a2a 52%,transparent 52%), linear-gradient(90deg,transparent 48%,#4a3a2a 48%,#4a3a2a 52%,transparent 52%); background-size:20% 100%,100% 20%; animation:ltw-bars 3s ease-in-out infinite; }
.scn-la-trappe-wisdom .monk { position:absolute; bottom:15%; left:50%; width:14%; height:35%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; transform:translateX(-50%); animation:ltw-monk 6s ease-in-out infinite; }
.scn-la-trappe-wisdom .sign { position:absolute; bottom:30%; left:70%; width:20%; height:15%; background: linear-gradient(180deg, #c8b898 0%, #b0a080 100%); border:2px solid #6a5a4a; border-radius:4px; animation:ltw-sign 4s ease-in-out infinite; }
.scn-la-trappe-wisdom .icon-a { position:absolute; bottom:25%; left:72%; width:8%; height:8%; background: radial-gradient(circle, #ffd060 0%, transparent 100%); border-radius:50%; animation:ltw-icon 2s ease-in-out infinite alternate; }
.scn-la-trappe-wisdom .icon-b { position:absolute; bottom:28%; left:78%; width:6%; height:6%; background: radial-gradient(circle, #ffa060 0%, transparent 100%); border-radius:50%; animation:ltw-icon 2s ease-in-out infinite alternate .5s; }
@keyframes ltw-bars { 0%{background-position:0 0;opacity:0.9} 50%{background-position:5px 5px;opacity:1} 100%{background-position:0 0;opacity:0.9} }
@keyframes ltw-monk { 0%{transform:translateX(-50%) rotate(0deg)} 25%{transform:translateX(-50%) rotate(-5deg)} 75%{transform:translateX(-50%) rotate(5deg)} 100%{transform:translateX(-50%) rotate(0deg)} }
@keyframes ltw-sign { 0%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-5px) rotate(2deg)} 100%{transform:translateY(0) rotate(0deg)} }
@keyframes ltw-icon { 0%{transform:scale(0.8);opacity:0.5} 100%{transform:scale(1.2);opacity:1} }

.scn-absent-pleasures { background: linear-gradient(180deg, #fff8f0 0%, #f0e8dc 100%), radial-gradient(ellipse at 50% 40%, #ffecd0 0%, transparent 80%); }
.scn-absent-pleasures .room { position:absolute; inset:0; background: linear-gradient(90deg, #e8dcc8 0%, #f0e8dc 50%, #e8dcc8 100%); }
.scn-absent-pleasures .table { position:absolute; bottom:30%; left:10%; width:30%; height:20%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius:20%/40%; box-shadow:0 4px 8px rgba(0,0,0,0.2); }
.scn-absent-pleasures .bed { position:absolute; bottom:35%; left:50%; width:25%; height:25%; background: linear-gradient(180deg, #a08060 0%, #806040 100%); border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.2); }
.scn-absent-pleasures .figure { position:absolute; bottom:18%; left:40%; width:12%; height:30%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius:50% 50% 40% 40%/60% 60% 40% 40%; transform:translate(-50%,0); animation:ap-figure 3s ease-in-out infinite; }
.scn-absent-pleasures .bowl { position:absolute; bottom:35%; left:35%; width:8%; height:6%; background: linear-gradient(180deg, #c8a870 0%, #a08050 100%); border-radius:50%; border:2px solid #6a5a3a; animation:ap-bowl 2s ease-in-out infinite; }
.scn-absent-pleasures .shadow { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.1) 100%); animation:ap-shadow 6s ease-in-out infinite alternate; }
.scn-absent-pleasures .curtain { position:absolute; top:0; right:0; width:8%; height:100%; background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%); border-radius:4px 0 0 4px; animation:ap-curtain 7s ease-in-out infinite alternate; }
@keyframes ap-figure { 0%{transform:translate(-50%,0) rotate(0deg)} 30%{transform:translate(-50%,-5px) rotate(10deg)} 70%{transform:translate(-50%,-5px) rotate(-10deg)} 100%{transform:translate(-50%,0) rotate(0deg)} }
@keyframes ap-shadow { 0%{opacity:0.3;transform:scale(1)} 50%{opacity:0.6;transform:scale(1.02)} 100%{opacity:0.3;transform:scale(1)} }
@keyframes ap-curtain { 0%{transform:translateX(0)} 50%{transform:translateX(-10px)} 100%{transform:translateX(0)} }
@keyframes ap-bowl { 0%{transform:translate(0,0) rotate(0deg)} 25%{transform:translate(2px,-2px) rotate(5deg)} 75%{transform:translate(-2px,-2px) rotate(-5deg)} 100%{transform:translate(0,0) rotate(0deg)} }

.scn-jameson-dispute {
  background: linear-gradient(180deg, #f5e6c8 0%, #d4b896 40%, #a08060 100%),
              radial-gradient(ellipse at 30% 40%, #f5e6c8 0%, transparent 60%);
}
.scn-jameson-dispute .wall {
  position: absolute;
  inset: 0 0 20% 0;
  background: linear-gradient(180deg, #e8d8b8 0%, #c4a882 100%);
  animation: jd1-wall 12s ease-in-out infinite alternate;
}
.scn-jameson-dispute .desk {
  position: absolute;
  bottom: 20%;
  left: 10%;
  right: 10%;
  height: 15%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a3020 100%);
  border-radius: 4px;
  box-shadow: 0 -6px 12px rgba(0,0,0,0.3);
}
.scn-jameson-dispute .note {
  position: absolute;
  bottom: 30%;
  left: 42%;
  width: 60px;
  height: 40px;
  background: #f0e0c0;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: jd1-note 2s ease-in-out infinite;
}
.scn-jameson-dispute .figure-left {
  position: absolute;
  bottom: 22%;
  left: 20%;
  width: 40px;
  height: 100px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jd1-figure 3s ease-in-out infinite alternate;
}
.scn-jameson-dispute .figure-right {
  position: absolute;
  bottom: 22%;
  right: 20%;
  width: 40px;
  height: 100px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: jd1-figure 3.2s ease-in-out infinite alternate-reverse;
}
.scn-jameson-dispute .lamp {
  position: absolute;
  bottom: 35%;
  left: 50%;
  width: 20px;
  height: 30px;
  background: radial-gradient(circle, #ffe080 0%, #c8a040 70%);
  border-radius: 50% 50% 30% 30%;
  box-shadow: 0 0 40px 15px rgba(255,200,80,0.6);
  animation: jd1-lamp 1s ease-in-out infinite alternate;
}
.scn-jameson-dispute .shadow-left {
  position: absolute;
  bottom: 20%;
  left: 15%;
  width: 80px;
  height: 60px;
  background: rgba(0,0,0,0.3);
  border-radius: 30% 60% 40% 70%;
  filter: blur(8px);
  animation: jd1-shadow 4s ease-in-out infinite alternate;
}
.scn-jameson-dispute .shadow-right {
  position: absolute;
  bottom: 20%;
  right: 15%;
  width: 80px;
  height: 60px;
  background: rgba(0,0,0,0.3);
  border-radius: 60% 30% 70% 40%;
  filter: blur(8px);
  animation: jd1-shadow 4.5s ease-in-out infinite alternate-reverse;
}
.scn-jameson-dispute .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20%;
  background: linear-gradient(180deg, #604830 0%, #3a2818 100%);
}
@keyframes jd1-wall { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes jd1-note { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg) scale(1.02); } 100% { transform: rotate(-1deg); } }
@keyframes jd1-figure { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(4px) rotate(2deg); } 100% { transform: translateX(-2px) rotate(-1deg); } }
@keyframes jd1-lamp { 0% { box-shadow: 0 0 30px 10px rgba(255,200,80,0.5); } 50% { box-shadow: 0 0 50px 20px rgba(255,200,80,0.8); } 100% { box-shadow: 0 0 35px 12px rgba(255,200,80,0.6); } }
@keyframes jd1-shadow { 0% { transform: scale(1) skewX(-5deg); } 50% { transform: scale(1.1) skewX(0deg); } 100% { transform: scale(0.95) skewX(4deg); } }

.scn-pity-friends-fall {
  background: linear-gradient(180deg, #f0e8d0 0%, #d8c8a8 60%, #b8a888 100%),
              radial-gradient(ellipse at 70% 30%, #fff8e8 0%, transparent 50%);
}
.scn-pity-friends-fall .bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #e8dcc4 0%, #c8b898 100%);
  animation: pf2-bg 10s ease-in-out infinite alternate;
}
.scn-pity-friends-fall .table {
  position: absolute;
  bottom: 25%;
  left: 5%;
  right: 5%;
  height: 12%;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a4028 100%);
  border-radius: 4px;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.2);
}
.scn-pity-friends-fall .ammo-pile {
  position: absolute;
  bottom: 28%;
  left: 20%;
  width: 150px;
  height: 80px;
  background: radial-gradient(circle, #a08060 0%, #6a5040 60%, #3a2a1a 100%);
  border-radius: 30% 30% 20% 20%;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  animation: pf2-pile 4s ease-in-out infinite;
}
.scn-pity-friends-fall .cannon {
  position: absolute;
  bottom: 26%;
  left: 55%;
  width: 60px;
  height: 40px;
  background: linear-gradient(180deg, #4a4030 0%, #2a2018 100%);
  border-radius: 40% 40% 30% 30%;
  animation: pf2-cannon 3s ease-in-out infinite alternate;
}
.scn-pity-friends-fall .tiny-figure {
  position: absolute;
  bottom: 30%;
  left: 30%;
  width: 12px;
  height: 20px;
  background: #3a2a1a;
  border-radius: 50% 50% 40% 40%;
  animation: pf2-tiny 2s ease-in-out infinite;
}
.scn-pity-friends-fall .magnifier {
  position: absolute;
  bottom: 35%;
  left: 40%;
  width: 30px;
  height: 30px;
  border: 4px solid #8a7a5a;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,200,0.3) 0%, transparent 70%);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  animation: pf2-mag 5s ease-in-out infinite;
}
.scn-pity-friends-fall .scribble {
  position: absolute;
  bottom: 31%;
  left: 48%;
  width: 40px;
  height: 20px;
  background: transparent;
  border: 2px dashed #5a4a3a;
  border-radius: 30%;
  animation: pf2-scribble 3s ease-in-out infinite alternate;
}
@keyframes pf2-bg { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.95; } }
@keyframes pf2-pile { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.05) rotate(1deg); } 100% { transform: scale(0.98) rotate(-1deg); } }
@keyframes pf2-cannon { 0% { transform: translateX(0) rotate(-2deg); } 50% { transform: translateX(-5px) rotate(2deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes pf2-tiny { 0% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(5deg); } 50% { transform: translateY(0) rotate(-3deg); } 75% { transform: translateY(-2px) rotate(4deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes pf2-mag { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(10deg) scale(1.1); } 100% { transform: rotate(-5deg) scale(0.95); } }
@keyframes pf2-scribble { 0% { opacity: 0.5; transform: rotate(-10deg); } 100% { opacity: 1; transform: rotate(10deg); } }

.scn-rhodes-deceived {
  background: linear-gradient(180deg, #c8b898 0%, #a08870 40%, #806a58 100%),
              radial-gradient(ellipse at 70% 40%, #d8c8b0 0%, transparent 50%);
}
.scn-rhodes-deceived .room {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #b8a890 0%, #8a7660 100%);
  animation: rd3-room 15s ease-in-out infinite alternate;
}
.scn-rhodes-deceived .screen {
  position: absolute;
  bottom: 20%;
  left: 25%;
  width: 30%;
  height: 60%;
  background: linear-gradient(135deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: rd3-screen 8s ease-in-out infinite;
}
.scn-rhodes-deceived .figure-hidden {
  position: absolute;
  bottom: 30%;
  left: 35%;
  width: 30px;
  height: 80px;
  background: #2a1a10;
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  animation: rd3-figure 6s ease-in-out infinite alternate;
}
.scn-rhodes-deceived .letter {
  position: absolute;
  bottom: 28%;
  left: 50%;
  width: 50px;
  height: 35px;
  background: #d0c0a0;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: rd3-letter 4s ease-in-out infinite;
}
.scn-rhodes-deceived .candle {
  position: absolute;
  bottom: 22%;
  left: 55%;
  width: 8px;
  height: 30px;
  background: linear-gradient(180deg, #f0e0c0 0%, #c8b080 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 0 20px 8px rgba(255,200,100,0.4);
  animation: rd3-candle 2s ease-in-out infinite alternate;
}
.scn-rhodes-deceived .shadow {
  position: absolute;
  bottom: 20%;
  left: 20%;
  width: 60%;
  height: 40%;
  background: rgba(0,0,0,0.2);
  filter: blur(12px);
  animation: rd3-shadow 10s ease-in-out infinite alternate;
}
@keyframes rd3-room { 0% { opacity: 0.8; } 50% { opacity: 0.9; } 100% { opacity: 0.85; } }
@keyframes rd3-screen { 0% { transform: scaleY(1); } 50% { transform: scaleY(0.98); } 100% { transform: scaleY(1.02); } }
@keyframes rd3-figure { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-2px) rotate(-1deg); } }
@keyframes rd3-letter { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-2px); } 100% { transform: rotate(-1deg) translateY(1px); } }
@keyframes rd3-candle { 0% { box-shadow: 0 0 15px 5px rgba(255,200,100,0.3); opacity: 0.9; } 50% { box-shadow: 0 0 25px 10px rgba(255,200,100,0.6); opacity: 1; } 100% { box-shadow: 0 0 18px 6px rgba(255,200,100,0.4); opacity: 0.95; } }
@keyframes rd3-shadow { 0% { transform: scaleX(1) rotate(0deg); opacity: 0.6; } 50% { transform: scaleX(1.05) rotate(3deg); opacity: 0.8; } 100% { transform: scaleX(0.95) rotate(-2deg); opacity: 0.5; } }

.scn-rhodes-south-africa {
  background: linear-gradient(180deg, #f5e8c8 0%, #d4c0a0 40%, #b8a080 100%),
              radial-gradient(ellipse at 40% 30%, #fff0d0 0%, transparent 60%);
}
.scn-rhodes-south-africa .wall-bg {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(180deg, #e8d8b8 0%, #c8b898 100%);
  animation: rs4-bg 15s ease-in-out infinite alternate;
}
.scn-rhodes-south-africa .window-frame {
  position: absolute;
  top: 5%;
  left: 10%;
  right: 10%;
  height: 50%;
  border: 12px solid #6a4a2a;
  border-radius: 4px;
  background: linear-gradient(180deg, #7ab8d0 0%, #5a8a9a 100%);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.2);
  animation: rs4-frame 8s ease-in-out infinite alternate;
}
.scn-rhodes-south-africa .mountain {
  position: absolute;
  top: 15%;
  left: 25%;
  width: 50%;
  height: 30%;
  background: linear-gradient(135deg, #6a7a6a 0%, #3a4a3a 100%);
  clip-path: polygon(0% 100%, 20% 40%, 50% 60%, 80% 20%, 100% 100%);
  animation: rs4-mountain 12s ease-in-out infinite alternate;
}
.scn-rhodes-south-africa .desk {
  position: absolute;
  bottom: 25%;
  left: 5%;
  right: 5%;
  height: 20%;
  background: linear-gradient(180deg, #8a6a4a 0%, #5a3a2a 100%);
  border-radius: 4px;
  box-shadow: 0 -6px 12px rgba(0,0,0,0.3);
}
.scn-rhodes-south-africa .diamond {
  position: absolute;
  bottom: 35%;
  left: 25%;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #f0f0ff 0%, #a0a8d0 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  box-shadow: 0 0 10px rgba(255,255,255,0.6);
  animation: rs4-diamond 4s ease-in-out infinite;
}
.scn-rhodes-south-africa .gold-nugget {
  position: absolute;
  bottom: 36%;
  left: 40%;
  width: 25px;
  height: 15px;
  background: linear-gradient(135deg, #ffd700 0%, #b8860b 100%);
  border-radius: 40% 50% 30% 60%;
  box-shadow: 0 0 8px rgba(255,215,0,0.5);
  animation: rs4-gold 5s ease-in-out infinite;
}
.scn-rhodes-south-africa .globe {
  position: absolute;
  bottom: 28%;
  right: 20%;
  width: 40px;
  height: 40px;
  background: radial-gradient(circle, #4a6a8a 0%, #2a4a5a 60%);
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  animation: rs4-globe 10s ease-in-out infinite linear;
}
.scn-rhodes-south-africa .map {
  position: absolute;
  bottom: 30%;
  left: 55%;
  width: 80px;
  height: 50px;
  background: #d8c8a0;
  border: 2px solid #8a6a4a;
  border-radius: 2px;
  transform: rotate(-5deg);
  animation: rs4-map 7s ease-in-out infinite alternate;
}
@keyframes rs4-bg { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes rs4-frame { 0% { box-shadow: inset 0 0 20px rgba(0,0,0,0.1); } 50% { box-shadow: inset 0 0 40px rgba(0,0,0,0.3); } 100% { box-shadow: inset 0 0 30px rgba(0,0,0,0.2); } }
@keyframes rs4-mountain { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(0.98); } }
@keyframes rs4-diamond { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(15deg) scale(1.05); } 100% { transform: rotate(-5deg) scale(0.95); } }
@keyframes rs4-gold { 0% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-2px); } 100% { transform: rotate(-3deg) translateY(1px); } }
@keyframes rs4-globe { 0% { transform: rotate(0deg); } 50% { transform: rotate(20deg); } 100% { transform: rotate(0deg); } }
@keyframes rs4-map { 0% { transform: rotate(-5deg) translateX(0); } 50% { transform: rotate(-2deg) translateX(3px); } 100% { transform: rotate(-8deg) translateX(-2px); } }

/* Scene: awe-struck */
.scn-awe-struck {
  background: linear-gradient(180deg, #87CEEB 0%, #FFD700 40%, #FFB347 100%), radial-gradient(ellipse at 50% 80%, #FFD700 0%, transparent 60%);
}
.scn-awe-struck .sky {
  position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, #b0e0ff 0%, #ffd700 30%, transparent 100%);
  animation: as1-sky 8s ease-in-out infinite alternate;
}
.scn-awe-struck .sun {
  position: absolute; top: 10%; left: 60%; width: 60px; height: 60px; background: radial-gradient(circle, #fff7a0 0%, #ffd700 50%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 40px 20px rgba(255,215,0,0.4); animation: as1-sun 6s ease-in-out infinite alternate;
}
.scn-awe-struck .cloud-a {
  position: absolute; top: 20%; left: -10%; width: 100px; height: 30px; background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.2));
  border-radius: 30px; filter: blur(4px); animation: as1-cloud 25s linear infinite;
}
.scn-awe-struck .cloud-b {
  position: absolute; top: 30%; right: -10%; width: 140px; height: 40px; background: linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,0.1));
  border-radius: 40px; filter: blur(5px); animation: as1-cloud2 30s linear infinite reverse;
}
.scn-awe-struck .field {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(180deg, #7cfc00 0%, #32cd32 40%, #228b22 100%);
  border-radius: 60% 40% 0 0 / 30% 20% 0 0; transform: scaleY(1.2);
}
.scn-awe-struck .buggy {
  position: absolute; bottom: 22%; left: 50%; transform: translateX(-50%); width: 100px; height: 60px;
  background: linear-gradient(180deg, #8B4513 0%, #5C4033 100%); border-radius: 20% 20% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3); animation: as1-buggy 3s ease-in-out infinite;
}
.scn-awe-struck .horse {
  position: absolute; bottom: 24%; left: 32%; width: 60px; height: 70px;
  background: linear-gradient(180deg, #A0522D 0%, #6B3A2A 100%); border-radius: 40% 40% 20% 20%;
  transform: scaleX(-1); animation: as1-horse 4s ease-in-out infinite;
}
.scn-awe-struck .figure-left {
  position: absolute; bottom: 30%; left: 44%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #f0c040 0%, #d18e2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: as1-fig 2s ease-in-out infinite;
}
.scn-awe-struck .figure-right {
  position: absolute; bottom: 30%; left: 52%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #e0b030 0%, #c08020 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: as1-fig2 2s ease-in-out infinite 0.5s;
}
@keyframes as1-sky { 0% { opacity:0.7 } 50% { opacity:1 } 100% { opacity:0.8 } }
@keyframes as1-sun { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(0.95) } }
@keyframes as1-cloud { 0% { transform: translateX(-150px) } 100% { transform: translateX(150vw) } }
@keyframes as1-cloud2 { 0% { transform: translateX(0) } 100% { transform: translateX(-150vw) } }
@keyframes as1-buggy { 0%,100% { transform: translateX(-50%) rotate(0deg) } 50% { transform: translateX(-50%) rotate(-1deg) translateY(2px) } }
@keyframes as1-horse { 0%,100% { transform: scaleX(-1) translateY(0) } 50% { transform: scaleX(-1) translateY(-3px) } }
@keyframes as1-fig { 0% { transform: translateY(0) rotate(-3deg) } 50% { transform: translateY(-5px) rotate(3deg) } 100% { transform: translateY(0) rotate(-3deg) } }
@keyframes as1-fig2 { 0% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-4px) rotate(-2deg) } 100% { transform: translateY(0) rotate(2deg) } }

/* Scene: brown-gasp */
.scn-brown-gasp {
  background: linear-gradient(180deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%), radial-gradient(ellipse at 50% 100%, #FFA500 0%, transparent 50%);
}
.scn-brown-gasp .bg-sun {
  position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #fff7a0 0%, #ffd700 30%, transparent 100%);
  animation: bg1-sky 10s ease-in-out infinite alternate;
}
.scn-brown-gasp .bg-glow {
  position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(255,255,200,0.6) 0%, transparent 70%);
  border-radius: 50%; animation: bg1-glow 5s ease-in-out infinite;
}
.scn-brown-gasp .profile {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); width: 60px; height: 90px;
  background: linear-gradient(180deg, #d2a679 0%, #a67c52 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* full silhouette */ 
  animation: bg1-profile 2s ease-in-out infinite;
}
.scn-brown-gasp .eye {
  position: absolute; bottom: 55%; left: 55%; width: 8px; height: 8px; background: #ffffff;
  border-radius: 50%; box-shadow: 0 0 4px 2px rgba(0,0,0,0.3); animation: bg1-eye 2s ease-in-out infinite;
}
.scn-brown-gasp .mouth {
  position: absolute; bottom: 35%; left: 56%; width: 20px; height: 10px;
  background: transparent; border: 3px solid #4a2c1a; border-radius: 0 0 50% 50%; border-top: 0;
  animation: bg1-mouth 1s steps(2) infinite;
}
.scn-brown-gasp .shirt {
  position: absolute; bottom: 12%; left: 42%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #4682b4 0%, #2e5a7a 100%); border-radius: 10% 10% 0 0;
  transform: translateX(-50%); animation: bg1-shirt 4s ease-in-out infinite;
}
.scn-brown-gasp .arm-left {
  position: absolute; bottom: 18%; left: 38%; width: 10px; height: 50px;
  background: linear-gradient(180deg, #d2a679 0%, #a67c52 100%); border-radius: 5px;
  transform-origin: top center; transform: rotate(15deg); animation: bg1-arm 1.5s ease-in-out infinite;
}
.scn-brown-gasp .arm-right {
  position: absolute; bottom: 18%; left: 52%; width: 10px; height: 50px;
  background: linear-gradient(180deg, #d2a679 0%, #a67c52 100%); border-radius: 5px;
  transform-origin: top center; transform: rotate(-15deg); animation: bg1-arm2 1.5s ease-in-out infinite 0.5s;
}
@keyframes bg1-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.75 } }
@keyframes bg1-glow { 0% { opacity:0.6; transform: translateX(-50%) scale(1) } 50% { opacity:1; transform: translateX(-50%) scale(1.2) } 100% { opacity:0.4; transform: translateX(-50%) scale(0.9) } }
@keyframes bg1-profile { 0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg) } 50% { transform: translateX(-50%) translateY(-4px) rotate(2deg) } }
@keyframes bg1-eye { 0%,100% { transform: scale(1); opacity:1 } 50% { transform: scale(1.5); opacity:0.8 } }
@keyframes bg1-mouth { 0% { transform: scaleY(1) } 50% { transform: scaleY(1.5) } 100% { transform: scaleY(0.8) } }
@keyframes bg1-shirt { 0%,100% { transform: translateX(-50%) translateY(0) } 50% { transform: translateX(-50%) translateY(-2px) } }
@keyframes bg1-arm { 0%,100% { transform: rotate(15deg); } 50% { transform: rotate(25deg) translateY(-2px); } }
@keyframes bg1-arm2 { 0%,100% { transform: rotate(-15deg); } 50% { transform: rotate(-25deg) translateY(-2px); } }

.scn-opium-lamps {
  background:
    linear-gradient(180deg, #1a0e08 0%, #2a1f14 40%, #3a2a1e 70%, #1a0e08 100%),
    radial-gradient(ellipse at 50% 60%, #5a3a1e 0%, transparent 60%);
}
.scn-opium-lamps .tent-ceiling {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 30%;
  background: linear-gradient(180deg, #1a0e08 0%, #2a1f14 100%);
  border-radius: 0 0 60% 60% / 0 0 20% 20%;
  animation: ol-sway 14s ease-in-out infinite;
}
.scn-opium-lamps .tent-floor {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 20%;
  background: linear-gradient(180deg, #2a1a0e, #1a0e08);
  border-radius: 40% 40% 0 0 / 20% 20% 0 0;
}
.scn-opium-lamps .lamp {
  position: absolute;
  bottom: 40%; left: 50%;
  width: 20px; height: 20px;
  transform: translateX(-50%);
  background: radial-gradient(circle, #ffd280 0%, #d09040 60%, #804020 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,210,128,0.6), 0 0 120px 40px rgba(200,130,60,0.3);
  animation: ol-glow 4s ease-in-out infinite alternate;
}
.scn-opium-lamps .figure-left {
  position: absolute;
  bottom: 18%; left: 15%;
  width: 40px; height: 60px;
  background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform: scale(0.9);
  animation: ol-breathe 6s ease-in-out infinite;
}
.scn-opium-lamps .figure-right {
  position: absolute;
  bottom: 18%; right: 15%;
  width: 45px; height: 55px;
  background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;
  transform: scale(0.95) rotate(5deg);
  animation: ol-breathe 6s ease-in-out infinite reverse;
}
.scn-opium-lamps .shadow {
  position: absolute;
  bottom: 14%; left: 0; right: 0;
  height: 10%;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.4), transparent);
  filter: blur(8px);
}
.scn-opium-lamps .shadow-a {
  left: 5%; width: 30%;
  animation: ol-shift 20s ease-in-out infinite;
}
.scn-opium-lamps .shadow-b {
  right: 5%; width: 35%;
  animation: ol-shift 20s ease-in-out infinite reverse;
}
.scn-opium-lamps .smoke {
  position: absolute;
  bottom: 35%; left: 50%;
  width: 100px; height: 80px;
  background: radial-gradient(ellipse, rgba(60,40,20,0.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(10px);
  transform: translateX(-50%);
}
.scn-opium-lamps .smoke-1 {
  animation: ol-drift 30s linear infinite;
}
.scn-opium-lamps .smoke-2 {
  animation: ol-drift 30s linear infinite reverse;
  animation-delay: -15s;
}
@keyframes ol-sway {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(0.5deg); }
}
@keyframes ol-glow {
  0% { box-shadow: 0 0 40px 15px rgba(255,210,128,0.5), 0 0 80px 30px rgba(200,130,60,0.2); opacity: 0.8; }
  50% { box-shadow: 0 0 80px 25px rgba(255,210,128,0.7), 0 0 160px 50px rgba(200,130,60,0.4); opacity: 1; }
  100% { box-shadow: 0 0 60px 20px rgba(255,210,128,0.6), 0 0 120px 40px rgba(200,130,60,0.3); opacity: 0.9; }
}
@keyframes ol-breathe {
  0%, 100% { transform: scale(0.9) translateY(0); }
  50% { transform: scale(0.92) translateY(-3px); }
}
@keyframes ol-shift {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(8px); }
}
@keyframes ol-drift {
  0% { transform: translateX(-50%) translateY(0) scale(1); }
  50% { transform: translateX(-50%) translateY(-20px) scale(1.1); }
  100% { transform: translateX(-50%) translateY(0) scale(1); }
}

.scn-dynamite-johannesburg {
  background:
    radial-gradient(ellipse at 50% 40%, #ffeedd 0%, #ffaa66 30%, #332211 70%, #110a05 100%),
    linear-gradient(180deg, #110a05 0%, #332211 40%, #553322 100%);
}
.scn-dynamite-johannesburg .sky-debris {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 60%;
  background: linear-gradient(180deg, #553322 0%, #332211 100%);
  animation: dj-cloud 8s ease-in-out infinite alternate;
}
.scn-dynamite-johannesburg .flash {
  position: absolute;
  top: 30%; left: 50%;
  width: 200px; height: 150px;
  transform: translateX(-50%);
  background: radial-gradient(circle, #ffe0a0 0%, #ffcc80 20%, #ff8844 50%, transparent 80%);
  border-radius: 50%;
  filter: blur(15px);
  mix-blend-mode: screen;
  animation: dj-flash 0.8s ease-in-out infinite alternate;
}
.scn-dynamite-johannesburg .ruin {
  position: absolute;
  bottom: 0; height: 40%;
  width: 25%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 10% 10% 0 0 / 5% 5% 0 0;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}
.scn-dynamite-johannesburg .ruin-left {
  left: 8%;
  transform: skewY(3deg);
  animation: dj-shake 3s ease-in-out infinite;
}
.scn-dynamite-johannesburg .ruin-right {
  right: 8%;
  transform: skewY(-2deg);
  animation: dj-shake 3s ease-in-out infinite reverse;
}
.scn-dynamite-johannesburg .debris-piece {
  position: absolute;
  background: #2a1a0e;
  border-radius: 30% 70% 50% 50% / 40% 40% 60% 60%;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
}
.scn-dynamite-johannesburg .piece-1 {
  bottom: 20%; left: 30%;
  width: 30px; height: 15px;
  transform: rotate(25deg);
  animation: dj-fly 6s linear infinite;
}
.scn-dynamite-johannesburg .piece-2 {
  bottom: 35%; left: 60%;
  width: 20px; height: 10px;
  transform: rotate(-40deg);
  animation: dj-fly 8s linear infinite reverse;
}
.scn-dynamite-johannesburg .piece-3 {
  bottom: 25%; left: 45%;
  width: 25px; height: 12px;
  transform: rotate(60deg);
  animation: dj-fly 7s linear infinite;
}
.scn-dynamite-johannesburg .glass-shard {
  position: absolute;
  background: rgba(220,220,255,0.3);
  border: 1px solid rgba(255,255,255,0.2);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  filter: blur(1px);
}
.scn-dynamite-johannesburg .shard-1 {
  bottom: 10%; left: 20%;
  width: 8px; height: 12px;
  animation: dj-spin 4s linear infinite;
}
.scn-dynamite-johannesburg .shard-2 {
  bottom: 15%; right: 25%;
  width: 10px; height: 8px;
  animation: dj-spin 5s linear infinite reverse;
}
@keyframes dj-cloud {
  0% { opacity: 0.8; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-5px); }
  100% { opacity: 0.7; transform: translateY(0); }
}
@keyframes dj-flash {
  0% { opacity: 0.3; transform: translateX(-50%) scale(0.9); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.1); }
  100% { opacity: 0.2; transform: translateX(-50%) scale(0.8); }
}
@keyframes dj-shake {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-4px) rotate(1deg); }
  75% { transform: translateY(2px) rotate(-1deg); }
}
@keyframes dj-fly {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(-10px, -15px) rotate(90deg); }
  50% { transform: translate(15px, -25px) rotate(180deg); }
  75% { transform: translate(-5px, -10px) rotate(270deg); }
  100% { transform: translate(0, 0) rotate(360deg); }
}
@keyframes dj-spin {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(0.8); }
  100% { transform: rotate(360deg) scale(1); }
}

/* Scene: southampton-arrival (warm sunlit) */
.scn-southampton-arrival {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255, 215, 0, 0.6) 0%, transparent 60%),
    linear-gradient(180deg, #4A90D9 0%, #87CEEB 40%, #F5A623 85%, #FFD700 100%);
}
.scn-southampton-arrival .sky {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
  animation: sa-sky 12s ease-in-out infinite alternate;
}
.scn-southampton-arrival .sun {
  position: absolute; top: 25%; left: 45%; width: 60px; height: 60px;
  background: radial-gradient(circle, #FFF8DC 0%, #FFD700 60%, transparent 100%);
  border-radius: 50%; z-index: 1;
  box-shadow: 0 0 40px 20px rgba(255, 215, 0, 0.5);
  animation: sa-sun 8s ease-in-out infinite;
}
.scn-southampton-arrival .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(0deg, #1A5276 0%, #2E86C1 40%, #85C1E9 100%);
  z-index: 2;
  animation: sa-sea 6s ease-in-out infinite alternate;
}
.scn-southampton-arrival .ship {
  position: absolute; bottom: 32%; left: 30%; width: 80px; height: 40px;
  background: linear-gradient(180deg, #5D4037 0%, #3E2723 100%);
  border-radius: 0 0 30% 30% / 0 0 50% 50%;
  z-index: 3;
  animation: sa-ship 5s ease-in-out infinite;
}
.scn-southampton-arrival .pier {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 12%;
  background: linear-gradient(180deg, #A0522D 0%, #6E3B1F 100%);
  border-radius: 0 0 5% 5%;
  z-index: 4;
  animation: sa-pier 8s ease-in-out infinite alternate;
}
.scn-southampton-arrival .figure {
  position: absolute; bottom: 22%; left: 60%; width: 16px; height: 50px;
  background: linear-gradient(180deg, #2C1E1A 0%, #1A110D 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  z-index: 5;
  transform-origin: bottom center;
  animation: sa-figure 4s ease-in-out infinite;
}
.scn-southampton-arrival .cloud {
  position: absolute; height: 24px; border-radius: 50%;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,240,0.2) 100%);
  filter: blur(5px); z-index: 1;
}
.scn-southampton-arrival .cloud-a {
  top: 15%; left: -80px; width: 120px;
  animation: sa-drift-a 40s linear infinite;
}
.scn-southampton-arrival .cloud-b {
  top: 30%; left: -60px; width: 80px;
  animation: sa-drift-b 50s linear infinite;
  animation-delay: -25s;
}
.scn-southampton-arrival .dock-post {
  position: absolute; bottom: 20%; right: 15%; width: 8px; height: 40px;
  background: linear-gradient(180deg, #5D4037, #3E2723);
  border-radius: 2px; z-index: 4;
  box-shadow: 4px 0 6px rgba(0,0,0,0.3);
}

/* Keyframes */
@keyframes sa-sky {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes sa-sun {
  0% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 40px 20px rgba(255,215,0,0.5); }
  50% { transform: scale(1.08); opacity: 1; box-shadow: 0 0 60px 30px rgba(255,215,0,0.7); }
  100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 40px 20px rgba(255,215,0,0.5); }
}
@keyframes sa-sea {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes sa-ship {
  0% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(2px) translateY(-1px); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes sa-pier {
  0% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes sa-figure {
  0% { transform: rotate(0deg) scaleY(1); }
  25% { transform: rotate(2deg) scaleY(1.02); }
  50% { transform: rotate(-1deg) scaleY(0.98); }
  75% { transform: rotate(1deg) scaleY(1.01); }
  100% { transform: rotate(0deg) scaleY(1); }
}
@keyframes sa-drift-a {
  0% { transform: translateX(-120px) translateY(0); }
  50% { transform: translateX(50vw) translateY(3px); }
  100% { transform: translateX(120vw) translateY(0); }
}
@keyframes sa-drift-b {
  0% { transform: translateX(-80px) translateY(0); }
  50% { transform: translateX(40vw) translateY(-2px); }
  100% { transform: translateX(120vw) translateY(0); }
}

.scn-brown-dilemma {
  background: linear-gradient(180deg, #87ceeb 0%, #f5e6b0 70%, #f0c070 100%);
}
.scn-brown-dilemma .sky { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #b0e0ff 0%, #ffe0a0 100%); }
.scn-brown-dilemma .sun { position:absolute; top:8%; left:70%; width:55px; height:55px; background: radial-gradient(circle, #ffd700 0%, #ffa500 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 80px 20px #ffd700; animation: bd-sun 18s ease-in-out infinite alternate; }
.scn-brown-dilemma .tree-canopy { position:absolute; top:20%; left:10%; right:10%; height:40%; background: radial-gradient(ellipse at 50% 60%, #4caf50 0%, #2e7d32 60%, #1b5e20 100%); border-radius: 50% 50% 45% 45% / 60% 60% 40% 40%; box-shadow: 0 10px 30px rgba(0,0,0,.3); animation: bd-canopy 8s ease-in-out infinite; }
.scn-brown-dilemma .tree-trunk { position:absolute; bottom:30%; left:50%; width:18px; height:25%; transform:translateX(-50%); background: linear-gradient(90deg, #5d4037 0%, #8d6e63 40%, #5d4037 100%); border-radius: 10%; box-shadow: 4px 0 8px rgba(0,0,0,.3); }
.scn-brown-dilemma .ground { position:absolute; bottom:0; left:0; right:0; height:32%; background: linear-gradient(180deg, #8bc34a 0%, #689f38 30%, #4caf50 100%); border-radius: 30% 70% 0 0 / 40% 60% 0 0; }
.scn-brown-dilemma .wagon { position:absolute; bottom:18%; left:15%; width:90px; height:40px; background: linear-gradient(180deg, #a04000 0%, #6e2c00 100%); border-radius: 8%; box-shadow: 0 6px 10px rgba(0,0,0,.5); transform-origin: bottom left; animation: bd-wagon 6s ease-in-out infinite; }
.scn-brown-dilemma .figure-a { position:absolute; bottom:22%; left:35%; width:22px; height:44px; background: linear-gradient(180deg, #3e2723 0%, #1b0f0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: bd-figure 5s ease-in-out infinite; }
.scn-brown-dilemma .figure-b { position:absolute; bottom:22%; left:50%; width:22px; height:44px; background: linear-gradient(180deg, #4e342e 0%, #2c1d19 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: bd-figure 5s ease-in-out infinite 0.5s; }
.scn-brown-dilemma .point-hand { position:absolute; bottom:33%; left:42%; width:10px; height:6px; background: #8d6e63; border-radius: 50%; transform-origin: left center; animation: bd-point 3s ease-in-out infinite; }

.scn-faith-confirmed {
  background: linear-gradient(180deg, #90caf9 0%, #e3f2fd 50%, #fff9c4 100%);
}
.scn-faith-confirmed .sky { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #64b5f6 0%, #bbdefb 100%); }
.scn-faith-confirmed .sun { position:absolute; top:10%; left:20%; width:50px; height:50px; background: radial-gradient(circle, #ffecb3 0%, #ffb300 60%, transparent 80%); border-radius:50%; box-shadow: 0 0 70px 20px #ffb300; animation: fc-sun 16s ease-in-out infinite alternate; }
.scn-faith-confirmed .ground { position:absolute; bottom:0; left:0; right:0; height:35%; background: linear-gradient(180deg, #aed581 0%, #7cb342 30%, #558b2f 100%); border-radius: 40% 60% 0 0 / 30% 70% 0 0; }
.scn-faith-confirmed .figure-left { position:absolute; bottom:22%; left:25%; width:24px; height:48px; background: linear-gradient(180deg, #4e342e 0%, #3e2723 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: fc-fig 4s ease-in-out infinite; }
.scn-faith-confirmed .figure-right { position:absolute; bottom:22%; right:25%; width:24px; height:48px; background: linear-gradient(180deg, #5d4037 0%, #4e342e 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom; animation: fc-fig 4s ease-in-out infinite 0.4s; }
.scn-faith-confirmed .hand-head { position:absolute; bottom:34%; left:28%; width:14px; height:10px; background: #8d6e63; border-radius: 50% 50% 40% 40%; transform-origin: center bottom; animation: fc-hand 2s ease-in-out infinite; }
.scn-faith-confirmed .exclaim-star { position:absolute; top:20%; right:35%; width:20px; height:20px; background: #ffd54f; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); box-shadow: 0 0 20px 6px rgba(255,213,79,.6); animation: fc-star 2.5s ease-in-out infinite; }

/* keyframes */
@keyframes bd-sun {
  0% { transform: translate(0, 0); opacity: .9; }
  50% { transform: translate(10px, -8px); opacity: 1; }
  100% { transform: translate(-5px, 5px); opacity: .85; }
}
@keyframes bd-canopy {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-3px); }
  100% { transform: scaleY(.98) translateY(2px); }
}
@keyframes bd-wagon {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(2deg) translateY(-2px); }
  75% { transform: rotate(-2deg) translateY(0); }
  100% { transform: rotate(0deg) translateY(-1px); }
}
@keyframes bd-figure {
  0% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(4px) rotate(2deg); }
  50% { transform: translateX(8px) rotate(-1deg); }
  75% { transform: translateX(12px) rotate(1deg); }
  100% { transform: translateX(16px) rotate(0deg); }
}
@keyframes bd-point {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(20deg) translateY(-2px); }
  100% { transform: rotate(-10deg) translateY(0); }
}
@keyframes fc-sun {
  0% { transform: scale(1) translate(0, 0); opacity: .8; }
  50% { transform: scale(1.05) translate(5px, -5px); opacity: 1; }
  100% { transform: scale(0.95) translate(-3px, 3px); opacity: .85; }
}
@keyframes fc-fig {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(3deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}
@keyframes fc-hand {
  0% { transform: rotate(0deg) translate(0, 0); }
  25% { transform: rotate(30deg) translate(5px, -2px); }
  50% { transform: rotate(-10deg) translate(2px, 1px); }
  75% { transform: rotate(20deg) translate(8px, -1px); }
  100% { transform: rotate(0deg) translate(0, 0); }
}
@keyframes fc-star {
  0% { transform: scale(1) rotate(0deg); opacity: .6; }
  50% { transform: scale(1.3) rotate(180deg); opacity: 1; }
  100% { transform: scale(.9) rotate(360deg); opacity: .7; }
}

/* monastery-prosperity */
.scn-monastery-prosperity {
  background:
    linear-gradient(180deg, #f5e6d3 0%, #d9c2a8 40%, #b8a08c 70%, #8a7a6a 100%),
    radial-gradient(ellipse at 40% 20%, #fff8ee 0%, transparent 60%);
}
.scn-monastery-prosperity .bg-surface { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #c2ad94 0%, #a08c78 100%); }
.scn-monastery-prosperity .wall-left { position:absolute; top:0; bottom:30%; left:0; width:20%; background: linear-gradient(90deg, #b8a088 0%, #a08870 100%); border-radius:0 20% 30% 0/0 40% 20% 0; box-shadow: inset -8px 0 15px rgba(0,0,0,.12); animation: mp-wall 12s ease-in-out infinite alternate; }
.scn-monastery-prosperity .wall-right { position:absolute; top:0; bottom:30%; right:0; width:18%; background: linear-gradient(270deg, #b8a088 0%, #a08870 100%); border-radius:20% 0 0 30%/40% 0 0 20%; box-shadow: inset 8px 0 15px rgba(0,0,0,.12); animation: mp-wall 12s ease-in-out infinite alternate-reverse; }
.scn-monastery-prosperity .arch-window { position:absolute; top:5%; left:50%; width:40%; height:50%; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 30%, #fff8e0 0%, #e8d4b0 60%, #b08860 100%); border-radius:50% 50% 5% 5% / 70% 70% 5% 5%; box-shadow: inset 0 0 30px rgba(255,200,100,.3), 0 8px 30px rgba(0,0,0,.2); animation: mp-arch 10s ease-in-out infinite alternate; }
.scn-monastery-prosperity .light-beam { position:absolute; top:12%; left:50%; width:25%; height:40%; transform:translateX(-50%) skewX(-8deg); background: linear-gradient(180deg, rgba(255,240,200,.6) 0%, rgba(255,240,200,.05) 100%); filter: blur(8px); animation: mp-beam 8s ease-in-out infinite alternate; }
.scn-monastery-prosperity .shelf { position:absolute; bottom:32%; left:25%; right:25%; height:4%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius:2px; box-shadow: 0 2px 6px rgba(0,0,0,.3); animation: mp-shelf 15s ease infinite; }
.scn-monastery-prosperity .book-stack { position:absolute; bottom:33%; left:38%; width:12%; height:15%; background: linear-gradient(180deg, #8c6b4a 0%, #6a4a2a 100%); border-radius:3px 3px 2px 2px; box-shadow: inset 0 0 0 2px #4a3a2a, 0 4px 8px rgba(0,0,0,.3); animation: mp-books 20s ease-in-out infinite alternate; }
.scn-monastery-prosperity .monk-figure { position:absolute; bottom:23%; left:48%; width:10%; height:28%; transform:translateX(-50%); background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 70%, #3a1a0a 100%); border-radius:30% 30% 20% 20% / 70% 70% 30% 30%; box-shadow: 0 4px 12px rgba(0,0,0,.4); animation: mp-monk 6s ease-in-out infinite; }
.scn-monastery-prosperity .candle { position:absolute; bottom:28%; left:55%; width:2%; height:6%; background: linear-gradient(180deg, #f0d0a0 0%, #b08050 100%); border-radius:20%; box-shadow: 0 0 12px 4px rgba(255,180,80,.5); animation: mp-candle 4s ease-in-out infinite alternate; }
@keyframes mp-wall { 0% { opacity:.92; transform:scaleY(1) } 50% { opacity:1; transform:scaleY(1.01) } 100% { opacity:.95; transform:scaleY(1) } }
@keyframes mp-arch { 0% { opacity:.9; box-shadow: inset 0 0 20px rgba(255,200,100,.2), 0 8px 30px rgba(0,0,0,.15) } 50% { opacity:1; box-shadow: inset 0 0 40px rgba(255,220,120,.4), 0 8px 40px rgba(0,0,0,.2) } 100% { opacity:.92; box-shadow: inset 0 0 25px rgba(255,200,100,.25), 0 8px 30px rgba(0,0,0,.15) } }
@keyframes mp-beam { 0% { opacity:.3; transform:translateX(-50%) skewX(-6deg) scaleX(1) } 50% { opacity:.6; transform:translateX(-50%) skewX(-10deg) scaleX(1.05) } 100% { opacity:.35; transform:translateX(-50%) skewX(-6deg) scaleX(1) } }
@keyframes mp-shelf { 0% { transform:translateY(0) } 30% { transform:translateY(-1px) } 70% { transform:translateY(1px) } 100% { transform:translateY(0) } }
@keyframes mp-books { 0% { transform:scaleY(1) } 50% { transform:scaleY(.98) translateY(1px) } 100% { transform:scaleY(1) } }
@keyframes mp-monk { 0% { transform:translateX(-50%) rotate(-0.5deg) } 25% { transform:translateX(-48%) rotate(0.5deg) } 50% { transform:translateX(-50%) rotate(0deg) } 75% { transform:translateX(-52%) rotate(-0.5deg) } 100% { transform:translateX(-50%) rotate(0deg) } }
@keyframes mp-candle { 0% { opacity:.8; box-shadow: 0 0 8px 2px rgba(255,180,80,.3) } 50% { opacity:1; box-shadow: 0 0 16px 6px rgba(255,200,100,.6) } 100% { opacity:.85; box-shadow: 0 0 10px 3px rgba(255,180,80,.35) } }

/* moon-dark-side */
.scn-moon-dark-side {
  background:
    linear-gradient(180deg, #c0d8e8 0%, #9ab0c4 40%, #7a8a9a 70%, #5a6a7a 100%),
    radial-gradient(ellipse at 60% 30%, #ffffc0 0%, transparent 50%);
}
.scn-moon-dark-side .bg-room { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #b0c8d8 0%, #8aa0b0 100%); }
.scn-moon-dark-side .moon-face { position:absolute; top:8%; right:12%; width:28%; height:30%; background: radial-gradient(circle at 60% 50%, #fffae0 0%, #e0d4a0 70%, #c0a870 100%); border-radius:50%; box-shadow: 0 0 40px 12px rgba(255,240,180,.5), inset -10px -10px 30px rgba(0,0,0,.15); animation: mds-moon 6s ease-in-out infinite alternate; }
.scn-moon-dark-side .half-moon-mask { position:absolute; top:10%; right:18%; width:14%; height:16%; background: linear-gradient(135deg, #5a5a6a 0%, #3a3a4a 100%); border-radius:50% 0 0 50%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transform:rotate(0deg); animation: mds-mask 8s ease-in-out infinite; }
.scn-moon-dark-side .figure-turning { position:absolute; bottom:22%; left:40%; width:12%; height:35%; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 70%, #0a0a1a 100%); border-radius:40% 40% 30% 30% / 70% 70% 30% 30%; box-shadow: 0 6px 20px rgba(0,0,0,.3); animation: mds-figure 4s ease-in-out infinite; }
.scn-moon-dark-side .shadow-on-wall { position:absolute; top:10%; left:20%; width:20%; height:40%; background: radial-gradient(ellipse at 40% 60%, rgba(0,0,0,.25) 0%, transparent 70%); filter:blur(12px); animation: mds-shadow 5s ease-in-out infinite; }
.scn-moon-dark-side .lamp-glow { position:absolute; bottom:30%; left:55%; width:8%; height:12%; background: radial-gradient(circle at 50% 50%, #fff0a0 0%, #f0d080 40%, #e0b060 80%, transparent 100%); border-radius:50%; box-shadow: 0 0 30px 10px rgba(255,200,80,.4); animation: mds-lamp 3s ease-in-out infinite alternate; }
.scn-moon-dark-side .table-edge { position:absolute; bottom:25%; left:20%; right:50%; height:3%; background: linear-gradient(180deg, #7a6a5a 0%, #5a4a3a 100%); border-radius:4px; box-shadow: 0 2px 6px rgba(0,0,0,.2); transform:rotate(-2deg); animation: mds-table 10s ease-in-out infinite alternate; }
.scn-moon-dark-side .tilted-picture { position:absolute; top:18%; left:10%; width:14%; height:16%; background: linear-gradient(135deg, #a08060 0%, #806040 100%); border-radius:4px; box-shadow: 0 4px 10px rgba(0,0,0,.2); transform:rotate(15deg); animation: mds-picture 7s ease-in-out infinite; }
@keyframes mds-moon { 0% { transform:scale(1) rotate(0deg); opacity:.9 } 50% { transform:scale(1.03) rotate(5deg); opacity:1 } 100% { transform:scale(1) rotate(0deg); opacity:.95 } }
@keyframes mds-mask { 0% { transform:rotate(0deg) translateX(0) } 25% { transform:rotate(20deg) translateX(-5px) } 50% { transform:rotate(-10deg) translateX(3px) } 75% { transform:rotate(15deg) translateX(-2px) } 100% { transform:rotate(0deg) translateX(0) } }
@keyframes mds-figure { 0% { transform:translateX(0) rotate(0deg) } 20% { transform:translateX(-3px) rotate(4deg) } 40% { transform:translateX(2px) rotate(-2deg) } 60% { transform:translateX(-1px) rotate(3deg) } 80% { transform:translateX(3px) rotate(-4deg) } 100% { transform:translateX(0) rotate(0deg) } }
@keyframes mds-shadow { 0% { opacity:.4; transform:scale(1) } 50% { opacity:.8; transform:scale(1.1) translateX(5px) } 100% { opacity:.5; transform:scale(1) } }
@keyframes mds-lamp { 0% { opacity:.7; box-shadow: 0 0 20px 6px rgba(255,200,80,.3) } 50% { opacity:1; box-shadow: 0 0 40px 16px rgba(255,220,100,.6) } 100% { opacity:.75; box-shadow: 0 0 25px 8px rgba(255,200,80,.35) } }
@keyframes mds-table { 0% { transform:rotate(-2deg) translateY(0) } 50% { transform:rotate(-1deg) translateY(1px) } 100% { transform:rotate(-2deg) translateY(0) } }
@keyframes mds-picture { 0% { transform:rotate(15deg) translateX(0) } 30% { transform:rotate(12deg) translateX(2px) } 60% { transform:rotate(18deg) translateX(-2px) } 100% { transform:rotate(15deg) translateX(0) } }

.scn-satans-successor {
  background:
    linear-gradient(180deg, #fdf6e3 0%, #eadaaf 40%, #d4c296 100%),
    radial-gradient(ellipse at 70% 40%, #fff8e0 0%, transparent 60%);
}
.scn-satans-successor .wall {
  position: absolute;
  inset: 0 0 30% 0;
  background: linear-gradient(180deg, #f5e6ca 0%, #e8d5b0 100%);
  box-shadow: inset 0 -20px 30px rgba(0,0,0,0.08);
  animation: ss-wall 12s ease-in-out infinite alternate;
}
.scn-satans-successor .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(180deg, #b89a6a 0%, #8b6f42 100%);
  border-radius: 50% 50% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 12px 20px rgba(0,0,0,0.2);
}
.scn-satans-successor .window {
  position: absolute;
  top: 12%;
  right: 20%;
  width: 80px;
  height: 100px;
  background: radial-gradient(circle at 50% 30%, #fffbe6 0%, #e8d5b0 70%);
  border: 6px solid #6b4a2e;
  border-radius: 8px;
  box-shadow: 0 0 40px 10px rgba(255,248,210,0.5);
  animation: ss-window 8s ease-in-out infinite;
}
.scn-satans-successor .arch {
  position: absolute;
  top: 0;
  left: 50%;
  width: 140px;
  height: 100px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8b6f42 0%, #6b4a2e 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  animation: ss-arch 15s ease-in-out infinite;
}
.scn-satans-successor .column-l {
  position: absolute;
  bottom: 30%;
  left: 18%;
  width: 12px;
  height: 70px;
  background: linear-gradient(90deg, #d4a373 0%, #b89a6a 50%, #8b6f42 100%);
  border-radius: 4px;
  box-shadow: 2px 0 6px rgba(0,0,0,0.1);
  animation: ss-column 20s ease-in-out infinite;
}
.scn-satans-successor .column-r {
  position: absolute;
  bottom: 30%;
  right: 18%;
  width: 12px;
  height: 70px;
  background: linear-gradient(90deg, #d4a373 0%, #b89a6a 50%, #8b6f42 100%);
  border-radius: 4px;
  box-shadow: -2px 0 6px rgba(0,0,0,0.1);
  animation: ss-column 20s ease-in-out infinite reverse;
}
.scn-satans-successor .figure {
  position: absolute;
  bottom: 28%;
  left: 42%;
  width: 18px;
  height: 50px;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  opacity: 0.85;
  animation: ss-glide 14s ease-in-out infinite;
}
.scn-satans-successor .lamp {
  position: absolute;
  bottom: 38%;
  left: 46%;
  width: 8px;
  height: 8px;
  background: #ffd060;
  border-radius: 50%;
  box-shadow: 0 0 20px 6px #ffd060, 0 0 40px 12px rgba(255,208,96,0.4);
  animation: ss-lamp 3s ease-in-out infinite alternate;
}
.scn-satans-successor .glow {
  position: absolute;
  bottom: 35%;
  left: 40%;
  width: 60px;
  height: 40px;
  background: radial-gradient(ellipse, rgba(255,208,96,0.3) 0%, transparent 100%);
  filter: blur(10px);
  animation: ss-glow 5s ease-in-out infinite alternate;
}

@keyframes ss-wall {
  0% { opacity: 0.95; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes ss-window {
  0% { transform: scale(1) rotate(0deg); box-shadow: 0 0 30px 8px rgba(255,248,210,0.4); }
  50% { transform: scale(1.02) rotate(0.5deg); box-shadow: 0 0 50px 12px rgba(255,248,210,0.7); }
  100% { transform: scale(0.98) rotate(-0.3deg); box-shadow: 0 0 35px 10px rgba(255,248,210,0.5); }
}
@keyframes ss-arch {
  0% { transform: translateX(-50%) scaleY(1); }
  50% { transform: translateX(-50%) scaleY(0.98); }
  100% { transform: translateX(-50%) scaleY(1.01); }
}
@keyframes ss-column {
  0% { transform: translateY(0) scaleY(1); }
  25% { transform: translateY(-2px) scaleY(0.99); }
  50% { transform: translateY(0) scaleY(1); }
  75% { transform: translateY(1px) scaleY(1.01); }
  100% { transform: translateY(0) scaleY(1); }
}
@keyframes ss-glide {
  0%   { transform: translateX(0) translateY(0) rotate(0deg); }
  25%  { transform: translateX(4px) translateY(-2px) rotate(1deg); }
  50%  { transform: translateX(8px) translateY(0) rotate(0deg); }
  75%  { transform: translateX(4px) translateY(-1px) rotate(-1deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes ss-lamp {
  0%   { transform: scale(1); opacity: 0.8; }
  50%  { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.7; }
}
@keyframes ss-glow {
  0%   { transform: scale(1); opacity: 0.4; }
  50%  { transform: scale(1.4); opacity: 0.8; }
  100% { transform: scale(0.8); opacity: 0.3; }
}

.scn-indecent-anecdote {
  background:
    linear-gradient(180deg, #0b132b 0%, #1c2541 30%, #2a3a5c 70%, #0b132b 100%),
    radial-gradient(ellipse at 30% 120%, #3a5a7a 0%, transparent 60%);
}
.scn-indecent-anecdote .sky {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #121a30 0%, #1c2a44 100%);
  animation: ia-sky 10s ease-in-out infinite alternate;
}
.scn-indecent-anecdote .moon {
  position: absolute;
  top: 10%;
  left: 75%;
  width: 40px;
  height: 40px;
  background: radial-gradient(circle, #e6e6e6 0%, #c0c0c0 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(224,224,224,0.3), 0 0 120px 40px rgba(224,224,224,0.1);
  animation: ia-moon 8s ease-in-out infinite alternate;
}
.scn-indecent-anecdote .sea {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, #0d1b2a 0%, #1b2a3a 50%, #0d1b2a 100%);
  border-radius: 40% 60% 0 0 / 30% 30% 0 0;
  animation: ia-sea 12s ease-in-out infinite;
}
.scn-indecent-anecdote .deck {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  height: 18%;
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
  border-radius: 0;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.6);
  animation: ia-deck 6s ease-in-out infinite;
}
.scn-indecent-anecdote .railing {
  position: absolute;
  bottom: 24%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(90deg, #3a3a3a 0%, #4a4a4a 50%, #3a3a3a 100%);
  border-radius: 2px;
  box-shadow: 0 -6px 0 #2a2a2a;
  animation: ia-railing 8s ease-in-out infinite alternate;
}
.scn-indecent-anecdote .figures {
  position: absolute;
  bottom: 14%;
  left: 12%;
  width: 70px;
  height: 30px;
  background: radial-gradient(ellipse at 50% 100%, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 0 0 / 60% 60% 0 0;
  filter: blur(1px);
  animation: ia-sway 4s ease-in-out infinite;
}
.scn-indecent-anecdote .lone {
  position: absolute;
  bottom: 13%;
  left: 55%;
  width: 14px;
  height: 28px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ia-figure 6s ease-in-out infinite;
}
.scn-indecent-anecdote .lantern {
  position: absolute;
  bottom: 28%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: #e0a060;
  border-radius: 50%;
  box-shadow: 0 0 16px 4px rgba(224,160,96,0.5), 0 0 32px 8px rgba(224,160,96,0.2);
  animation: ia-lantern 3s ease-in-out infinite alternate;
}
.scn-indecent-anecdote .cloud {
  position: absolute;
  top: 18%;
  right: 5%;
  width: 70px;
  height: 12px;
  background: rgba(30,50,80,0.4);
  border-radius: 50%;
  filter: blur(4px);
  animation: ia-cloud 30s linear infinite;
}

@keyframes ia-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes ia-moon {
  0% { transform: scale(1) translateX(0); box-shadow: 0 0 50px 15px rgba(224,224,224,0.2); }
  50% { transform: scale(1.02) translateX(3px); box-shadow: 0 0 70px 20px rgba(224,224,224,0.35); }
  100% { transform: scale(0.98) translateX(-2px); box-shadow: 0 0 60px 18px rgba(224,224,224,0.25); }
}
@keyframes ia-sea {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(2px) scaleY(0.98); }
  100% { transform: translateY(-1px) scaleY(1.01); }
}
@keyframes ia-deck {
  0% { transform: translateY(0); }
  50% { transform: translateY(1px); }
  100% { transform: translateY(-1px); }
}
@keyframes ia-railing {
  0% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
  100% { transform: translateY(0); }
}
@keyframes ia-sway {
  0%   { transform: translateX(0) rotate(0deg); }
  25%  { transform: translateX(2px) rotate(1deg); }
  50%  { transform: translateX(0) rotate(0deg); }
  75%  { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ia-figure {
  0%   { transform: translateX(0) rotate(0deg); }
  33%  { transform: translateX(3px) rotate(2deg); }
  66%  { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes ia-lantern {
  0%   { transform: scale(1) rotate(-3deg); opacity: 0.7; }
  50%  { transform: scale(1.2) rotate(0deg); opacity: 1; }
  100% { transform: scale(0.9) rotate(3deg); opacity: 0.6; }
}
@keyframes ia-cloud {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-150vw); }
}

/* jamesons-raid */
.scn-jamesons-raid {
  background:
    linear-gradient(180deg, #f0e5d0 0%, #c8b8a0 100%),
    radial-gradient(ellipse at 70% 30%, #fffde6 0%, transparent 60%);
}
.scn-jamesons-raid .jr-window {
  position:absolute; top:20%; right:15%; width:70px; height:90px;
  background: linear-gradient(135deg, #fffbe8, #f5e6c0);
  box-shadow: 0 0 30px 6px #fffbe8, 0 0 60px 12px rgba(255,251,232,0.4);
  border-radius:6px;
  animation: jr-flicker 5s ease-in-out infinite alternate;
}
.scn-jamesons-raid .jr-desk {
  position:absolute; bottom:18%; left:5%; width:90%; height:16%;
  background: linear-gradient(180deg, #846a4a, #4e3824);
  border-radius: 8px 8px 4px 4px;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
}
.scn-jamesons-raid .jr-lamp {
  position:absolute; bottom:30%; left:45%; width:18px; height:18px;
  background: radial-gradient(#ffd080, #c88030);
  border-radius:50%;
  box-shadow: 0 0 14px 3px #ffd080, 0 0 28px 6px rgba(255,208,128,0.5);
  animation: jr-glow 3s ease-in-out infinite;
}
.scn-jamesons-raid .jr-figure {
  position:absolute; bottom:19%; left:40%; width:40px; height:70px;
  background: linear-gradient(180deg, #2e1f12, #1a0e00);
  border-radius: 40% 40% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: jr-breathe 4s ease-in-out infinite;
}
.scn-jamesons-raid .jr-newspaper {
  position:absolute; bottom:27%; left:42%; width:30px; height:22px;
  background: linear-gradient(135deg, #f5f0e0, #dad0b5);
  border-radius:2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  animation: jr-rustle 6s ease-in-out infinite;
}
.scn-jamesons-raid .jr-shadows {
  position:absolute; bottom:16%; left:10%; width:75%; height:8%;
  background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.2), transparent);
}
@keyframes jr-flicker {
  0% { opacity:.95; box-shadow:0 0 20px #fffbe8; }
  50% { opacity:1; box-shadow:0 0 35px #fffbe8,0 0 50px rgba(255,251,232,0.3); }
  100% { opacity:.9; box-shadow:0 0 15px #fffbe8; }
}
@keyframes jr-glow {
  0% { transform:scale(1); box-shadow:0 0 10px 2px #ffd080; }
  50% { transform:scale(1.2); box-shadow:0 0 20px 5px #ffd080,0 0 30px rgba(255,208,128,0.3); }
  100% { transform:scale(.95); box-shadow:0 0 8px 2px #ffd080; }
}
@keyframes jr-breathe {
  0% { transform:translateY(0) rotate(0deg); }
  50% { transform:translateY(-2px) rotate(.5deg); }
  100% { transform:translateY(0) rotate(0deg); }
}
@keyframes jr-rustle {
  0% { transform:rotate(-1deg) scale(1); }
  50% { transform:rotate(2deg) scale(1.05); }
  100% { transform:rotate(-1deg) scale(1); }
}

/* reformer-puzzles */
.scn-reformer-puzzles {
  background:
    linear-gradient(180deg, #8a7c6e 0%, #5f5144 100%),
    radial-gradient(ellipse at 75% 25%, #e8e0d0 0%, transparent 50%);
}
.scn-reformer-puzzles .rp-window {
  position:absolute; top:15%; right:20%; width:30px; height:50px;
  background: linear-gradient(135deg, #f5f0e0, #e0d8c5);
  box-shadow: 0 0 15px 3px #f5f0e0, 0 0 30px 8px rgba(245,240,224,0.4);
  border-radius:4px;
  animation: rp-flicker 6s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .rp-bars {
  position:absolute; top:15%; right:20%; width:30px; height:50px;
  background: repeating-linear-gradient(90deg, #3a2e24 0px, #3a2e24 3px, transparent 3px, transparent 10px);
  pointer-events:none;
  animation: rp-sway 8s ease-in-out infinite;
}
.scn-reformer-puzzles .rp-lightbeam {
  position:absolute; top:15%; right:20%; width:120px; height:300px;
  background: linear-gradient(135deg, rgba(245,240,224,0.3) 0%, transparent 100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 30% 100%);
  transform-origin: top right;
  animation: rp-beam 12s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .rp-figure {
  position:absolute; bottom:10%; left:35%; width:45px; height:80px;
  background: linear-gradient(180deg, #2a1e12, #130b00);
  border-radius: 40% 40% 20% 20% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: rp-rock 5s ease-in-out infinite;
}
.scn-reformer-puzzles .rp-bed {
  position:absolute; bottom:5%; left:15%; width:70%; height:20%;
  background: linear-gradient(180deg, #6b5a47, #3f3324);
  border-radius: 6px;
  box-shadow: inset 0 4px 10px rgba(0,0,0,0.3);
}
.scn-reformer-puzzles .rp-shadows {
  position:absolute; bottom:2%; left:20%; width:60%; height:12%;
  background: radial-gradient(ellipse at 50% 100%, rgba(0,0,0,0.25), transparent);
}
@keyframes rp-flicker {
  0% { opacity:.9; box-shadow:0 0 12px #f5f0e0; }
  50% { opacity:1; box-shadow:0 0 25px #f5f0e0,0 0 40px rgba(245,240,224,0.3); }
  100% { opacity:.95; box-shadow:0 0 10px #f5f0e0; }
}
@keyframes rp-sway {
  0% { transform:translateX(0); }
  50% { transform:translateX(1px); }
  100% { transform:translateX(0); }
}
@keyframes rp-beam {
  0% { transform:skewX(-3deg) rotate(0deg); }
  50% { transform:skewX(3deg) rotate(.5deg); }
  100% { transform:skewX(-3deg) rotate(0deg); }
}
@keyframes rp-rock {
  0% { transform:translateY(0) rotate(0deg); }
  50% { transform:translateY(-2px) rotate(1deg); }
  100% { transform:translateY(0) rotate(0deg); }
}

.scn-brown-dilemma {
  background: linear-gradient(180deg, #87CEEB 0%, #f0e68c 60%, #ffd700 100%),
              radial-gradient(ellipse at 70% 20%, #ffd700 0%, transparent 50%);
}
.scn-brown-dilemma .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(135deg, #b0e0ff 0%, #ffebcd 100%);
  animation: brd-sky 8s ease-in-out infinite alternate;
}
.scn-brown-dilemma .sun {
  position: absolute; top: 8%; left: 65%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fffacd 0%, #ffd700 50%, transparent 70%);
  border-radius: 50%; box-shadow: 0 0 60px 20px rgba(255,215,0,0.3);
  animation: brd-sun 12s ease-in-out infinite;
}
.scn-brown-dilemma .tree-canopy {
  position: absolute; top: 15%; left: 10%; width: 55%; height: 45%;
  background: radial-gradient(ellipse at 40% 60%, #228b22 0%, #006400 40%, #004d00 70%), radial-gradient(ellipse at 70% 40%, #2e8b57 0%, #006400 50%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  filter: blur(2px); animation: brd-tree 6s ease-in-out infinite alternate;
}
.scn-brown-dilemma .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #8fbc8f 0%, #6b8e23 40%, #556b2f 100%);
  border-radius: 30% 30% 0 0 / 20% 20% 0 0; animation: brd-ground 10s ease-in-out infinite alternate;
}
.scn-brown-dilemma .figure {
  position: absolute; bottom: 18%; left: 30%; width: 24px; height: 50px;
  background: linear-gradient(180deg, #2f4f2f 0%, #1a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: brd-walk 4s ease-in-out infinite;
}
.scn-brown-dilemma .sign {
  position: absolute; bottom: 28%; left: 20%; width: 30px; height: 20px;
  background: linear-gradient(180deg, #deb887 0%, #a0522d 100%);
  border-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  transform: rotate(-2deg); animation: brd-sign 5s ease-in-out infinite;
}
.scn-brown-dilemma .shadow {
  position: absolute; bottom: 12%; left: 25%; width: 80px; height: 10px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%);
  filter: blur(3px); animation: brd-shadow 6s ease-in-out infinite alternate;
}

@keyframes brd-sky { 0% { opacity: 0.8; transform: scaleY(1); } 50% { opacity: 1; transform: scaleY(1.02); } 100% { opacity: 0.9; transform: scaleY(1); } }
@keyframes brd-sun { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(10px) scale(1.05); } 100% { transform: translateY(0) scale(1); } }
@keyframes brd-tree { 0% { transform: rotate(-1deg) scale(1); } 50% { transform: rotate(2deg) scale(1.02); } 100% { transform: rotate(-1deg) scale(1); } }
@keyframes brd-ground { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.01); } 100% { transform: translateY(0) scaleY(1); } }
@keyframes brd-walk { 0% { transform: translateX(0) rotate(-3deg); } 25% { transform: translateX(8px) rotate(2deg); } 50% { transform: translateX(16px) rotate(-2deg); } 75% { transform: translateX(24px) rotate(3deg); } 100% { transform: translateX(32px) rotate(0deg); } }
@keyframes brd-sign { 0% { transform: rotate(-4deg) scale(1); } 50% { transform: rotate(3deg) scale(1.03); } 100% { transform: rotate(-4deg) scale(1); } }
@keyframes brd-shadow { 0% { transform: scaleX(1) translateX(0); } 50% { transform: scaleX(1.1) translateX(5px); } 100% { transform: scaleX(1) translateX(0); } }

.scn-faith-confirmed {
  background: 
    linear-gradient(180deg, #87CEEB 0%, #FFE4B5 40%, #FFD700 70%, #FF8C00 100%),
    radial-gradient(ellipse at 50% 100%, #FFD700 0%, transparent 60%);
}
.scn-faith-confirmed .sky {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, rgba(135,206,235,0.3) 0%, transparent 100%);
  animation: fc-sky 10s ease-in-out infinite alternate;
}
.scn-faith-confirmed .sun {
  position: absolute;
  top: 8%;
  left: 70%;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, #FFEFD5 0%, #FFD700 40%, #FFA500 70%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #FFD700, 0 0 80px 40px rgba(255,215,0,0.4);
  animation: fc-sun 6s ease-in-out infinite alternate;
}
.scn-faith-confirmed .clouds {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 120px;
  height: 40px;
  background: radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 60%, transparent 100%),
              radial-gradient(ellipse at 80% 30%, rgba(255,255,255,0.6) 0%, transparent 70%);
  filter: blur(8px);
  animation: fc-clouds 20s linear infinite alternate;
}
.scn-faith-confirmed .hills {
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  height: 25%;
  background: linear-gradient(180deg, #7CCD7C 0%, #5B8C5B 50%, #3B6B3B 100%);
  border-radius: 40% 50% 0 0 / 70% 80% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: fc-hills 15s ease-in-out infinite alternate;
}
.scn-faith-confirmed .tent {
  position: absolute;
  bottom: 25%;
  left: 50%;
  width: 100px;
  height: 70px;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #F5DEB3 0%, #D2B48C 40%, #8B7355 100%);
  clip-path: polygon(0% 100%, 20% 0%, 80% 0%, 100% 100%);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  animation: fc-tent 3s ease-in-out infinite;
}
.scn-faith-confirmed .figure-left {
  position: absolute;
  bottom: 25%;
  left: 35%;
  width: 18px;
  height: 36px;
  background: linear-gradient(180deg, #4A3728 0%, #2B1D12 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%;
  transform-origin: bottom center;
  animation: fc-figure-left 2s ease-in-out infinite alternate;
}
.scn-faith-confirmed .figure-right {
  position: absolute;
  bottom: 25%;
  left: 60%;
  width: 20px;
  height: 38px;
  background: linear-gradient(180deg, #5C4033 0%, #3A271C 100%);
  border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%;
  transform-origin: bottom center;
  animation: fc-figure-right 2.5s ease-in-out infinite alternate;
}
.scn-faith-confirmed .banner {
  position: absolute;
  bottom: 30%;
  left: 48%;
  width: 60px;
  height: 20px;
  background: linear-gradient(90deg, #FFFFFF 0%, #FFFACD 50%, #FFFFFF 100%);
  border-radius: 4px 4px 2px 2px;
  transform-origin: 0% 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  animation: fc-banner 1.5s ease-in-out infinite alternate;
}
@keyframes fc-sky { 0% { opacity:0.7; } 50% { opacity:1; } 100% { opacity:0.8; } }
@keyframes fc-sun { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.1) rotate(5deg); } 100% { transform: scale(0.95) rotate(-5deg); } }
@keyframes fc-clouds { 0% { transform: translateX(0); opacity:0.6; } 50% { transform: translateX(30px); opacity:0.9; } 100% { transform: translateX(-10px); opacity:0.5; } }
@keyframes fc-hills { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes fc-tent { 0%, 100% { transform: translateX(-50%) rotate(0deg); } 25% { transform: translateX(-48%) rotate(0.5deg); } 50% { transform: translateX(-50%) rotate(-0.5deg); } 75% { transform: translateX(-52%) rotate(0.3deg); } }
@keyframes fc-figure-left { 0% { transform: translateX(0) rotate(-3deg); } 25% { transform: translateX(5px) rotate(2deg); } 50% { transform: translateX(10px) rotate(-1deg); } 75% { transform: translateX(5px) rotate(3deg); } 100% { transform: translateX(0) rotate(-2deg); } }
@keyframes fc-figure-right { 0% { transform: translateX(0) rotate(2deg); } 30% { transform: translateX(-5px) rotate(-2deg); } 60% { transform: translateX(-10px) rotate(3deg); } 100% { transform: translateX(-3px) rotate(-1deg); } }
@keyframes fc-banner { 0% { transform: scaleX(1) rotate(0deg); } 50% { transform: scaleX(1.05) rotate(2deg); } 100% { transform: scaleX(0.95) rotate(-2deg); } }

.scn-monastery-prosperity {
  background: 
    linear-gradient(180deg, #d7c4a8 0%, #b89a78 40%, #8c6e50 100%),
    radial-gradient(ellipse at 70% 30%, #f5e6d0 0%, transparent 60%);
}
.scn-monastery-prosperity .bg-wall {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #c9b394 0%, #a3835e 100%);
  animation: mp-softlight 10s ease-in-out infinite alternate;
}
.scn-monastery-prosperity .window {
  position: absolute;
  top: 8%;
  left: 55%;
  width: 30%;
  height: 40%;
  background: linear-gradient(135deg, #a4c2e0 0%, #e8f0f8 60%, #f5e6d0 100%);
  border-radius: 4px 4px 8px 8px;
  box-shadow: inset 0 0 20px rgba(255,255,240,0.4);
  transform: perspective(600px) rotateY(-5deg);
  animation: mp-windglow 30s linear infinite;
}
.scn-monastery-prosperity .window-light {
  position: absolute;
  top: 8%;
  left: 55%;
  width: 30%;
  height: 40%;
  background: radial-gradient(ellipse at 70% 30%, rgba(255,240,200,0.3) 0%, transparent 70%);
  pointer-events: none;
  animation: mp-lightdrift 15s ease-in-out infinite alternate;
}
.scn-monastery-prosperity .desk {
  position: absolute;
  bottom: 8%;
  left: 10%;
  right: 10%;
  height: 14%;
  background: linear-gradient(180deg, #6b4c32 0%, #4a3424 100%);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  transform: perspective(400px) rotateX(5deg);
}
.scn-monastery-prosperity .books {
  position: absolute;
  bottom: 18%;
  left: 15%;
  width: 20%;
  height: 8%;
  background: linear-gradient(90deg, #7a5a3a 0%, #9c7a5a 30%, #5c4033 60%, #8a6a4a 100%);
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transform: rotate(-2deg);
  animation: mp-breath 6s ease-in-out infinite;
}
.scn-monastery-prosperity .figure {
  position: absolute;
  bottom: 12%;
  left: 42%;
  width: 16%;
  height: 28%;
  background: radial-gradient(ellipse at 50% 30%, #3a2a1a 0%, #1f1510 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  animation: mp-figbreathe 4s ease-in-out infinite;
}
.scn-monastery-prosperity .candle {
  position: absolute;
  bottom: 22%;
  left: 70%;
  width: 3%;
  height: 10%;
  background: linear-gradient(180deg, #f5e6d0 0%, #d4a843 100%);
  border-radius: 20% 20% 10% 10% / 60% 60% 10% 10%;
  box-shadow: 0 0 20px 6px #f5d680, 0 0 40px 12px rgba(245,214,128,0.3);
  animation: mp-candleflicker 2s ease-in-out infinite;
}
.scn-monastery-prosperity .shelf {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 3%;
  background: linear-gradient(180deg, #8a6a4a 0%, #5c4033 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: perspective(500px) rotateX(2deg);
  animation: mp-shelfdrift 20s ease-in-out infinite alternate;
}

@keyframes mp-softlight {
  0% { opacity: 0.85; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes mp-windglow {
  0% { filter: brightness(0.95); }
  50% { filter: brightness(1.05); }
  100% { filter: brightness(0.95); }
}
@keyframes mp-lightdrift {
  0% { transform: translateX(0) scale(1); }
  50% { transform: translateX(8px) scale(1.02); }
  100% { transform: translateX(-5px) scale(0.98); }
}
@keyframes mp-breath {
  0% { transform: rotate(-2deg) scaleY(1); }
  50% { transform: rotate(1deg) scaleY(1.02); }
  100% { transform: rotate(-2deg) scaleY(1); }
}
@keyframes mp-figbreathe {
  0% { transform: translateY(0) scaleX(1); }
  50% { transform: translateY(-2px) scaleX(1.03); }
  100% { transform: translateY(0) scaleX(1); }
}
@keyframes mp-candleflicker {
  0% { opacity: 0.9; box-shadow: 0 0 16px 4px #f5d680, 0 0 32px 8px rgba(245,214,128,0.3); }
  50% { opacity: 1; box-shadow: 0 0 24px 8px #f5d680, 0 0 48px 14px rgba(245,214,128,0.5); }
  100% { opacity: 0.85; box-shadow: 0 0 12px 3px #f5d680, 0 0 24px 6px rgba(245,214,128,0.2); }
}
@keyframes mp-shelfdrift {
  0% { transform: perspective(500px) rotateX(2deg) translateY(0); }
  50% { transform: perspective(500px) rotateX(2deg) translateY(2px); }
  100% { transform: perspective(500px) rotateX(2deg) translateY(0); }
}

.scn-reformer-puzzles {
  background: linear-gradient(180deg, #4a3a2a 0%, #2c1f1a 100%), 
              radial-gradient(ellipse at 30% 80%, #8a7a5a 0%, transparent 70%);
}
.scn-reformer-puzzles .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(135deg, #5c4a3a 0%, #3a2e24 100%);
  box-shadow: inset 0 0 40px rgba(0,0,0,.5);
  animation: rp-wall 20s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(0deg, #2a1f17 0%, #3f3328 100%);
  box-shadow: inset 0 8px 20px rgba(0,0,0,.6);
  animation: rp-floor 15s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .window {
  position: absolute; top: 8%; left: 65%; width: 60px; height: 90px;
  background: radial-gradient(circle at 40% 30%, #e8e0d0 0%, #c0b8a8 60%, #8a7e6e 100%);
  border: 2px solid #5a4e3e;
  border-radius: 2px;
  box-shadow: inset 0 0 20px rgba(255, 240, 200, .4), 0 0 30px rgba(255, 240, 200, .2);
  transform: rotate(2deg);
  animation: rp-window 6s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .light-beam {
  position: absolute; top: 0; left: 58%; width: 80px; height: 100%;
  background: linear-gradient(135deg, rgba(255, 235, 180, .15) 0%, transparent 70%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  transform: rotate(-15deg);
  filter: blur(4px);
  animation: rp-light 8s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .bars {
  position: absolute; top: 8%; left: 65%; width: 60px; height: 90px;
  background: repeating-linear-gradient(90deg, #3a3026 0px, #3a3026 4px, transparent 4px, transparent 14px);
  border-radius: 2px;
  opacity: .6;
  animation: rp-bars 5s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .figure {
  position: absolute; bottom: 30%; left: 25%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #1a1815 0%, #0c0a08 100%);
  border-radius: 45% 45% 35% 35% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  box-shadow: 0 0 10px rgba(0,0,0,.4);
  animation: rp-figure 4s ease-in-out infinite;
}
.scn-reformer-puzzles .table {
  position: absolute; bottom: 28%; left: 18%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0,0,0,.5);
  transform: skewX(-5deg);
  animation: rp-table 7s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .papers {
  position: absolute; bottom: 32%; left: 22%; width: 18px; height: 14px;
  background: linear-gradient(135deg, #e8ddd0 0%, #b8a898 100%);
  border-radius: 1px;
  transform: rotate(12deg);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
  animation: rp-papers 3s ease-in-out infinite alternate;
}
.scn-reformer-puzzles .shadow-stripes {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: repeating-linear-gradient(105deg, rgba(0,0,0,.3) 0px, rgba(0,0,0,.3) 20px, transparent 20px, transparent 50px);
  animation: rp-stripes 12s linear infinite alternate;
}

@keyframes rp-wall { 0% { opacity: .9 } 50% { opacity: 1 } 100% { opacity: .8 } }
@keyframes rp-floor { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes rp-window { 0% { box-shadow: 0 0 20px rgba(255,240,200,.2) } 50% { box-shadow: 0 0 40px rgba(255,240,200,.5) } 100% { box-shadow: 0 0 25px rgba(255,240,200,.3) } }
@keyframes rp-light { 0% { opacity: .3; transform: rotate(-15deg) translateX(0) } 50% { opacity: .5; transform: rotate(-18deg) translateX(-5px) } 100% { opacity: .2; transform: rotate(-12deg) translateX(3px) } }
@keyframes rp-bars { 0% { opacity: .5 } 50% { opacity: .7 } 100% { opacity: .4 } }
@keyframes rp-figure { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(2px) rotate(-2deg) } 50% { transform: translateX(0) rotate(0deg) } 75% { transform: translateX(-2px) rotate(2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes rp-table { 0% { transform: skewX(-5deg) translateY(0) } 50% { transform: skewX(-4deg) translateY(-1px) } 100% { transform: skewX(-6deg) translateY(0) } }
@keyframes rp-papers { 0% { transform: rotate(12deg) scale(1) } 50% { transform: rotate(16deg) scale(1.05) } 100% { transform: rotate(10deg) scale(0.95) } }
@keyframes rp-stripes { 0% { background-position: 0 0 } 100% { background-position: 100px 0 } }

.scn-dynamite-johannesburg {
  background: 
    linear-gradient(180deg, #0a0808 0%, #1a1010 30%, #0f0b0b 100%),
    radial-gradient(ellipse at 50% 40%, #3a1a0a 0%, transparent 70%);
}
.scn-dynamite-johannesburg .dj-wall {
  position: absolute;
  inset: 0 0 20% 0;
  background: linear-gradient(180deg, #1c1010 0%, #0e0808 100%);
  border-bottom: 2px solid rgba(255,200,150,0.1);
}
.scn-dynamite-johannesburg .dj-window {
  position: absolute;
  top: 10%;
  left: 25%;
  width: 50%;
  height: 45%;
  background: radial-gradient(ellipse at 50% 50%, #fff8e0 0%, #ffcc66 30%, #ff8833 60%, #cc3300 100%);
  border: 4px solid #2a1a12;
  box-shadow: 
    inset 0 0 30px 10px rgba(255,200,100,0.8),
    0 0 60px 20px rgba(255,150,50,0.5);
  animation: dj-flash 3s ease-in-out infinite alternate;
}
.scn-dynamite-johannesburg .dj-shatter {
  position: absolute;
  top: 12%;
  left: 28%;
  width: 44%;
  height: 38%;
  background: repeating-linear-gradient(45deg,
    rgba(255,255,255,0) 0px,
    rgba(255,255,255,0) 8px,
    rgba(255,255,200,0.15) 8px,
    rgba(255,255,200,0.15) 9px),
    repeating-linear-gradient(-45deg,
    rgba(255,255,255,0) 0px,
    rgba(255,255,255,0) 12px,
    rgba(255,255,200,0.1) 12px,
    rgba(255,255,200,0.1) 13px);
  pointer-events: none;
  animation: dj-shiver 2s ease-in-out infinite;
  mix-blend-mode: overlay;
}
.scn-dynamite-johannesburg .dj-figure {
  position: absolute;
  bottom: 22%;
  left: 35%;
  width: 60px;
  height: 120px;
  background: linear-gradient(180deg, #1a0a0a 0%, #0d0505 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  clip-path: polygon(0% 0%, 70% 0%, 80% 30%, 100% 35%, 100% 100%, 0% 100%);
  animation: dj-recoil 4s ease-in-out infinite;
}
.scn-dynamite-johannesburg .dj-floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20%;
  background: linear-gradient(180deg, #2a1a12 0%, #0e0808 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.6);
}
.scn-dynamite-johannesburg .dj-dust {
  position: absolute;
  top: 5%;
  left: 10%;
  width: 30%;
  height: 60%;
  background: radial-gradient(ellipse at 30% 40%, rgba(200,180,150,0.15) 0%, transparent 70%);
  filter: blur(8px);
  animation: dj-dust 8s ease-in-out infinite alternate, dj-dust-move 15s linear infinite;
}
.scn-dynamite-johannesburg .dj-light {
  position: absolute;
  top: 8%;
  left: 20%;
  width: 60%;
  height: 50%;
  background: radial-gradient(ellipse at 50% 50%, rgba(255,200,100,0.3) 0%, transparent 60%);
  pointer-events: none;
  animation: dj-glow 3s ease-in-out infinite alternate;
}
.scn-dynamite-johannesburg .dj-debris {
  position: absolute;
  bottom: 20%;
  left: 60%;
  width: 20px;
  height: 10px;
  background: #3a2218;
  border-radius: 20% 80% 50% 50% / 30% 30% 70% 70%;
  box-shadow: 
    30px 15px 0 #2a180e,
    -20px -5px 0 #4a2820,
    15px 25px 0 #1f0f08;
  animation: dj-tumble 6s linear infinite;
}

@keyframes dj-flash {
  0% { opacity: 0.9; transform: scaleX(1); }
  30% { opacity: 1; transform: scaleX(1.02); box-shadow: inset 0 0 40px 15px rgba(255,200,100,1), 0 0 80px 30px rgba(255,150,50,0.8); }
  100% { opacity: 0.7; transform: scaleX(0.98); box-shadow: inset 0 0 20px 5px rgba(255,180,80,0.7), 0 0 50px 15px rgba(255,130,40,0.4); }
}
@keyframes dj-shiver {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(1px, -2px) rotate(0.5deg); }
  50% { transform: translate(-1px, 1px) rotate(-0.3deg); }
  75% { transform: translate(2px, 0px) rotate(0.2deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes dj-recoil {
  0% { transform: translateX(0) rotate(0deg); }
  10% { transform: translateX(-5px) rotate(-5deg); }
  30% { transform: translateX(3px) rotate(3deg); }
  50% { transform: translateX(-2px) rotate(-2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}
@keyframes dj-dust {
  0% { opacity: 0.1; }
  50% { opacity: 0.4; }
  100% { opacity: 0.15; }
}
@keyframes dj-dust-move {
  0% { transform: translate(0, 0); }
  50% { transform: translate(20px, -10px); }
  100% { transform: translate(40px, 5px); }
}
@keyframes dj-glow {
  0% { opacity: 0.3; transform: scale(0.95); }
  50% { opacity: 0.7; transform: scale(1.1); }
  100% { opacity: 0.4; transform: scale(1.0); }
}
@keyframes dj-tumble {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(-10px, 5px) rotate(45deg); }
  50% { transform: translate(5px, 15px) rotate(90deg); }
  75% { transform: translate(-15px, -5px) rotate(135deg); }
  100% { transform: translate(0, 0) rotate(180deg); }
}

.scn-jamesons-raid {
  background:
    linear-gradient(180deg, #d9cbb2 0%, #b8a489 40%, #6b5a4a 70%, #3a2e22 100%),
    radial-gradient(ellipse at 70% 20%, #eadfd0 0%, transparent 60%);
}
.scn-jamesons-raid .jr-wall {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #a8967d 0%, #c5b49c 30%, #a8967d 70%, #7a6a57 100%);
  box-shadow: inset 0 0 40px rgba(40,30,20,0.3);
}
.scn-jamesons-raid .jr-window {
  position: absolute;
  top: 8%;
  left: 55%;
  width: 28%;
  height: 18%;
  background: radial-gradient(ellipse at 30% 20%, #fff8e0 0%, #f0e0b0 60%, transparent 80%);
  border-radius: 4% 4% 6% 6%;
  box-shadow: 0 0 30px 10px #f0e0b0, 0 0 60px 20px rgba(240,224,176,0.3);
  animation: jr-flicker 0.8s ease-in-out infinite alternate;
}
.scn-jamesons-raid .jr-lightbeam {
  position: absolute;
  top: 8%;
  left: 55%;
  width: 30%;
  height: 60%;
  background: linear-gradient(135deg, rgba(255,248,224,0.25) 0%, rgba(200,180,140,0.05) 60%, transparent 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
  transform: skewX(-10deg);
  animation: jr-beam 3s ease-in-out infinite;
}
.scn-jamesons-raid .jr-desk {
  position: absolute;
  bottom: 15%;
  left: 20%;
  right: 20%;
  height: 22%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2e22 40%, #2a1e14 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.6), inset 0 2px 4px rgba(100,80,60,0.3);
}
.scn-jamesons-raid .jr-figure {
  position: absolute;
  bottom: 24%;
  left: 36%;
  width: 28%;
  height: 32%;
  background: linear-gradient(80deg, #1e1a14 0%, #2a221c 50%, #1a1410 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: jr-sway 2s ease-in-out infinite;
}
.scn-jamesons-raid .jr-papers {
  position: absolute;
  bottom: 22%;
  left: 58%;
  width: 10%;
  height: 8%;
  background: linear-gradient(135deg, #e8dcc8 0%, #d4c4a8 50%, #bfaa8a 100%);
  border-radius: 2%;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  animation: jr-paper 3.5s ease-in-out infinite;
}
.scn-jamesons-raid .jr-shadow {
  position: absolute;
  bottom: 15%;
  left: 44%;
  width: 20%;
  height: 12%;
  background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,0.25) 0%, transparent 70%);
  border-radius: 50%;
  transform: skewX(-10deg);
  animation: jr-shadow-move 4s ease-in-out infinite;
}
.scn-jamesons-raid .jr-document {
  position: absolute;
  bottom: 28%;
  left: 30%;
  width: 8%;
  height: 6%;
  background: linear-gradient(180deg, #ecdcc6 0%, #dcccae 100%);
  border-radius: 2%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  animation: jr-paper 4.2s ease-in-out infinite reverse;
}

@keyframes jr-flicker {
  0% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.9; transform: scale(1); }
}
@keyframes jr-beam {
  0% { opacity: 0.4; transform: skewX(-10deg) translateX(0); }
  50% { opacity: 0.6; transform: skewX(-8deg) translateX(4px); }
  100% { opacity: 0.4; transform: skewX(-10deg) translateX(0); }
}
@keyframes jr-sway {
  0% { transform: rotate(0deg); }
  30% { transform: rotate(1deg) translateY(-2px); }
  60% { transform: rotate(-1deg) translateY(0); }
  100% { transform: rotate(0deg); }
}
@keyframes jr-paper {
  0% { transform: translate(0, 0) rotate(0deg); }
  33% { transform: translate(3px, -2px) rotate(2deg); }
  66% { transform: translate(-2px, 1px) rotate(-1deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes jr-shadow-move {
  0% { transform: skewX(-10deg) translateX(0); opacity: 0.7; }
  50% { transform: skewX(-8deg) translateX(6px); opacity: 0.9; }
  100% { transform: skewX(-10deg) translateX(0); opacity: 0.7; }
}

.scn-indecent-anecdote {
  background: linear-gradient(180deg, #0f0c29 0%, #302b63 50%, #24243e 100%),
    radial-gradient(ellipse at 80% 30%, rgba(200, 220, 255, 0.15) 0%, transparent 70%);
}
.scn-indecent-anecdote .sky {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,12,41,0.0) 0%, rgba(48,43,99,0.4) 100%);
  animation: ia-sky 12s ease-in-out infinite alternate;
}
.scn-indecent-anecdote .moon {
  position: absolute;
  top: 20%;
  left: 75%;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, #f5f5dc 0%, #eee8c0 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(200, 200, 180, 0.4), 0 0 80px 40px rgba(200, 200, 180, 0.15);
  animation: ia-moon 8s ease-in-out infinite alternate;
}
.scn-indecent-anecdote .cloud-a {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 120px;
  height: 20px;
  background: radial-gradient(ellipse, rgba(255,255,255,0.25) 0%, transparent 70%);
  filter: blur(8px);
  animation: ia-drift-a 40s linear infinite;
}
.scn-indecent-anecdote .cloud-b {
  position: absolute;
  top: 30%;
  right: 5%;
  width: 80px;
  height: 15px;
  background: radial-gradient(ellipse, rgba(255,255,255,0.15) 0%, transparent 60%);
  filter: blur(5px);
  animation: ia-drift-b 55s linear infinite reverse;
}
.scn-indecent-anecdote .deck {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
  border-radius: 20% 20% 0 0 / 30% 30% 0 0;
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.6);
}
.scn-indecent-anecdote .narrator {
  position: absolute;
  bottom: 28%;
  left: 40%;
  width: 24px;
  height: 44px;
  background: linear-gradient(180deg, #2a2a3e 0%, #1a1a2e 50%, #0e0e1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ia-narrator 4s ease-in-out infinite;
}
.scn-indecent-anecdote .audience-1 {
  position: absolute;
  bottom: 25%;
  left: 55%;
  width: 18px;
  height: 34px;
  background: linear-gradient(180deg, #22223e 0%, #141428 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ia-audience1 6s ease-in-out infinite;
}
.scn-indecent-anecdote .audience-2 {
  position: absolute;
  bottom: 26%;
  left: 62%;
  width: 16px;
  height: 30px;
  background: linear-gradient(180deg, #1e1e38 0%, #111125 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ia-audience2 7s ease-in-out infinite 1s;
}
@keyframes ia-sky {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes ia-moon {
  0% { transform: scale(0.95); box-shadow: 0 0 30px 15px rgba(200,200,180,0.3); }
  50% { transform: scale(1.05); box-shadow: 0 0 60px 30px rgba(200,200,180,0.5); }
  100% { transform: scale(0.98); box-shadow: 0 0 40px 20px rgba(200,200,180,0.35); }
}
@keyframes ia-drift-a {
  0% { transform: translateX(-40px); }
  50% { transform: translateX(30px) scale(1.1); }
  100% { transform: translateX(120vw); }
}
@keyframes ia-drift-b {
  0% { transform: translateX(0); }
  50% { transform: translateX(-20px) scale(0.9); }
  100% { transform: translateX(-100vw); }
}
@keyframes ia-narrator {
  0% { transform: translate(0, 0) rotate(-2deg); }
  25% { transform: translate(4px, -2px) rotate(1deg); }
  50% { transform: translate(0, -3px) rotate(0deg); }
  75% { transform: translate(-3px, -1px) rotate(-1deg); }
  100% { transform: translate(0, 0) rotate(2deg); }
}
@keyframes ia-audience1 {
  0% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(2px, -1px) rotate(1deg); }
  100% { transform: translate(0, 0) rotate(-1deg); }
}
@keyframes ia-audience2 {
  0% { transform: translate(0, 0) rotate(1deg); }
  50% { transform: translate(-2px, -2px) rotate(-1deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

.scn-moon-dark-side {
  background: linear-gradient(180deg, #f5e6d0 0%, #e3cba4 60%, #c9a87c 100%), radial-gradient(ellipse at 50% 90%, #ffe0b0 0%, transparent 60%);
}

.scn-moon-dark-side .bg {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #f0e2d0 0%, #e4cba8 100%);
  border-radius: 0 0 20% 20%;
  animation: mds-bg-pulse 8s ease-in-out infinite;
}
.scn-moon-dark-side .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #b9956e 0%, #8a6f4e 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,.2);
}
.scn-moon-dark-side .window-frame {
  position: absolute; top: 8%; right: 10%; width: 28%; height: 38%;
  background: #7a654a;
  border-radius: 6px 6px 12px 12px;
  box-shadow: inset 0 0 0 4px #5a4a32, 0 8px 16px rgba(0,0,0,.3);
}
.scn-moon-dark-side .window-sky {
  position: absolute; top: 10%; right: 11.5%; width: 25%; height: 34%;
  background: linear-gradient(180deg, #1b2b4a 0%, #2a405a 100%);
  border-radius: 3px;
  overflow: hidden;
}
.scn-moon-dark-side .moon {
  position: absolute; top: 15%; right: 20%; width: 12%; height: 12%;
  background: radial-gradient(circle, #fff8e0 0%, #f0d080 90%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(240,208,128,.5), 0 0 60px 20px rgba(240,208,128,.2);
  animation: mds-moon-glow 6s ease-in-out infinite alternate;
}
.scn-moon-dark-side .figure {
  position: absolute; bottom: 24%; left: 38%; width: 14%; height: 48%;
  background: linear-gradient(135deg, #3a332e 20%, #1a1512 60%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  box-shadow: -4px 0 8px rgba(0,0,0,.4), 4px 0 12px rgba(255,230,180,.3);
  animation: mds-figure-look 5s ease-in-out infinite;
}
.scn-moon-dark-side .lamp {
  position: absolute; top: 0; left: 50%; width: 8%; height: 12%;
  background: radial-gradient(ellipse at 50% 80%, #f0d080 0%, #c09050 100%);
  border-radius: 40% 40% 20% 20%;
  transform: translateX(-50%);
  box-shadow: 0 0 20px 8px rgba(240,208,128,.5);
  animation: mds-lamp-sway 4s ease-in-out infinite;
}
.scn-moon-dark-side .lamp-light {
  position: absolute; top: 12%; left: 50%; width: 30%; height: 40%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,230,180,.6) 0%, transparent 70%);
  transform: translateX(-50%);
  opacity: 0.7;
  animation: mds-light-flicker 3s ease-in-out infinite alternate;
}
.scn-moon-dark-side .shadow {
  position: absolute; bottom: 18%; left: 46%; width: 10%; height: 30%;
  background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.6) 100%);
  border-radius: 50% 50% 20% 20% / 40% 40% 20% 20%;
  filter: blur(4px);
  transform-origin: bottom center;
  animation: mds-shadow-move 7s ease-in-out infinite;
}

@keyframes mds-bg-pulse {
  0%,100% { opacity: 0.9; }
  50% { opacity: 1; }
}
@keyframes mds-moon-glow {
  0% { box-shadow: 0 0 20px 5px rgba(240,208,128,.4), 0 0 40px 10px rgba(240,208,128,.15); transform: scale(0.95); }
  50% { box-shadow: 0 0 40px 15px rgba(240,208,128,.7), 0 0 80px 25px rgba(240,208,128,.3); transform: scale(1.05); }
  100% { box-shadow: 0 0 25px 8px rgba(240,208,128,.5), 0 0 50px 15px rgba(240,208,128,.2); transform: scale(1); }
}
@keyframes mds-figure-look {
  0% { transform: rotate(0deg) translateX(0); }
  25% { transform: rotate(6deg) translateX(4px); }
  50% { transform: rotate(-4deg) translateX(-2px); }
  75% { transform: rotate(2deg) translateX(3px); }
  100% { transform: rotate(0deg) translateX(0); }
}
@keyframes mds-lamp-sway {
  0%,100% { transform: translateX(-50%) rotate(-3deg); }
  50% { transform: translateX(-50%) rotate(3deg); }
}
@keyframes mds-light-flicker {
  0% { opacity: 0.6; transform: translateX(-50%) scaleX(1); }
  50% { opacity: 0.8; transform: translateX(-48%) scaleX(1.05); }
  100% { opacity: 0.7; transform: translateX(-52%) scaleX(0.95); }
}
@keyframes mds-shadow-move {
  0%,100% { transform: translateX(0) scaleX(1); opacity: 0.6; }
  33% { transform: translateX(10px) scaleX(1.2); opacity: 0.4; }
  66% { transform: translateX(-5px) scaleX(0.8); opacity: 0.7; }
}

.scn-opium-lamps { background: radial-gradient(ellipse at 50% 60%, #2a1a12 0%, #0d0805 70%), linear-gradient(180deg, #1a110d 0%, #0a0604 100%); }
.scn-opium-lamps .tent-bg { position: absolute; inset: 0 0 45% 0; background: linear-gradient(180deg, #241912, #130c08); animation: ol-bg 12s ease-in-out infinite alternate; }
.scn-opium-lamps .tent-floor { position: absolute; inset: 55% 0 0 0; background: linear-gradient(180deg, #1a120e, #0a0604); transform-origin: top center; animation: ol-floor 15s ease-in-out infinite alternate; }
.scn-opium-lamps .lamp { position: absolute; bottom: 45%; width: 24px; height: 18px; border-radius: 4px; background: radial-gradient(circle at 50% 50%, #ffcc77, #cc7f30); box-shadow: 0 0 30px 10px rgba(255, 200, 100, 0.6), 0 0 60px 20px rgba(200, 120, 50, 0.3); animation: ol-lamp 4s ease-in-out infinite alternate; }
.scn-opium-lamps .lamp-1 { left: 35%; }
.scn-opium-lamps .lamp-2 { left: 60%; animation-delay: -2s; }
.scn-opium-lamps .figure.wrapped-1 { position: absolute; bottom: 25%; left: 8%; width: 45px; height: 65px; background: linear-gradient(180deg, #4a3e35, #241d18); border-radius: 50% / 60% 60% 40% 40%; animation: ol-figure 8s ease-in-out infinite alternate; }
.scn-opium-lamps .figure.wrapped-2 { position: absolute; bottom: 30%; right: 12%; width: 50px; height: 70px; background: linear-gradient(180deg, #4a3e35, #241d18); border-radius: 50% / 60% 60% 40% 40%; animation: ol-figure 8s ease-in-out infinite alternate; animation-delay: -4s; }
.scn-opium-lamps .figure.uncovered-1 { position: absolute; bottom: 20%; left: 42%; width: 80px; height: 30px; background: linear-gradient(180deg, #5c4e42, #3d332b); border-radius: 40% 60% 30% 70%; transform: rotate(5deg); animation: ol-uncovered 10s ease-in-out infinite alternate; }
.scn-opium-lamps .smoke-haze { position: absolute; inset: 0; background: radial-gradient(ellipse at 40% 50%, rgba(60, 40, 30, 0.5), transparent 60%), radial-gradient(ellipse at 60% 50%, rgba(60, 40, 30, 0.5), transparent 60%); filter: blur(20px); animation: ol-haze 20s ease-in-out infinite alternate; }
@keyframes ol-bg { 0% { opacity: 0.8; } 50% { opacity: 0.95; } 100% { opacity: 0.8; } }
@keyframes ol-floor { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }
@keyframes ol-lamp { 0% { box-shadow: 0 0 20px 5px rgba(255, 200, 100, 0.5), 0 0 40px 10px rgba(200, 120, 50, 0.2); } 50% { box-shadow: 0 0 40px 15px rgba(255, 200, 100, 0.8), 0 0 70px 25px rgba(200, 120, 50, 0.4); } 100% { box-shadow: 0 0 25px 8px rgba(255, 200, 100, 0.5), 0 0 50px 15px rgba(200, 120, 50, 0.2); } }
@keyframes ol-figure { 0% { transform: translateY(0px); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0px); } }
@keyframes ol-uncovered { 0% { transform: translateX(0px) rotate(5deg); } 50% { transform: translateX(4px) rotate(7deg); } 100% { transform: translateX(0px) rotate(5deg); } }
@keyframes ol-haze { 0% { opacity: 0.4; filter: blur(20px); } 50% { opacity: 0.7; filter: blur(25px); } 100% { opacity: 0.4; filter: blur(20px); } }

.scn-awe-struck {
  background:
    linear-gradient(180deg, #87CEEB 0%, #FFF8DC 80%),
    radial-gradient(ellipse at 50% 20%, #FFD700 0%, transparent 60%);
}
.scn-awe-struck .sky {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.3) 100%);
  opacity: 0.6;
  animation: as-sky 12s ease-in-out infinite alternate;
}
.scn-awe-struck .sun {
  position: absolute;
  width: 80px; height: 80px;
  top: 12%; left: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle, #FFD700, #FFA500);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px #FFD700, 0 0 120px 40px rgba(255,215,0,0.4);
  animation: as-sun-glow 3s ease-in-out infinite alternate;
}
.scn-awe-struck .hills {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 30%;
  background: linear-gradient(180deg, #7CB342 0%, #33691E 100%);
  border-radius: 40% 60% 0 0 / 100% 100% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: as-hills-sway 8s ease-in-out infinite;
}
.scn-awe-struck .fig1-body {
  position: absolute;
  bottom: 25%; left: 30%;
  width: 24px; height: 70px;
  background: #1a1a2e;
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  animation: as-fig1-body 4s ease-in-out infinite;
}
.scn-awe-struck .fig1-arm {
  position: absolute;
  bottom: 44%; left: 28%;
  width: 8px; height: 36px;
  background: #1a1a2e;
  border-radius: 50% 50% 0 0;
  transform-origin: top center;
  animation: as-fig1-arm 4s ease-in-out infinite;
}
.scn-awe-struck .fig2-body {
  position: absolute;
  bottom: 25%; right: 30%;
  width: 24px; height: 70px;
  background: #1a1a2e;
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  animation: as-fig2-body 4.5s ease-in-out infinite;
}
.scn-awe-struck .fig2-arm {
  position: absolute;
  bottom: 44%; right: 28%;
  width: 8px; height: 36px;
  background: #1a1a2e;
  border-radius: 50% 50% 0 0;
  transform-origin: top center;
  animation: as-fig2-arm 4.5s ease-in-out infinite;
}
.scn-awe-struck .cloud-a {
  position: absolute;
  top: 20%; left: 5%;
  width: 80px; height: 18px;
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  filter: blur(8px);
  animation: as-drift 35s linear infinite;
}
.scn-awe-struck .cloud-b {
  position: absolute;
  top: 25%; right: 5%;
  width: 60px; height: 12px;
  background: rgba(255,255,255,0.4);
  border-radius: 50%;
  filter: blur(6px);
  animation: as-drift 45s linear infinite reverse;
  animation-delay: -10s;
}
@keyframes as-sky {
  0% { opacity: 0.5; }
  50% { opacity: 0.7; }
  100% { opacity: 0.4; }
}
@keyframes as-sun-glow {
  0% { transform: translateX(-50%) scale(1); box-shadow: 0 0 60px 20px #FFD700; }
  50% { transform: translateX(-50%) scale(1.15); box-shadow: 0 0 100px 30px #FFD700, 0 0 150px 50px rgba(255,215,0,0.5); }
  100% { transform: translateX(-50%) scale(0.95); box-shadow: 0 0 40px 15px #FFD700; }
}
@keyframes as-hills-sway {
  0% { transform: translateY(0); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
@keyframes as-fig1-body {
  0% { transform: rotate(-3deg) translateY(0); }
  25% { transform: rotate(2deg) translateY(-3px); }
  50% { transform: rotate(3deg) translateY(-1px); }
  75% { transform: rotate(-2deg) translateY(-2px); }
  100% { transform: rotate(-1deg) translateY(0); }
}
@keyframes as-fig1-arm {
  0% { transform: rotate(-40deg); }
  50% { transform: rotate(40deg); }
  100% { transform: rotate(-40deg); }
}
@keyframes as-fig2-body {
  0% { transform: rotate(2deg) translateY(0); }
  25% { transform: rotate(-2deg) translateY(-2px); }
  50% { transform: rotate(-3deg) translateY(-3px); }
  75% { transform: rotate(1deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0); }
}
@keyframes as-fig2-arm {
  0% { transform: rotate(30deg); }
  50% { transform: rotate(-30deg); }
  100% { transform: rotate(30deg); }
}
@keyframes as-drift {
  0% { transform: translateX(-150px); }
  100% { transform: translateX(150vw); }
}

.scn-brown-gasp {
  background: radial-gradient(ellipse at 75% 25%, rgba(255,255,150,0.4) 0%, transparent 50%),
              linear-gradient(180deg, #7EC8E3 0%, #FFF8DC 40%, #FFE4B5 100%);
  position: relative;
  overflow: hidden;
}
.scn-brown-gasp .sky {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(135,206,250,0.3) 0%, rgba(255,255,224,0.1) 100%);
  animation: bg-sky 8s ease-in-out infinite alternate;
}
.scn-brown-gasp .sun {
  position: absolute;
  top: 12%;
  right: 18%;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, #FFD700 0%, #FFA500 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 15px rgba(255,165,0,0.5), 0 0 60px 30px rgba(255,165,0,0.2);
  animation: bg-sun 4s ease-in-out infinite;
}
.scn-brown-gasp .cloud {
  position: absolute;
  width: 100px;
  height: 25px;
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  filter: blur(5px);
  animation: bg-cloud 20s linear infinite;
}
.scn-brown-gasp .cloud-1 {
  top: 10%;
  left: -15%;
}
.scn-brown-gasp .cloud-2 {
  top: 22%;
  left: 35%;
  animation-delay: -8s;
  width: 70px;
  height: 18px;
}
.scn-brown-gasp .road {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(180deg, #C4A882 0%, #8B7355 100%);
  border-radius: 30% 30% 0 0 / 60% 60% 0 0;
  box-shadow: inset 0 8px 15px rgba(0,0,0,0.3);
}
.scn-brown-gasp .horse {
  position: absolute;
  bottom: 32%;
  left: 8%;
  width: 80px;
  height: 65px;
  background: #6B4226;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bg-horse 1.8s ease-in-out infinite;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}
.scn-brown-gasp .buggy {
  position: absolute;
  bottom: 28%;
  left: 20%;
  width: 100px;
  height: 45px;
  background: linear-gradient(180deg, #C8553D 0%, #A04020 100%);
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: bg-buggy 2.5s ease-in-out infinite;
}
.scn-brown-gasp .driver {
  position: absolute;
  bottom: 42%;
  left: 22%;
  width: 20px;
  height: 38px;
  background: #2C2C2C;
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: bg-driver 1.5s ease-in-out infinite;
}
.scn-brown-gasp .old-people {
  position: absolute;
  bottom: 38%;
  left: 32%;
  width: 60px;
  height: 40px;
}
.scn-brown-gasp .old-people::before,
.scn-brown-gasp .old-people::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 18px;
  height: 35px;
  background: #4A4A4A;
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  animation: bg-old 3s ease-in-out infinite;
}
.scn-brown-gasp .old-people::before {
  left: 0px;
}
.scn-brown-gasp .old-people::after {
  left: 30px;
  animation-delay: -1.5s;
}
@keyframes bg-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}
@keyframes bg-sun {
  0% { transform: scale(1); box-shadow: 0 0 30px 15px rgba(255,165,0,0.4); }
  50% { transform: scale(1.08); box-shadow: 0 0 50px 25px rgba(255,165,0,0.6); }
  100% { transform: scale(1); box-shadow: 0 0 30px 15px rgba(255,165,0,0.4); }
}
@keyframes bg-cloud {
  0% { transform: translateX(-120px); opacity: 0.7; }
  50% { transform: translateX(50vw); opacity: 1; }
  100% { transform: translateX(110vw); opacity: 0.8; }
}
@keyframes bg-horse {
  0% { transform: translateY(0) rotate(-2deg); }
  30% { transform: translateY(-6px) rotate(0deg); }
  60% { transform: translateY(0) rotate(2deg); }
  100% { transform: translateY(-3px) rotate(-1deg); }
}
@keyframes bg-buggy {
  0% { transform: translateY(0); }
  30% { transform: translateY(-4px); }
  50% { transform: translateY(0); }
  70% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes bg-driver {
  0% { transform: rotate(-4deg); }
  50% { transform: rotate(4deg); }
  100% { transform: rotate(-3deg); }
}
@keyframes bg-old {
  0% { transform: translateY(0) rotate(-2deg); }
  25% { transform: translateY(-3px) rotate(1deg); }
  50% { transform: translateY(0) rotate(-1deg); }
  75% { transform: translateY(-2px) rotate(2deg); }
  100% { transform: translateY(-1px) rotate(0deg); }
}
/* end per-scene blocks */

/* auto-stub: parent tag-classes flagged by CSS audit */
.blossom { position: absolute; pointer-events: none; }
.blush { position: absolute; pointer-events: none; }
.broken { position: absolute; pointer-events: none; }
.claimant { position: absolute; pointer-events: none; }
.climber { position: absolute; pointer-events: none; }
.distant { position: absolute; pointer-events: none; }
.egg { position: absolute; pointer-events: none; }
.jade { position: absolute; pointer-events: none; }
.number { position: absolute; pointer-events: none; }
.ornament { position: absolute; pointer-events: none; }
.particle { position: absolute; pointer-events: none; }
.people { position: absolute; pointer-events: none; }
.pin { position: absolute; pointer-events: none; }
.porpoise { position: absolute; pointer-events: none; }
.sepoy { position: absolute; pointer-events: none; }
.shooter { position: absolute; pointer-events: none; }
.spoke { position: absolute; pointer-events: none; }
.st-column { position: absolute; pointer-events: none; }
.stoker { position: absolute; pointer-events: none; }
.weight { position: absolute; pointer-events: none; }
.brahmin-hands { position: absolute; pointer-events: none; }
.bright { position: absolute; pointer-events: none; }
.candle-row { position: absolute; pointer-events: none; }
.debris-piece2 { position: absolute; pointer-events: none; }
.dot-track { position: absolute; pointer-events: none; }
.figure-bar { position: absolute; pointer-events: none; }
.floor-pattern { position: absolute; pointer-events: none; }
.hidden { position: absolute; pointer-events: none; }
.lamp-center { position: absolute; pointer-events: none; }
.looking-down { position: absolute; pointer-events: none; }
.looking-out { position: absolute; pointer-events: none; }
.mansion-wall { position: absolute; pointer-events: none; }
.moving { position: absolute; pointer-events: none; }
.outcrop { position: absolute; pointer-events: none; }
.outside-light { position: absolute; pointer-events: none; }
.overcast { position: absolute; pointer-events: none; }
.shouting { position: absolute; pointer-events: none; }
.silhouetted { position: absolute; pointer-events: none; }
.sleeper-unwrapped { position: absolute; pointer-events: none; }
.sleeper-unwrapped2 { position: absolute; pointer-events: none; }
.sleeper-wrapped { position: absolute; pointer-events: none; }
.sleeper-wrapped2 { position: absolute; pointer-events: none; }
.specks { position: absolute; pointer-events: none; }

/* ============ tier S ============ */
/* per-scene blocks (EXP step_scenes) */
.scn-brahmin-recall-all {
  background: linear-gradient(135deg, #1a1c2a 0%, #2a2d3a 40%, #101218 100%),
              radial-gradient(ellipse at 80% 20%, #2a2d4a 0%, transparent 60%);
}
.scn-brahmin-recall-all .bg-wall { position:absolute; inset:0; background: linear-gradient(180deg, #1a1c2a 0%, #0a0c14 100%); }
.scn-brahmin-recall-all .desk  { position:absolute; bottom:10%; left:15%; right:25%; height:30%; background: linear-gradient(180deg, #3a2e1e 0%, #2a1e0e 100%); border-radius: 4px 4px 0 0; box-shadow: 0 -6px 12px rgba(0,0,0,.6); }
.scn-brahmin-recall-all .figure-seated { position:absolute; bottom:30%; left:20%; width:30px; height:50px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: br-seated 6s ease-in-out infinite; }
.scn-brahmin-recall-all .figure-standing{ position:absolute; bottom:30%; right:20%; width:28px; height:58px; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 35% 35% 30% 30% / 45% 45% 35% 35%; transform-origin: bottom center; animation: br-standing 8s ease-in-out infinite; }
.scn-brahmin-recall-all .papers { position:absolute; bottom:20%; left:18%; width:60px; height:40px; background: linear-gradient(180deg, #c8b89a 0%, #a09070 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.5); animation: br-papers 12s ease-in-out infinite alternate; }
.scn-brahmin-recall-all .floating-word-a{ position:absolute; top:20%; left:30%; width:40px; height:16px; background: linear-gradient(180deg, rgba(200,180,140,.5) 0%, transparent 100%); border-radius: 50%; filter: blur(4px); animation: br-floatA 20s linear infinite; }
.scn-brahmin-recall-all .floating-word-b{ position:absolute; top:30%; right:25%; width:32px; height:12px; background: linear-gradient(180deg, rgba(200,180,140,.4) 0%, transparent 100%); border-radius: 50%; filter: blur(3px); animation: br-floatB 25s linear infinite reverse; }
.scn-brahmin-recall-all .lamp  { position:absolute; bottom:35%; left:42%; width:12px; height:20px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px 4px 2px 2px; }
.scn-brahmin-recall-all .lamp-glow{ position:absolute; bottom:35%; left:42%; width:40px; height:40px; margin-left:-14px; background: radial-gradient(circle, #e8a040 0%, #c08030 30%, transparent 70%); border-radius:50%; opacity:.4; animation: br-glow 3s ease-in-out infinite alternate; }
@keyframes br-seated {
  0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-2px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes br-standing {
  0% { transform: translateY(0); }
  30% { transform: translateY(-3px) translateX(2px); }
  70% { transform: translateY(0) translateX(-1px); }
  100% { transform: translateY(0); }
}
@keyframes br-papers {
  0% { transform: scaleX(1); }
  50% { transform: scaleX(1.02) translateY(1px); }
  100% { transform: scaleX(0.98); }
}
@keyframes br-floatA {
  0% { transform: translateX(0) translateY(0); opacity:0.3; }
  50% { transform: translateX(20px) translateY(-8px); opacity:0.6; }
  100% { transform: translateX(50px) translateY(-20px); opacity:0; }
}
@keyframes br-floatB {
  0% { transform: translateX(0) translateY(0); opacity:0.4; }
  50% { transform: translateX(-15px) translateY(-5px); opacity:0.7; }
  100% { transform: translateX(-40px) translateY(-15px); opacity:0; }
}
@keyframes br-glow {
  0% { opacity:0.3; transform: scale(0.9); }
  50% { opacity:0.5; transform: scale(1.1); }
  100% { opacity:0.4; transform: scale(1); }
}

.scn-grant-white-house-funk {
  background: linear-gradient(180deg, #f5e8c8 0%, #d4c8a8 40%, #b8a888 100%),
              radial-gradient(ellipse at 30% 50%, #f0e8d0 0%, transparent 60%);
}
.scn-grant-white-house-funk .bg-room { position:absolute; inset:0; background: linear-gradient(180deg, #e8dcc0 0%, #c8b898 100%); }
.scn-grant-white-house-funk .grand-window{ position:absolute; top:0; left:20%; right:20%; height:50%; background: radial-gradient(ellipse at top, #c8e0f0 0%, #a0b8c8 100%); border-radius: 0 0 20% 20% / 0 0 40% 40%; box-shadow: inset 0 0 60px rgba(0,0,0,.15); animation: gw-window 10s ease-in-out infinite alternate; }
.scn-grant-white-house-funk .chandelier { position:absolute; top:8%; left:45%; width:80px; height:100px; background: linear-gradient(180deg, #d4c090 0%, #b09860 100%); border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%; box-shadow: 0 8px 20px rgba(0,0,0,.3); animation: gw-chandelier 6s ease-in-out infinite; }
.scn-grant-white-house-funk .column-left{ position:absolute; bottom:0; left:10%; width:20px; height:70%; background: linear-gradient(180deg, #d4c8b0 0%, #a89880 100%); border-radius: 4px; box-shadow: 4px 0 8px rgba(0,0,0,.1); }
.scn-grant-white-house-funk .column-right{ position:absolute; bottom:0; right:10%; width:20px; height:70%; background: linear-gradient(180deg, #d4c8b0 0%, #a89880 100%); border-radius: 4px; box-shadow: -4px 0 8px rgba(0,0,0,.1); }
.scn-grant-white-house-funk .figure-grant { position:absolute; bottom:20%; left:35%; width:40px; height:70px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; transform-origin: bottom center; animation: gw-grant 8s ease-in-out infinite; }
.scn-grant-white-house-funk .figure-author{ position:absolute; bottom:22%; right:30%; width:30px; height:60px; background: linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 100%); border-radius: 35% 35% 25% 25% / 45% 45% 30% 30%; transform-origin: bottom center; animation: gw-author 8s ease-in-out infinite reverse; }
.scn-grant-white-house-funk .floor-line  { position:absolute; bottom:15%; left:0; right:0; height:2px; background: linear-gradient(90deg, transparent, #8a7a6a, transparent); }
@keyframes gw-window {
  0% { opacity:0.8; transform: scaleY(1); }
  50% { opacity:1; transform: scaleY(1.02); }
  100% { opacity:0.85; transform: scaleY(0.98); }
}
@keyframes gw-chandelier {
  0% { transform: translateX(-2px) rotate(-1deg); }
  50% { transform: translateX(2px) rotate(1deg); }
  100% { transform: translateX(-1px) rotate(-0.5deg); }
}
@keyframes gw-grant {
  0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-3px) rotate(1deg); }
  100% { transform: translateY(0) rotate(-1deg); }
}
@keyframes gw-author {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px) translateX(2px); }
  100% { transform: translateY(0); }
}

.scn-grant-awkward-pause {
  background: linear-gradient(180deg, #f5e8c8 0%, #d4c8a8 40%, #b8a888 100%),
              radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 50%);
}
.scn-grant-awkward-pause .bg-close { position:absolute; inset:0; background: linear-gradient(180deg, #e8dcbe 0%, #c8b896 100%); }
.scn-grant-awkward-pause .desk-front{ position:absolute; bottom:10%; left:10%; right:10%; height:30%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 6px 6px 0 0; box-shadow: 0 -4px 10px rgba(0,0,0,.5); }
.scn-grant-awkward-pause .hand-left { position:absolute; bottom:35%; left:30%; width:20px; height:30px; background: linear-gradient(180deg, #c8b090 0%, #a89070 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ga-handL 4s ease-in-out infinite; }
.scn-grant-awkward-pause .hand-right{ position:absolute; bottom:35%; right:30%; width:22px; height:32px; background: linear-gradient(180deg, #c0a888 0%, #a08868 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ga-handR 4s ease-in-out infinite alternate; }
.scn-grant-awkward-pause .arm-left  { position:absolute; bottom:40%; left:25%; width:8px; height:50px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 4px; transform-origin: bottom center; animation: ga-armL 4s ease-in-out infinite; }
.scn-grant-awkward-pause .arm-right { position:absolute; bottom:40%; right:25%; width:8px; height:52px; background: linear-gradient(180deg, #4a4a5a 0%, #3a3a4a 100%); border-radius: 4px; transform-origin: bottom center; animation: ga-armR 4s ease-in-out infinite alternate; }
.scn-grant-awkward-pause .shadow-bg { position:absolute; bottom:20%; left:20%; right:20%; height:40%; background: radial-gradient(ellipse, rgba(0,0,0,.3) 0%, transparent 70%); animation: ga-shadow 6s ease-in-out infinite; }
@keyframes ga-handL {
  0% { transform: translateX(0) translateY(0) rotate(-5deg); }
  50% { transform: translateX(5px) translateY(-2px) rotate(0); }
  100% { transform: translateX(0) translateY(0) rotate(-5deg); }
}
@keyframes ga-handR {
  0% { transform: translateX(0) rotate(5deg); }
  50% { transform: translateX(-5px) translateY(-1px) rotate(0); }
  100% { transform: translateX(0) rotate(5deg); }
}
@keyframes ga-armL {
  0% { transform: rotate(0); }
  50% { transform: rotate(3deg); }
  100% { transform: rotate(-2deg); }
}
@keyframes ga-armR {
  0% { transform: rotate(0); }
  50% { transform: rotate(-3deg); }
  100% { transform: rotate(2deg); }
}
@keyframes ga-shadow {
  0% { opacity:0.3; transform: scaleY(1); }
  50% { opacity:0.5; transform: scaleY(1.1); }
  100% { opacity:0.4; transform: scaleY(0.9); }
}

.scn-exiles-gods-wrath {
  background: linear-gradient(180deg, #1a1c2a 0%, #2a2d3a 40%, #12141e 100%),
              radial-gradient(ellipse at 60% 20%, #3a3e5a 0%, transparent 60%);
}
.scn-exiles-gods-wrath .bg-wharf { position:absolute; inset:0; background: linear-gradient(180deg, #1a1c2a 0%, #0a0c14 100%); }
.scn-exiles-gods-wrath .plank   { position:absolute; bottom:15%; left:10%; right:10%; height:8%; background: linear-gradient(180deg, #4a3a2a 0%, #3a2a1a 100%); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,.6); }
.scn-exiles-gods-wrath .figure-fading{ position:absolute; bottom:20%; left:40%; width:30px; height:60px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 35% 35% 25% 25% / 45% 45% 30% 30%; opacity:0.7; animation: eg-fade 10s ease-in-out infinite; }
.scn-exiles-gods-wrath .letter  { position:absolute; bottom:25%; left:55%; width:40px; height:28px; background: linear-gradient(180deg, #d4c0a0 0%, #b8a084 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.4); transform: rotate(-5deg); animation: eg-letter 12s ease-in-out infinite alternate; }
.scn-exiles-gods-wrath .lantern { position:absolute; bottom:38%; left:30%; width:10px; height:18px; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px 4px 2px 2px; }
.scn-exiles-gods-wrath .lantern-light{ position:absolute; bottom:38%; left:30%; width:50px; height:50px; margin-left:-20px; background: radial-gradient(circle, #d08730 0%, #b06020 30%, transparent 70%); border-radius:50%; opacity:.4; animation: eg-lantern 3s ease-in-out infinite alternate; }
.scn-exiles-gods-wrath .water-rim{ position:absolute; bottom:10%; left:0; right:0; height:15%; background: linear-gradient(180deg, #2a3a4a 0%, #1a2a3a 100%); border-radius: 50% 50% 0 0 / 100% 100% 0 0; animation: eg-water 8s ease-in-out infinite alternate; }
@keyframes eg-fade {
  0% { opacity:0.7; transform: translateY(0); }
  50% { opacity:0.3; transform: translateY(-10px); }
  100% { opacity:0.5; transform: translateY(0); }
}
@keyframes eg-letter {
  0% { transform: rotate(-5deg) translateY(0); }
  50% { transform: rotate(2deg) translateY(-2px); }
  100% { transform: rotate(-3deg) translateY(1px); }
}
@keyframes eg-lantern {
  0% { opacity:0.3; transform: scale(0.8); }
  50% { opacity:0.6; transform: scale(1.2); }
  100% { opacity:0.4; transform: scale(1); }
}
@keyframes eg-water {
  0% { transform: translateY(0); }
  50% { transform: translateY(2px); }
  100% { transform: translateY(-2px); }
}

.scn-gray-indictment-final {
  background: radial-gradient(ellipse at 50% 60%, #1a1a2e 0%, transparent 70%), linear-gradient(180deg, #2a2a4e 0%, #0f0f1a 100%);
  overflow: hidden;
}
.scn-gray-indictment-final .wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #1a1a2e 0%, #0d0d1a 100%);
  animation: gi-wall 20s ease-in-out infinite alternate;
}
.scn-gray-indictment-final .desk {
  position: absolute; bottom: 0%; left: 10%; right: 10%; height: 18%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0f0a 100%);
  border-radius: 4% 4% 0 0; box-shadow: inset 0 4px 12px rgba(0,0,0,.5);
  transform-origin: bottom center; animation: gi-desk 12s ease-in-out infinite alternate;
}
.scn-gray-indictment-final .body {
  position: absolute; bottom: 22%; left: 35%; width: 26%; height: 40%;
  background: linear-gradient(135deg, #1a1a2a 0%, #0d0d1a 100%);
  border-radius: 30% 30% 40% 40% / 50% 50% 40% 40%;
  transform-origin: bottom center; animation: gi-body 6s ease-in-out infinite;
}
.scn-gray-indictment-final .head {
  position: absolute; bottom: 55%; left: 42%; width: 8%; height: 12%;
  background: radial-gradient(circle at 35% 40%, #252535 0%, #12121f 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: center bottom; animation: gi-head 7s ease-in-out infinite alternate;
}
.scn-gray-indictment-final .pamphlet {
  position: absolute; bottom: 32%; left: 52%; width: 12%; height: 18%;
  background: linear-gradient(180deg, #e8dcc8 0%, #c4b49a 100%);
  border-radius: 2%; box-shadow: 0 2px 6px rgba(0,0,0,.4);
  transform-origin: 30% 40%; animation: gi-pamphlet 4s ease-in-out infinite;
}
.scn-gray-indictment-final .lamp {
  position: absolute; bottom: 28%; left: 63%; width: 5%; height: 20%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1f12 100%);
  border-radius: 10% 10% 40% 40%; box-shadow: inset 0 2px 4px rgba(0,0,0,.3);
  transform-origin: bottom center; animation: gi-lamp 3s ease-in-out infinite alternate;
}
.scn-gray-indictment-final .glow {
  position: absolute; bottom: 44%; left: 55%; width: 40%; height: 20%;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,200,100,.35) 0%, transparent 70%);
  pointer-events: none; animation: gi-glow 3s ease-in-out infinite alternate;
}
.scn-gray-indictment-final .dust-a,
.scn-gray-indictment-final .dust-b {
  position: absolute; bottom: 60%; left: 30%;
  width: 2%; height: 2%;
  background: radial-gradient(circle, rgba(200,200,200,.6) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(1px);
}
.scn-gray-indictment-final .dust-a {
  animation: gi-dust 18s linear infinite;
}
.scn-gray-indictment-final .dust-b {
  animation: gi-dust 22s linear infinite 6s;
  width: 1.5%; height: 1.5%;
  background: rgba(180,180,180,0.5);
}
@keyframes gi-wall {
  0% { opacity: .9 }
  50% { opacity: 1 }
  100% { opacity: .85 }
}
@keyframes gi-desk {
  0% { transform: translateY(0) }
  50% { transform: translateY(-2px) }
  100% { transform: translateY(0) }
}
@keyframes gi-body {
  0% { transform: translateY(0) }
  50% { transform: translateY(-1px) }
  100% { transform: translateY(0) }
}
@keyframes gi-head {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(2deg) }
  100% { transform: rotate(-1deg) }
}
@keyframes gi-pamphlet {
  0% { transform: rotate(-1deg) translateY(0) }
  50% { transform: rotate(2deg) translateY(-1px) }
  100% { transform: rotate(-1deg) translateY(0) }
}
@keyframes gi-lamp {
  0% { transform: scaleY(1) scaleX(1); opacity: .9 }
  50% { transform: scaleY(1.02) scaleX(1.01); opacity: 1 }
  100% { transform: scaleY(0.98) scaleX(0.99); opacity: .85 }
}
@keyframes gi-glow {
  0% { opacity: .6; box-shadow: 0 0 20px 10px rgba(255,200,100,.2) }
  50% { opacity: .8; box-shadow: 0 0 35px 20px rgba(255,200,100,.4) }
  100% { opacity: .5; box-shadow: 0 0 15px 5px rgba(255,200,100,.15) }
}
@keyframes gi-dust {
  0% { transform: translate(0, 0) scale(1); opacity: 1 }
  50% { transform: translate(20px, -12px) scale(1.2); opacity: .7 }
  100% { transform: translate(40px, -24px) scale(0.8); opacity: 0 }
}

.scn-bluff-rabbit-plague {
  background:
    linear-gradient(180deg, #7b8c7a 0%, #5a6e5a 40%, #3d4f3d 100%),
    radial-gradient(ellipse at 30% 0%, #9ab0a0 0%, transparent 60%);
}
.scn-bluff-rabbit-plague .sky {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #b0bfb0 0%, #8a9e8a 100%);
  animation: brp-sky 12s ease-in-out infinite alternate;
}
.scn-bluff-rabbit-plague .hills-back {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #4d624d 0%, #2f3f2f 100%);
  border-radius: 60% 40% 0 0 / 80% 70% 0 0;
  animation: brp-hills-back 15s ease-in-out infinite alternate;
}
.scn-bluff-rabbit-plague .hills-front {
  position: absolute; bottom: 18%; left: -5%; right: -5%; height: 22%;
  background: linear-gradient(180deg, #3a4f3a 0%, #1f2f1f 100%);
  border-radius: 40% 60% 0 0 / 50% 60% 0 0;
  animation: brp-hills-front 10s ease-in-out infinite alternate;
}
.scn-bluff-rabbit-plague .rabbit-hole {
  position: absolute; bottom: 22%; left: 20%; width: 20px; height: 12px;
  background: #1a2a1a; border-radius: 50%;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.6);
}
.scn-bluff-rabbit-plague .hunter {
  position: absolute; bottom: 18%; left: 45%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #2d3d2d 0%, #1a2a1a 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: brp-hunter 6s ease-in-out infinite;
}
.scn-bluff-rabbit-plague .rabbit {
  position: absolute; bottom: 20%; left: 30%; width: 12px; height: 10px;
  background: #5a6e5a; border-radius: 50% 50% 40% 40% / 60% 60% 50% 50%;
  animation: brp-rabbit 4s ease-in-out infinite;
}
.scn-bluff-rabbit-plague .cloud-1 {
  position: absolute; top: 10%; left: 10%; width: 120px; height: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(200,210,200,.1) 100%);
  border-radius: 50%; filter: blur(8px);
  animation: brp-cloud-drift 40s linear infinite;
}
.scn-bluff-rabbit-plague .cloud-2 {
  position: absolute; top: 18%; right: 15%; width: 90px; height: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.25) 0%, rgba(200,210,200,.05) 100%);
  border-radius: 50%; filter: blur(6px);
  animation: brp-cloud-drift 55s linear infinite reverse;
}
@keyframes brp-sky {
  0%, 100% { opacity: .85 }
  50% { opacity: 1 }
}
@keyframes brp-hills-back {
  0% { transform: translateY(0) }
  100% { transform: translateY(-4px) }
}
@keyframes brp-hills-front {
  0% { transform: translateX(0) }
  50% { transform: translateX(3px) scale(1.005) }
  100% { transform: translateX(-3px) }
}
@keyframes brp-hunter {
  0%, 100% { transform: translateX(0) translateY(0) rotate(-2deg) }
  25% { transform: translateX(5px) translateY(-1px) rotate(2deg) }
  50% { transform: translateX(10px) translateY(0) rotate(-1deg) }
  75% { transform: translateX(5px) translateY(-2px) rotate(1deg) }
}
@keyframes brp-rabbit {
  0%, 100% { transform: translateX(0) translateY(0) scale(1) }
  30% { transform: translateX(3px) translateY(-2px) scale(1.05) }
  60% { transform: translateX(-3px) translateY(-1px) scale(0.95) }
}
@keyframes brp-cloud-drift {
  0% { transform: translateX(-50px) }
  100% { transform: translateX(110vw) }
}

.scn-item-moa-bones {
  background:
    linear-gradient(180deg, #1f2a1a 0%, #2a3a2a 40%, #1a1f1a 100%),
    radial-gradient(ellipse at 30% 50%, #3a4a3a 0%, transparent 60%);
}
.scn-item-moa-bones .wall {
  position: absolute; inset: 0; background: linear-gradient(180deg, #2a3a2a 0%, #1f2a1a 100%);
}
.scn-item-moa-bones .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #1f2a1a 0%, #0f1a0f 100%);
}
.scn-item-moa-bones .moa-skeleton {
  position: absolute; bottom: 15%; left: 30%; width: 80px; height: 130px;
  background:
    linear-gradient(180deg, #c8c0a0 0%, #a09870 100%);
  border-radius: 10% 10% 20% 20% / 40% 40% 30% 30%;
  clip-path: polygon(20% 0%, 80% 0%, 70% 30%, 60% 70%, 50% 100%, 40% 70%, 30% 30%);
  animation: imb-moa 8s ease-in-out infinite alternate;
}
.scn-item-moa-bones .jade-pendant {
  position: absolute; bottom: 40%; left: 50%; width: 16px; height: 24px;
  background: linear-gradient(180deg, #4a8a5a 0%, #2a6a3a 100%);
  border-radius: 30% 30% 40% 40% / 40% 40% 30% 30%;
  box-shadow: 0 0 12px 2px rgba(60,140,80,.4);
  animation: imb-jade 6s ease-in-out infinite;
}
.scn-item-moa-bones .light-ray {
  position: absolute; top: 0; left: 40%; width: 30%; height: 100%;
  background: linear-gradient(180deg, rgba(240,230,200,.15) 0%, transparent 80%);
  transform: skewX(-10deg);
  animation: imb-light 10s ease-in-out infinite alternate;
}
.scn-item-moa-bones .shadow-figure {
  position: absolute; bottom: 10%; left: 60%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #0a0f0a 0%, #000 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 50% 50%;
  animation: imb-shadow 12s ease-in-out infinite;
}
@keyframes imb-moa {
  0% { transform: scale(1) rotate(-1deg) }
  50% { transform: scale(1.02) rotate(2deg) translateY(-3px) }
  100% { transform: scale(1) rotate(0) translateY(0) }
}
@keyframes imb-jade {
  0%, 100% { transform: translateY(0) rotate(-5deg); opacity: .8 }
  50% { transform: translateY(-4px) rotate(5deg); opacity: 1 }
}
@keyframes imb-light {
  0% { opacity: .7 }
  100% { opacity: 1 }
}
@keyframes imb-shadow {
  0%, 100% { transform: translateX(0) translateY(0) scale(1) }
  50% { transform: translateX(3px) translateY(-2px) scale(1.03) }
}

.scn-perry-upson-billy-death {
  background:
    linear-gradient(180deg, #1a1a2a 0%, #0f0f1f 50%, #050510 100%),
    radial-gradient(ellipse at 50% 20%, #2a2a3a 0%, transparent 70%);
}
.scn-perry-upson-billy-death .room-bg {
  position: absolute; inset: 0 0 25% 0;
  background: linear-gradient(180deg, #1f1f2f 0%, #0f0f1f 100%);
}
.scn-perry-upson-billy-death .coffin {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);
  width: 100px; height: 50px;
  background: linear-gradient(180deg, #3a2a2a 0%, #1f1414 100%);
  border-radius: 6% 6% 20% 20% / 10% 10% 20% 20%;
  box-shadow: 0 8px 16px rgba(0,0,0,.6);
  animation: pub-coffin 15s ease-in-out infinite alternate;
}
.scn-perry-upson-billy-death .mourner {
  position: absolute; bottom: 18%; left: 30%; width: 22px; height: 50px;
  background: linear-gradient(180deg, #2a1a1a 0%, #0f0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 50% 50%;
  transform-origin: bottom center;
  animation: pub-mourner 8s ease-in-out infinite;
}
.scn-perry-upson-billy-death .candle {
  position: absolute; bottom: 25%; left: 45%; width: 8px; height: 30px;
  background: linear-gradient(180deg, #f0d0a0 0%, #c08050 100%);
  border-radius: 2px;
  animation: pub-candle-flicker 3s ease-in-out infinite;
}
.scn-perry-upson-billy-death .candle-glow {
  position: absolute; bottom: 28%; left: 44.5%; width: 18px; height: 18px;
  background: radial-gradient(circle, #f0c060 0%, rgba(240,192,96,.3) 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(240,192,96,.4);
  animation: pub-glow 2s ease-in-out infinite alternate;
}
.scn-perry-upson-billy-death .window-dark {
  position: absolute; top: 10%; left: 60%; width: 40px; height: 50px;
  background: #0a0a1a;
  border-radius: 4px;
  box-shadow: inset 0 0 8px rgba(0,0,0,.8);
  animation: pub-window 20s ease-in-out infinite alternate;
}
@keyframes pub-coffin {
  0% { transform: translateX(-50%) scale(1) rotate(0) }
  50% { transform: translateX(-50%) scale(1.01) rotate(1deg) }
  100% { transform: translateX(-50%) scale(1) rotate(0) }
}
@keyframes pub-mourner {
  0%, 100% { transform: translateX(0) translateY(0) rotate(-2deg) }
  30% { transform: translateX(2px) translateY(-3px) rotate(3deg) }
  60% { transform: translateX(-2px) translateY(-1px) rotate(-1deg) }
}
@keyframes pub-candle-flicker {
  0%, 100% { transform: scaleY(1); opacity: .9 }
  30% { transform: scaleY(1.1) translateY(-1px); opacity: 1 }
  60% { transform: scaleY(0.9) translateY(1px); opacity: .8 }
}
@keyframes pub-glow {
  0% { opacity: .6; transform: scale(1) }
  100% { opacity: 1; transform: scale(1.3) }
}
@keyframes pub-window {
  0% { opacity: .1 }
  100% { opacity: .3 }
}

.scn-princely-heir-romances {
  background:
    linear-gradient(180deg, #1a1a2a 0%, #2a1f2a 50%, #1a101a 100%),
    radial-gradient(ellipse at 50% 0%, #3a2a3a 0%, transparent 70%);
}
.scn-princely-heir-romances .palace-wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #3a2a3a 0%, #1f1a1f 100%);
}
.scn-princely-heir-romances .throne {
  position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);
  width: 60px; height: 80px;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a1a 100%);
  border-radius: 10% 10% 20% 20% / 40% 40% 30% 30%;
  box-shadow: 0 8px 16px rgba(0,0,0,.5);
  animation: phr-throne 12s ease-in-out infinite alternate;
}
.scn-princely-heir-romances .prince-true {
  position: absolute; bottom: 18%; left: 40%; width: 20px; height: 50px;
  background: linear-gradient(180deg, #4a3a5a 0%, #2a1f2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: phr-true 8s ease-in-out infinite;
}
.scn-princely-heir-romances .prince-false {
  position: absolute; bottom: 18%; left: 55%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: phr-false 10s ease-in-out infinite;
}
.scn-princely-heir-romances .crown {
  position: absolute; bottom: 50%; left: 50%; transform: translateX(-50%);
  width: 30px; height: 20px;
  background: linear-gradient(180deg, #c8a050 0%, #8a6a30 100%);
  clip-path: polygon(0% 100%, 20% 0%, 40% 40%, 60% 0%, 80% 40%, 100% 0%, 100% 100%);
  animation: phr-crown 6s ease-in-out infinite;
}
.scn-princely-heir-romances .vignette {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 50%, transparent 50%, rgba(0,0,0,.4) 100%);
  pointer-events: none;
  animation: phr-vignette 15s ease-in-out infinite alternate;
}
@keyframes phr-throne {
  0% { transform: translateX(-50%) scale(1) rotate(0) }
  50% { transform: translateX(-50%) scale(1.02) rotate(2deg) }
  100% { transform: translateX(-50%) scale(1) rotate(-1deg) }
}
@keyframes phr-true {
  0%, 100% { transform: translateX(0) translateY(0) rotate(-1deg) }
  30% { transform: translateX(2px) translateY(-2px) rotate(3deg) }
  60% { transform: translateX(-2px) translateY(-1px) rotate(-2deg) }
}
@keyframes phr-false {
  0%, 100% { transform: translateX(0) translateY(0) rotate(1deg) }
  25% { transform: translateX(-2px) translateY(-3px) rotate(-3deg) }
  50% { transform: translateX(3px) translateY(-1px) rotate(2deg) }
  75% { transform: translateX(-1px) translateY(-2px) rotate(-1deg) }
}
@keyframes phr-crown {
  0%, 100% { transform: translateX(-50%) translateY(0) rotate(-5deg); opacity: .8 }
  50% { transform: translateX(-50%) translateY(-4px) rotate(5deg); opacity: 1 }
}
@keyframes phr-vignette {
  0% { opacity: .5 }
  100% { opacity: .8 }
}

/* kanaka-exile-labor-traffic – dark + sunlit */
.scn-kanaka-exile-labor-traffic {
  background: linear-gradient(180deg, #1a2a4a 0%, #3a5a7a 40%, #8a9a5a 100%), radial-gradient(ellipse at 120% 20%, #ffd080 0%, transparent 60%);
}
.scn-kanaka-exile-labor-traffic .deck {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 2% 2% 0 0;
  animation: klt-deck 6s ease-in-out infinite;
}
.scn-kanaka-exile-labor-traffic .rail {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 4px;
  background: #6a4a2a;
  box-shadow: 0 2px 4px rgba(0,0,0,.6);
}
.scn-kanaka-exile-labor-traffic .figure-klt {
  position: absolute; bottom: 22%; left: 35%; width: 22px; height: 48px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: klt-figure 8s ease-in-out infinite;
}
.scn-kanaka-exile-labor-traffic .hat {
  position: absolute; bottom: 62%; left: 33%; width: 28px; height: 12px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 4px 6px rgba(0,0,0,.5);
  animation: klt-hat 8s ease-in-out infinite;
}
.scn-kanaka-exile-labor-traffic .umbrella {
  position: absolute; bottom: 60%; left: 42%; width: 20px; height: 6px;
  background: #4a3a2a;
  border-radius: 50% 50% 0 0;
  transform-origin: left bottom;
  animation: klt-umbrella 10s ease-in-out infinite;
}
.scn-kanaka-exile-labor-traffic .belt {
  position: absolute; bottom: 35%; left: 36%; width: 14px; height: 4px;
  background: #5a2a1a;
  border-radius: 2px;
  animation: klt-belt 8s ease-in-out infinite;
}
.scn-kanaka-exile-labor-traffic .chain {
  position: absolute; bottom: 18%; left: 38%; width: 10px; height: 12px;
  border: 2px solid #8a6a3a;
  border-radius: 50%;
  animation: klt-chain 3s ease-in-out infinite alternate;
}
.scn-kanaka-exile-labor-traffic .sunray {
  position: absolute; top: 5%; right: 10%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(255,200,100,.6) 0%, transparent 70%);
  filter: blur(8px);
  animation: klt-sun 20s linear infinite;
}
@keyframes klt-deck { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes klt-figure { 0% { transform: translateX(0) rotate(-1deg); } 25% { transform: translateX(5px) rotate(1deg); } 50% { transform: translateX(10px) rotate(-1deg); } 75% { transform: translateX(5px) rotate(1deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes klt-hat { 0%,100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(3px) rotate(5deg); } }
@keyframes klt-umbrella { 0%,100% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } }
@keyframes klt-belt { 0%,100% { opacity: .8; } 50% { opacity: 1; } }
@keyframes klt-chain { 0% { transform: translateY(0) scaleY(1); } 100% { transform: translateY(4px) scaleY(1.3); } }
@keyframes klt-sun { 0% { opacity: .6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: .6; transform: scale(1); } }

/* gray-indictment-kanaka-traffic – tense + overcast */
.scn-gray-indictment-kanaka-traffic {
  background: linear-gradient(180deg, #3a4a5a 0%, #5a6a7a 30%, #4a5a6a 100%), radial-gradient(ellipse at 50% 80%, #7a8a9a 0%, transparent 60%);
}
.scn-gray-indictment-kanaka-traffic .sea-gik {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #4a5a6a 0%, #3a4a5a 100%);
  animation: gik-sea 8s ease-in-out infinite alternate;
}
.scn-gray-indictment-kanaka-traffic .sky-gik {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #6a7a8a 0%, transparent 100%);
  animation: gik-sky 12s ease-in-out infinite alternate;
}
.scn-gray-indictment-kanaka-traffic .ship-gik {
  position: absolute; bottom: 20%; left: 30%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a0a00 100%);
  border-radius: 40% 40% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,.5);
  animation: gik-ship 10s ease-in-out infinite;
}
.scn-gray-indictment-kanaka-traffic .sail-gik {
  position: absolute; bottom: 30%; left: 34%; width: 30px; height: 40px;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
  animation: gik-sail 12s ease-in-out infinite;
}
.scn-gray-indictment-kanaka-traffic .cross-gik {
  position: absolute; bottom: 35%; left: 32%; width: 6px; height: 20px;
  background: #8a6a3a;
  border-radius: 2px;
  transform: rotate(15deg);
  animation: gik-cross 6s ease-in-out infinite;
}
.scn-gray-indictment-kanaka-traffic .cloud-gik-a {
  position: absolute; top: 15%; left: 10%; width: 70px; height: 20px;
  background: linear-gradient(180deg, rgba(200,210,220,.6) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: gik-drift-a 40s linear infinite;
}
.scn-gray-indictment-kanaka-traffic .cloud-gik-b {
  position: absolute; top: 25%; right: 20%; width: 50px; height: 14px;
  background: linear-gradient(180deg, rgba(180,190,200,.4) 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(6px);
  animation: gik-drift-b 50s linear infinite reverse;
}
@keyframes gik-sea { 0% { transform: translateY(0); } 50% { transform: translateY(3px); } 100% { transform: translateY(0); } }
@keyframes gik-sky { 0% { opacity: .7; } 50% { opacity: .9; } 100% { opacity: .7; } }
@keyframes gik-ship { 0% { transform: translateX(0) rotate(-1deg); } 50% { transform: translateX(5px) rotate(1deg); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes gik-sail { 0%,100% { transform: scaleY(1); } 50% { transform: scaleY(1.05); } }
@keyframes gik-cross { 0%,100% { transform: rotate(15deg) scale(1); } 50% { transform: rotate(20deg) scale(1.1); } }
@keyframes gik-drift-a { 0% { transform: translateX(-40px); } 100% { transform: translateX(120vw); } }
@keyframes gik-drift-b { 0% { transform: translateX(0); } 100% { transform: translateX(-100vw); } }

/* hand-car-india-violence – tense + sunlit */
.scn-hand-car-india-violence {
  background: linear-gradient(180deg, #8a9a5a 0%, #6a7a3a 30%, #4a5a2a 100%), radial-gradient(ellipse at 80% 20%, #ffd080 0%, transparent 50%);
}
.scn-hand-car-india-violence .track-hcv {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 6px;
  background: linear-gradient(90deg, #3a2a1a, #5a4a3a, #3a2a1a);
  animation: hcv-track 4s linear infinite;
}
.scn-hand-car-india-violence .handcar-hcv {
  position: absolute; bottom: 20%; left: 20%; width: 50px; height: 20px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.6);
  animation: hcv-handcar 8s ease-in-out infinite;
}
.scn-hand-car-india-violence .figure-hcv {
  position: absolute; bottom: 28%; left: 24%; width: 18px; height: 32px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hcv-figure 2s ease-in-out infinite alternate;
}
.scn-hand-car-india-violence .banyan-hcv {
  position: absolute; bottom: 0; right: 15%; width: 60px; height: 80px;
  background: radial-gradient(ellipse at 50% 100%, #3a5a2a 0%, #1a2a0a 100%);
  border-radius: 50% 50% 0 0;
  animation: hcv-banyan 20s ease-in-out infinite;
}
.scn-hand-car-india-violence .bird-hcv {
  position: absolute; bottom: 50%; right: 30%; width: 8px; height: 6px;
  background: #6a4a2a;
  border-radius: 50% 50% 0 0;
  animation: hcv-bird 1s ease-in-out infinite alternate;
}
.scn-hand-car-india-violence .shadow-hcv {
  position: absolute; bottom: 10%; left: 20%; width: 50px; height: 10px;
  background: radial-gradient(ellipse, rgba(0,0,0,.4) 0%, transparent 100%);
  filter: blur(4px);
  animation: hcv-shadow 8s ease-in-out infinite;
}
.scn-hand-car-india-violence .wheel-hcv {
  position: absolute; bottom: 16%; left: 22%; width: 12px; height: 12px;
  background: #3a2a1a;
  border-radius: 50%;
  border: 2px solid #5a4a3a;
  animation: hcv-wheel 1s linear infinite;
}
@keyframes hcv-track { 0% { background-position: 0 0; } 100% { background-position: 40px 0; } }
@keyframes hcv-handcar { 0% { transform: translateX(0) rotate(0); } 25% { transform: translateX(10px) rotate(-2deg); } 50% { transform: translateX(20px) rotate(0); } 75% { transform: translateX(10px) rotate(2deg); } 100% { transform: translateX(0) rotate(0); } }
@keyframes hcv-figure { 0% { transform: translateY(0) rotate(-3deg); } 100% { transform: translateY(-4px) rotate(3deg); } }
@keyframes hcv-banyan { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }
@keyframes hcv-bird { 0% { transform: translateY(0) rotate(-10deg); } 100% { transform: translateY(-2px) rotate(10deg); } }
@keyframes hcv-shadow { 0% { transform: scaleX(1); opacity: .6; } 50% { transform: scaleX(1.2); opacity: .4; } 100% { transform: scaleX(1); opacity: .6; } }
@keyframes hcv-wheel { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* muzaffurpore-train-rupee – tense + sunlit */
.scn-muzaffurpore-train-rupee {
  background: linear-gradient(180deg, #7a8a4a 0%, #5a6a3a 30%, #3a4a2a 100%), radial-gradient(ellipse at 10% 90%, #ffc080 0%, transparent 60%);
}
.scn-muzaffurpore-train-rupee .track-mt {
  position: absolute; bottom: 12%; left: 0; right: 0; height: 6px;
  background: repeating-linear-gradient(90deg, #3a2a1a, #3a2a1a 4px, #5a4a3a 4px, #5a4a3a 8px);
  animation: mt-track 3s linear infinite;
}
.scn-muzaffurpore-train-rupee .train-mt {
  position: absolute; bottom: 15%; left: 10%; width: 100px; height: 40px;
  background: linear-gradient(180deg, #6a4a2a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 6px 12px rgba(0,0,0,.6);
  animation: mt-train 10s ease-in-out infinite;
}
.scn-muzaffurpore-train-rupee .engine-mt {
  position: absolute; bottom: 15%; left: 8%; width: 24px; height: 36px;
  background: linear-gradient(180deg, #8a6a3a 0%, #5a3a1a 100%);
  border-radius: 20% 20% 4% 4%;
  animation: mt-engine 10s ease-in-out infinite;
}
.scn-muzaffurpore-train-rupee .figure-mt {
  position: absolute; bottom: 22%; left: 20%; width: 16px; height: 28px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: mt-figure 3s ease-in-out infinite alternate;
}
.scn-muzaffurpore-train-rupee .coin-mt {
  position: absolute; bottom: 32%; left: 22%; width: 8px; height: 8px;
  background: radial-gradient(circle, #ffd080 0%, #b08040 100%);
  border-radius: 50%;
  box-shadow: 0 0 6px 2px rgba(255,208,128,.6);
  animation: mt-coin 2s ease-in-out infinite;
}
.scn-muzaffurpore-train-rupee .snake-mt {
  position: absolute; bottom: 0; left: 40%; width: 50px; height: 10px;
  background: repeating-linear-gradient(90deg, #4a6a3a, #4a6a3a 6px, #2a4a1a 6px, #2a4a1a 12px);
  border-radius: 50%;
  transform: rotate(10deg);
  animation: mt-snake 4s ease-in-out infinite;
}
.scn-muzaffurpore-train-rupee .smoke-mt {
  position: absolute; bottom: 50%; left: 12%; width: 20px; height: 30px;
  background: radial-gradient(ellipse, rgba(150,140,130,.4) 0%, transparent 100%);
  filter: blur(6px);
  animation: mt-smoke 8s ease-in-out infinite;
}
@keyframes mt-track { 0% { background-position: 0 0; } 100% { background-position: 16px 0; } }
@keyframes mt-train { 0% { transform: translateX(0); } 25% { transform: translateX(15px); } 50% { transform: translateX(30px); } 75% { transform: translateX(15px); } 100% { transform: translateX(0); } }
@keyframes mt-engine { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(15px) scaleY(1.05); } 100% { transform: translateX(0) scaleY(1); } }
@keyframes mt-figure { 0% { transform: translateY(0) rotate(-2deg); } 100% { transform: translateY(-3px) rotate(2deg); } }
@keyframes mt-coin { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-6px) rotate(180deg); } 100% { transform: translateY(0) rotate(360deg); } }
@keyframes mt-snake { 0% { transform: rotate(10deg) translateX(0); } 50% { transform: rotate(15deg) translateX(5px); } 100% { transform: rotate(10deg) translateX(0); } }
@keyframes mt-smoke { 0% { opacity: .3; transform: translateY(0) scale(1); } 50% { opacity: .5; transform: translateY(-10px) scale(1.5); } 100% { opacity: .3; transform: translateY(0) scale(1); } }

.scn-tabu-separation-death { background: radial-gradient(ellipse at 50% 30%, #3a2a1a 0%, #1a0e05 60%, #0a0500 100%), linear-gradient(180deg, #2a1a0a 0%, #1a0e05 50%, #0a0500 100%); }
.scn-tabu-separation-death .wall { position:absolute; left:45%; top:5%; width:10%; height:75%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-left:2px solid #5a4a3a; border-right:2px solid #5a4a3a; animation: tsd-wall 6s ease-in-out infinite; }
.scn-tabu-separation-death .left-fig { position:absolute; left:20%; top:45%; width:12%; height:30%; background: linear-gradient(180deg, #1a0e05 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tsd-fig-left 4s ease-in-out infinite; }
.scn-tabu-separation-death .right-fig { position:absolute; right:20%; top:45%; width:12%; height:30%; background: linear-gradient(180deg, #1a0e05 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tsd-fig-right 4s ease-in-out infinite; }
.scn-tabu-separation-death .floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0e05 100%); border-top:1px solid #3a2a1a; }
.scn-tabu-separation-death .fire { position:absolute; bottom:20%; left:45%; width:10%; height:15%; background: radial-gradient(ellipse at 50% 100%, #ff8020 0%, #b04010 40%, #1a0e05 100%); border-radius: 50%; animation: tsd-fire 2s ease-in-out infinite alternate; }
.scn-tabu-separation-death .smoke { position:absolute; bottom:30%; left:40%; width:20%; height:20%; background: radial-gradient(ellipse at 50% 0%, rgba(120,80,40,.3) 0%, transparent 70%); filter: blur(8px); animation: tsd-smoke 8s linear infinite; }
.scn-tabu-separation-death .shadow-left { position:absolute; left:18%; bottom:22%; width:14%; height:8%; background: rgba(0,0,0,0.4); border-radius: 50%; filter: blur(4px); animation: tsd-shadow 4s ease-in-out infinite; }
.scn-tabu-separation-death .shadow-right { position:absolute; right:18%; bottom:22%; width:14%; height:8%; background: rgba(0,0,0,0.4); border-radius: 50%; filter: blur(4px); animation: tsd-shadow 4s ease-in-out infinite 2s; }
@keyframes tsd-wall { 0%,100% { opacity:1; } 50% { opacity:0.7; box-shadow: inset 0 0 10px #2a1a0a; } }
@keyframes tsd-fig-left { 0%,100% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(-3px) translateY(-2px) rotate(-2deg); } 50% { transform: translateX(0) translateY(0) rotate(0deg); } 75% { transform: translateX(3px) translateY(-1px) rotate(2deg); } }
@keyframes tsd-fig-right { 0%,100% { transform: translateX(0) translateY(0) rotate(0deg); } 25% { transform: translateX(3px) translateY(-2px) rotate(2deg); } 50% { transform: translateX(0) translateY(0) rotate(0deg); } 75% { transform: translateX(-3px) translateY(-1px) rotate(-2deg); } }
@keyframes tsd-fire { 0% { transform: scaleY(1); opacity:0.9; box-shadow: 0 -4px 20px #ff8020; } 50% { transform: scaleY(1.3); opacity:1; box-shadow: 0 -6px 30px #ff9020; } 100% { transform: scaleY(0.9); opacity:0.8; box-shadow: 0 -2px 10px #ff7020; } }
@keyframes tsd-smoke { 0% { transform: translateY(0) translateX(0) scale(1); opacity:0.3; } 50% { transform: translateY(-20px) translateX(10px) scale(1.5); opacity:0.1; } 100% { transform: translateY(-40px) translateX(-10px) scale(2); opacity:0; } }
@keyframes tsd-shadow { 0%,100% { transform: scaleX(1); opacity:0.4; } 50% { transform: scaleX(0.8); opacity:0.6; } }

.scn-tabu-penalty-death { background: radial-gradient(ellipse at 50% 60%, #2a1a0a 0%, #0a0500 70%, #000000 100%), linear-gradient(180deg, #1a0e05 0%, #0a0500 50%, #000 100%); }
.scn-tabu-penalty-death .altar { position:absolute; bottom:20%; left:35%; width:30%; height:15%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -6px 20px rgba(0,0,0,0.8); }
.scn-tabu-penalty-death .victim { position:absolute; bottom:30%; left:42%; width:16%; height:35%; background: linear-gradient(180deg, #1a0e05 0%, #0a0500 100%); border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tpd-victim 5s ease-in-out infinite; }
.scn-tabu-penalty-death .executioner { position:absolute; bottom:28%; right:30%; width:18%; height:40%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0e05 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: tpd-exe 5s ease-in-out infinite; }
.scn-tabu-penalty-death .blade { position:absolute; bottom:60%; right:35%; width:6%; height:15%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 0 0 50% 50%; clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 40% 100%); transform-origin: top center; animation: tpd-blade 3s ease-in-out infinite; }
.scn-tabu-penalty-death .torch { position:absolute; bottom:25%; left:25%; width:8%; height:20%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%); border-radius: 10%; transform: rotate(-10deg); animation: tpd-torch 6s ease-in-out infinite; }
.scn-tabu-penalty-death .blood { position:absolute; bottom:10%; left:38%; width:24%; height:6%; background: radial-gradient(ellipse, #702243 0%, #1a0e05 100%); border-radius: 50%; filter: blur(3px); animation: tpd-blood 4s ease-in-out infinite; }
.scn-tabu-penalty-death .drip { position:absolute; bottom:15%; left:45%; width:3%; height:8%; background: linear-gradient(180deg, #702243 0%, #1a0e05 100%); border-radius: 0 0 50% 50%; animation: tpd-drip 2s ease-in-out infinite; }
@keyframes tpd-victim { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-2px) rotate(1deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(-1deg); } }
@keyframes tpd-exe { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(-5px) rotate(-2deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(5px) rotate(2deg); } }
@keyframes tpd-blade { 0%,100% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(-15deg) translateY(-10px); } }
@keyframes tpd-torch { 0%,100% { transform: rotate(-10deg) translateY(0); opacity:0.8; } 50% { transform: rotate(-5deg) translateY(-3px); opacity:1; } }
@keyframes tpd-blood { 0%,100% { transform: scaleX(1); opacity:0.6; } 50% { transform: scaleX(1.2); opacity:0.8; } }
@keyframes tpd-drip { 0% { transform: translateY(0); opacity:0.8; } 50% { transform: translateY(8px); opacity:0.4; } 100% { transform: translateY(16px); opacity:0; } }

.scn-tabu-rags-death { background: radial-gradient(ellipse at 50% 20%, #3a2a1a 0%, #1a0e05 70%, #0a0500 100%), linear-gradient(180deg, #2a1a0a 0%, #1a0e05 100%); }
.scn-tabu-rags-death .post { position:absolute; bottom:20%; left:50%; width:4%; height:60%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); transform: translateX(-50%); border-radius: 5% 5% 0 0; }
.scn-tabu-rags-death .rag-1 { position:absolute; bottom:55%; left:48%; width:8%; height:12%; background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%); border-radius: 0 0 50% 50%; transform-origin: top center; animation: trd-rag-1 6s ease-in-out infinite; }
.scn-tabu-rags-death .rag-2 { position:absolute; bottom:40%; left:52%; width:6%; height:10%; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 0 0 40% 40%; transform-origin: top center; animation: trd-rag-2 8s ease-in-out infinite; }
.scn-tabu-rags-death .ground { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-top:2px solid #3a2a1a; }
.scn-tabu-rags-death .figure { position:absolute; bottom:25%; left:30%; width:14%; height:35%; background: linear-gradient(180deg, #1a0e05 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: trd-figure 5s ease-in-out infinite; }
.scn-tabu-rags-death .shadow { position:absolute; bottom:20%; left:28%; width:18%; height:6%; background: rgba(0,0,0,0.5); border-radius: 50%; filter: blur(5px); animation: trd-shadow 5s ease-in-out infinite; }
.scn-tabu-rags-death .dust { position:absolute; bottom:30%; left:25%; width:50%; height:20%; background: radial-gradient(ellipse at 50% 0%, rgba(100,80,60,0.1) 0%, transparent 70%); filter: blur(10px); animation: trd-dust 10s linear infinite; }
@keyframes trd-rag-1 { 0%,100% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-5deg); } }
@keyframes trd-rag-2 { 0%,100% { transform: rotate(0deg); } 30% { transform: rotate(-8deg); } 60% { transform: rotate(3deg); } 100% { transform: rotate(0deg); } }
@keyframes trd-figure { 0%,100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(2deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(-2deg); } }
@keyframes trd-shadow { 0%,100% { transform: scaleX(1); opacity:0.5; } 50% { transform: scaleX(0.8); opacity:0.7; } }
@keyframes trd-dust { 0% { transform: translateX(-20px) scale(1); opacity:0.2; } 50% { transform: translateX(20px) scale(1.3); opacity:0.3; } 100% { transform: translateX(-20px) scale(1); opacity:0.2; } }

.scn-liholiho-destroys-church { background: radial-gradient(ellipse at 30% 50%, #5a3a2a 0%, #1a0e05 60%, #0a0500 100%), linear-gradient(180deg, #3a2a1a 0%, #1a0e05 100%); }
.scn-liholiho-destroys-church .pew-left { position:absolute; bottom:20%; left:10%; width:30%; height:15%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 10%; transform: rotate(-3deg); animation: ldc-pew 7s ease-in-out infinite; }
.scn-liholiho-destroys-church .pew-right { position:absolute; bottom:18%; right:10%; width:30%; height:15%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 10%; transform: rotate(5deg); animation: ldc-pew 7s ease-in-out infinite 3.5s; }
.scn-liholiho-destroys-church .statue { position:absolute; bottom:30%; left:35%; width:10%; height:40%; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 20% 20% 10% 10%; transform: rotate(-10deg); animation: ldc-statue 8s ease-in-out infinite; }
.scn-liholiho-destroys-church .king { position:absolute; bottom:28%; left:50%; width:16%; height:40%; background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: ldc-king 4s ease-in-out infinite; }
.scn-liholiho-destroys-church .torch { position:absolute; bottom:45%; left:52%; width:6%; height:18%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 10%; transform: rotate(15deg); animation: ldc-torch 3s ease-in-out infinite; }
.scn-liholiho-destroys-church .flame { position:absolute; bottom:60%; left:50%; width:10%; height:12%; background: radial-gradient(ellipse at 50% 100%, #ff9020 0%, #b04010 50%, transparent 100%); border-radius: 50%; animation: ldc-flame 0.8s ease-in-out infinite alternate; }
.scn-liholiho-destroys-church .debris-1 { position:absolute; bottom:10%; left:20%; width:8%; height:4%; background: #4a3a2a; border-radius: 20%; transform: rotate(45deg); animation: ldc-debris 5s ease-in-out infinite; }
.scn-liholiho-destroys-church .debris-2 { position:absolute; bottom:15%; right:25%; width:6%; height:3%; background: #3a2a1a; border-radius: 10%; transform: rotate(-30deg); animation: ldc-debris 5s ease-in-out infinite 2.5s; }
@keyframes ldc-pew { 0%,100% { transform: rotate(-3deg) translateY(0); } 50% { transform: rotate(-5deg) translateY(-5px); } }
@keyframes ldc-statue { 0%,100% { transform: rotate(-10deg) translateY(0); } 30% { transform: rotate(-15deg) translateY(-8px); } 60% { transform: rotate(-5deg) translateY(-3px); } }
@keyframes ldc-king { 0%,100% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(8px) rotate(3deg); } 50% { transform: translateX(0) rotate(0deg); } 75% { transform: translateX(-8px) rotate(-3deg); } }
@keyframes ldc-torch { 0%,100% { transform: rotate(15deg) translateY(0); opacity:0.9; } 50% { transform: rotate(10deg) translateY(-4px); opacity:1; } }
@keyframes ldc-flame { 0% { transform: scaleY(0.8); opacity:0.8; box-shadow: 0 -4px 20px #ff9020; } 100% { transform: scaleY(1.3); opacity:1; box-shadow: 0 -8px 30px #ffa030; } }
@keyframes ldc-debris { 0%,100% { transform: rotate(45deg) translateY(0); opacity:0.7; } 50% { transform: rotate(50deg) translateY(-10px); opacity:0.3; } }

.scn-southern-cross-observation {
  background: linear-gradient(180deg, #0b0e1a 0%, #141b2e 40%, #1f2b45 70%, #2a3a5a 100%),
              radial-gradient(ellipse at 50% 100%, #1f2b45 0%, transparent 70%);
}
.scn-southern-cross-observation .sky-dark {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #0a0c18 0%, #111626 100%);
  animation: sso-sky 20s ease-in-out infinite alternate;
}
.scn-southern-cross-observation .stars-back {
  position: absolute; inset: 5% 10% 50% 10%;
  background: radial-gradient(circle at 20% 30%, rgba(255,255,240,0.6) 0%, transparent 2%),
              radial-gradient(circle at 65% 15%, rgba(255,255,240,0.4) 0%, transparent 1.5%),
              radial-gradient(circle at 80% 45%, rgba(255,255,240,0.5) 0%, transparent 2%);
  animation: sso-twinkle 4s ease-in-out infinite alternate;
}
.scn-southern-cross-observation .stars-mid {
  position: absolute; inset: 8% 5% 55% 5%;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,0.8) 0%, transparent 1.5%),
              radial-gradient(circle at 50% 35%, rgba(255,255,255,0.7) 0%, transparent 1%),
              radial-gradient(circle at 70% 20%, rgba(255,255,255,0.6) 0%, transparent 1.5%);
  animation: sso-twinkle2 6s ease-in-out infinite alternate;
}
.scn-southern-cross-observation .southern-cross {
  position: absolute; top: 18%; left: 50%; width: 60px; height: 100px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 30%, rgba(200,215,255,0.9) 0%, transparent 10%),
              radial-gradient(circle at 50% 70%, rgba(200,215,255,0.6) 0%, transparent 8%),
              radical-gradient(circle at 30% 50%, rgba(200,215,255,0.7) 0%, transparent 5%),
              radial-gradient(circle at 70% 50%, rgba(200,215,255,0.7) 0%, transparent 5%);
  animation: sso-cross-glow 8s ease-in-out infinite alternate;
}
.scn-southern-cross-observation .horizon {
  position: absolute; bottom: 45%; left: 0; right: 0; height: 8%;
  background: linear-gradient(180deg, #2a3a5a 0%, #1f2b45 100%);
  border-radius: 30% 40% 0 0;
  box-shadow: inset 0 4px 10px rgba(0,0,0,0.5);
}
.scn-southern-cross-observation .deck {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 45%;
  background: linear-gradient(180deg, #1a1c2a 0%, #0e1018 100%);
  border-radius: 40% 40% 0 0;
  box-shadow: inset 0 -8px 20px rgba(0,0,0,0.6);
}
.scn-southern-cross-observation .figure-silhouette {
  position: absolute; bottom: 30%; left: 30%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #0a0a12 0%, #020308 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
  animation: sso-figure 15s ease-in-out infinite alternate;
}
.scn-southern-cross-observation .lamp-glow {
  position: absolute; bottom: 32%; left: 28%; width: 6px; height: 6px;
  background: radial-gradient(circle, #ffe8b0 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 20px 8px rgba(255,232,176,0.5);
  animation: sso-lamp 5s ease-in-out infinite alternate;
}
@keyframes sso-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.75; } }
@keyframes sso-twinkle { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.5; } }
@keyframes sso-twinkle2 { 0% { opacity: 0.5; } 50% { opacity: 0.9; } 100% { opacity: 0.4; } }
@keyframes sso-cross-glow { 0% { opacity: 0.7; transform: translateX(-50%) scale(1); } 50% { opacity: 1; transform: translateX(-50%) scale(1.05); } 100% { opacity: 0.8; transform: translateX(-50%) scale(0.98); } }
@keyframes sso-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(2deg); } 100% { transform: translateY(0) rotate(-2deg); } }
@keyframes sso-lamp { 0% { opacity: 0.7; box-shadow: 0 0 15px 5px rgba(255,232,176,0.4); } 50% { opacity: 1; box-shadow: 0 0 25px 10px rgba(255,232,176,0.7); } 100% { opacity: 0.8; box-shadow: 0 0 18px 6px rgba(255,232,176,0.5); } }

.scn-southern-cross-disappointment-shape {
  background: linear-gradient(180deg, #080c1a 0%, #101624 40%, #1a2238 100%),
              radial-gradient(ellipse at 50% 100%, #1a2238 0%, transparent 60%);
}
.scn-southern-cross-disappointment-shape .sky-deep {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #060a16 0%, #0e1322 100%);
  animation: sds-sky 25s ease-in-out infinite alternate;
}
.scn-southern-cross-disappointment-shape .stars-glint {
  position: absolute; inset: 5% 10% 50% 10%;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.4) 0%, transparent 2%),
              radial-gradient(circle at 70% 30%, rgba(255,255,255,0.3) 0%, transparent 1.5%),
              radial-gradient(circle at 50% 60%, rgba(200,210,255,0.5) 0%, transparent 2%);
  animation: sds-glint 5s ease-in-out infinite alternate;
}
.scn-southern-cross-disappointment-shape .cross-warped {
  position: absolute; top: 15%; left: 50%; width: 80px; height: 120px;
  transform: translateX(-50%) rotate(5deg);
  background: radial-gradient(circle at 50% 20%, rgba(190,200,240,0.8) 0%, transparent 12%),
              radial-gradient(circle at 50% 80%, rgba(190,200,240,0.5) 0%, transparent 10%);
  border-radius: 20% 20% 10% 10% / 50% 50% 30% 30%;
  box-shadow: 0 0 30px 8px rgba(160,180,230,0.3);
  animation: sds-warp 10s ease-in-out infinite alternate;
}
.scn-southern-cross-disappointment-shape .cross-bar {
  position: absolute; top: 30%; left: 50%; width: 40px; height: 8px;
  transform: translateX(-50%) rotate(-10deg);
  background: linear-gradient(90deg, rgba(160,180,230,0.7), rgba(160,180,230,0.2));
  border-radius: 4px;
  box-shadow: 0 0 12px 3px rgba(160,180,230,0.4);
  animation: sds-bar 12s ease-in-out infinite alternate;
}
.scn-southern-cross-disappointment-shape .figure-stargazer {
  position: absolute; bottom: 30%; left: 40%; width: 18px; height: 42px;
  background: linear-gradient(180deg, #0f141e 0%, #060810 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sds-stargaze 8s ease-in-out infinite alternate;
}
.scn-southern-cross-disappointment-shape .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #121624 0%, #080a12 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: inset 0 6px 15px rgba(0,0,0,0.5);
}
@keyframes sds-sky { 0% { opacity: 0.75; } 50% { opacity: 1; } 100% { opacity: 0.65; } }
@keyframes sds-glint { 0% { opacity: 0.5; } 50% { opacity: 0.9; } 100% { opacity: 0.4; } }
@keyframes sds-warp { 0% { transform: translateX(-50%) rotate(3deg) scale(1); } 50% { transform: translateX(-50%) rotate(8deg) scale(1.02); } 100% { transform: translateX(-50%) rotate(2deg) scale(0.98); } }
@keyframes sds-bar { 0% { transform: translateX(-50%) rotate(-12deg); } 50% { transform: translateX(-50%) rotate(-5deg); } 100% { transform: translateX(-50%) rotate(-15deg); } }
@keyframes sds-stargaze { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(3deg); } 100% { transform: translateY(0) rotate(-2deg); } }

.scn-constellations-rename-kite {
  background: linear-gradient(180deg, #0e1a30 0%, #1a2a4a 40%, #2a3d5a 100%),
              radial-gradient(ellipse at 60% 20%, #3a5a7a 0%, transparent 50%);
}
.scn-constellations-rename-kite .sky-bright {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #101e36 0%, #1a2e4e 100%);
  animation: crk-sky 18s ease-in-out infinite alternate;
}
.scn-constellations-rename-kite .stars-dance {
  position: absolute; inset: 5% 5% 50% 5%;
  background: radial-gradient(circle at 15% 25%, rgba(255,255,200,0.7) 0%, transparent 2%),
              radial-gradient(circle at 40% 45%, rgba(255,255,200,0.5) 0%, transparent 1.5%),
              radial-gradient(circle at 70% 15%, rgba(255,255,200,0.6) 0%, transparent 2%);
  animation: crk-dance 3s ease-in-out infinite alternate;
}
.scn-constellations-rename-kite .kite-shape {
  position: absolute; top: 15%; left: 40%; width: 70px; height: 90px;
  background: linear-gradient(135deg, #ffd966 0%, #e6b800 50%, #b38f00 100%);
  clip-path: polygon(50% 0%, 100% 45%, 50% 100%, 0% 45%);
  box-shadow: 0 0 40px 12px rgba(255,217,102,0.4);
  animation: crk-kite 6s ease-in-out infinite alternate;
}
.scn-constellations-rename-kite .kite-tail {
  position: absolute; top: 65%; left: 42%; width: 80px; height: 6px;
  background: linear-gradient(90deg, #b38f00, #ffd966, #b38f00);
  border-radius: 3px;
  transform-origin: left center;
  animation: crk-tail 4s ease-in-out infinite alternate;
}
.scn-constellations-rename-kite .child-silhouette {
  position: absolute; bottom: 28%; left: 35%; width: 22px; height: 44px;
  background: linear-gradient(180deg, #1a2030 0%, #0a0e18 100%);
  border-radius: 50% 50% 40% 40% / 65% 65% 40% 40%;
  transform-origin: bottom center;
  animation: crk-child 7s ease-in-out infinite alternate;
}
.scn-constellations-rename-kite .string {
  position: absolute; bottom: 40%; left: 37%; width: 2px; height: 60px;
  background: rgba(255,255,255,0.2);
  transform: rotate(-30deg);
  transform-origin: bottom left;
  animation: crk-string 6s ease-in-out infinite alternate;
}
.scn-constellations-rename-kite .grass {
  position: absolute; bottom: 0; left: 0; right: 0; height: 28%;
  background: linear-gradient(180deg, #2a4a2a 0%, #1a2a1a 100%);
  border-radius: 60% 40% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.4);
}
@keyframes crk-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.7; } }
@keyframes crk-dance { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.3; } }
@keyframes crk-kite { 0% { transform: translateX(0) rotate(-5deg); } 50% { transform: translateX(15px) rotate(5deg) scale(1.05); } 100% { transform: translateX(0) rotate(-8deg); } }
@keyframes crk-tail { 0% { transform: rotate(-20deg) scaleX(1); } 50% { transform: rotate(10deg) scaleX(1.2); } 100% { transform: rotate(-25deg) scaleX(0.9); } }
@keyframes crk-child { 0% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-4px) rotate(3deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes crk-string { 0% { transform: rotate(-35deg); } 50% { transform: rotate(-25deg); } 100% { transform: rotate(-40deg); } }

.scn-satan-servant-furious {
  background: linear-gradient(180deg, #c0d4e8 0%, #a4bccf 40%, #8aa0b0 100%),
              radial-gradient(ellipse at 50% 100%, #d4e4f0 0%, transparent 60%);
}
.scn-satan-servant-furious .sunlight-bg {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffe4b0 0%, #d4b880 100%);
  animation: ssf-sun 15s ease-in-out infinite alternate;
}
.scn-satan-servant-furious .station-platform {
  position: absolute; bottom: 0; left: 5%; right: 5%; height: 50%;
  background: linear-gradient(180deg, #8a7a6a 0%, #5a4a3a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: inset 0 10px 30px rgba(0,0,0,0.5);
}
.scn-satan-servant-furious .luggage-pile {
  position: absolute; bottom: 15%; left: 10%; width: 120px; height: 50px;
  background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  border-radius: 8% 8% 4% 4%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  transform: rotate(-3deg);
  animation: ssf-luggage 5s ease-in-out infinite alternate;
}
.scn-satan-servant-furious .satan-figure {
  position: absolute; bottom: 25%; left: 45%; width: 22px; height: 48px;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 50% 50% 40% 40% / 70% 70% 40% 40%;
  transform-origin: bottom center;
  animation: ssf-satan 2s ease-in-out infinite alternate;
}
.scn-satan-servant-furious .coolee-silhouette {
  position: absolute; bottom: 27%; left: 60%; width: 18px; height: 40px;
  background: linear-gradient(180deg, #2a2018 0%, #0e0804 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ssf-coolee 3s ease-in-out infinite alternate;
}
.scn-satan-servant-furious .steam-puff {
  position: absolute; bottom: 50%; right: 15%; width: 40px; height: 30px;
  background: radial-gradient(circle, rgba(255,255,255,0.5) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(4px);
  animation: ssf-steam 4s ease-in-out infinite alternate;
}
.scn-satan-servant-furious .train-rail {
  position: absolute; bottom: 5%; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, #4a3a2a, #2a1a0a, #4a3a2a);
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
@keyframes ssf-sun { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes ssf-luggage { 0% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(1deg) translateY(-3px); } 100% { transform: rotate(-4deg) translateY(0); } }
@keyframes ssf-satan { 0% { transform: translateX(0) rotate(-4deg); } 50% { transform: translateX(8px) rotate(4deg) scale(1.02); } 100% { transform: translateX(0) rotate(-5deg); } }
@keyframes ssf-coolee { 0% { transform: translateX(0) rotate(2deg); } 50% { transform: translateX(-5px) rotate(-3deg); } 100% { transform: translateX(0) rotate(1deg); } }
@keyframes ssf-steam { 0% { opacity: 0.3; transform: translate(0, 0) scale(1); } 50% { opacity: 0.7; transform: translate(-10px, -15px) scale(1.2); } 100% { opacity: 0.2; transform: translate(5px, -5px) scale(0.8); } }

/* tasmania-hobart-museum — dim interior, calm museum scene */
.scn-tasmania-hobart-museum { background: linear-gradient(180deg, #2a2a35 0%, #1a1a24 40%, #15151e 100%), radial-gradient(ellipse at 50% 30%, #3a3a4a 0%, transparent 80%); }
.scn-tasmania-hobart-museum .wall { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-bottom: 2px solid #4a4a5a; }
.scn-tasmania-hobart-museum .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #2a2a35 0%, #1a1a24 100%); box-shadow: inset 0 12px 24px rgba(0,0,0,.6); }
.scn-tasmania-hobart-museum .case-frame { position:absolute; bottom:20%; left:22%; width:56%; height:50%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4px; box-shadow: 0 8px 16px rgba(0,0,0,.5); }
.scn-tasmania-hobart-museum .case-glass { position:absolute; bottom:22%; left:24%; width:52%; height:44%; background: linear-gradient(180deg, rgba(180,200,220,.15) 0%, rgba(180,200,220,.05) 100%); border: 1px solid rgba(200,220,240,.2); border-radius: 2px; filter: blur(0.5px); animation: thm-glass 12s ease-in-out infinite alternate; }
.scn-tasmania-hobart-museum .parrot { position:absolute; bottom:36%; left:38%; width:22px; height:30px; background: radial-gradient(ellipse at 50% 60%, #6a8a5a 0%, #4a6a3a 70%); border-radius: 50% 50% 40% 40% / 60% 50% 50% 40%; transform-origin: bottom center; animation: thm-parrot 4s ease-in-out infinite; }
.scn-tasmania-hobart-museum .parrot::after { content:''; position:absolute; top:10px; right:-4px; width:8px; height:6px; background: #c8a050; border-radius: 0 60% 60% 0; transform: rotate(-15deg); }
.scn-tasmania-hobart-museum .beads { position:absolute; bottom:34%; left:48%; width:30px; height:4px; background: repeating-linear-gradient(90deg, #a878b8 0px, #a878b8 3px, #7a9ab8 3px, #7a9ab8 6px, #b8a878 6px, #b8a878 9px); border-radius: 2px; box-shadow: 0 0 8px 2px rgba(168,120,184,.3); animation: thm-beads 8s ease-in-out infinite alternate; }
.scn-tasmania-hobart-museum .bead-glow { position:absolute; bottom:33%; left:48%; width:30px; height:6px; background: radial-gradient(ellipse, rgba(200,180,220,.3) 0%, transparent 100%); filter: blur(3px); animation: thm-beadglow 8s ease-in-out infinite alternate; }
.scn-tasmania-hobart-museum .dust-mote { position:absolute; width:3px; height:3px; background: rgba(240,240,250,.3); border-radius: 50%; filter: blur(1px); }
.scn-tasmania-hobart-museum .d1 { top:25%; left:15%; animation: thm-dust1 20s linear infinite; }
.scn-tasmania-hobart-museum .d2 { top:40%; right:20%; animation: thm-dust2 25s linear infinite reverse; }
@keyframes thm-glass { 0% { opacity:.6; } 50% { opacity:.9; } 100% { opacity:.7; } }
@keyframes thm-parrot { 0% { transform: translateY(0) rotate(-2deg); } 30% { transform: translateY(-4px) rotate(2deg); } 60% { transform: translateY(-2px) rotate(-1deg); } 100% { transform: translateY(0) rotate(0); } }
@keyframes thm-beads { 0% { opacity:.7; transform: scaleX(1); } 50% { opacity:1; transform: scaleX(1.05); } 100% { opacity:.8; transform: scaleX(.98); } }
@keyframes thm-beadglow { 0% { opacity:.4; } 50% { opacity:.8; } 100% { opacity:.5; } }
@keyframes thm-dust1 { 0% { transform: translate(0, 0) scale(1); opacity:0; } 20% { opacity:.6; } 80% { opacity:.4; } 100% { transform: translate(80px, -60px) scale(0.3); opacity:0; } }
@keyframes thm-dust2 { 0% { transform: translate(0, 0) scale(1); opacity:0; } 20% { opacity:.5; } 80% { opacity:.3; } 100% { transform: translate(-60px, -80px) scale(0.2); opacity:0; } }

/* christ-church-moa-women — dim interior, museum with moa skeleton and figures */
.scn-christ-church-moa-women { background: linear-gradient(180deg, #25253a 0%, #1a1a2e 50%, #12122a 100%), radial-gradient(ellipse at 60% 20%, #3a3a5a 0%, transparent 70%); }
.scn-christ-church-moa-women .wall-dark { position:absolute; inset:0 0 28% 0; background: linear-gradient(180deg, #2e2e44 0%, #1e1e34 100%); border-bottom: 1px solid #3a3a50; }
.scn-christ-church-moa-women .floor-dark { position:absolute; bottom:0; left:0; right:0; height:28%; background: linear-gradient(180deg, #1e1e30 0%, #121224 100%); box-shadow: inset 0 8px 16px rgba(0,0,0,.5); }
.scn-christ-church-moa-women .moa-body { position:absolute; bottom:30%; left:50%; width:60px; height:100px; transform: translateX(-50%); background: linear-gradient(180deg, #6a6a7a 0%, #4a4a5a 50%, #3a3a4a 100%); border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.4); animation: cmw-bob 9s ease-in-out infinite; }
.scn-christ-church-moa-women .moa-neck { position:absolute; bottom:70%; left:50%; width:8px; height:60px; transform: translateX(-50%); background: linear-gradient(180deg, #5a5a6a 0%, #4a4a5a 100%); border-radius: 30% 30% 20% 20% / 10% 10% 40% 40%; transform-origin: bottom center; animation: cmw-neck 9s ease-in-out infinite; }
.scn-christ-church-moa-women .moa-neck::after { content:''; position:absolute; top:-8px; left:50%; transform: translateX(-50%); width:12px; height:10px; background: #5a5a6a; border-radius: 50%; }
.scn-christ-church-moa-women .jade-pendant { position:absolute; bottom:38%; left:32%; width:10px; height:14px; background: linear-gradient(180deg, #5a9a6a 0%, #3a7a4a 100%); border-radius: 40% 40% 30% 30% / 30% 30% 50% 50%; box-shadow: 0 0 6px 1px rgba(60,160,80,.3); animation: cmw-jade 6s ease-in-out infinite alternate; }
.scn-christ-church-moa-women .jade-glow { position:absolute; bottom:37%; left:31.5%; width:13px; height:16px; background: radial-gradient(ellipse, rgba(80,180,100,.2) 0%, transparent 100%); filter: blur(2px); animation: cmw-jadeglow 6s ease-in-out infinite alternate; }
.scn-christ-church-moa-women .woman-figure { position:absolute; bottom:26%; left:22%; width:16px; height:40px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: cmw-woman 7s ease-in-out infinite; }
.scn-christ-church-moa-women .woman-figure::before { content:''; position:absolute; top:4px; left:50%; transform: translateX(-50%); width:10px; height:10px; background: #2a2a3a; border-radius: 50%; }
.scn-christ-church-moa-women .voter-scroll { position:absolute; bottom:32%; left:24%; width:8px; height:12px; background: linear-gradient(180deg, #c8b88a 0%, #a8986a 100%); border-radius: 2px; transform: rotate(12deg); box-shadow: 0 1px 3px rgba(0,0,0,.3); animation: cmw-scroll 10s ease-in-out infinite alternate; }
@keyframes cmw-bob { 0% { transform: translateX(-50%) translateY(0); } 30% { transform: translateX(-50%) translateY(-3px); } 60% { transform: translateX(-50%) translateY(-1px); } 100% { transform: translateX(-50%) translateY(0); } }
@keyframes cmw-neck { 0% { transform: translateX(-50%) rotate(-2deg); } 30% { transform: translateX(-50%) rotate(3deg); } 60% { transform: translateX(-50%) rotate(-1deg); } 100% { transform: translateX(-50%) rotate(0); } }
@keyframes cmw-jade { 0% { opacity:.6; transform: scale(1); } 50% { opacity:.9; transform: scale(1.1); } 100% { opacity:.7; transform: scale(.95); } }
@keyframes cmw-jadeglow { 0% { opacity:.2; } 50% { opacity:.6; } 100% { opacity:.3; } }
@keyframes cmw-woman { 0% { transform: translateX(0) rotate(-1deg); } 25% { transform: translateX(4px) rotate(1deg); } 50% { transform: translateX(8px) rotate(-1deg); } 75% { transform: translateX(4px) rotate(0); } 100% { transform: translateX(0) rotate(-1deg); } }
@keyframes cmw-scroll { 0% { transform: rotate(10deg) scaleY(1); } 50% { transform: rotate(14deg) scaleY(1.05); } 100% { transform: rotate(8deg) scaleY(.95); } }

/* mount-eden-lanai-damien — warm sunlit lanai with sofas, flowers, ices */
.scn-mount-eden-lanai-damien { background: linear-gradient(180deg, #f0e4c8 0%, #d8c8a8 40%, #c0b090 100%), radial-gradient(ellipse at 70% 20%, #fff8e8 0%, transparent 60%); }
.scn-mount-eden-lanai-damien .lanai-roof { position:absolute; top:0; left:0; right:0; height:20%; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-bottom: 3px solid #7a6a4a; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.scn-mount-eden-lanai-damien .lanai-floor { position:absolute; bottom:0; left:0; right:0; height:25%; background: linear-gradient(180deg, #b8a88a 0%, #a09070 100%); box-shadow: inset 0 8px 16px rgba(0,0,0,.15); }
.scn-mount-eden-lanai-damien .lanai-column { position:absolute; bottom:20%; top:20%; width:6px; background: linear-gradient(180deg, #c8b898 0%, #a89878 100%); border-radius: 2px; box-shadow: 1px 0 4px rgba(0,0,0,.1); }
.scn-mount-eden-lanai-damien .lc1 { left:15%; }
.scn-mount-eden-lanai-damien .lc2 { right:15%; }
.scn-mount-eden-lanai-damien .sofa { position:absolute; bottom:22%; left:30%; width:40%; height:18%; background: linear-gradient(180deg, #8a6a4a 0%, #6a4a2a 100%); border-radius: 8% 8% 4% 4% / 40% 40% 20% 20%; box-shadow: 0 4px 8px rgba(0,0,0,.3); animation: mel-sofa 12s ease-in-out infinite alternate; }
.scn-mount-eden-lanai-damien .sofa::before { content:''; position:absolute; top:30%; left:8%; width:84%; height:50%; background: linear-gradient(180deg, #9a7a5a 0%, #7a5a3a 100%); border-radius: 20% 20% 10% 10% / 30% 30% 20% 20%; }
.scn-mount-eden-lanai-damien .flower-bowl { position:absolute; bottom:28%; left:48%; width:24px; height:16px; background: linear-gradient(180deg, #9a8a6a 0%, #7a6a4a 100%); border-radius: 40% 40% 10% 10% / 50% 50% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.scn-mount-eden-lanai-damien .flower-blossom { position:absolute; bottom:36%; left:48%; width:14px; height:14px; background: radial-gradient(circle at 50% 50%, #e8a8b8 0%, #d08898 60%, #b87080 100%); border-radius: 50%; box-shadow: 0 0 8px 2px rgba(200,120,140,.3); animation: mel-blossom 6s ease-in-out infinite alternate; }
.scn-mount-eden-lanai-damien .flower-blossom::before { content:''; position:absolute; top:8px; left:2px; width:4px; height:6px; background: #8a8a6a; border-radius: 2px; transform: rotate(-20deg); }
.scn-mount-eden-lanai-damien .ice-wafer { position:absolute; bottom:24%; left:55%; width:10px; height:4px; background: linear-gradient(180deg, #f0f0f8 0%, #d8d8e0 100%); border-radius: 30% 30% 10% 10% / 50% 50% 20% 20%; box-shadow: 0 0 6px 1px rgba(200,200,220,.3); animation: mel-ice 8s ease-in-out infinite; }
@keyframes mel-sofa { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes mel-blossom { 0% { transform: scale(1) rotate(-5deg); opacity:.8; } 50% { transform: scale(1.15) rotate(5deg); opacity:1; } 100% { transform: scale(.95) rotate(-2deg); opacity:.85; } }
@keyframes mel-ice { 0% { transform: translateY(0) rotate(-3deg) scale(1); opacity:.8; } 30% { transform: translateY(-6px) rotate(2deg) scale(1.05); opacity:.95; } 60% { transform: translateY(-3px) rotate(-1deg) scale(.98); opacity:.9; } 100% { transform: translateY(0) rotate(0) scale(1); opacity:.85; } }

/* southern-cross-disappointment — tense, starlit ocean scene with ship */
.scn-southern-cross-disappointment { background: linear-gradient(180deg, #0a0a1a 0%, #10102a 30%, #1a1a3a 60%, #0a0a1a 100%), radial-gradient(ellipse at 50% 60%, #1a1a3a 0%, transparent 80%); }
.scn-southern-cross-disappointment .sea-deep { position:absolute; bottom:0; left:0; right:0; height:55%; background: linear-gradient(180deg, #0a0a1e 0%, #060612 100%); box-shadow: inset 0 20px 40px rgba(0,0,0,.8); }
.scn-southern-cross-disappointment .sea-surface { position:absolute; bottom:45%; left:0; right:0; height:10%; background: linear-gradient(180deg, #1a1a3e 0%, #0e0e24 100%); border-radius: 0 0 50% 50% / 0 0 20% 20%; animation: scd-surface 8s ease-in-out infinite alternate; }
.scn-southern-cross-disappointment .ship-hull { position:absolute; bottom:46%; left:50%; transform: translateX(-50%); width:80px; height:24px; background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%); border-radius: 30% 30% 10% 10% / 60% 60% 20% 20%; box-shadow: 0 -2px 8px rgba(0,0,0,.5); animation: scd-ship 12s ease-in-out infinite; }
.scn-southern-cross-disappointment .ship-mast { position:absolute; bottom:58%; left:50%; transform: translateX(-50%); width:4px; height:50px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 1px; transform-origin: bottom center; animation: scd-mast 12s ease-in-out infinite; }
.scn-southern-cross-disappointment .ship-mast::before { content:''; position:absolute; top:8px; left:-16px; width:36px; height:2px; background: rgba(180,180,200,.15); transform: rotate(-5deg); }
.scn-southern-cross-disappointment .southern-cross-star { position:absolute; border-radius: 50%; filter: blur(1px); }
.scn-southern-cross-disappointment .scs1 { top:15%; left:35%; width:4px; height:4px; background: #c8d0f0; box-shadow: 0 0 8px 2px rgba(200,208,240,.5); animation: scd-star1 4s ease-in-out infinite alternate; }
.scn-southern-cross-disappointment .scs2 { top:18%; left:42%; width:3px; height:3px; background: #b8c8e8; box-shadow: 0 0 6px 1px rgba(184,200,232,.4); animation: scd-star2 5s ease-in-out infinite alternate; }
.scn-southern-cross-disappointment .scs3 { top:12%; left:48%; width:5px; height:5px; background: #d0d8f0; box-shadow: 0 0 10px 3px rgba(208,216,240,.6); animation: scd-star3 3.5s ease-in-out infinite alternate; }
.scn-southern-cross-disappointment .scs4 { top:20%; left:55%; width:3px; height:3px; background: #c0d0e8; box-shadow: 0 0 6px 1px rgba(192,208,232,.4); animation: scd-star4 6s ease-in-out infinite alternate; }
.scn-southern-cross-disappointment .disappointment-shadow { position:absolute; bottom:46%; left:50%; transform: translateX(-50%); width:90px; height:10px; background: radial-gradient(ellipse, rgba(0,0,0,.6) 0%, transparent 100%); filter: blur(4px); animation: scd-shadow 12s ease-in-out infinite; }
@keyframes scd-surface { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(3px) scaleY(1.1); } 100% { transform: translateY(-2px) scaleY(.95); } }
@keyframes scd-ship { 0% { transform: translateX(-50%) translateY(0) rotate(-1deg); } 30% { transform: translateX(-50%) translateY(2px) rotate(0); } 60% { transform: translateX(-50%) translateY(-1px) rotate(1deg); } 100% { transform: translateX(-50%) translateY(0) rotate(-.5deg); } }
@keyframes scd-mast { 0% { transform: translateX(-50%) rotate(-1deg); } 30% { transform: translateX(-50%) rotate(1deg); } 60% { transform: translateX(-50%) rotate(-.5deg); } 100% { transform: translateX(-50%) rotate(0); } }
@keyframes scd-star1 { 0% { opacity:.5; transform: scale(1); } 50% { opacity:1; transform: scale(1.3); } 100% { opacity:.6; transform: scale(.9); } }
@keyframes scd-star2 { 0% { opacity:.4; transform: scale(1); } 50% { opacity:.9; transform: scale(1.2); } 100% { opacity:.5; transform: scale(.85); } }
@keyframes scd-star3 { 0% { opacity:.6; transform: scale(1); } 50% { opacity:1; transform: scale(1.4); } 100% { opacity:.7; transform: scale(.95); } }
@keyframes scd-star4 { 0% { opacity:.3; transform: scale(1); } 50% { opacity:.9; transform: scale(1.25); } 100% { opacity:.4; transform: scale(.9); } }
@keyframes scd-shadow { 0% { opacity:.6; transform: translateX(-50%) scaleX(1); } 50% { opacity:.8; transform: translateX(-50%) scaleX(1.1); } 100% { opacity:.5; transform: translateX(-50%) scaleX(.9); } }

.scn-political-change-republic {
  background: linear-gradient(180deg, #b8d4e8 0%, #e0f0ff 30%, #c8e0f0 60%, #90b8d0 100%);
}
.scn-political-change-republic .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #c0d8e8 0%, #e8f4ff 50%, #f0f8ff 100%);
  animation: pcr-sky 18s ease-in-out infinite alternate;
}
@keyframes pcr-sky { 0% { opacity: 0.85 } 50% { opacity: 1 } 100% { opacity: 0.7 } }
.scn-political-change-republic .sun {
  position: absolute; top: 12%; left: 65%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffedb0 0%, #ffcc60 50%, transparent 70%);
  box-shadow: 0 0 60px 20px rgba(255,204,96,0.4);
  animation: pcr-sun 12s ease-in-out infinite alternate;
}
@keyframes pcr-sun { 0% { transform: translate(0,0) scale(1) } 50% { transform: translate(8px,-6px) scale(1.05) } 100% { transform: translate(-4px,4px) scale(0.95) } }
.scn-political-change-republic .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #6a8aaa 0%, #3a5270 50%, #1a2a3a 100%);
  animation: pcr-sea 8s ease-in-out infinite;
}
@keyframes pcr-sea { 0% { transform: translateY(0) } 50% { transform: translateY(-3px) } 100% { transform: translateY(0) } }
.scn-political-change-republic .hull {
  position: absolute; bottom: 32%; left: 30%; width: 120px; height: 30px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 40% 10% 30% 50% / 60% 20% 80% 40%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  animation: pcr-hull 6s ease-in-out infinite;
}
@keyframes pcr-hull { 0% { transform: translateY(0) rotate(0deg) } 50% { transform: translateY(-2px) rotate(-3deg) } 100% { transform: translateY(0) rotate(0deg) } }
.scn-political-change-republic .sail {
  position: absolute; bottom: 45%; background: linear-gradient(180deg, #f0f0e8 0%, #d8d0c0 100%);
  border-radius: 80% 80% 20% 20% / 60% 60% 40% 40%;
}
.scn-political-change-republic .sail.fore { left: 35%; width: 40px; height: 60px; animation: pcr-sail1 9s ease-in-out infinite; }
.scn-political-change-republic .sail.aft { left: 50%; width: 50px; height: 70px; animation: pcr-sail2 11s ease-in-out infinite; }
@keyframes pcr-sail1 { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(6deg) scaleX(0.95) } 100% { transform: rotate(0deg) scaleX(1) } }
@keyframes pcr-sail2 { 0% { transform: rotate(0deg) scaleX(1) } 50% { transform: rotate(-4deg) scaleX(0.98) } 100% { transform: rotate(0deg) scaleX(1) } }
.scn-political-change-republic .reflection {
  position: absolute; bottom: 18%; left: 25%; width: 100px; height: 40px;
  background: linear-gradient(180deg, rgba(106,138,170,0.5) 0%, transparent 100%);
  animation: pcr-refl 5s ease-in-out infinite alternate;
}
@keyframes pcr-refl { 0% { opacity: 0.3 } 50% { opacity: 0.8 } 100% { opacity: 0.2 } }

.scn-sunset-sea-splendor {
  background: linear-gradient(180deg, #2a2040 0%, #4a3050 30%, #7a4060 50%, #a06040 70%, #c08030 100%);
}
.scn-sunset-sea-splendor .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #4a3060 0%, #804060 40%, #c07040 80%, #e0a040 100%);
  animation: sss-sky 20s ease-in-out infinite alternate;
}
@keyframes sss-sky { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.6 } }
.scn-sunset-sea-splendor .sun {
  position: absolute; bottom: 42%; left: 20%; width: 50px; height: 50px;
  background: radial-gradient(circle, #ffb030 0%, #ff8040 50%, transparent 70%);
  box-shadow: 0 0 80px 30px rgba(255,128,64,0.5);
  animation: sss-sun 14s ease-in-out infinite alternate;
}
@keyframes sss-sun { 0% { transform: scale(1) } 50% { transform: scale(1.08) } 100% { transform: scale(0.95) } }
.scn-sunset-sea-splendor .cloud-mountains {
  position: absolute; bottom: 48%; left: 10%; width: 80%; height: 20%;
  background: linear-gradient(180deg, #7a5a3a 0%, #5a4a2a 40%, #3a3a1a 100%);
  border-radius: 60% 40% 30% 70% / 50% 50% 50% 50%;
  filter: blur(4px);
  animation: sss-cloud 30s ease-in-out infinite alternate;
}
@keyframes sss-cloud { 0% { transform: translateX(0) } 50% { transform: translateX(10px) } 100% { transform: translateX(-10px) } }
.scn-sunset-sea-splendor .sea-band {
  position: absolute; bottom: 0; left: 0; right: 0;
}
.scn-sunset-sea-splendor .sea-band.deep { height: 12%; background: linear-gradient(180deg, #1a2a4a 0%, #2a3a5a 100%); animation: sss-band1 9s ease-in-out infinite; bottom: 28%; }
.scn-sunset-sea-splendor .sea-band.purple { height: 10%; background: linear-gradient(180deg, #4a2a5a 0%, #5a3a6a 100%); animation: sss-band2 11s ease-in-out infinite; bottom: 18%; }
.scn-sunset-sea-splendor .sea-band.bronze { height: 18%; background: linear-gradient(180deg, #6a4a2a 0%, #8a6030 100%); animation: sss-band3 7s ease-in-out infinite; bottom: 0; }
@keyframes sss-band1 { 0% { transform: translateY(0) } 50% { transform: translateY(-1px) } 100% { transform: translateY(0) } }
@keyframes sss-band2 { 0% { transform: translateY(0) } 50% { transform: translateY(2px) } 100% { transform: translateY(0) } }
@keyframes sss-band3 { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
.scn-sunset-sea-splendor .wave.foreground {
  position: absolute; bottom: 0; left: -10%; width: 120%; height: 20%;
  background: linear-gradient(180deg, #7a5a3a 0%, #4a3a1a 100%);
  border-radius: 40% 60% 0 0 / 50% 50% 0 0;
  animation: sss-wave 5s ease-in-out infinite alternate;
}
@keyframes sss-wave { 0% { transform: translateX(0) skewX(1deg) } 50% { transform: translateX(-15px) skewX(-2deg) } 100% { transform: translateX(0) skewX(1deg) } }

.scn-honolulu-past-present {
  background: linear-gradient(180deg, #2a1a10 0%, #3a2a1a 40%, #4a3a2a 100%);
}
.scn-honolulu-past-present .wall {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  animation: hpp-wall 25s ease-in-out infinite alternate;
}
@keyframes hpp-wall { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
.scn-honolulu-past-present .window-frame {
  position: absolute; top: 20%; left: 35%; width: 30%; height: 40%;
  background: #2a1a0a;
  border: 4px solid #1a1008;
  border-radius: 4px;
}
.scn-honolulu-past-present .window-glass {
  position: absolute; top: 22%; left: 37%; width: 26%; height: 36%;
  background: linear-gradient(180deg, #a0c8d0 0%, #80b0c0 50%, #6090a0 100%);
  box-shadow: inset 0 0 20px rgba(255,255,200,0.2);
  animation: hpp-glass 15s ease-in-out infinite alternate;
}
@keyframes hpp-glass { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.6 } }
.scn-honolulu-past-present .vine {
  position: absolute; top: 10%; width: 20px; height: 60%;
  background: linear-gradient(180deg, #2a4a2a 0%, #1a3a1a 50%, #0a2a0a 100%);
  border-radius: 50% 50% 30% 30% / 40% 40% 60% 60%;
}
.scn-honolulu-past-present .vine.left { left: 30%; animation: hpp-vineL 20s ease-in-out infinite; }
.scn-honolulu-past-present .vine.right { right: 30%; animation: hpp-vineR 20s ease-in-out infinite reverse; }
@keyframes hpp-vineL { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(5px) rotate(2deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes hpp-vineR { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(-5px) rotate(-2deg) } 100% { transform: translateX(0) rotate(0deg) } }
.scn-honolulu-past-present .table {
  position: absolute; bottom: 20%; left: 40%; width: 20%; height: 10%;
  background: linear-gradient(180deg, #3a2a1a 0%, #1a1008 100%);
  border-radius: 4px;
}
.scn-honolulu-past-present .lamp-glow {
  position: absolute; bottom: 28%; left: 48%; width: 10px; height: 10px;
  background: radial-gradient(circle, #ffd060 0%, #ffa030 50%, transparent 70%);
  box-shadow: 0 0 40px 15px rgba(255,160,48,0.5);
  animation: hpp-lamp 8s ease-in-out infinite alternate;
}
@keyframes hpp-lamp { 0% { transform: scale(1) opacity(0.8) } 50% { transform: scale(1.2) opacity(1) } 100% { transform: scale(0.9) opacity(0.7) } }

.scn-item-candles-parlor-books {
  background: linear-gradient(180deg, #3a2a20 0%, #2a1a10 50%, #1a1008 100%);
}
.scn-item-candles-parlor-books .wall-back {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a10 100%);
}
.scn-item-candles-parlor-books .lamp.whale-oil {
  position: absolute; top: 25%; left: 50%; width: 30px; height: 40px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c0a070 0%, #a08050 50%, #806040 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 20% 20%;
  box-shadow: inset 0 -4px 8px rgba(0,0,0,0.5);
}
.scn-item-candles-parlor-books .lamp-glow {
  position: absolute; top: 20%; left: 45%; width: 10%; height: 15%;
  background: radial-gradient(circle, #ffd080 0%, #ffb040 50%, transparent 80%);
  box-shadow: 0 0 60px 25px rgba(255,176,64,0.6);
  animation: icp-glow 5s ease-in-out infinite alternate;
}
@keyframes icp-glow { 0% { opacity: 0.7; transform: scale(1) } 50% { opacity: 1; transform: scale(1.15) } 100% { opacity: 0.8; transform: scale(0.95) } }
.scn-item-candles-parlor-books .table {
  position: absolute; bottom: 20%; left: 30%; width: 40%; height: 8%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 6px;
}
.scn-item-candles-parlor-books .books.stack {
  position: absolute; bottom: 22%; left: 35%; width: 12%; height: 16%;
  background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 50%, #3a1a0a 100%);
  border-radius: 4px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  animation: icp-books 12s ease-in-out infinite alternate;
}
@keyframes icp-books { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
.scn-item-candles-parlor-books .candle {
  position: absolute; bottom: 26%; width: 6px; height: 24px;
  background: linear-gradient(180deg, #e0c8a0 0%, #c0a080 100%);
  border-radius: 2px 2px 1px 1px;
}
.scn-item-candles-parlor-books .candle.left { left: 42%; }
.scn-item-candles-parlor-books .candle.right { right: 42%; }
.scn-item-candles-parlor-books .candle::before {
  content: ''; position: absolute; top: -4px; left: 1px; width: 4px; height: 6px;
  background: radial-gradient(circle, #ffd060 0%, #ff8020 70%, transparent 100%);
  border-radius: 50%;
}
.scn-item-candles-parlor-books .lithograph.frame {
  position: absolute; top: 15%; left: 20%; width: 25%; height: 30%;
  background: #2a1a0a;
  border: 4px solid #1a1008;
  border-radius: 2px;
  animation: icp-frame 20s ease-in-out infinite alternate;
}
@keyframes icp-frame { 0% { opacity: 0.9 } 50% { opacity: 1 } 100% { opacity: 0.8 } }

.scn-missionaries-kingdom-weakened { background: linear-gradient(180deg, #ffe0b0 0%, #ffd080 30%, #b08050 100%), radial-gradient(ellipse at 50% 0%, #fff5e0 0%, transparent 60%); }

.scn-missionaries-kingdom-weakened .sky.mkw   { position:absolute; inset:0 0 60% 0; background: linear-gradient(180deg, #ffd8a0 0%, #ffb060 60%, #905030 100%); animation: mkw-sky 10s ease-in-out infinite alternate; }

.scn-missionaries-kingdom-weakened .sun.mkw   { position:absolute; top:8%; left:45%; width:12%; padding-bottom:12%; border-radius:50%; background: radial-gradient(circle, #fff8e0 0%, #ffd080 50%, transparent 70%); box-shadow: 0 0 60px 20px #ffe080; animation: mkw-sun 8s ease-in-out infinite alternate; }

.scn-missionaries-kingdom-weakened .ruin-left.mkw  { position:absolute; bottom:30%; left:18%; width:8%; height:35%; background: linear-gradient(180deg, #a08060 0%, #604830 100%); border-radius: 4% 4% 0 0; box-shadow: inset 0 4px 10px rgba(0,0,0,.4); transform: skewX(-5deg); }

.scn-missionaries-kingdom-weakened .ruin-right.mkw { position:absolute; bottom:30%; right:22%; width:7%; height:30%; background: linear-gradient(180deg, #a08060 0%, #604830 100%); border-radius: 4% 4% 0 0; box-shadow: inset 0 4px 10px rgba(0,0,0,.4); transform: skewX(4deg); }

.scn-missionaries-kingdom-weakened .idol.mkw  { position:absolute; bottom:30%; left:38%; width:10%; height:15%; background: linear-gradient(135deg, #807060 0%, #504030 100%); border-radius: 30% 30% 20% 20% / 50% 50% 30% 30%; box-shadow: 0 4px 8px rgba(0,0,0,.5); transform: rotate(15deg); }

.scn-missionaries-kingdom-weakened .figure.mkw { position:absolute; bottom:32%; left:54%; width:5%; height:20%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: mkw-walk 5s ease-in-out infinite; }

.scn-missionaries-kingdom-weakened .smoke.mkw  { position:absolute; top:20%; left:30%; width:30%; height:20%; background: radial-gradient(ellipse at 30% 50%, rgba(200,180,160,.3) 0%, transparent 70%); filter: blur(10px); animation: mkw-smoke 20s linear infinite; }

@keyframes mkw-sky   { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.7; } }
@keyframes mkw-sun   { 0% { transform: scale(1) translateY(0); } 50% { transform: scale(1.05) translateY(-3px); } 100% { transform: scale(.95) translateY(2px); } }
@keyframes mkw-walk  { 0% { transform: translateX(0) rotate(-2deg); } 30% { transform: translateX(8px) rotate(1deg); } 60% { transform: translateX(16px) rotate(-1deg); } 100% { transform: translateX(28px) rotate(0deg); } }
@keyframes mkw-smoke { 0% { transform: translateX(0) scale(1); opacity:.3; } 50% { transform: translateX(40px) scale(1.2); opacity:.5; } 100% { transform: translateX(-20px) scale(1); opacity:.3; } }

.scn-honolulu-cholera-quarantine { background: linear-gradient(180deg, #1a1a2e 0%, #0e0e1a 50%, #1a1428 100%), radial-gradient(circle at 50% 80%, #2a1a30 0%, transparent 60%); }

.scn-honolulu-cholera-quarantine .wall-left.hcq  { position:absolute; top:0; left:0; width:30%; height:100%; background: linear-gradient(180deg, #3a2a20 0%, #1a0e0a 100%); box-shadow: inset 0 0 30px rgba(0,0,0,.6); }

.scn-honolulu-cholera-quarantine .wall-right.hcq { position:absolute; top:0; right:0; width:35%; height:100%; background: linear-gradient(180deg, #3a2a20 0%, #1a0e0a 100%); box-shadow: inset 0 0 30px rgba(0,0,0,.6); }

.scn-honolulu-cholera-quarantine .window.hcq  { position:absolute; top:20%; left:35%; width:20%; height:25%; background: linear-gradient(180deg, #4a6a8a 0%, #2a4a6a 100%); border: 4px solid #5a3a2a; border-radius: 6% 6% 0 0; box-shadow: inset 0 0 40px #a0c0e0, 0 0 20px rgba(100,150,200,.3); animation: hcq-window 8s ease-in-out infinite alternate; }

.scn-honolulu-cholera-quarantine .bed.hcq     { position:absolute; bottom:20%; left:15%; width:40%; height:20%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4% 4% 0 0; box-shadow: inset 0 4px 8px rgba(0,0,0,.5); }

.scn-honolulu-cholera-quarantine .figure.hcq  { position:absolute; bottom:25%; left:25%; width:8%; height:18%; background: linear-gradient(180deg, #2a1a0a 0%, #0e0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: hcq-figure 6s ease-in-out infinite; }

.scn-honolulu-cholera-quarantine .lantern.hcq { position:absolute; top:30%; left:50%; width:4%; height:6%; background: radial-gradient(circle, #ffd080 0%, #c08040 60%, transparent 80%); border-radius: 50%; box-shadow: 0 0 20px 8px #c08040, 0 0 40px 12px rgba(192,128,64,.4); animation: hcq-lantern 3s ease-in-out infinite alternate; }

.scn-honolulu-cholera-quarantine .door.hcq    { position:absolute; bottom:0; right:5%; width:12%; height:70%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4% 4% 0 0; box-shadow: inset 0 0 20px rgba(0,0,0,.5); }

@keyframes hcq-window  { 0% { box-shadow: inset 0 0 30px #8aaccc, 0 0 10px rgba(100,150,200,.2); } 50% { box-shadow: inset 0 0 60px #b0d0f0, 0 0 30px rgba(120,180,220,.4); } 100% { box-shadow: inset 0 0 40px #a0c0e0, 0 0 20px rgba(100,150,200,.3); } }
@keyframes hcq-figure { 0% { transform: translateY(0) rotate(0deg); } 30% { transform: translateY(-2px) rotate(1deg); } 60% { transform: translateY(0) rotate(-1deg); } 100% { transform: translateY(-1px) rotate(0deg); } }
@keyframes hcq-lantern{ 0% { opacity:.7; transform: scale(1); } 50% { opacity:1; transform: scale(1.1); } 100% { opacity:.8; transform: scale(.95); } }

.scn-lawyer-victoria-plans-delay { background: linear-gradient(180deg, #ffe0b0 0%, #ffc080 40%, #a08060 100%), radial-gradient(ellipse at 50% 100%, #d0b080 0%, transparent 70%); }

.scn-lawyer-victoria-plans-delay .sky.lvp   { position:absolute; inset:0 0 50% 0; background: linear-gradient(180deg, #ffe8c0 0%, #ffd8a0 50%, #c09070 100%); animation: lvp-sky 12s ease-in-out infinite alternate; }

.scn-lawyer-victoria-plans-delay .sea.lvp   { position:absolute; bottom:10%; left:0; right:0; height:45%; background: linear-gradient(180deg, #4a7a9a 0%, #2a5a7a 100%); border-radius: 0 0 20% 20% / 0 0 40% 40%; box-shadow: inset 0 8px 20px rgba(0,0,0,.3); animation: lvp-sea 8s ease-in-out infinite alternate; }

.scn-lawyer-victoria-plans-delay .railing.lvp { position:absolute; bottom:45%; left:5%; right:5%; height:2%; background: linear-gradient(180deg, #7a6a5a 0%, #4a3a2a 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.3); }

.scn-lawyer-victoria-plans-delay .figure-lawyer.lvp { position:absolute; bottom:40%; left:25%; width:6%; height:18%; background: linear-gradient(180deg, #2a1a0a 0%, #1a0a00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: lvp-figure1 5s ease-in-out infinite; }

.scn-lawyer-victoria-plans-delay .figure-wife.lvp  { position:absolute; bottom:40%; left:36%; width:5%; height:16%; background: linear-gradient(180deg, #3a2a1a 0%, #1a0e00 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: lvp-figure2 6s ease-in-out infinite; }

.scn-lawyer-victoria-plans-delay .suitcase.lvp { position:absolute; bottom:36%; left:30%; width:7%; height:6%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 4% 4% 0 0; box-shadow: 0 2px 6px rgba(0,0,0,.4); }

.scn-lawyer-victoria-plans-delay .distant-land.lvp { position:absolute; bottom:20%; right:8%; width:25%; height:15%; background: linear-gradient(180deg, #7a8a6a 0%, #5a6a4a 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; box-shadow: inset 0 4px 8px rgba(0,0,0,.2); animation: lvp-land 15s ease-in-out infinite alternate; }

@keyframes lvp-sky   { 0% { opacity:.8; } 50% { opacity:1; } 100% { opacity:.9; } }
@keyframes lvp-sea   { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(2px); } }
@keyframes lvp-figure1 { 0% { transform: translateX(0) rotate(-1deg); } 30% { transform: translateX(4px) rotate(1deg); } 60% { transform: translateX(8px) rotate(0deg); } 100% { transform: translateX(12px) rotate(-1deg); } }
@keyframes lvp-figure2 { 0% { transform: translateX(0) rotate(1deg); } 30% { transform: translateX(3px) rotate(-1deg); } 60% { transform: translateX(6px) rotate(0deg); } 100% { transform: translateX(9px) rotate(1deg); } }
@keyframes lvp-land  { 0% { opacity:.7; transform: scale(1); } 50% { opacity:.9; transform: scale(1.02); } 100% { opacity:.8; transform: scale(.98); } }

.scn-deck-view-honolulu { background: linear-gradient(180deg, #ffe0b0 0%, #ffd8a0 30%, #c0a080 100%), radial-gradient(ellipse at 50% 100%, #e0d0b0 0%, transparent 70%); }

.scn-deck-view-honolulu .sky.dvh   { position:absolute; inset:0 0 55% 0; background: linear-gradient(180deg, #ffe8c0 0%, #ffd0a0 50%, #b09070 100%); animation: dvh-sky 14s ease-in-out infinite alternate; }

.scn-deck-view-honolulu .sea.dvh   { position:absolute; bottom:8%; left:0; right:0; height:48%; background: linear-gradient(180deg, #4a8aaa 0%, #2a6a8a 100%); border-radius: 0 0 30% 30% / 0 0 50% 50%; box-shadow: inset 0 6px 20px rgba(0,0,0,.2); animation: dvh-sea 10s ease-in-out infinite alternate; }

.scn-deck-view-honolulu .shore.dvh { position:absolute; bottom:22%; left:20%; width:20%; height:12%; background: linear-gradient(180deg, #6a8a5a 0%, #4a6a3a 100%); border-radius: 60% 40% 0 0 / 80% 60% 0 0; }

.scn-deck-view-honolulu .surf.dvh  { position:absolute; bottom:20%; left:18%; width:24%; height:3%; background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(200,220,240,.4) 100%); border-radius: 50%; filter: blur(3px); animation: dvh-surf 6s ease-in-out infinite alternate; }

.scn-deck-view-honolulu .awning.dvh { position:absolute; top:0; left:0; width:100%; height:20%; background: linear-gradient(180deg, #d0b090 0%, #a08060 100%); clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%); box-shadow: 0 4px 12px rgba(0,0,0,.3); }

.scn-deck-view-honolulu .figure.dvh{ position:absolute; bottom:28%; left:40%; width:5%; height:16%; background: linear-gradient(180deg, #1a0e00 0%, #0a0500 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: dvh-figure 8s ease-in-out infinite; }

.scn-deck-view-honolulu .chair.dvh { position:absolute; bottom:26%; left:38%; width:8%; height:6%; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%); border-radius: 10% 10% 0 0; box-shadow: 0 2px 4px rgba(0,0,0,.3); }

@keyframes dvh-sky   { 0% { opacity:.85; } 50% { opacity:1; } 100% { opacity:.9; } }
@keyframes dvh-sea   { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.01); } 100% { transform: translateY(2px) scale(1); } }
@keyframes dvh-surf  { 0% { opacity:.6; transform: scaleX(1); } 50% { opacity:1; transform: scaleX(1.1); } 100% { opacity:.7; transform: scaleX(.95); } }
@keyframes dvh-figure { 0% { transform: translateX(0) rotate(-1deg); } 30% { transform: translateX(3px) rotate(1deg); } 60% { transform: translateX(6px) rotate(0deg); } 100% { transform: translateX(10px) rotate(-1deg); } }

/* Scene 1: benares-ancient-sacred - tense, sunlit */
.scn-benares-ancient-sacred {
  background: linear-gradient(180deg, #0b2a4a 0%, #1e4a6e 40%, #3a7a9e 70%, #c8a060 100%),
              radial-gradient(ellipse at 50% 100%, #c8a060 0%, transparent 60%);
  position: relative; overflow: hidden;
}
.scn-benares-ancient-sacred .sky {
  position: absolute; inset: 0 0 40% 0;
  background: linear-gradient(180deg, #0b2a4a 0%, #1e4a6e 50%, transparent);
  animation: ben-sky 15s ease-in-out infinite alternate;
}
.scn-benares-ancient-sacred .sun {
  position: absolute; top: 8%; left: 70%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffdd80 0%, #ffb840 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(255, 200, 80, 0.5);
  animation: ben-sun 6s ease-in-out infinite alternate;
}
.scn-benares-ancient-sacred .ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #6a5040 0%, #4a3020 100%);
  border-radius: 20% 30% 0 0 / 40% 50% 0 0;
  transform-origin: bottom center;
  animation: ben-ground 10s ease-in-out infinite alternate;
}
.scn-benares-ancient-sacred .lingam {
  position: absolute; bottom: 30%; left: 50%; width: 20px; height: 70px;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  border-radius: 40% 40% 10% 10%;
  transform: translateX(-50%);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
  animation: ben-ling 8s ease-in-out infinite alternate;
}
.scn-benares-ancient-sacred .shadow {
  position: absolute; bottom: 28%; left: 40%; width: 80px; height: 20px;
  background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 70%);
  animation: ben-shadow 10s ease-in-out infinite alternate;
}
.scn-benares-ancient-sacred .dust-a {
  position: absolute; top: 20%; left: 10%; width: 50px; height: 50px;
  background: radial-gradient(circle, rgba(200,180,140,0.2) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: ben-dust-a 30s linear infinite;
}
.scn-benares-ancient-sacred .dust-b {
  position: absolute; top: 25%; right: 15%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(200,180,140,0.15) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(4px);
  animation: ben-dust-b 25s linear infinite reverse;
}
@keyframes ben-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes ben-sun {
  0% { transform: scale(0.8) translate(0, 0); opacity: 0.9; }
  50% { transform: scale(1.1) translate(2px, -2px); opacity: 1; }
  100% { transform: scale(0.9) translate(-1px, 1px); opacity: 0.95; }
}
@keyframes ben-ground {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-2px) scaleY(1.01); }
  100% { transform: translateY(1px) scaleY(0.98); }
}
@keyframes ben-ling {
  0% { transform: translateX(-50%) rotate(-0.5deg); }
  50% { transform: translateX(-50%) rotate(0.5deg); }
  100% { transform: translateX(-50%) rotate(0deg); }
}
@keyframes ben-shadow {
  0% { transform: scaleX(1) translateX(0); opacity: 0.5; }
  50% { transform: scaleX(1.1) translateX(5px); opacity: 0.7; }
  100% { transform: scaleX(0.9) translateX(-3px); opacity: 0.4; }
}
@keyframes ben-dust-a {
  0% { transform: translate(-20px, 0) scale(0.8); opacity: 0.3; }
  50% { transform: translate(30px, -10px) scale(1.2); opacity: 0.6; }
  100% { transform: translate(80px, 5px) scale(0.9); opacity: 0.2; }
}
@keyframes ben-dust-b {
  0% { transform: translate(0, 0) scale(1); opacity: 0.4; }
  50% { transform: translate(-40px, 8px) scale(0.9); opacity: 0.2; }
  100% { transform: translate(-100px, -5px) scale(1.1); opacity: 0.5; }
}

/* Scene 2: sri-108-swami-meeting - warm, sunlit */
.scn-sri-108-swami-meeting {
  background: linear-gradient(180deg, #fce8c0 0%, #f5d4a0 30%, #c89a60 60%, #5a3a20 100%),
              radial-gradient(ellipse at 50% 0%, #ffe0a0 0%, transparent 60%);
  position: relative; overflow: hidden;
}
.scn-sri-108-swami-meeting .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #ffe0a0 0%, #fcedc0 50%, transparent);
  animation: swa-sky 12s ease-in-out infinite alternate;
}
.scn-sri-108-swami-meeting .sun {
  position: absolute; top: 5%; left: 60%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fff5d0 0%, #ffd080 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 100px 40px rgba(255, 200, 100, 0.6);
  animation: swa-sun 8s ease-in-out infinite alternate;
}
.scn-sri-108-swami-meeting .garden-ground {
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(180deg, #7a5a30 0%, #4a2a10 100%);
  border-radius: 30% 70% 0 0 / 50% 60% 0 0;
  animation: swa-ground 14s ease-in-out infinite alternate;
}
.scn-sri-108-swami-meeting .tree {
  position: absolute; bottom: 35%; left: 20%; width: 30px; height: 80px;
  background: linear-gradient(180deg, #5a3a20 0%, #3a1a0a 100%);
  border-radius: 20% 20% 10% 10%;
  transform-origin: bottom center;
  animation: swa-tree 6s ease-in-out infinite alternate;
}
.scn-sri-108-swami-meeting .tree::before {
  content: ''; position: absolute; top: -30px; left: -15px; width: 60px; height: 40px;
  background: radial-gradient(ellipse, #2a6a2a 0%, #1a4a1a 100%);
  border-radius: 50%;
  filter: blur(2px);
}
.scn-sri-108-swami-meeting .swami {
  position: absolute; bottom: 25%; left: 50%; width: 30px; height: 60px;
  background: linear-gradient(180deg, #d0a070 0%, #b08050 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.2);
  animation: swa-swami 5s ease-in-out infinite alternate;
}
.scn-sri-108-swami-meeting .lotus {
  position: absolute; bottom: 22%; left: 55%; width: 20px; height: 20px;
  background: radial-gradient(ellipse at 50% 0%, #ffa0a0 0%, #c06040 100%);
  border-radius: 50% 50% 0 0;
  transform: rotate(-15deg);
  animation: swa-lotus 7s ease-in-out infinite alternate;
}
@keyframes swa-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.8; }
}
@keyframes swa-sun {
  0% { transform: scale(0.9) translate(0, 0); }
  50% { transform: scale(1.05) translate(-2px, -3px); }
  100% { transform: scale(0.95) translate(1px, 2px); }
}
@keyframes swa-ground {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-1px) scaleY(1.01); }
  100% { transform: translateY(1px) scaleY(0.99); }
}
@keyframes swa-tree {
  0% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg); }
  100% { transform: rotate(-0.5deg); }
}
@keyframes swa-swami {
  0% { transform: translateX(-50%) rotate(-0.5deg); opacity: 0.9; }
  50% { transform: translateX(-50%) rotate(0.5deg); opacity: 1; }
  100% { transform: translateX(-50%) rotate(0deg); opacity: 0.95; }
}
@keyframes swa-lotus {
  0% { transform: rotate(-15deg) scale(1); }
  50% { transform: rotate(-12deg) scale(1.1); }
  100% { transform: rotate(-18deg) scale(0.9); }
}

/* Scene 3: meridian-birthday-confusion - funny, sunlit */
.scn-meridian-birthday-confusion {
  background: linear-gradient(90deg, #ffd0a0 0%, #ffe0b0 30%, #f0c080 50%, #a0c0e0 70%, #80a0d0 100%),
              radial-gradient(ellipse at 50% 0%, #ffe0b0 0%, transparent 60%);
  position: relative; overflow: hidden;
}
.scn-meridian-birthday-confusion .sky-left {
  position: absolute; inset: 0 50% 30% 0;
  background: linear-gradient(180deg, #ffd0a0 0%, #ffb060 100%);
  animation: mer-sky-l 10s ease-in-out infinite alternate;
}
.scn-meridian-birthday-confusion .sky-right {
  position: absolute; inset: 0 0 30% 50%;
  background: linear-gradient(180deg, #a0c0e0 0%, #6080b0 100%);
  animation: mer-sky-r 12s ease-in-out infinite alternate;
}
.scn-meridian-birthday-confusion .sun {
  position: absolute; top: 5%; left: 75%; width: 45px; height: 45px;
  background: radial-gradient(circle, #ffe0a0 0%, #ffb040 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255, 180, 60, 0.5);
  animation: mer-sun 5s ease-in-out infinite alternate;
}
.scn-meridian-birthday-confusion .ship {
  position: absolute; bottom: 30%; left: 30%; width: 80px; height: 30px;
  background: linear-gradient(180deg, #6a4030 0%, #4a2010 100%);
  border-radius: 10% 10% 30% 30%;
  transform-origin: bottom center;
  animation: mer-ship 8s ease-in-out infinite alternate;
}
.scn-meridian-birthday-confusion .ship::after {
  content: ''; position: absolute; top: -40px; left: 20px; width: 30px; height: 40px;
  background: linear-gradient(180deg, #e0c0a0 0%, #c0a080 100%);
  border-radius: 10% 10% 50% 50%;
  transform: skewX(-10deg);
}
.scn-meridian-birthday-confusion .baby {
  position: absolute; bottom: 25%; left: 50%; width: 18px; height: 24px;
  background: linear-gradient(180deg, #e0d0c0 0%, #c0a080 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  animation: mer-baby 4s ease-in-out infinite;
}
.scn-meridian-birthday-confusion .wave-a {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 20px;
  background: linear-gradient(180deg, rgba(100,150,200,0.4) 0%, transparent 100%);
  border-radius: 50% 50% 0 0;
  animation: mer-wave-a 6s ease-in-out infinite alternate;
}
.scn-meridian-birthday-confusion .wave-b {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 25px;
  background: linear-gradient(180deg, rgba(100,150,200,0.3) 0%, transparent 100%);
  border-radius: 40% 60% 0 0;
  animation: mer-wave-b 8s ease-in-out infinite alternate-reverse;
}
.scn-meridian-birthday-confusion .meridian-line {
  position: absolute; top: 0; left: 50%; width: 2px; height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.2) 100%);
  transform: translateX(-50%);
  animation: mer-line 3s ease-in-out infinite;
}
@keyframes mer-sky-l {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes mer-sky-r {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes mer-sun {
  0% { transform: scale(0.9) translate(0, 0); }
  50% { transform: scale(1.2) translate(-5px, -3px); }
  100% { transform: scale(1) translate(3px, 2px); }
}
@keyframes mer-ship {
  0% { transform: rotate(-2deg) translateX(0); }
  50% { transform: rotate(2deg) translateX(5px); }
  100% { transform: rotate(-1deg) translateX(-3px); }
}
@keyframes mer-baby {
  0% { transform: translateX(-50%) rotate(0) scale(1); }
  25% { transform: translateX(-45%) rotate(5deg) scale(1.05); }
  50% { transform: translateX(-50%) rotate(0) scale(0.95); }
  75% { transform: translateX(-55%) rotate(-5deg) scale(1.02); }
  100% { transform: translateX(-50%) rotate(0) scale(1); }
}
@keyframes mer-wave-a {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(-3px) scaleY(1.1); }
  100% { transform: translateY(2px) scaleY(0.9); }
}
@keyframes mer-wave-b {
  0% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(4px) scaleY(0.8); }
  100% { transform: translateY(-2px) scaleY(1.2); }
}
@keyframes mer-line {
  0%,100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}

/* Scene 4: burns-quotation-argument - funny, dim-interior */
.scn-burns-quotation-argument {
  background: linear-gradient(180deg, #2a2018 0%, #4a3830 40%, #3a2820 80%, #1a1008 100%),
              radial-gradient(ellipse at 50% 60%, #6a5040 0%, transparent 70%);
  position: relative; overflow: hidden;
}
.scn-burns-quotation-argument .wall {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
  animation: bur-wall 20s ease-in-out infinite alternate;
}
.scn-burns-quotation-argument .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #3a2a20 0%, #1a1008 100%);
  border-radius: 0 0 10% 10%;
}
.scn-burns-quotation-argument .table {
  position: absolute; bottom: 15%; left: 30%; width: 100px; height: 20px;
  background: linear-gradient(180deg, #5a3a20 0%, #3a1a0a 100%);
  border-radius: 5% 5% 10% 10%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.8);
  transform: perspective(200px) rotateX(5deg);
  animation: bur-table 6s ease-in-out infinite alternate;
}
.scn-burns-quotation-argument .candle {
  position: absolute; bottom: 22%; left: 45%; width: 8px; height: 20px;
  background: linear-gradient(180deg, #d0c0a0 0%, #a08060 100%);
  border-radius: 10% 10% 20% 20%;
  transform: translateX(-50%);
  animation: bur-candle 3s ease-in-out infinite alternate;
}
.scn-burns-quotation-argument .glow {
  position: absolute; bottom: 20%; left: 45%; width: 50px; height: 50px;
  background: radial-gradient(circle, rgba(255,200,100,0.4) 0%, rgba(255,200,100,0.1) 50%, transparent 80%);
  border-radius: 50%;
  transform: translate(-50%, -30%);
  animation: bur-glow 4s ease-in-out infinite alternate;
}
.scn-burns-quotation-argument .bairn-a {
  position: absolute; bottom: 15%; left: 20%; width: 14px; height: 20px;
  background: linear-gradient(180deg, #a08060 0%, #806040 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bur-bairn 5s ease-in-out infinite 0s;
}
.scn-burns-quotation-argument .bairn-b {
  position: absolute; bottom: 15%; left: 35%; width: 14px; height: 20px;
  background: linear-gradient(180deg, #b09070 0%, #907050 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bur-bairn 5s ease-in-out infinite 0.5s;
}
.scn-burns-quotation-argument .bairn-c {
  position: absolute; bottom: 15%; left: 50%; width: 14px; height: 20px;
  background: linear-gradient(180deg, #c0a080 0%, #a08060 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bur-bairn 5s ease-in-out infinite 1s;
}
.scn-burns-quotation-argument .book {
  position: absolute; bottom: 16%; left: 40%; width: 20px; height: 10px;
  background: linear-gradient(180deg, #806040 0%, #604020 100%);
  border-radius: 5%;
  transform: rotate(-10deg);
  animation: bur-book 8s ease-in-out infinite alternate;
}
@keyframes bur-wall {
  0% { opacity: 0.8; }
  50% { opacity: 0.9; }
  100% { opacity: 0.7; }
}
@keyframes bur-table {
  0% { transform: perspective(200px) rotateX(5deg) translateY(0); }
  50% { transform: perspective(200px) rotateX(3deg) translateY(-1px); }
  100% { transform: perspective(200px) rotateX(6deg) translateY(1px); }
}
@keyframes bur-candle {
  0% { transform: translateX(-50%) scaleY(0.9); opacity: 0.8; }
  50% { transform: translateX(-50%) scaleY(1.05); opacity: 1; }
  100% { transform: translateX(-50%) scaleY(0.95); opacity: 0.9; }
}
@keyframes bur-glow {
  0% { transform: translate(-50%, -30%) scale(0.9); opacity: 0.4; }
  50% { transform: translate(-50%, -30%) scale(1.2); opacity: 0.6; }
  100% { transform: translate(-50%, -30%) scale(1); opacity: 0.5; }
}
@keyframes bur-bairn {
  0% { transform: rotate(0deg) scale(1); }
  25% { transform: rotate(3deg) scale(1.02); }
  50% { transform: rotate(-2deg) scale(0.98); }
  75% { transform: rotate(4deg) scale(1.01); }
  100% { transform: rotate(0deg) scale(1); }
}
@keyframes bur-book {
  0% { transform: rotate(-10deg) translateX(0); }
  50% { transform: rotate(-8deg) translateX(2px); }
  100% { transform: rotate(-12deg) translateX(-1px); }
}

.scn-captain-wawn-missionaries { background: linear-gradient(180deg, #1a1410 0%, #2a2018 35%, #1a1410 70%), radial-gradient(ellipse at 30% 50%, #3a2a1a 0%, transparent 60%); }
.scn-captain-wawn-missionaries .cwm-wall { position: absolute; inset: 0 0 25% 0; background: linear-gradient(90deg, #2a1e12 0%, #362416 40%, #2a1e12 100%); box-shadow: inset 0 0 60px rgba(0,0,0,.6); }
.scn-captain-wawn-missionaries .cwm-floor { position: absolute; bottom: 0; left: 0; right: 0; height: 25%; background: linear-gradient(180deg, #1e1410 0%, #0e0a08 100%); }
.scn-captain-wawn-missionaries .cwm-desk { position: absolute; bottom: 20%; left: 25%; width: 50%; height: 12%; background: linear-gradient(180deg, #4a3220 0%, #2a1a0e 100%); border-radius: 2px 2px 0 0; box-shadow: 0 6px 18px rgba(0,0,0,.7); animation: cwm-desk 6s ease-in-out infinite alternate; }
.scn-captain-wawn-missionaries .cwm-lamp { position: absolute; bottom: 30%; left: 45%; width: 16px; height: 24px; background: radial-gradient(ellipse at 50% 20%, #f0d080 0%, #c08030 60%, #8a5010 100%); border-radius: 40% 40% 10% 10%; box-shadow: 0 0 30px 10px rgba(192,128,48,.5), 0 0 60px 30px rgba(192,128,48,.25); animation: cwm-lamp 3s ease-in-out infinite alternate; transform-origin: bottom center; }
.scn-captain-wawn-missionaries .cwm-figure-seated { position: absolute; bottom: 20%; left: 40%; width: 28px; height: 50px; background: linear-gradient(180deg, #1a1210 0%, #0e0a08 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: cwm-seated 4s ease-in-out infinite; }
.scn-captain-wawn-missionaries .cwm-figure-shadow { position: absolute; bottom: 18%; left: 60%; width: 60px; height: 30px; background: radial-gradient(ellipse, rgba(0,0,0,.6) 0%, transparent 70%); transform-origin: center; animation: cwm-shadow 5s ease-in-out infinite alternate; }
.scn-captain-wawn-missionaries .cwm-papers { position: absolute; bottom: 22%; left: 30%; width: 40px; height: 6px; background: linear-gradient(90deg, #d4c4a4 0%, #bca88c 50%, #d4c4a4 100%); border-radius: 1px; box-shadow: 0 2px 6px rgba(0,0,0,.4); transform: rotate(-4deg); animation: cwm-paper 8s ease-in-out infinite; }
.scn-captain-wawn-missionaries .cwm-rat { position: absolute; bottom: 18%; left: 15%; width: 12px; height: 6px; background: #2a2018; border-radius: 50% 50% 40% 40%; animation: cwm-rat 10s linear infinite; }
.scn-captain-wawn-missionaries .cwm-shelf { position: absolute; top: 15%; left: 10%; width: 30%; height: 4px; background: linear-gradient(90deg, #3a2618 0%, #4a3424 50%, #3a2618 100%); box-shadow: 0 4px 8px rgba(0,0,0,.5); }
@keyframes cwm-desk { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes cwm-lamp { 0% { box-shadow: 0 0 20px 8px rgba(192,128,48,.4), 0 0 50px 25px rgba(192,128,48,.2); opacity: .85; transform: rotate(-2deg) } 50% { box-shadow: 0 0 40px 15px rgba(255,200,80,.5), 0 0 70px 35px rgba(255,200,80,.25); opacity: 1; transform: rotate(1deg) } 100% { box-shadow: 0 0 25px 10px rgba(192,128,48,.45), 0 0 55px 28px rgba(192,128,48,.22); opacity: .9; transform: rotate(-1deg) } }
@keyframes cwm-seated { 0%,100% { transform: translateY(0) rotate(-.5deg) } 30% { transform: translateY(-2px) rotate(1deg) } 60% { transform: translateY(-1px) rotate(.5deg) } }
@keyframes cwm-shadow { 0% { transform: scaleX(1) translateY(0); opacity: .6 } 50% { transform: scaleX(1.1) translateY(-2px); opacity: .4 } 100% { transform: scaleX(.95) translateY(1px); opacity: .5 } }
@keyframes cwm-paper { 0%,100% { transform: translateX(0) rotate(-4deg) } 50% { transform: translateX(3px) rotate(-2deg) } }
@keyframes cwm-rat { 0% { transform: translateX(-20px) translateY(0) } 25% { transform: translateX(10px) translateY(-2px) } 50% { transform: translateX(40px) translateY(0) } 75% { transform: translateX(70px) translateY(-1px) } 100% { transform: translateX(100px) translateY(0) } }

.scn-planter-cost-recruit-puzzle { background: linear-gradient(180deg, #1c1612 0%, #2a201a 50%, #1c1612 100%), radial-gradient(ellipse at 60% 30%, #3a2a1a 0%, transparent 60%); }
.scn-planter-cost-recruit-puzzle .pcr-wall { position: absolute; inset: 0 0 20% 0; background: linear-gradient(90deg, #241c14 0%, #30241a 50%, #241c14 100%); box-shadow: inset 0 0 50px rgba(0,0,0,.5); }
.scn-planter-cost-recruit-puzzle .pcr-floor { position: absolute; bottom: 0; left: 0; right: 0; height: 20%; background: linear-gradient(180deg, #1a1410 0%, #0e0a08 100%); }
.scn-planter-cost-recruit-puzzle .pcr-desk { position: absolute; bottom: 16%; left: 20%; width: 60%; height: 14%; background: linear-gradient(180deg, #4a3220 0%, #2a1a0e 100%); border-radius: 3px 3px 0 0; box-shadow: 0 8px 20px rgba(0,0,0,.7); }
.scn-planter-cost-recruit-puzzle .pcr-ledger { position: absolute; bottom: 20%; left: 35%; width: 40px; height: 30px; background: linear-gradient(180deg, #d4c4a4 0%, #b09474 100%); border-radius: 2px; box-shadow: 0 3px 10px rgba(0,0,0,.4); transform: rotate(2deg); animation: pcr-ledger 7s ease-in-out infinite; }
.scn-planter-cost-recruit-puzzle .pcr-scales { position: absolute; bottom: 22%; left: 55%; width: 24px; height: 20px; background: linear-gradient(180deg, #8a7a5a 0%, #6a5a3a 100%); border-radius: 50% 50% 20% 20% / 60% 60% 20% 20%; box-shadow: 0 2px 6px rgba(0,0,0,.5); transform-origin: bottom center; animation: pcr-scales 4s ease-in-out infinite alternate; }
.scn-planter-cost-recruit-puzzle .pcr-coin-pile { position: absolute; bottom: 20%; left: 48%; width: 14px; height: 8px; background: radial-gradient(ellipse, #d4b84a 0%, #b89830 60%, #8a7020 100%); border-radius: 50%; box-shadow: 0 0 8px 2px rgba(180,140,40,.4); animation: pcr-coin 3s ease-in-out infinite alternate; }
.scn-planter-cost-recruit-puzzle .pcr-hand { position: absolute; bottom: 22%; left: 30%; width: 12px; height: 16px; background: linear-gradient(180deg, #4a3020 0%, #2a1a10 100%); border-radius: 30% 30% 40% 40% / 20% 20% 50% 50%; transform-origin: bottom center; animation: pcr-hand 5s ease-in-out infinite; }
.scn-planter-cost-recruit-puzzle .pcr-figure { position: absolute; bottom: 16%; left: 50%; width: 26px; height: 48px; background: linear-gradient(180deg, #1a1210 0%, #0e0a08 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: pcr-figure 6s ease-in-out infinite; }
.scn-planter-cost-recruit-puzzle .pcr-lantern { position: absolute; bottom: 38%; left: 20%; width: 10px; height: 14px; background: radial-gradient(ellipse at 50% 30%, #f0d060 0%, #c08030 70%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 20px 6px rgba(192,128,48,.5), 0 0 40px 15px rgba(192,128,48,.25); animation: pcr-lantern 3s ease-in-out infinite alternate; }
@keyframes pcr-ledger { 0%,100% { transform: translateY(0) rotate(2deg) } 50% { transform: translateY(-3px) rotate(4deg) } }
@keyframes pcr-scales { 0% { transform: rotate(-5deg) } 50% { transform: rotate(0deg) } 100% { transform: rotate(5deg) } }
@keyframes pcr-coin { 0% { opacity: .8; transform: scaleY(1) } 50% { opacity: 1; transform: scaleY(1.3) } 100% { opacity: .85; transform: scaleY(.95) } }
@keyframes pcr-hand { 0%,100% { transform: translateX(0) translateY(0) rotate(-2deg) } 25% { transform: translateX(6px) translateY(-2px) rotate(3deg) } 50% { transform: translateX(12px) translateY(-1px) rotate(1deg) } 75% { transform: translateX(6px) translateY(-2px) rotate(-2deg) } }
@keyframes pcr-figure { 0%,100% { transform: translateY(0) rotate(.5deg) } 50% { transform: translateY(-3px) rotate(-1deg) } }
@keyframes pcr-lantern { 0% { box-shadow: 0 0 15px 4px rgba(192,128,48,.4), 0 0 30px 10px rgba(192,128,48,.2); opacity: .85; transform: rotate(-2deg) } 50% { box-shadow: 0 0 30px 10px rgba(255,200,64,.5), 0 0 50px 20px rgba(255,200,64,.25); opacity: 1; transform: rotate(2deg) } 100% { box-shadow: 0 0 20px 6px rgba(192,128,48,.45), 0 0 35px 12px rgba(192,128,48,.22); opacity: .9; transform: rotate(-1deg) } }

.scn-kanaka-civilization-melts { background: linear-gradient(180deg, #f0e4c8 0%, #d4c8a8 30%, #b8a88a 60%, #948468 100%), radial-gradient(ellipse at 50% 0%, #fff8e0 0%, transparent 50%); }
.scn-kanaka-civilization-melts .kcm-sky { position: absolute; inset: 0 0 40% 0; background: linear-gradient(180deg, #b8cce8 0%, #d4e0f0 40%, #f0e8d4 100%); animation: kcm-sky 12s ease-in-out infinite alternate; }
.scn-kanaka-civilization-melts .kcm-sun { position: absolute; top: 8%; left: 60%; width: 60px; height: 60px; background: radial-gradient(circle, #fff8e0 0%, #f0e0a0 30%, #d4b86a 60%, transparent 70%); border-radius: 50%; box-shadow: 0 0 80px 30px rgba(240,224,160,.4), 0 0 150px 60px rgba(240,224,160,.2); animation: kcm-sun 8s ease-in-out infinite alternate; }
.scn-kanaka-civilization-melts .kcm-sand { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, #d4b898 0%, #c4a888 30%, #b49878 100%); border-radius: 40% 60% 0 0 / 20% 30% 0 0; box-shadow: inset 0 20px 40px rgba(160,120,80,.3); }
.scn-kanaka-civilization-melts .kcm-figure { position: absolute; bottom: 28%; left: 40%; width: 30px; height: 60px; background: linear-gradient(180deg, #8a7060 0%, #6a5040 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: kcm-figure 5s ease-in-out infinite; }
.scn-kanaka-civilization-melts .kcm-hat { position: absolute; bottom: 62%; left: 40%; width: 28px; height: 8px; background: linear-gradient(90deg, #d4b080 0%, #c4a070 100%); border-radius: 50% 50% 10% 10%; box-shadow: 0 2px 4px rgba(0,0,0,.3); transform-origin: center; animation: kcm-hat 7s ease-in-out infinite; }
.scn-kanaka-civilization-melts .kcm-umbrella { position: absolute; bottom: 55%; left: 36%; width: 18px; height: 30px; background: linear-gradient(180deg, #b87878 0%, #a06060 100%); border-radius: 10% 10% 50% 50%; transform-origin: bottom center; animation: kcm-umbrella 6s ease-in-out infinite; }
.scn-kanaka-civilization-melts .kcm-belt { position: absolute; bottom: 38%; left: 40%; width: 24px; height: 4px; background: #7a5a3a; border-radius: 2px; transform-origin: center; animation: kcm-belt 9s ease-in-out infinite alternate; }
.scn-kanaka-civilization-melts .kcm-neckerchief { position: absolute; bottom: 44%; left: 46%; width: 8px; height: 10px; background: #c4a040; border-radius: 20% 20% 40% 40%; transform-origin: top center; animation: kcm-neck 8s ease-in-out infinite; }
.scn-kanaka-civilization-melts .kcm-heat-haze { position: absolute; inset: 30% 0 20% 0; background: linear-gradient(180deg, transparent 0%, rgba(255,255,200,.08) 30%, transparent 60%, rgba(200,180,120,.05) 100%); filter: blur(8px); animation: kcm-haze 4s ease-in-out infinite alternate; }
@keyframes kcm-sky { 0% { opacity: .8 } 50% { opacity: 1 } 100% { opacity: .85 } }
@keyframes kcm-sun { 0% { transform: scale(.95) translateY(0); opacity: .85 } 50% { transform: scale(1.05) translateY(-3px); opacity: 1 } 100% { transform: scale(.98) translateY(1px); opacity: .9 } }
@keyframes kcm-figure { 0%,100% { transform: translateY(0) rotate(-1deg) } 30% { transform: translateY(-3px) rotate(1deg) } 60% { transform: translateY(-1px) rotate(.5deg) } }
@keyframes kcm-hat { 0% { transform: translateY(0) rotate(0deg); opacity: 1 } 30% { transform: translateY(-4px) rotate(5deg); opacity: .95 } 60% { transform: translateY(-2px) rotate(-3deg); opacity: .9 } 100% { transform: translateY(0) rotate(0deg); opacity: .85 } }
@keyframes kcm-umbrella { 0%,100% { transform: rotate(0deg) scaleY(1) } 25% { transform: rotate(-5deg) scaleY(.95) } 50% { transform: rotate(3deg) scaleY(.9) } 75% { transform: rotate(-2deg) scaleY(.85) } }
@keyframes kcm-belt { 0% { transform: scaleX(1) translateY(0); opacity: 1 } 50% { transform: scaleX(.7) translateY(2px); opacity: .6 } 100% { transform: scaleX(.5) translateY(4px); opacity: .3 } }
@keyframes kcm-neck { 0% { transform: rotate(0deg) scaleY(1); opacity: 1 } 25% { transform: rotate(10deg) scaleY(.9); opacity: .8 } 50% { transform: rotate(-5deg) scaleY(.7); opacity: .6 } 75% { transform: rotate(15deg) scaleY(.5); opacity: .4 } 100% { transform: rotate(0deg) scaleY(.3); opacity: .2 } }
@keyframes kcm-haze { 0% { opacity: .3; transform: translateY(0) } 50% { opacity: .6; transform: translateY(-4px) } 100% { opacity: .4; transform: translateY(2px) } }

.scn-uitlanders-conspiracy-jameson { background: linear-gradient(180deg, #0e0e16 0%, #1a1824 40%, #242038 100%), radial-gradient(ellipse at 30% 40%, #2a2040 0%, transparent 60%); }
.scn-uitlanders-conspiracy-jameson .ucj-wall { position: absolute; inset: 0 0 15% 0; background: linear-gradient(90deg, #181420 0%, #201c2c 50%, #181420 100%); box-shadow: inset 0 0 80px rgba(0,0,0,.7); }
.scn-uitlanders-conspiracy-jameson .ucj-floor { position: absolute; bottom: 0; left: 0; right: 0; height: 15%; background: linear-gradient(180deg, #12101a 0%, #0a0810 100%); }
.scn-uitlanders-conspiracy-jameson .ucj-crate-stack { position: absolute; bottom: 12%; left: 15%; width: 40px; height: 36px; background: linear-gradient(180deg, #4a3a28 0%, #2a1e12 100%); border-radius: 2px; box-shadow: 0 4px 12px rgba(0,0,0,.6); transform: perspective(200px) rotateY(-8deg); animation: ucj-crate 9s ease-in-out infinite; }
.scn-uitlanders-conspiracy-jameson .ucj-oil-tank { position: absolute; bottom: 14%; right: 20%; width: 50px; height: 30px; background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 100%); border-radius: 30% 30% 10% 10%; box-shadow: inset 0 -6px 12px rgba(0,0,0,.5), 0 4px 10px rgba(0,0,0,.5); transform: perspective(200px) rotateX(10deg); animation: ucj-tank 12s ease-in-out infinite alternate; }
.scn-uitlanders-conspiracy-jameson .ucj-musket { position: absolute; bottom: 16%; left: 30%; width: 60px; height: 4px; background: linear-gradient(90deg, #3a2a1a 0%, #5a4028 50%, #3a2a1a 100%); border-radius: 2px; transform: rotate(-12deg); box-shadow: 0 1px 3px rgba(0,0,0,.5); animation: ucj-musket 6s ease-in-out infinite alternate; }
.scn-uitlanders-conspiracy-jameson .ucj-figure-three { position: absolute; bottom: 10%; left: 25%; width: 20px; height: 42px; background: linear-gradient(180deg, #1a1620 0%, #0e0a12 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: ucj-fig3 7s ease-in-out infinite; }
.scn-uitlanders-conspiracy-jameson .ucj-figure-two { position: absolute; bottom: 10%; left: 38%; width: 22px; height: 44px; background: linear-gradient(180deg, #1a1620 0%, #0e0a12 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: ucj-fig2 7s ease-in-out infinite 1s; }
.scn-uitlanders-conspiracy-jameson .ucj-figure-one { position: absolute; bottom: 10%; left: 50%; width: 24px; height: 46px; background: linear-gradient(180deg, #1a1620 0%, #0e0a12 100%); border-radius: 45% 45% 40% 40% / 55% 55% 40% 40%; transform-origin: bottom center; animation: ucj-fig1 7s ease-in-out infinite 2s; }
.scn-uitlanders-conspiracy-jameson .ucj-lantern-glow { position: absolute; bottom: 30%; left: 60%; width: 14px; height: 20px; background: radial-gradient(ellipse at 50% 30%, #f0a050 0%, #c07020 70%); border-radius: 30% 30% 10% 10%; box-shadow: 0 0 30px 10px rgba(192,112,32,.5), 0 0 60px 25px rgba(192,112,32,.25), 0 0 100px 50px rgba(192,112,32,.1); animation: ucj-lantern 3s ease-in-out infinite alternate; }
@keyframes ucj-crate { 0%,100% { transform: perspective(200px) rotateY(-8deg) translateY(0) } 50% { transform: perspective(200px) rotateY(-6deg) translateY(-2px) } }
@keyframes ucj-tank { 0% { transform: perspective(200px) rotateX(10deg) translateY(0) } 50% { transform: perspective(200px) rotateX(8deg) translateY(-1px) } 100% { transform: perspective(200px) rotateX(12deg) translateY(1px) } }
@keyframes ucj-musket { 0% { transform: rotate(-12deg) translateY(0) } 50% { transform: rotate(-10deg) translateY(-2px) } 100% { transform: rotate(-14deg) translateY(1px) } }
@keyframes ucj-fig3 { 0%,100% { transform: translateY(0) rotate(-.5deg) } 30% { transform: translateY(-2px) rotate(1deg) } 60% { transform: translateY(-1px) rotate(-.3deg) } }
@keyframes ucj-fig2 { 0%,100% { transform: translateY(0) rotate(.5deg) } 30% { transform: translateY(-3px) rotate(-1deg) } 60% { transform: translateY(-1px) rotate(.3deg) } }
@keyframes ucj-fig1 { 0%,100% { transform: translateY(0) rotate(-.3deg) translateX(0) } 30% { transform: translateY(-2px) rotate(1deg) translateX(2px) } 60% { transform: translateY(-1px) rotate(-.5deg) translateX(-1px) } }
@keyframes ucj-lantern { 0% { box-shadow: 0 0 25px 8px rgba(192,112,32,.4), 0 0 50px 20px rgba(192,112,32,.2), 0 0 80px 40px rgba(192,112,32,.08); opacity: .85; transform: rotate(-3deg) } 50% { box-shadow: 0 0 40px 15px rgba(240,160,80,.5), 0 0 70px 30px rgba(240,160,80,.25), 0 0 120px 60px rgba(240,160,80,.1); opacity: 1; transform: rotate(2deg) } 100% { box-shadow: 0 0 30px 10px rgba(192,112,32,.45), 0 0 55px 22px rgba(192,112,32,.22), 0 0 90px 45px rgba(192,112,32,.09); opacity: .9; transform: rotate(-1deg) } }

/* Scene: government-house-towers-silence (ghts) */
.scn-government-house-towers-silence {
  background: 
    linear-gradient(180deg, #e8c878 0%, #d9a84a 30%, #c08030 70%, #805030 100%),
    radial-gradient(ellipse at 60% 20%, #fff4d0 0%, transparent 50%);
}
.scn-government-house-towers-silence .sun {
  position: absolute; top: 8%; right: 15%;
  width: 60px; height: 60px;
  background: radial-gradient(circle, #fff8e0 0%, #f0c868 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px #f0c868;
  animation: ghts-sun 12s ease-in-out infinite alternate;
}
.scn-government-house-towers-silence .mansion {
  position: absolute; bottom: 25%; left: 10%;
  width: 150px; height: 90px;
  background: linear-gradient(180deg, #c8b090 0%, #a0806a 50%, #705040 100%);
  border-radius: 6% 6% 2% 2%;
  box-shadow: inset 0 6px 14px rgba(0,0,0,0.5), 0 4px 8px rgba(0,0,0,0.3);
  animation: ghts-mansion 8s ease-in-out infinite alternate;
}
.scn-government-house-towers-silence .tower {
  position: absolute; bottom: 28%; right: 25%;
  width: 40px; height: 120px;
  background: linear-gradient(180deg, #b09880 0%, #806050 100%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.4);
  animation: ghts-tower 10s ease-in-out infinite alternate;
}
.scn-government-house-towers-silence .vulture-a {
  position: absolute; top: 22%; left: 30%;
  width: 80px; height: 30px;
  background: radial-gradient(ellipse at 30% 50%, #4a3a3a 0%, transparent 60%);
  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 80% 60%, 50% 40%, 20% 60%);
  animation: ghts-vulture 18s linear infinite;
}
.scn-government-house-towers-silence .vulture-b {
  position: absolute; top: 18%; right: 40%;
  width: 70px; height: 25px;
  background: radial-gradient(ellipse at 30% 50%, #3a2a2a 0%, transparent 60%);
  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 80% 60%, 50% 40%, 20% 60%);
  animation: ghts-vulture 22s linear infinite reverse;
}
.scn-government-house-towers-silence .bone {
  position: absolute; bottom: 22%; left: 55%;
  width: 24px; height: 8px;
  background: #f0e8d0;
  border-radius: 40% 40% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  animation: ghts-bone 6s ease-in-out infinite alternate;
}
@keyframes ghts-sun { 0% { transform: scale(1) rotate(0deg); opacity: 0.9; } 50% { transform: scale(1.08) rotate(5deg); opacity: 1; } 100% { transform: scale(0.95) rotate(-3deg); opacity: 0.85; } }
@keyframes ghts-mansion { 0% { transform: translateY(0); box-shadow: inset 0 6px 14px rgba(0,0,0,0.5); } 50% { transform: translateY(-2px); box-shadow: inset 0 8px 18px rgba(0,0,0,0.6); } 100% { transform: translateY(0); box-shadow: inset 0 4px 10px rgba(0,0,0,0.4); } }
@keyframes ghts-tower { 0% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(1.02); } 100% { transform: translateY(0) scaleY(0.98); } }
@keyframes ghts-vulture { 0% { transform: translateX(-40px) rotate(0deg); } 25% { transform: translateX(20vw) rotate(2deg); } 50% { transform: translateX(40vw) rotate(-1deg); } 75% { transform: translateX(60vw) rotate(1deg); } 100% { transform: translateX(100vw) rotate(0deg); } }
@keyframes ghts-bone { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(15deg) scale(1.05); } 100% { transform: rotate(-10deg) scale(0.95); } }

/* Scene: kamehameha-conquest-civilization (kcc) */
.scn-kamehameha-conquest-civilization {
  background: 
    linear-gradient(180deg, #7ec8e3 0%, #4a9db8 40%, #1a6d8a 70%, #0a3b4a 100%),
    radial-gradient(ellipse at 50% 30%, #fff8e0 0%, transparent 60%);
}
.scn-kamehameha-conquest-civilization .sun {
  position: absolute; top: 5%; left: 20%;
  width: 70px; height: 70px;
  background: radial-gradient(circle, #fffbe0 0%, #f7d44a 50%, transparent 75%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px #f7d44a;
  animation: kcc-sun 10s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest-civilization .ocean {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #1e6d8a 0%, #0a3b4a 100%);
  animation: kcc-ocean 6s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest-civilization .island {
  position: absolute; bottom: 35%; left: 40%;
  width: 120px; height: 50px;
  background: linear-gradient(180deg, #6a8a4a 0%, #3a5a2a 100%);
  border-radius: 60% 60% 0 0;
  box-shadow: inset 0 -10px 20px rgba(0,0,0,0.3);
  animation: kcc-island 12s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest-civilization .ship {
  position: absolute; bottom: 25%; left: 10%;
  width: 100px; height: 30px;
  background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: kcc-ship 20s linear infinite;
}
.scn-kamehameha-conquest-civilization .sail-fore {
  position: absolute; bottom: 30%; left: 12%;
  width: 18px; height: 40px;
  background: #f8f4e8;
  border-radius: 30% 30% 10% 10%;
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  animation: kcc-sail 4s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest-civilization .sail-aft {
  position: absolute; bottom: 30%; left: 20%;
  width: 20px; height: 50px;
  background: #e8e0d0;
  border-radius: 30% 30% 10% 10%;
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
  animation: kcc-sail 4s ease-in-out infinite alternate-reverse;
  animation-delay: 1s;
}
.scn-kamehameha-conquest-civilization .wave-a {
  position: absolute; bottom: 15%; left: 0; right: 0; height: 20px;
  background: transparent;
  border-top: 4px solid rgba(120,200,230,0.5);
  border-radius: 50%;
  animation: kcc-wave 8s ease-in-out infinite alternate;
}
.scn-kamehameha-conquest-civilization .wave-b {
  position: absolute; bottom: 10%; left: 0; right: 0; height: 15px;
  background: transparent;
  border-top: 3px solid rgba(100,180,210,0.4);
  border-radius: 50%;
  animation: kcc-wave 7s ease-in-out infinite alternate-reverse;
}
.scn-kamehameha-conquest-civilization .palm {
  position: absolute; bottom: 38%; left: 42%;
  width: 30px; height: 50px;
  background: linear-gradient(180deg, #4a6a2a 0%, #2a4a1a 100%);
  border-radius: 40% 40% 10% 10%;
  transform-origin: bottom;
  animation: kcc-palm 5s ease-in-out infinite alternate;
}
@keyframes kcc-sun { 0% { transform: scale(1) rotate(0deg); opacity: 0.95; } 50% { transform: scale(1.03) rotate(2deg); opacity: 1; } 100% { transform: scale(0.98) rotate(-2deg); opacity: 0.9; } }
@keyframes kcc-ocean { 0% { background-position: 0% 0%; } 50% { background-position: 10% 0%; } 100% { background-position: 20% 0%; } }
@keyframes kcc-island { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(1px); } }
@keyframes kcc-ship { 0% { transform: translateX(-20px) rotate(0deg); } 25% { transform: translateX(10vw) rotate(-0.5deg); } 50% { transform: translateX(25vw) rotate(0deg); } 75% { transform: translateX(40vw) rotate(0.5deg); } 100% { transform: translateX(60vw) rotate(0deg); } }
@keyframes kcc-sail { 0% { transform: rotate(0deg) scaleY(1); } 50% { transform: rotate(5deg) scaleY(1.02); } 100% { transform: rotate(-3deg) scaleY(0.98); } }
@keyframes kcc-wave { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(4px); } }
@keyframes kcc-palm { 0% { transform: rotate(0deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }

/* Scene: liholiho-reform-mistake (lrm) */
.scn-liholiho-reform-mistake {
  background: 
    linear-gradient(180deg, #1a1a2a 0%, #2a1a1a 40%, #3a1a0a 70%, #0a0a0a 100%),
    radial-gradient(ellipse at 50% 70%, #c8553d 0%, transparent 60%);
}
.scn-liholiho-reform-mistake .wall-left {
  position: absolute; top: 0; left: 0; width: 20%; height: 100%;
  background: linear-gradient(180deg, #1a1a2a 0%, #2a1a1a 100%);
  box-shadow: inset -10px 0 20px rgba(0,0,0,0.8);
  animation: lrm-wall 10s ease-in-out infinite alternate;
}
.scn-liholiho-reform-mistake .wall-right {
  position: absolute; top: 0; right: 0; width: 20%; height: 100%;
  background: linear-gradient(180deg, #1a1a2a 0%, #2a1a1a 100%);
  box-shadow: inset 10px 0 20px rgba(0,0,0,0.8);
  animation: lrm-wall 10s ease-in-out infinite alternate-reverse;
}
.scn-liholiho-reform-mistake .throne {
  position: absolute; bottom: 20%; left: 35%; width: 100px; height: 80px;
  background: linear-gradient(180deg, #5a3a2a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 50% 50% / 20% 20% 40% 40%;
  box-shadow: 0 8px 16px rgba(0,0,0,0.7);
  animation: lrm-throne 5s ease-in-out infinite alternate;
}
.scn-liholiho-reform-mistake .figure {
  position: absolute; bottom: 28%; left: 40%; width: 20px; height: 50px;
  background: radial-gradient(ellipse at 50% 30%, #3a2a1a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: lrm-figure 3s ease-in-out infinite alternate;
}
.scn-liholiho-reform-mistake .fire {
  position: absolute; bottom: 20%; left: 55%; width: 40px; height: 60px;
  background: radial-gradient(ellipse at 50% 30%, #ffa060 0%, #c8553d 50%, transparent 80%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px #c8553d;
  animation: lrm-fire 2s ease-in-out infinite alternate;
}
.scn-liholiho-reform-mistake .sparks {
  position: absolute; bottom: 40%; left: 50%; width: 8px; height: 8px;
  background: #ffc080;
  border-radius: 50%;
  box-shadow: 0 -10px 0 4px #ffa060, 10px -20px 0 2px #ffa060, -8px -30px 0 3px #ffa060;
  animation: lrm-sparks 1.5s ease-in-out infinite alternate;
}
.scn-liholiho-reform-mistake .gunpowder {
  position: absolute; bottom: 30%; left: 30%; width: 30px; height: 30px;
  background: radial-gradient(circle, #5a3a2a 0%, #2a1a0a 100%);
  border-radius: 50%;
  filter: blur(4px);
  animation: lrm-gunpowder 4s ease-in-out infinite alternate;
}
.scn-liholiho-reform-mistake .scepter {
  position: absolute; bottom: 32%; left: 37%; width: 6px; height: 60px;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 50%, #806030 100%);
  border-radius: 20%;
  transform: rotate(15deg);
  animation: lrm-scepter 3s ease-in-out infinite alternate;
}
@keyframes lrm-wall { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes lrm-throne { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(1px) rotate(-1deg); } }
@keyframes lrm-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-4px) rotate(2deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes lrm-fire { 0% { transform: scale(1) translateY(0); opacity: 0.8; } 50% { transform: scale(1.2) translateY(-5px); opacity: 1; } 100% { transform: scale(0.9) translateY(2px); opacity: 0.7; } }
@keyframes lrm-sparks { 0% { transform: translateY(0) scale(1); opacity: 0.9; } 50% { transform: translateY(-15px) scale(1.5); opacity: 1; } 100% { transform: translateY(-30px) scale(0.5); opacity: 0; } }
@keyframes lrm-gunpowder { 0% { transform: scale(1); filter: blur(4px); } 50% { transform: scale(1.1); filter: blur(2px); } 100% { transform: scale(0.9); filter: blur(6px); } }
@keyframes lrm-scepter { 0% { transform: rotate(15deg) translateY(0); } 50% { transform: rotate(10deg) translateY(-2px); } 100% { transform: rotate(20deg) translateY(1px); } }

/* Scene: liholiho-tabu-institution (lti) */
.scn-liholiho-tabu-institution {
  background: 
    linear-gradient(180deg, #2a1a2a 0%, #1a0a1a 50%, #0a0a1a 100%),
    radial-gradient(ellipse at 50% 40%, #4a3a5a 0%, transparent 70%);
}
.scn-liholiho-tabu-institution .altar {
  position: absolute; bottom: 15%; left: 35%; width: 120px; height: 60px;
  background: linear-gradient(180deg, #6a5a4a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 5% 5%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.6);
  animation: lti-altar 8s ease-in-out infinite alternate;
}
.scn-liholiho-tabu-institution .figure {
  position: absolute; bottom: 25%; left: 40%; width: 22px; height: 55px;
  background: radial-gradient(ellipse at 50% 30%, #4a3a3a 0%, #1a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom;
  animation: lti-figure 6s ease-in-out infinite alternate;
}
.scn-liholiho-tabu-institution .stained-glass {
  position: absolute; top: 10%; left: 30%; width: 120px; height: 180px;
  background: linear-gradient(135deg, #8a6a9a 0%, #6a4a8a 20%, #5a3a6a 40%, #4a2a5a 60%, #3a1a4a 80%, #2a0a3a 100%);
  border-radius: 10%;
  opacity: 0.4;
  filter: blur(2px);
  animation: lti-stained 15s ease-in-out infinite alternate;
}
.scn-liholiho-tabu-institution .candle-a {
  position: absolute; bottom: 30%; left: 30%; width: 8px; height: 30px;
  background: linear-gradient(180deg, #f0e8d0 0%, #d0c8a0 100%);
  border-radius: 5%;
  animation: lti-candle 5s ease-in-out infinite alternate;
}
.scn-liholiho-tabu-institution .candle-b {
  position: absolute; bottom: 30%; right: 30%; width: 8px; height: 30px;
  background: linear-gradient(180deg, #f0e8d0 0%, #d0c8a0 100%);
  border-radius: 5%;
  animation: lti-candle 5s ease-in-out infinite alternate-reverse;
  animation-delay: 2s;
}
.scn-liholiho-tabu-institution .scepter {
  position: absolute; bottom: 28%; left: 44%; width: 6px; height: 70px;
  background: linear-gradient(180deg, #c8a060 0%, #a08040 50%, #806030 100%);
  border-radius: 20%;
  transform: rotate(5deg);
  animation: lti-scepter 7s ease-in-out infinite alternate;
}
.scn-liholiho-tabu-institution .book {
  position: absolute; bottom: 18%; left: 48%; width: 20px; height: 14px;
  background: #1a1a1a;
  border-radius: 10%;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  animation: lti-book 4s ease-in-out infinite alternate;
}
.scn-liholiho-tabu-institution .halo {
  position: absolute; top: 12%; left: 38%; width: 60px; height: 60px;
  background: radial-gradient(circle, rgba(200,180,120,0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: lti-halo 10s ease-in-out infinite alternate;
}
@keyframes lti-altar { 0% { transform: translateY(0); } 50% { transform: translateY(-1px); } 100% { transform: translateY(1px); } }
@keyframes lti-figure { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes lti-stained { 0% { opacity: 0.3; filter: blur(2px); } 50% { opacity: 0.5; filter: blur(1px); } 100% { opacity: 0.4; filter: blur(3px); } }
@keyframes lti-candle { 0% { transform: scaleY(1) rotate(0deg); } 50% { transform: scaleY(1.05) rotate(2deg); } 100% { transform: scaleY(0.95) rotate(-2deg); } }
@keyframes lti-scepter { 0% { transform: rotate(5deg) translateY(0); } 50% { transform: rotate(8deg) translateY(-1px); } 100% { transform: rotate(2deg) translateY(1px); } }
@keyframes lti-book { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(5deg) scale(1.02); } 100% { transform: rotate(-5deg) scale(0.98); } }
@keyframes lti-halo { 0% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.7; transform: scale(1.1); } 100% { opacity: 0.4; transform: scale(0.9); } }

.scn-book-inscription-journey {
  background: linear-gradient(180deg, #2b1e0e 0%, #4a3724 40%, #3a2a1a 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,0.6);
}
.scn-book-inscription-journey .desk {
  position: absolute; bottom: 8%; left: 10%; right: 10%; height: 20%;
  background: linear-gradient(180deg, #5e4a2e 0%, #3d2f1c 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 -8px 12px rgba(0,0,0,0.5);
}
.scn-book-inscription-journey .book-open {
  position: absolute; bottom: 18%; left: 55%; width: 28%; height: 14%;
  background: linear-gradient(135deg, #c8a46e 0%, #8b6f42 50%, #6b522e 100%);
  border-radius: 2% 2% 8% 8%/4% 4% 12% 12%;
  transform: perspective(400px) rotateX(8deg) rotateY(-5deg);
  animation: sc1-book 6s ease-in-out infinite;
}
@keyframes sc1-book {
  0% { transform: perspective(400px) rotateX(8deg) rotateY(-5deg); }
  50% { transform: perspective(400px) rotateX(10deg) rotateY(-3deg) scale(1.02); }
  100% { transform: perspective(400px) rotateX(8deg) rotateY(-5deg); }
}
.scn-book-inscription-journey .inkwell {
  position: absolute; bottom: 22%; left: 40%; width: 5%; height: 6%;
  background: radial-gradient(circle at 50% 30%, #4a3a2a 0%, #1a1410 100%);
  border-radius: 40% 40% 30% 30%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.7);
}
.scn-book-inscription-journey .quill {
  position: absolute; bottom: 28%; left: 42%; width: 12%; height: 2%;
  background: linear-gradient(180deg, #e0d6c0 0%, #a89a7a 100%);
  border-radius: 50%;
  transform-origin: 100% 50%;
  animation: sc1-quill 3s ease-in-out infinite;
}
@keyframes sc1-quill {
  0% { transform: rotate(-10deg) translateY(0); }
  50% { transform: rotate(5deg) translateY(-2px); }
  100% { transform: rotate(-10deg) translateY(0); }
}
.scn-book-inscription-journey .window {
  position: absolute; top: 12%; left: 20%; width: 30%; height: 40%;
  background: linear-gradient(180deg, #1a2530 0%, #2c3a4a 100%);
  border-radius: 4%;
  border: 8px solid #3a2a1a;
  box-shadow: inset 0 0 60px rgba(0,0,0,0.7);
}
.scn-book-inscription-journey .curtain-l,
.scn-book-inscription-journey .curtain-r {
  position: absolute; top: 8%; width: 8%; height: 46%;
  background: linear-gradient(180deg, #5e3a2a 0%, #3a2212 50%, #2a1a0a 100%);
  border-radius: 0 60% 80% 0/0 50% 60% 0;
}
.scn-book-inscription-journey .curtain-l {
  left: 18%; animation: sc1-curtain 12s ease-in-out infinite alternate;
}
.scn-book-inscription-journey .curtain-r {
  left: 42%; animation: sc1-curtain 12s ease-in-out infinite alternate-reverse;
}
@keyframes sc1-curtain {
  0% { transform: skewY(0deg) translateX(0); }
  50% { transform: skewY(4deg) translateX(-2px); }
  100% { transform: skewY(0deg) translateX(0); }
}
.scn-book-inscription-journey .moon {
  position: absolute; top: 14%; left: 65%; width: 8%; height: 12%;
  background: radial-gradient(circle at 50% 50%, #d4c8a0 0%, #b0a080 50%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(180,160,100,0.3);
  animation: sc1-moon 8s ease-in-out infinite;
}
@keyframes sc1-moon {
  0% { transform: translateY(0) scale(1); opacity: 0.8; }
  50% { transform: translateY(-4px) scale(1.05); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 0.8; }
}
.scn-book-inscription-journey .star {
  position: absolute; width: 2%; height: 3%;
  background: radial-gradient(circle, #fff4e0 0%, transparent 100%);
  border-radius: 50%;
  animation: sc1-star 4s ease-in-out infinite alternate;
}
.scn-book-inscription-journey .star1 { top: 6%; left: 30%; }
.scn-book-inscription-journey .star2 { top: 10%; left: 72%; animation-delay: 2s; }
@keyframes sc1-star {
  0% { transform: scale(0.7); opacity: 0.4; }
  100% { transform: scale(1.2); opacity: 1; }
}

.scn-bombay-kaleidoscope-thugs {
  background: linear-gradient(180deg, #7ab0d4 0%, #f0d6a8 40%, #c88850 100%);
}
.scn-bombay-kaleidoscope-thugs .ganges {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #4a7a9a 0%, #5a8a9a 30%, #3a6a7a 100%);
  border-radius: 60% 40% 0 0/20% 20% 0 0;
  animation: sc2-ganges 15s ease-in-out infinite alternate;
}
@keyframes sc2-ganges {
  0% { background-position: 0% 0%; }
  50% { background-position: 10% 2%; }
  100% { background-position: 0% 0%; }
}
.scn-bombay-kaleidoscope-thugs .ghat {
  position: absolute; bottom: 30%; left: 10%; right: 10%; height: 15%;
  background: linear-gradient(180deg, #8a7040 0%, #6a5030 50%, #4a3820 100%);
  border-radius: 30% 30% 0 0;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.3);
}
.scn-bombay-kaleidoscope-thugs .temple {
  position: absolute; bottom: 38%; left: 20%; width: 18%; height: 28%;
  background: linear-gradient(180deg, #d8b080 0%, #a88050 60%, #705030 100%);
  border-radius: 10% 10% 0 0;
  transform: perspective(600px) rotateY(10deg);
}
.scn-bombay-kaleidoscope-thugs .smoke {
  position: absolute; bottom: 60%; left: 35%; width: 20%; height: 20%;
  background: radial-gradient(circle at 50% 0%, rgba(200,180,160,0.4) 0%, transparent 100%);
  filter: blur(8px);
  animation: sc2-smoke 20s linear infinite;
}
@keyframes sc2-smoke {
  0% { transform: translateY(0) scale(1); opacity: 0.3; }
  50% { transform: translateY(-20px) scale(1.4); opacity: 0.1; }
  100% { transform: translateY(-40px) scale(2); opacity: 0; }
}
.scn-bombay-kaleidoscope-thugs .pilgrims-group {
  position: absolute; bottom: 30%; left: 5%; width: 40%; height: 10%;
  background: radial-gradient(ellipse at 50% 100%, #3a2a1a 0%, transparent 100%);
  border-radius: 50%;
  filter: blur(3px);
  animation: sc2-pilgrims 12s ease-in-out infinite;
}
@keyframes sc2-pilgrims {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(4px) scaleY(1.02); }
  100% { transform: translateX(0) scaleY(1); }
}
.scn-bombay-kaleidoscope-thugs .holy-man {
  position: absolute; bottom: 35%; left: 55%; width: 6%; height: 12%;
  background: linear-gradient(180deg, #e0c080 0%, #b09060 70%, #704030 100%);
  border-radius: 50% 50% 40% 40%/60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc2-holy 5s ease-in-out infinite;
}
@keyframes sc2-holy {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
.scn-bombay-kaleidoscope-thugs .sun {
  position: absolute; top: 6%; right: 15%; width: 12%; height: 16%;
  background: radial-gradient(circle, #ffe680 0%, #ffb040 30%, #ff9040 60%, transparent 100%);
  border-radius: 50%;
  animation: sc2-sun 6s ease-in-out infinite alternate;
}
@keyframes sc2-sun {
  0% { transform: scale(1); box-shadow: 0 0 40px 20px rgba(255,160,40,0.4); }
  50% { transform: scale(1.05); box-shadow: 0 0 60px 30px rgba(255,160,40,0.6); }
  100% { transform: scale(1); box-shadow: 0 0 40px 20px rgba(255,160,40,0.4); }
}

.scn-journey-continues-captain {
  background: linear-gradient(180deg, #4a7a9a 0%, #6a9ab0 30%, #8ab8c8 70%, #a8d0d8 100%);
}
.scn-journey-continues-captain .sea {
  position: absolute; bottom: 0; left: 0; right: 0; height: 40%;
  background: linear-gradient(180deg, #3a6a7a 0%, #4a7a8a 50%, #2a5a6a 100%);
  animation: sc3-sea 8s ease-in-out infinite alternate;
}
@keyframes sc3-sea {
  0% { transform: translateX(0) skewX(0deg); }
  50% { transform: translateX(2px) skewX(1deg); }
  100% { transform: translateX(0) skewX(0deg); }
}
.scn-journey-continues-captain .sky {
  position: absolute; top: 0; left: 0; right: 0; height: 60%;
  background: linear-gradient(180deg, #8ab0c8 0%, #b0d0e0 50%, #c8e0f0 100%);
}
.scn-journey-continues-captain .ship-hull {
  position: absolute; bottom: 35%; left: 25%; width: 50%; height: 12%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 70%, #1a0a00 100%);
  border-radius: 40% 40% 10% 10%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.5);
  animation: sc3-ship 10s ease-in-out infinite;
}
@keyframes sc3-ship {
  0% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(2deg) translateY(-2px); }
  50% { transform: rotate(0deg) translateY(0); }
  75% { transform: rotate(-2deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
.scn-journey-continues-captain .smoke-stack {
  position: absolute; bottom: 47%; left: 42%; width: 6%; height: 10%;
  background: linear-gradient(180deg, #4a3a2a 0%, #8a7a5a 40%, #4a3a2a 100%);
  border-radius: 20% 20% 0 0;
}
.scn-journey-continues-captain .smoke {
  position: absolute; bottom: 56%; left: 40%; width: 14%; height: 14%;
  background: radial-gradient(circle at 50% 0%, rgba(220,210,190,0.6) 0%, transparent 100%);
  filter: blur(6px);
  animation: sc3-smoke 18s linear infinite;
}
@keyframes sc3-smoke {
  0% { transform: translateX(0) translateY(0) scale(1); opacity: 0.5; }
  50% { transform: translateX(-8px) translateY(-20px) scale(1.8); opacity: 0.2; }
  100% { transform: translateX(-16px) translateY(-40px) scale(2.5); opacity: 0; }
}
.scn-journey-continues-captain .captain {
  position: absolute; bottom: 38%; left: 52%; width: 6%; height: 12%;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 50%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40%/60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc3-captain 6s ease-in-out infinite;
}
@keyframes sc3-captain {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(5deg) translateY(-3px); }
  100% { transform: rotate(0deg) translateY(0); }
}
.scn-journey-continues-captain .wave-foam {
  position: absolute; bottom: 38%; left: 0; right: 0; height: 4%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 20%, transparent 40%, rgba(255,255,255,0.2) 60%, transparent 80%);
  animation: sc3-foam 4s ease-in-out infinite;
}
@keyframes sc3-foam {
  0% { transform: translateX(0) scaleY(1); }
  50% { transform: translateX(10px) scaleY(1.5); }
  100% { transform: translateX(0) scaleY(1); }
}

.scn-lumbago-brahmin-grant {
  background: linear-gradient(180deg, #c0b090 0%, #e0d0c0 30%, #f0e8d8 70%, #fff8f0 100%);
}
.scn-lumbago-brahmin-grant .room-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #8a7a6a 0%, #6a5a4a 100%);
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.3);
}
.scn-lumbago-brahmin-grant .wall {
  position: absolute; top: 0; left: 0; right: 0; height: 80%;
  background: linear-gradient(90deg, #d8c8b8 0%, #e8d8c8 50%, #d0c0b0 100%);
}
.scn-lumbago-brahmin-grant .desk {
  position: absolute; bottom: 18%; left: 20%; right: 20%; height: 14%;
  background: linear-gradient(180deg, #6a5040 0%, #4a3828 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 -6px 12px rgba(0,0,0,0.4);
}
.scn-lumbago-brahmin-grant .chair-chair1,
.scn-lumbago-brahmin-grant .chair-chair2 {
  position: absolute; bottom: 18%; width: 10%; height: 22%;
  background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%);
  border-radius: 10% 10% 0 0;
}
.scn-lumbago-brahmin-grant .chair-chair1 { left: 15%; }
.scn-lumbago-brahmin-grant .chair-chair2 { left: 65%; }
.scn-lumbago-brahmin-grant .figure-twain {
  position: absolute; bottom: 24%; left: 18%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 70%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40%/60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc4-twain 3s ease-in-out infinite;
}
@keyframes sc4-twain {
  0% { transform: rotate(0deg) translateY(0); }
  33% { transform: rotate(-6deg) translateY(-4px); } /* lumbago lean */
  66% { transform: rotate(4deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
.scn-lumbago-brahmin-grant .figure-grant {
  position: absolute; bottom: 24%; left: 68%; width: 10%; height: 28%;
  background: linear-gradient(180deg, #4a3a3a 0%, #3a2a2a 70%, #2a1a1a 100%);
  border-radius: 50% 50% 40% 40%/60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sc4-grant 4s ease-in-out infinite alternate;
}
@keyframes sc4-grant {
  0% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(3deg) translateY(-2px); }
  100% { transform: rotate(0deg) translateY(0); }
}
.scn-lumbago-brahmin-grant .lamp {
  position: absolute; top: 15%; left: 45%; width: 6%; height: 12%;
  background: radial-gradient(circle at 50% 70%, #ffd080 0%, #c08040 60%, transparent 100%);
  border-radius: 50%;
  box-shadow: 0 0 60px 30px rgba(255,200,100,0.4);
  animation: sc4-lamp 5s ease-in-out infinite alternate;
}
@keyframes sc4-lamp {
  0% { box-shadow: 0 0 40px 20px rgba(255,200,100,0.3); }
  50% { box-shadow: 0 0 80px 40px rgba(255,200,100,0.5); }
  100% { box-shadow: 0 0 40px 20px rgba(255,200,100,0.3); }
}
.scn-lumbago-brahmin-grant .papers {
  position: absolute; bottom: 24%; left: 30%; width: 20%; height: 2%;
  background: linear-gradient(90deg, #f0e0c0 0%, #e0d0a0 50%, #f0e0c0 100%);
  border-radius: 2%;
  animation: sc4-papers 7s ease-in-out infinite;
}
@keyframes sc4-papers {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(4px) rotate(2deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

.scn-item-taj-mahal-ice-storm {
  background: 
    linear-gradient(180deg, #fbe9d2 0%, #facf9b 20%, #f6b96e 50%, #d4a56a 70%, #8a6e4e 100%),
    radial-gradient(ellipse at 50% 20%, #fff5e6 0%, transparent 60%);
}
.scn-item-taj-mahal-ice-storm .sky   { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #ffd9a8 0%, #ffe0b0 30%, transparent 100%); animation: taj-sky 14s ease-in-out infinite alternate; }
.scn-item-taj-mahal-ice-storm .ice-sky { position:absolute; inset:10% 0 30% 0; background: repeating-linear-gradient(0deg, rgba(255,255,255,0) 0px, rgba(255,255,255,0.3) 2px, rgba(200,220,255,0.2) 4px, transparent 6px); filter: blur(1px); animation: taj-ice 4s linear infinite; }
.scn-item-taj-mahal-ice-storm .dome  { position:absolute; bottom:25%; left:50%; width:120px; height:80px; transform:translateX(-50%); background: radial-gradient(ellipse at 50% 30%, #f2d6b0 0%, #c49a6a 50%, #7a5530 100%); border-radius: 50% 50% 10% 10%; box-shadow: 0 8px 20px rgba(0,0,0,0.4); animation: taj-dome 6s ease-in-out infinite; }
.scn-item-taj-mahal-ice-storm .minaret-l { position:absolute; bottom:25%; left:35%; width:16px; height:90px; background: linear-gradient(180deg, #e0c29a 0%, #b08050 70%, #7a5530 100%); border-radius: 40% 40% 10% 10%; transform: skewX(-2deg); box-shadow: -4px 0 8px rgba(0,0,0,0.2); animation: taj-minaret 7s ease-in-out infinite; }
.scn-item-taj-mahal-ice-storm .minaret-r { position:absolute; bottom:25%; left:63%; width:16px; height:90px; background: linear-gradient(180deg, #e0c29a 0%, #b08050 70%, #7a5530 100%); border-radius: 40% 40% 10% 10%; transform: skewX(2deg); box-shadow: 4px 0 8px rgba(0,0,0,0.2); animation: taj-minaret 7s ease-in-out infinite -2s; }
.scn-item-taj-mahal-ice-storm .ice-fall { position:absolute; inset:0; background: repeating-linear-gradient(45deg, rgba(180,210,255,0.2) 0px, rgba(180,210,255,0.4) 2px, transparent 4px, transparent 8px); mask-image: linear-gradient(180deg, transparent 10%, #000 30%, #000 60%, transparent 80%); animation: taj-fall 2s linear infinite; }
.scn-item-taj-mahal-ice-storm .gem-sparkle { position:absolute; bottom:40%; left:20%; width:10px; height:10px; background: radial-gradient(circle, #ffd700 0%, #ffaa00 50%, transparent 70%); border-radius:50%; box-shadow: 0 0 20px 6px #ffd700, 0 0 40px 12px rgba(255,215,0,0.3); animation: taj-gem 3s ease-in-out infinite alternate; }
.scn-item-taj-mahal-ice-storm .fountain { position:absolute; bottom:23%; left:52%; width:40px; height:30px; background: radial-gradient(ellipse at 50% 0%, rgba(135,206,250,0.5) 0%, transparent 70%); border-radius: 50%; filter: blur(3px); animation: taj-fountain 8s ease-in-out infinite; }
@keyframes taj-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes taj-ice { 0% { transform: translateY(0) } 100% { transform: translateY(-20px) } }
@keyframes taj-dome { 0%,100% { transform: translateX(-50%) scale(1) } 50% { transform: translateX(-50%) scale(1.02) } }
@keyframes taj-minaret { 0%,100% { transform: skewX(-2deg) rotate(0) } 50% { transform: skewX(-2deg) rotate(1deg) } }
@keyframes taj-fall { 0% { background-position: 0 0 } 100% { background-position: 20px 20px } }
@keyframes taj-gem { 0% { transform: scale(0.8) rotate(0) } 50% { transform: scale(1.2) rotate(15deg) } 100% { transform: scale(0.9) rotate(30deg) } }
@keyframes taj-fountain { 0% { transform: scaleY(0.5) } 50% { transform: scaleY(1.2) } 100% { transform: scaleY(0.6) } }

.scn-jeypore-museum-aficionado {
  background: 
    linear-gradient(180deg, #eee4d5 0%, #dccbb0 40%, #c4a77a 70%, #a08a60 100%),
    radial-gradient(ellipse at 50% 100%, #f5efe0 0%, transparent 70%);
}
.scn-jeypore-museum-aficionado .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #fcf6ea 0%, #e8dcc8 60%, transparent 100%); animation: jey-sky 12s ease-in-out infinite alternate; }
.scn-jeypore-museum-aficionado .building { position:absolute; bottom:20%; left:20%; right:20%; height:55%; background: linear-gradient(180deg, #e2d0b5 0%, #bfaa88 50%, #9e8666 100%); border-radius: 3% 3% 0 0; box-shadow: inset 0 8px 20px rgba(0,0,0,0.15); animation: jey-building 10s ease-in-out infinite; }
.scn-jeypore-museum-aficionado .entrance { position:absolute; bottom:20%; left:50%; width:40px; height:25%; transform:translateX(-50%); background: #7a5e3a; border-radius: 20% 20% 0 0; box-shadow: inset 0 -4px 6px rgba(0,0,0,0.3); }
.scn-jeypore-museum-aficionado .awning { position:absolute; bottom:45%; left:30%; width:40%; height:8%; background: linear-gradient(90deg, #d4a56a 0%, #c49050 50%, #b07a40 100%); border-radius: 50% 50% 0 0; transform: skewX(-5deg); animation: jey-awning 6s ease-in-out infinite alternate; }
.scn-jeypore-museum-aficionado .figure-l { position:absolute; bottom:18%; left:25%; width:16px; height:38px; background: linear-gradient(180deg, #6a4a3a 0%, #4a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: jey-walk 5s ease-in-out infinite; }
.scn-jeypore-museum-aficionado .figure-r { position:absolute; bottom:18%; left:70%; width:16px; height:38px; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: jey-walk 5s ease-in-out infinite -2.5s; }
.scn-jeypore-museum-aficionado .crowd { position:absolute; bottom:17%; left:10%; right:10%; height:30%; background: repeating-linear-gradient(90deg, rgba(80,60,40,0.2) 0px, rgba(80,60,40,0.1) 8px, transparent 16px); mask-image: linear-gradient(180deg, transparent 30%, #000 70%, #000 100%); animation: jey-crowd 20s linear infinite; }
@keyframes jey-sky { 0% { opacity:0.85 } 50% { opacity:1 } 100% { opacity:0.9 } }
@keyframes jey-building { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes jey-awning { 0% { transform: skewX(-5deg) translateY(0) } 50% { transform: skewX(-3deg) translateY(-2px) } 100% { transform: skewX(-5deg) translateY(0) } }
@keyframes jey-walk { 0% { transform: translateX(0) rotate(-2deg) } 25% { transform: translateX(4px) rotate(2deg) } 50% { transform: translateX(8px) rotate(-2deg) } 75% { transform: translateX(4px) rotate(2deg) } 100% { transform: translateX(0) rotate(-2deg) } }
@keyframes jey-crowd { 0% { background-position: 0 0 } 100% { background-position: -100px 0 } }

.scn-sail-calcutta-ceylon {
  background: 
    linear-gradient(180deg, #bfd8e8 0%, #8db6d0 30%, #5a8aa8 60%, #2c5a70 100%),
    radial-gradient(ellipse at 50% 0%, #d4e6f0 0%, transparent 60%);
}
.scn-sail-calcutta-ceylon .sky { position:absolute; inset:0 0 40% 0; background: linear-gradient(180deg, #d6eaf0 0%, #b0d0e0 50%, transparent 100%); animation: sail-sky 18s ease-in-out infinite alternate; }
.scn-sail-calcutta-ceylon .sea-bg { position:absolute; bottom:0; left:0; right:0; height:60%; background: linear-gradient(180deg, #2c6a80 0%, #1a4a60 100%); animation: sail-sea 12s ease-in-out infinite alternate; }
.scn-sail-calcutta-ceylon .ship-hull { position:absolute; bottom:40%; left:40%; width:120px; height:40px; background: linear-gradient(180deg, #5a3a2a 0%, #3a1a0a 100%); border-radius: 30% 30% 40% 40% / 80% 80% 20% 20%; box-shadow: 0 10px 20px rgba(0,0,0,0.3); animation: sail-hull 8s ease-in-out infinite; }
.scn-sail-calcutta-ceylon .sail-fore { position:absolute; bottom:55%; left:42%; width:30px; height:50px; background: linear-gradient(135deg, #f0ece0 0%, #d4d0c0 50%, #b0a890 100%); border-radius: 20% 20% 10% 10% / 60% 60% 20% 20%; transform-origin: bottom center; animation: sail-sway 5s ease-in-out infinite; }
.scn-sail-calcutta-ceylon .sail-aft { position:absolute; bottom:55%; left:58%; width:28px; height:45px; background: linear-gradient(135deg, #e8e4d8 0%, #c8c4b4 50%, #a8a088 100%); border-radius: 20% 20% 10% 10% / 60% 60% 20% 20%; transform-origin: bottom center; animation: sail-sway 5s ease-in-out infinite -2s; }
.scn-sail-calcutta-ceylon .wave-1 { position:absolute; bottom:20%; left:0; right:0; height:20%; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.15) 0px, rgba(255,255,255,0.05) 20px, transparent 40px); mask-image: linear-gradient(0deg, transparent 0%, #000 40%, #000 100%); animation: sail-wave1 6s linear infinite; }
.scn-sail-calcutta-ceylon .wave-2 { position:absolute; bottom:10%; left:0; right:0; height:15%; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.1) 0px, rgba(255,255,255,0.03) 30px, transparent 60px); mask-image: linear-gradient(0deg, transparent 0%, #000 30%, #000 100%); animation: sail-wave2 8s linear infinite; }
.scn-sail-calcutta-ceylon .flying-fish { position:absolute; bottom:60%; left:20%; width:20px; height:6px; background: linear-gradient(90deg, #8ab0c0 0%, #6a90a0 100%); border-radius: 50%; filter: blur(1px); animation: sail-fish 4s ease-in-out infinite; }
@keyframes sail-sky { 0% { opacity:0.8 } 50% { opacity:1 } 100% { opacity:0.85 } }
@keyframes sail-sea { 0% { transform: translateY(0) } 50% { transform: translateY(3px) } 100% { transform: translateY(0) } }
@keyframes sail-hull { 0%,100% { transform: translateX(-50%) rotate(0) } 30% { transform: translateX(-50%) rotate(2deg) translateY(-2px) } 60% { transform: translateX(-50%) rotate(-1deg) translateY(1px) } }
@keyframes sail-sway { 0% { transform: rotate(-3deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(-3deg) } }
@keyframes sail-wave1 { 0% { transform: translateX(0) } 100% { transform: translateX(-40px) } }
@keyframes sail-wave2 { 0% { transform: translateX(0) } 100% { transform: translateX(-60px) } }
@keyframes sail-fish { 0% { transform: translate(0,0) scaleX(1) } 20% { transform: translate(30px,-20px) scaleX(1.2) rotate(-10deg) } 40% { transform: translate(60px,0) scaleX(1) rotate(0) } 60% { transform: translate(30px,-10px) scaleX(1.1) rotate(5deg) } 80% { transform: translate(0,0) scaleX(1) } }

.scn-mauritius-port-louis {
  background: 
    linear-gradient(180deg, #f9dba8 0%, #f0c080 30%, #d4a060 60%, #b08040 100%),
    radial-gradient(ellipse at 50% 100%, #ffe0b0 0%, transparent 70%);
}
.scn-mauritius-port-louis .sky { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #fce8c0 0%, #f5d8a0 50%, transparent 100%); animation: mau-sky 15s ease-in-out infinite alternate; }
.scn-mauritius-port-louis .sea { position:absolute; bottom:0; left:0; right:0; height:38%; background: linear-gradient(180deg, #3a7a8a 0%, #1a4a5a 100%); animation: mau-sea 10s ease-in-out infinite alternate; }
.scn-mauritius-port-louis .dock { position:absolute; bottom:30%; left:0; right:0; height:10%; background: linear-gradient(0deg, #8a6a40 0%, #b09060 100%); border-radius: 10% 10% 0 0; box-shadow: 0 -4px 8px rgba(0,0,0,0.3); }
.scn-mauritius-port-louis .building-l { position:absolute; bottom:32%; left:15%; width:25%; height:35%; background: linear-gradient(180deg, #d4b88a 0%, #a08060 80%); border-radius: 5% 5% 0 0; box-shadow: inset 0 -6px 10px rgba(0,0,0,0.2); animation: mau-building 12s ease-in-out infinite; }
.scn-mauritius-port-louis .building-r { position:absolute; bottom:32%; right:15%; width:28%; height:38%; background: linear-gradient(180deg, #ccac7a 0%, #987858 80%); border-radius: 5% 5% 0 0; box-shadow: inset 0 -6px 10px rgba(0,0,0,0.2); animation: mau-building 12s ease-in-out infinite -4s; }
.scn-mauritius-port-louis .palm { position:absolute; bottom:32%; left:45%; width:8%; height:45%; background: linear-gradient(180deg, #7a5a30 0%, #4a3018 100%); border-radius: 20% 20% 10% 10%; transform-origin: bottom center; animation: mau-palm 6s ease-in-out infinite alternate; }
.scn-mauritius-port-louis .sunburst { position:absolute; top:5%; left:35%; width:80px; height:80px; background: radial-gradient(circle, #fff0c0 0%, #ffe080 30%, transparent 70%); border-radius:50%; animation: mau-sun 8s ease-in-out infinite alternate; }
.scn-mauritius-port-louis .figure-umbrella { position:absolute; bottom:30%; left:50%; width:18px; height:40px; background: linear-gradient(180deg, #6a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; }
.scn-mauritius-port-louis .figure-umbrella::after { content:''; position:absolute; top:-10px; left:50%; transform:translateX(-50%); width:30px; height:15px; background: linear-gradient(135deg, #c8553d 0%, #a0461a 100%); border-radius: 50% 50% 0 0; animation: mau-umbrella 4s ease-in-out infinite; }
@keyframes mau-sky { 0% { opacity:0.85; filter: brightness(0.95) } 50% { opacity:1; filter: brightness(1.05) } 100% { opacity:0.9; filter: brightness(0.98) } }
@keyframes mau-sea { 0% { transform: translateY(0) } 50% { transform: translateY(2px) } 100% { transform: translateY(0) } }
@keyframes mau-building { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes mau-palm { 0% { transform: rotate(-3deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(-3deg) } }
@keyframes mau-sun { 0% { transform: scale(0.9) } 50% { transform: scale(1.1) } 100% { transform: scale(0.95) } }
@keyframes mau-umbrella { 0%,100% { transform: translateX(-50%) rotate(0) } 25% { transform: translateX(-50%) rotate(-5deg) } 75% { transform: translateX(-50%) rotate(5deg) } }

/* canadian-remittance-desire – tense / dim interior */
.scn-canadian-remittance-desire {
  background: linear-gradient(180deg, #1e1610 0%, #2c1f14 40%, #3a2a1c 70%, #1f1510 100%),
              radial-gradient(ellipse at 60% 50%, #4a352a 0%, transparent 60%);
}
.scn-canadian-remittance-desire .bg-wall {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(90deg, #2a201a, #1f1610 60%, #2a201a);
  opacity: 0.7; animation: crd-wall-pulse 8s ease-in-out infinite alternate;
}
.scn-canadian-remittance-desire .bg-table {
  position: absolute; bottom: 10%; left: 15%; right: 15%; height: 35%;
  background: linear-gradient(180deg, #4a3a2c, #3a2a1c);
  border-radius: 12% 12% 6% 6%; box-shadow: inset 0 8px 12px rgba(0,0,0,0.6);
  animation: crd-table-breathe 5s ease-in-out infinite;
}
.scn-canadian-remittance-desire .bottle {
  position: absolute; bottom: 36%; left: 52%; width: 14px; height: 34px;
  background: linear-gradient(135deg, #5a4a3a, #2e221a);
  border-radius: 30% 30% 20% 20%; transform-origin: bottom center;
  animation: crd-bottle-tilt 4s ease-in-out infinite;
}
.scn-canadian-remittance-desire .glass {
  position: absolute; bottom: 30%; left: 58%; width: 20px; height: 22px;
  background: radial-gradient(circle at 30% 40%, #8a7a6a, #4a3a2a);
  border-radius: 10% 10% 20% 20% / 30% 30% 40% 40%;
  box-shadow: 0 0 12px 2px rgba(100,60,30,0.4); animation: crd-glass-glow 3s ease-in-out infinite alternate;
}
.scn-canadian-remittance-desire .hand {
  position: absolute; bottom: 28%; left: 48%; width: 16px; height: 12px;
  background: linear-gradient(180deg, #3a2a1a, #2a1a0a);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom right; animation: crd-hand-reach 3s ease-in-out infinite;
}
.scn-canadian-remittance-desire .face-silhouette {
  position: absolute; bottom: 50%; left: 45%; width: 22px; height: 28px;
  background: radial-gradient(ellipse at 50% 60%, #1a1410, #0e0b08);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  filter: blur(1px); animation: crd-face-turn 6s ease-in-out infinite alternate;
}
.scn-canadian-remittance-desire .lamp-glow {
  position: absolute; top: 22%; left: 35%; width: 40px; height: 40px;
  background: radial-gradient(circle, #c08040 0%, #b07030 30%, transparent 100%);
  border-radius: 50%; filter: blur(10px); opacity: 0.5;
  animation: crd-lamp-flicker 2s ease-in-out infinite alternate;
}
.scn-canadian-remittance-desire .shadow {
  position: absolute; bottom: 8%; left: 30%; right: 20%; height: 20%;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.5), transparent);
  filter: blur(6px); animation: crd-shadow-move 10s ease-in-out infinite;
}
@keyframes crd-wall-pulse { 0%,100% { opacity:0.6; } 50% { opacity:0.8; } }
@keyframes crd-table-breathe { 0%,100% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } }
@keyframes crd-bottle-tilt { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(4deg); } }
@keyframes crd-glass-glow { 0% { box-shadow: 0 0 8px 1px rgba(100,60,30,0.3); } 50% { box-shadow: 0 0 18px 5px rgba(180,120,60,0.5); } 100% { box-shadow: 0 0 10px 2px rgba(100,60,30,0.4); } }
@keyframes crd-hand-reach { 0% { transform: translate(0,0) rotate(0deg); } 25% { transform: translate(4px,-2px) rotate(5deg); } 50% { transform: translate(8px,-1px) rotate(-3deg); } 75% { transform: translate(4px,0) rotate(2deg); } 100% { transform: translate(0,0) rotate(0deg); } }
@keyframes crd-face-turn { 0% { transform: translateX(0) scaleX(1); } 50% { transform: translateX(-4px) scaleX(0.95); } 100% { transform: translateX(0) scaleX(1); } }
@keyframes crd-lamp-flicker { 0% { opacity:0.4; transform: scale(0.95); } 50% { opacity:0.6; transform: scale(1.05); } 100% { opacity:0.5; transform: scale(1); } }
@keyframes crd-shadow-move { 0%,100% { transform: translateX(0); opacity:0.3; } 50% { transform: translateX(10px); opacity:0.5; } }

/* nauheim-customs-weet-weet – funny / sunlit */
.scn-nauheim-customs-weet-weet {
  background: linear-gradient(180deg, #8fc4e0 0%, #b8dfe8 40%, #e6f4f0 100%),
              radial-gradient(ellipse at 70% 20%, #fff8d0, transparent 50%);
}
.scn-nauheim-customs-weet-weet .sky-bright {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #fef6d0 0%, #b8dfe8 100%);
  animation: ncw-sky-dance 8s ease-in-out infinite alternate;
}
.scn-nauheim-customs-weet-weet .sun {
  position: absolute; top: 8%; right: 18%; width: 30px; height: 30px;
  background: radial-gradient(circle, #fff4a0 0%, #ffd060 60%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 40px 15px rgba(255,208,96,0.5);
  animation: ncw-sun-bounce 4s ease-in-out infinite;
}
.scn-nauheim-customs-weet-weet .suitcase {
  position: absolute; bottom: 18%; left: 38%; width: 50px; height: 30px;
  background: linear-gradient(135deg, #c8a060, #a08040);
  border-radius: 12% 12% 6% 6%; box-shadow: 4px 4px 0 #806020, 6px 6px 12px rgba(0,0,0,0.2);
  animation: ncw-suitcase-jiggle 3s ease-in-out infinite;
}
.scn-nauheim-customs-weet-weet .letter {
  position: absolute; bottom: 38%; left: 48%; width: 22px; height: 16px;
  background: linear-gradient(135deg, #f0e8c0, #d8c890);
  border-radius: 4%; transform: rotate(-8deg); box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  animation: ncw-letter-flap 5s ease-in-out infinite;
}
.scn-nauheim-customs-weet-weet .figure-woman {
  position: absolute; bottom: 15%; left: 30%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #a0d0e0 0%, #70a0b0 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  border-right: 2px solid #b0d0d0; transform-origin: bottom center;
  animation: ncw-woman-point 2.5s ease-in-out infinite;
}
.scn-nauheim-customs-weet-weet .figure-man {
  position: absolute; bottom: 16%; left: 55%; width: 22px; height: 42px;
  background: linear-gradient(180deg, #406080, #284460);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  box-shadow: -2px 0 0 #203040; animation: ncw-man-tip 3s ease-in-out infinite alternate;
}
.scn-nauheim-customs-weet-weet .stamp {
  position: absolute; bottom: 30%; left: 58%; width: 14px; height: 14px;
  background: linear-gradient(135deg, #d04040, #a03030); /* desaturated red, not crimson */
  border-radius: 8%; transform: rotate(15deg); animation: ncw-stamp-spin 10s linear infinite;
}
.scn-nauheim-customs-weet-weet .confetti {
  position: absolute; top: 20%; left: 10%; width: 8px; height: 8px;
  background: #ffc060; border-radius: 50%; filter: blur(1px);
  animation: ncw-confetti-fall 12s linear infinite, ncw-confetti-move 8s ease-in-out infinite alternate;
}
@keyframes ncw-sky-dance { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.85; } }
@keyframes ncw-sun-bounce { 0% { transform: translateY(0) scale(1); } 30% { transform: translateY(-6px) scale(1.1); } 60% { transform: translateY(2px) scale(0.95); } 100% { transform: translateY(0) scale(1); } }
@keyframes ncw-suitcase-jiggle { 0% { transform: rotate(0deg); } 25% { transform: rotate(2deg) translateY(-1px); } 50% { transform: rotate(-1deg) translateY(1px); } 75% { transform: rotate(1deg) translateY(-1px); } 100% { transform: rotate(0deg); } }
@keyframes ncw-letter-flap { 0% { transform: rotate(-8deg) translateY(0); } 50% { transform: rotate(-12deg) translateY(-3px); } 100% { transform: rotate(-8deg) translateY(0); } }
@keyframes ncw-woman-point { 0% { transform: rotate(0deg) translateX(0); } 30% { transform: rotate(-10deg) translateX(2px); } 60% { transform: rotate(5deg) translateX(-1px); } 100% { transform: rotate(0deg) translateX(0); } }
@keyframes ncw-man-tip { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-2px) rotate(3deg); } 100% { transform: translateY(0) rotate(0deg); } }
@keyframes ncw-stamp-spin { 0% { transform: rotate(15deg); } 100% { transform: rotate(375deg); } }
@keyframes ncw-confetti-fall { 0% { top: -10%; } 100% { top: 110%; } }
@keyframes ncw-confetti-move { 0% { left: 10%; } 50% { left: 40%; } 100% { left: 10%; } }

/* aboriginal-population-destruction – dark / sunlit */
.scn-aboriginal-population-destruction {
  background: linear-gradient(180deg, #c8b080 0%, #a09070 40%, #7a6a50 100%),
              radial-gradient(ellipse at 50% 80%, #9a8a6a, transparent 70%);
}
.scn-aboriginal-population-destruction .sky-harsh {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #e0d4b0 0%, #b8a880 100%);
  animation: apd-sky-fade 10s ease-in-out infinite alternate;
}
.scn-aboriginal-population-destruction .sun-bleak {
  position: absolute; top: 10%; left: 50%; width: 40px; height: 40px;
  background: radial-gradient(circle, #ffe8b0 0%, #d0b080 60%, transparent 100%);
  border-radius: 50%; box-shadow: 0 0 50px 20px rgba(200,160,100,0.4);
  transform: translateX(-50%); animation: apd-sun-pulse 6s ease-in-out infinite;
}
.scn-aboriginal-population-destruction .ground-cracked {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #8a7a5a, #6a5a3a);
  border-radius: 20% 20% 0 0 / 40% 40% 0 0;
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.4);
  animation: apd-ground-shift 12s ease-in-out infinite alternate;
}
.scn-aboriginal-population-destruction .tree-dead {
  position: absolute; bottom: 30%; left: 25%; width: 6px; height: 60px;
  background: linear-gradient(180deg, #4a3a2a, #2a1a0a);
  border-radius: 40% / 20% 20% 10% 10%;
  transform-origin: bottom center; animation: apd-tree-sway 8s ease-in-out infinite;
}
.scn-aboriginal-population-destruction .figure-walking {
  position: absolute; bottom: 24%; left: 45%; width: 16px; height: 30px;
  background: radial-gradient(ellipse at 50% 80%, #1a1410, #0e0b08);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center; animation: apd-walk 5s ease-in-out infinite;
}
.scn-aboriginal-population-destruction .gun {
  position: absolute; bottom: 28%; left: 48%; width: 20px; height: 4px;
  background: #3a2a1a; border-radius: 20% 20% 20% 20% / 50% 50% 50% 50%;
  transform: rotate(20deg); animation: apd-gun-aim 4s ease-in-out infinite alternate;
}
.scn-aboriginal-population-destruction .blood-spot {
  position: absolute; bottom: 20%; left: 40%; width: 10px; height: 10px;
  background: radial-gradient(circle, #7a3020, transparent);
  border-radius: 50%; filter: blur(2px); opacity: 0.6;
  animation: apd-blood-grow 15s ease-in-out infinite alternate;
}
.scn-aboriginal-population-destruction .shadow-long {
  position: absolute; bottom: 10%; left: 40%; width: 30px; height: 20px;
  background: linear-gradient(90deg, rgba(0,0,0,0.3), transparent);
  filter: blur(4px); animation: apd-shadow-stretch 7s ease-in-out infinite;
}
@keyframes apd-sky-fade { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.7; } }
@keyframes apd-sun-pulse { 0%,100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.05); } }
@keyframes apd-ground-shift { 0% { transform: translateY(0); } 50% { transform: translateY(2px); } 100% { transform: translateY(0); } }
@keyframes apd-tree-sway { 0% { transform: rotate(0deg); } 30% { transform: rotate(2deg); } 60% { transform: rotate(-3deg); } 100% { transform: rotate(0deg); } }
@keyframes apd-walk { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(5px) rotate(3deg); } 50% { transform: translateX(10px) rotate(-2deg); } 75% { transform: translateX(15px) rotate(2deg); } 100% { transform: translateX(20px) rotate(0deg); } }
@keyframes apd-gun-aim { 0% { transform: rotate(15deg); } 50% { transform: rotate(25deg); } 100% { transform: rotate(15deg); } }
@keyframes apd-blood-grow { 0% { opacity:0.4; transform: scale(0.8); } 50% { opacity:0.7; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(0.9); } }
@keyframes apd-shadow-stretch { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.3); } 100% { transform: scaleX(1); } }

/* pledge-desire-one-cigar – funny / dim interior */
.scn-pledge-desire-one-cigar {
  background: linear-gradient(180deg, #2a2218 0%, #3a2e22 40%, #2a1e14 100%),
              radial-gradient(ellipse at 50% 60%, #4a3a28, transparent 60%);
}
.scn-pledge-desire-one-cigar .interior-wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(90deg, #2c2218, #1e1610 50%, #2c2218);
  opacity: 0.8; animation: pdo-wall-glow 9s ease-in-out infinite alternate;
}
.scn-pledge-desire-one-cigar .table-top {
  position: absolute; bottom: 10%; left: 20%; right: 20%; height: 25%;
  background: linear-gradient(180deg, #5a4a38, #3a2a1c);
  border-radius: 12% 12% 6% 6%; box-shadow: inset 0 6px 10px rgba(0,0,0,0.5);
  animation: pdo-table-boil 6s ease-in-out infinite;
}
.scn-pledge-desire-one-cigar .ashtray {
  position: absolute; bottom: 28%; left: 48%; width: 24px; height: 10px;
  background: radial-gradient(ellipse at 50% 60%, #8a7a6a, #4a3a2a);
  border-radius: 30% 30% 20% 20% / 50% 50% 40% 40%;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); animation: pdo-ashtray-rock 4s ease-in-out infinite;
}
.scn-pledge-desire-one-cigar .cigar-lit {
  position: absolute; bottom: 34%; left: 52%; width: 18px; height: 6px;
  background: linear-gradient(90deg, #6a5a4a 0%, #8a6a3a 50%, #c88020 80%, #ff9040 100%);
  border-radius: 20% 40% 40% 20%; transform: rotate(-10deg);
  box-shadow: 0 0 12px 3px rgba(200,100,30,0.6);
  animation: pdo-cigar-burn 3s ease-in-out infinite alternate;
}
.scn-pledge-desire-one-cigar .hand-reach {
  position: absolute; bottom: 26%; left: 44%; width: 14px; height: 10px;
  background: linear-gradient(180deg, #4a3828, #2a1a0c);
  border-radius: 30% 30% 20% 20% / 40% 40% 30% 30%;
  transform-origin: right bottom; animation: pdo-hand-tap 2s ease-in-out infinite;
}
.scn-pledge-desire-one-cigar .face-profile {
  position: absolute; bottom: 45%; left: 40%; width: 18px; height: 24px;
  background: radial-gradient(ellipse at 40% 50%, #3a2a1c, #1a120c);
  border-radius: 40% 30% 30% 40% / 60% 50% 50% 60%;
  filter: blur(0.5px); animation: pdo-face-raise 5s ease-in-out infinite alternate;
}
.scn-pledge-desire-one-cigar .lamp-shine {
  position: absolute; top: 15%; left: 30%; width: 30px; height: 30px;
  background: radial-gradient(circle, #c08840 0%, #a07030 40%, transparent 100%);
  border-radius: 50%; filter: blur(8px); opacity: 0.5;
  animation: pdo-lamp-bob 3s ease-in-out infinite alternate;
}
.scn-pledge-desire-one-cigar .smoke-swirl {
  position: absolute; bottom: 40%; left: 55%; width: 12px; height: 20px;
  background: radial-gradient(circle at 50% 40%, rgba(200,180,160,0.4), transparent);
  border-radius: 50%; filter: blur(4px); animation: pdo-smoke-rise 5s ease-out infinite;
}
@keyframes pdo-wall-glow { 0%,100% { opacity:0.6; } 50% { opacity:0.85; } }
@keyframes pdo-table-boil { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } }
@keyframes pdo-ashtray-rock { 0% { transform: rotate(0deg); } 30% { transform: rotate(3deg); } 60% { transform: rotate(-2deg); } 100% { transform: rotate(0deg); } }
@keyframes pdo-cigar-burn { 0% { box-shadow: 0 0 8px 2px rgba(200,100,30,0.4); } 50% { box-shadow: 0 0 16px 5px rgba(200,100,30,0.7); } 100% { box-shadow: 0 0 10px 3px rgba(200,100,30,0.5); } }
@keyframes pdo-hand-tap { 0% { transform: translate(0,0) rotate(0deg); } 20% { transform: translate(3px,-1px) rotate(5deg); } 40% { transform: translate(0,0) rotate(0deg); } 60% { transform: translate(-2px,1px) rotate(-3deg); } 100% { transform: translate(0,0) rotate(0deg); } }
@keyframes pdo-face-raise { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes pdo-lamp-bob { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-3px) scale(1.05); } 100% { transform: translateY(0) scale(1); } }
@keyframes pdo-smoke-rise { 0% { transform: translateY(0) scale(0.8); opacity:0.8; } 50% { transform: translateY(-20px) scale(1.2); opacity:0.4; } 100% { transform: translateY(-40px) scale(1.5); opacity:0; } }

/* Scene: weet-weet-aboriginal-manly (calm, sunlit) */
.scn-weet-weet-aboriginal-manly {
  background: linear-gradient(180deg, #6eb6ff 0%, #f0d68a 40%, #e89b5e 100%),
              radial-gradient(circle at 50% 15%, #fff8d0 0%, transparent 50%);
}
.sky-wa {
  position: absolute; inset: 0; background: transparent;
  animation: wa-sky-glow 12s ease-in-out infinite alternate;
}
.sun-wa {
  position: absolute; top: 12%; left: 30%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff9c4 0%, #ffd54f 60%, transparent 100%);
  border-radius: 50%;
  animation: wa-sun-rise 20s ease-in-out infinite;
  box-shadow: 0 0 60px 20px rgba(255,213,79,0.4);
}
.hills-wa {
  position: absolute; bottom: 25%; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #8bad6b 0%, #55824a 100%);
  border-radius: 60% 40% 0 0 / 70% 50% 0 0;
  animation: wa-hills-sway 18s ease-in-out infinite alternate;
  transform-origin: bottom center;
}
.ground-wa {
  position: absolute; bottom: 0; left: 0; right: 0; height: 25%;
  background: linear-gradient(180deg, #6a8a4a 0%, #3e5a2a 100%);
  border-radius: 20% 20% 0 0;
}
.figure-wa {
  position: absolute; bottom: 20%; left: 40%; width: 28px; height: 50px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0500 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: wa-figure-breathe 4s ease-in-out infinite;
}
.weet-weet-wa {
  position: absolute; bottom: 28%; left: 46%; width: 40px; height: 4px;
  background: #3a2a1a;
  transform: rotate(20deg);
  border-radius: 40%;
  animation: wa-weeet-swing 4s ease-in-out infinite alternate;
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.bush-wa {
  position: absolute; bottom: 22%; left: 55%; width: 36px; height: 28px;
  background: radial-gradient(ellipse at 50% 60%, #3a6a2a 0%, #1a3a0a 100%);
  border-radius: 50%;
  animation: wa-bush-sway 6s ease-in-out infinite;
}
@keyframes wa-sky-glow { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.85; } }
@keyframes wa-sun-rise { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-12px) scale(1.03); } 100% { transform: translateY(0) scale(0.98); } }
@keyframes wa-hills-sway { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.02) translateY(-3px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes wa-figure-breathe { 0% { transform: scaleY(1) rotate(-1deg); } 50% { transform: scaleY(1.01) rotate(1deg); } 100% { transform: scaleY(1) rotate(-1deg); } }
@keyframes wa-weeet-swing { 0% { transform: rotate(15deg) translateX(0); } 50% { transform: rotate(25deg) translateX(2px); } 100% { transform: rotate(15deg) translateX(-1px); } }
@keyframes wa-bush-sway { 0% { transform: skewX(-2deg); } 50% { transform: skewX(2deg); } 100% { transform: skewX(-2deg); } }

/* Scene: horsham-stawell-gold (calm, sunlit) */
.scn-horsham-stawell-gold {
  background: linear-gradient(180deg, #9dc6e0 0%, #f5e4b3 35%, #e0b07a 100%),
              radial-gradient(circle at 70% 20%, #fffbe0 0%, transparent 40%);
}
.sky-hs {
  position: absolute; inset: 0; background: transparent;
  animation: hs-sky-haze 20s ease-in-out infinite alternate;
}
.hotel-hs {
  position: absolute; bottom: 28%; left: 20%; width: 80px; height: 60px;
  background: linear-gradient(180deg, #b68a6a 0%, #7a5a3a 100%);
  border-radius: 4% 4% 2% 2%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: hs-hotel-bob 10s ease-in-out infinite;
}
.pepper-tree-hs {
  position: absolute; bottom: 30%; left: 50%; width: 50px; height: 20px;
  background: radial-gradient(ellipse at 50% 0%, #3a6a2a 0%, #1a3a0a 100%);
  border-radius: 50%;
  transform-origin: bottom center;
  animation: hs-tree-sway 8s ease-in-out infinite alternate;
}
.magpie-hs {
  position: absolute; bottom: 45%; left: 60%; width: 18px; height: 14px;
  background: radial-gradient(ellipse at 50% 40%, #1a1a1a 0%, #3a3a3a 100%);
  border-radius: 50% 50% 40% 40%;
  animation: hs-magpie-fly 12s ease-in-out infinite;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.sheep-hs {
  position: absolute; bottom: 18%; left: 35%; width: 20px; height: 14px;
  background: radial-gradient(ellipse, #f0e6d0 0%, #d4c4a0 100%);
  border-radius: 50%;
  animation: hs-sheep-move 16s ease-in-out infinite;
}
.ground-hs {
  position: absolute; bottom: 0; left: 0; right: 0; height: 28%;
  background: linear-gradient(180deg, #c8b87a 0%, #9a7a4a 100%);
  border-radius: 30% 30% 0 0;
}
@keyframes hs-sky-haze { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.92; } }
@keyframes hs-hotel-bob { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes hs-tree-sway { 0% { transform: rotate(-3deg) translateX(0); } 50% { transform: rotate(3deg) translateX(2px); } 100% { transform: rotate(-3deg) translateX(-2px); } }
@keyframes hs-magpie-fly { 0% { transform: translate(0,0) rotate(0deg); } 25% { transform: translate(10px,-8px) rotate(5deg); } 50% { transform: translate(-5px,4px) rotate(-3deg); } 75% { transform: translate(15px,-10px) rotate(8deg); } 100% { transform: translate(0,0) rotate(0deg); } }
@keyframes hs-sheep-move { 0% { transform: translateX(0); } 50% { transform: translateX(6px); } 100% { transform: translateX(-3px); } }

/* Scene: ballarat-bendigo-priest (calm, sunlit) */
.scn-ballarat-bendigo-priest {
  background: linear-gradient(180deg, #7aaedb 0%, #e8c48a 30%, #c09060 100%),
              radial-gradient(circle at 30% 10%, #ffe880 0%, transparent 50%);
}
.sky-bp {
  position: absolute; inset: 0; background: transparent;
  animation: bp-sky-shimmer 15s ease-in-out infinite alternate;
}
.mountain-bp {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #6a7a5a 0%, #3a4a2a 100%);
  border-radius: 50% 50% 0 0;
  transform-origin: bottom center;
  animation: bp-mountain-sway 20s ease-in-out infinite alternate;
}
.nugget-bp {
  position: absolute; bottom: 25%; left: 45%; width: 40px; height: 30px;
  background: radial-gradient(circle at 40% 40%, #ffd700 0%, #b8860b 100%);
  border-radius: 40% 60% 30% 50%;
  box-shadow: 0 0 20px 6px rgba(255,215,0,0.5);
  animation: bp-nugget-glow 6s ease-in-out infinite alternate;
}
.priest-bp {
  position: absolute; bottom: 22%; left: 35%; width: 22px; height: 48px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: bp-priest-walk 8s ease-in-out infinite;
}
.statue-bp {
  position: absolute; bottom: 26%; left: 55%; width: 16px; height: 50px;
  background: linear-gradient(180deg, #7a7a6a 0%, #3a3a2a 100%);
  border-radius: 20% 20% 10% 10%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: bp-statue-still 12s ease-in-out infinite alternate;
}
.flag-bp {
  position: absolute; bottom: 38%; left: 58%; width: 20px; height: 12px;
  background: linear-gradient(90deg, #c8553d 0%, #8a2a1a 100%);
  border-radius: 0 4px 4px 0;
  animation: bp-flag-wave 4s ease-in-out infinite alternate;
  transform-origin: bottom left;
}
.ground-bp {
  position: absolute; bottom: 0; left: 0; right: 0; height: 22%;
  background: linear-gradient(180deg, #b08040 0%, #6a4a20 100%);
  border-radius: 20% 20% 0 0;
}
@keyframes bp-sky-shimmer { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.92; } }
@keyframes bp-mountain-sway { 0% { transform: scaleX(1) translateY(0); } 50% { transform: scaleX(1.01) translateY(-2px); } 100% { transform: scaleX(1) translateY(0); } }
@keyframes bp-nugget-glow { 0% { box-shadow: 0 0 15px 4px rgba(255,215,0,0.4); } 50% { box-shadow: 0 0 30px 10px rgba(255,215,0,0.7); } 100% { box-shadow: 0 0 20px 6px rgba(255,215,0,0.5); } }
@keyframes bp-priest-walk { 0% { transform: translateX(0) rotate(-1deg); } 25% { transform: translateX(6px) rotate(1deg); } 50% { transform: translateX(12px) rotate(-1deg); } 75% { transform: translateX(18px) rotate(1deg); } 100% { transform: translateX(24px) rotate(0deg); } }
@keyframes bp-statue-still { 0% { transform: translateY(0); } 50% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
@keyframes bp-flag-wave { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-3deg); } }

/* Scene: new-zealand-south-pole-swell (calm, overcast) */
.scn-new-zealand-south-pole-swell {
  background: linear-gradient(180deg, #8a9ea0 0%, #5a6a70 50%, #3a4a50 100%),
              radial-gradient(ellipse at 50% 30%, #b0c4c8 0%, transparent 60%);
}
.sky-nz {
  position: absolute; inset: 0; background: transparent;
  animation: nz-sky-drift 25s ease-in-out infinite alternate;
}
.sea-nz {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #3a5a60 0%, #1a2a30 100%);
  border-radius: 0 0 30% 30%;
  animation: nz-sea-swell 20s ease-in-out infinite;
}
.swell-nz {
  position: absolute; bottom: 35%; left: 10%; width: 120px; height: 40px;
  background: radial-gradient(ellipse at 50% 40%, #4a7a80 0%, #2a4a50 100%);
  border-radius: 50%;
  filter: blur(4px);
  animation: nz-swell-move 12s ease-in-out infinite alternate;
}
.ship-nz {
  position: absolute; bottom: 28%; left: 30%; width: 40px; height: 20px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 0 0;
  animation: nz-ship-rock 8s ease-in-out infinite;
}
.figure-nz {
  position: absolute; bottom: 22%; left: 45%; width: 18px; height: 36px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 40% 40%;
  transform-origin: bottom center;
  animation: nz-figure-stand 6s ease-in-out infinite;
}
.proclamation-nz {
  position: absolute; bottom: 18%; left: 60%; width: 30px; height: 22px;
  background: linear-gradient(180deg, #d0c8b0 0%, #a09880 100%);
  border-radius: 4% 4% 0 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  animation: nz-proclamation-tilt 10s ease-in-out infinite alternate;
  transform-origin: bottom center;
}
@keyframes nz-sky-drift { 0% { opacity: 0.85; } 50% { opacity: 1; } 100% { opacity: 0.9; } }
@keyframes nz-sea-swell { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes nz-swell-move { 0% { transform: translateX(-20px) scaleY(1); } 50% { transform: translateX(40px) scaleY(1.1); } 100% { transform: translateX(-20px) scaleY(1); } }
@keyframes nz-ship-rock { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-2px); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes nz-figure-stand { 0% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-1px) rotate(1deg); } 100% { transform: translateY(0) rotate(-1deg); } }
@keyframes nz-proclamation-tilt { 0% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } 100% { transform: rotate(-2deg); } }

/* Sydney shark-fisherman – tense, sunlit */
.scn-sydney-shark-fisherman {
  background: linear-gradient(180deg, #4a9fd4 0%, #87ceeb 40%, #f0e68c 70%, #d2b48c 100%),
              radial-gradient(ellipse at 50% 100%, rgba(255,200,100,0.3) 0%, transparent 70%);
}
.scn-sydney-shark-fisherman .sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #87ceeb 0%, transparent 100%);
  animation: sf-sky 6s ease-in-out infinite alternate;
}
.scn-sydney-shark-fisherman .sea {
  position: absolute; bottom:0; left:0; right:0; height:55%;
  background: linear-gradient(180deg, #2e6b8a 0%, #1a4a6a 100%);
  border-radius: 0 0 50% 50% / 0 0 10% 10%;
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.3);
  animation: sf-sea 8s ease-in-out infinite alternate;
}
.scn-sydney-shark-fisherman .boat {
  position: absolute; bottom:40%; left:35%; width:120px; height:50px;
  background: linear-gradient(180deg, #7a4a2a 0%, #4a2a1a 100%);
  border-radius: 40% 40% 20% 20% / 80% 80% 20% 20%;
  box-shadow: 0 5px 10px rgba(0,0,0,0.5);
  animation: sf-boat 3s ease-in-out infinite alternate;
}
.scn-sydney-shark-fisherman .fisherman {
  position: absolute; bottom:47%; left:38%; width:14px; height:30px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: sf-fisherman 4s ease-in-out infinite;
}
.scn-sydney-shark-fisherman .shark-fin {
  position: absolute; bottom:50%; left:60%; width:30px; height:20px;
  background: linear-gradient(180deg, #3a4a5a 0%, #1a2a3a 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  animation: sf-shark 5s ease-in-out infinite alternate;
}
.scn-sydney-shark-fisherman .line {
  position: absolute; bottom:52%; left:40%; width:2px; height:60px;
  background: linear-gradient(180deg, #aaa 0%, #666 100%);
  transform-origin: top center;
  box-shadow: 0 0 2px rgba(255,255,255,0.3);
  animation: sf-line 2s ease-in-out infinite;
}
.scn-sydney-shark-fisherman .sun {
  position: absolute; top:12%; right:20%; width:50px; height:50px;
  background: radial-gradient(circle, #fff8c0 0%, #ffd700 50%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 60px 20px rgba(255,215,0,0.4);
  animation: sf-sun 4s ease-in-out infinite alternate;
}

@keyframes sf-sky { 0% { opacity:0.8; } 50% { opacity:1; } 100% { opacity:0.9; } }
@keyframes sf-sea { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } }
@keyframes sf-boat { 0% { transform: rotate(0deg) translateX(0); } 50% { transform: rotate(2deg) translateX(5px); } 100% { transform: rotate(-1deg) translateX(-3px); } }
@keyframes sf-fisherman { 0% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-3deg); } }
@keyframes sf-shark { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(30px) rotate(5deg); } 100% { transform: translateX(0) rotate(0deg); } }
@keyframes sf-line { 0% { transform: scaleY(1) translateY(0); } 50% { transform: scaleY(1.2) translateY(10px); } 100% { transform: scaleY(1) translateY(0); } }
@keyframes sf-sun { 0% { transform: scale(0.95); opacity:0.8; } 50% { transform: scale(1.05); opacity:1; } 100% { transform: scale(1); opacity:0.9; } }

/* Paris lecture preparations – calm, dim interior */
.scn-paris-lecture-preparations {
  background: linear-gradient(180deg, #3a2a1a 0%, #5a4a3a 40%, #4a3a2a 80%, #2a1a0a 100%),
              radial-gradient(ellipse at 60% 30%, rgba(255,200,100,0.15) 0%, transparent 70%);
}
.scn-paris-lecture-preparations .wall {
  position: absolute; inset:0; background: linear-gradient(180deg, #6a5a4a 0%, #4a3a2a 100%);
  box-shadow: inset 0 0 100px rgba(0,0,0,0.4);
}
.scn-paris-lecture-preparations .desk {
  position: absolute; bottom:20%; left:25%; right:25%; height:30%;
  background: linear-gradient(180deg, #5a3a1a 0%, #3a2a0a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -8px 20px rgba(0,0,0,0.5);
  animation: plp-desk 6s ease-in-out infinite alternate;
}
.scn-paris-lecture-preparations .bookshelf {
  position: absolute; top:10%; left:10%; width:20%; height:50%;
  background: linear-gradient(180deg, #4a2a1a 0%, #2a1a0a 100%);
  border-radius: 2%;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.6);
  animation: plp-shelf 12s ease-in-out infinite;
}
.scn-paris-lecture-preparations .lamp {
  position: absolute; bottom:40%; left:30%; width:16px; height:40px;
  background: linear-gradient(180deg, #8a7a5a 0%, #5a4a2a 100%);
  border-radius: 20% 20% 10% 10%;
  transform-origin: bottom center;
  animation: plp-lamp 4s ease-in-out infinite alternate;
}
.scn-paris-lecture-preparations .lamp::after {
  content: ''; position: absolute; top:-10px; left:2px; width:12px; height:12px;
  background: radial-gradient(circle, #ffd080 0%, #b08020 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 10px rgba(255,208,128,0.4);
}
.scn-paris-lecture-preparations .chair {
  position: absolute; bottom:20%; left:50%; width:40px; height:50px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 30% 30% 10% 10% / 40% 40% 10% 10%;
  transform: translateX(-50%);
  animation: plp-chair 8s ease-in-out infinite alternate;
}
.scn-paris-lecture-preparations .figure {
  position: absolute; bottom:25%; left:48%; width:16px; height:40px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: plp-figure 5s ease-in-out infinite;
}
.scn-paris-lecture-preparations .figure::after {
  content: ''; position: absolute; top:0; left:-4px; width:24px; height:4px;
  background: #1a1a2a; border-radius: 50%;
}

@keyframes plp-desk { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.02); } 100% { transform: scaleY(1); } }
@keyframes plp-shelf { 0% { transform: translateY(0); opacity:0.9; } 50% { transform: translateY(-2px); opacity:1; } 100% { transform: translateY(0); opacity:0.9; } }
@keyframes plp-lamp { 0% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(2deg) translateY(-1px); } 100% { transform: rotate(-2deg) translateY(0); } }
@keyframes plp-chair { 0% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.01); } 100% { transform: translateX(-50%) scale(1); } }
@keyframes plp-figure { 0% { transform: rotate(0deg) translateX(0); } 50% { transform: rotate(2deg) translateX(2px); } 100% { transform: rotate(0deg) translateX(0); } }

/* Sail pacific holiday – warm, sunlit ocean */
.scn-sail-pacific-holiday {
  background: linear-gradient(180deg, #5a9fd4 0%, #87ceeb 35%, #f0e68c 65%, #d2b48c 100%),
              radial-gradient(ellipse at 50% 0%, rgba(255,215,0,0.3) 0%, transparent 70%);
}
.scn-sail-pacific-holiday .sky-warm {
  position: absolute; inset: 0 0 45% 0;
  background: linear-gradient(180deg, #87ceeb 0%, #f0e68c 100%);
  animation: sph-sky 10s ease-in-out infinite alternate;
}
.scn-sail-pacific-holiday .ocean {
  position: absolute; bottom:0; left:0; right:0; height:55%;
  background: linear-gradient(180deg, #2e6b8a 0%, #1a4a6a 100%);
  box-shadow: inset 0 20px 30px rgba(0,0,0,0.3);
  animation: sph-ocean 12s linear infinite;
}
.scn-sail-pacific-holiday .sun {
  position: absolute; top:10%; right:15%; width:60px; height:60px;
  background: radial-gradient(circle, #fff8c0 0%, #ffd700 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 30px rgba(255,215,0,0.5);
  animation: sph-sun 5s ease-in-out infinite alternate;
}
.scn-sail-pacific-holiday .ship {
  position: absolute; bottom:35%; left:40%; width:100px; height:40px;
  background: linear-gradient(180deg, #6a4a2a 0%, #4a2a1a 100%);
  border-radius: 40% 40% 20% 20% / 80% 80% 20% 20%;
  box-shadow: 0 5px 15px rgba(0,0,0,0.4);
  animation: sph-ship 4s ease-in-out infinite alternate;
}
.scn-sail-pacific-holiday .sail-fore {
  position: absolute; bottom:35%; left:44%; width:16px; height:60px;
  background: linear-gradient(180deg, #f5f0e0 0%, #d4c8a0 100%);
  border-radius: 20% 20% 10% 10% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: sph-sail-fore 6s ease-in-out infinite;
}
.scn-sail-pacific-holiday .sail-aft {
  position: absolute; bottom:35%; left:52%; width:12px; height:50px;
  background: linear-gradient(180deg, #f0e8d0 0%, #c8b890 100%);
  border-radius: 20% 20% 10% 10% / 60% 60% 20% 20%;
  transform-origin: bottom center;
  animation: sph-sail-aft 7s ease-in-out infinite reverse;
}
.scn-sail-pacific-holiday .wave-1 {
  position: absolute; bottom:10%; left:0; right:0; height:20%;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, transparent 100%);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  filter: blur(4px);
  animation: sph-wave-1 8s linear infinite;
}
.scn-sail-pacific-holiday .wave-2 {
  position: absolute; bottom:5%; left:0; right:0; height:15%;
  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
  border-radius: 30% 70% 0 0 / 80% 80% 0 0;
  filter: blur(3px);
  animation: sph-wave-2 10s linear infinite reverse;
}
.scn-sail-pacific-holiday .cloud {
  position: absolute; top:18%; left:5%; width:90px; height:20px;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%; filter: blur(6px);
  animation: sph-cloud 30s linear infinite;
}

@keyframes sph-sky { 0% { opacity:0.9; } 50% { opacity:1; } 100% { opacity:0.95; } }
@keyframes sph-ocean { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } }
@keyframes sph-sun { 0% { transform: scale(0.95); opacity:0.85; } 50% { transform: scale(1.05); opacity:1; } 100% { transform: scale(1); opacity:0.9; } }
@keyframes sph-ship { 0% { transform: rotate(0deg) translateX(0); } 50% { transform: rotate(1deg) translateX(5px); } 100% { transform: rotate(-1deg) translateX(-5px); } }
@keyframes sph-sail-fore { 0% { transform: rotate(0deg) scaleY(1); } 50% { transform: rotate(3deg) scaleY(1.05); } 100% { transform: rotate(-2deg) scaleY(1); } }
@keyframes sph-sail-aft { 0% { transform: rotate(0deg) scaleY(1); } 50% { transform: rotate(-3deg) scaleY(1.05); } 100% { transform: rotate(2deg) scaleY(1); } }
@keyframes sph-wave-1 { 0% { transform: translateX(0); } 100% { transform: translateX(-100px); } }
@keyframes sph-wave-2 { 0% { transform: translateX(0); } 100% { transform: translateX(100px); } }
@keyframes sph-cloud { 0% { transform: translateX(-30px); } 100% { transform: translateX(110vw); } }

/* Smoking-room captain – tense, dim interior */
.scn-smoking-room-captain {
  background: linear-gradient(180deg, #1a1a2a 0%, #2a2a3a 40%, #3a3a4a 80%, #1a1a2a 100%),
              radial-gradient(ellipse at 50% 80%, rgba(80,60,40,0.3) 0%, transparent 70%);
}
.scn-smoking-room-captain .wall-dark {
  position: absolute; inset:0;
  background: linear-gradient(180deg, #3a3a4a 0%, #2a2a3a 50%, #1a1a2a 100%);
  box-shadow: inset 0 0 120px rgba(0,0,0,0.6);
}
.scn-smoking-room-captain .table {
  position: absolute; bottom:20%; left:20%; right:20%; height:25%;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 10% 10% 0 0;
  box-shadow: 0 -10px 20px rgba(0,0,0,0.5);
  animation: src-table 3s ease-in-out infinite alternate;
}
.scn-smoking-room-captain .glass {
  position: absolute; bottom:30%; left:35%; width:20px; height:30px;
  background: linear-gradient(180deg, rgba(200,200,180,0.3) 0%, rgba(200,200,180,0.1) 100%);
  border: 1px solid rgba(200,200,180,0.2);
  border-radius: 10% 10% 5% 5%;
  transform: skewX(-5deg);
  animation: src-glass 2s ease-in-out infinite alternate;
}
.scn-smoking-room-captain .captain {
  position: absolute; bottom:28%; left:45%; width:20px; height:50px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: src-captain 4s ease-in-out infinite;
}
.scn-smoking-room-captain .captain::before {
  content: ''; position: absolute; top:-10px; left:2px; width:16px; height:12px;
  background: #2a2a3a; border-radius: 50% 50% 30% 30%;
}
.scn-smoking-room-captain .smoke-1 {
  position: absolute; top:25%; left:40%; width:40px; height:20px;
  background: radial-gradient(ellipse, rgba(180,180,160,0.15) 0%, transparent 70%);
  filter: blur(8px);
  animation: src-smoke-1 5s ease-in-out infinite;
}
.scn-smoking-room-captain .smoke-2 {
  position: absolute; top:30%; left:55%; width:30px; height:15px;
  background: radial-gradient(ellipse, rgba(180,180,160,0.1) 0%, transparent 70%);
  filter: blur(6px);
  animation: src-smoke-2 6s ease-in-out infinite reverse;
}
.scn-smoking-room-captain .gleam {
  position: absolute; top:35%; left:30%; width:8px; height:8px;
  background: radial-gradient(circle, #fff8e0 0%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 30px 8px rgba(255,248,224,0.3);
  animation: src-gleam 2s ease-in-out infinite alternate;
}

@keyframes src-table { 0% { transform: scaleY(1); } 50% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } }
@keyframes src-glass { 0% { opacity:0.7; transform: skewX(-5deg) translateY(0); } 50% { opacity:1; transform: skewX(-5deg) translateY(-2px); } 100% { opacity:0.7; transform: skewX(-5deg) translateY(0); } }
@keyframes src-captain { 0% { transform: rotate(0deg) translateX(0); } 50% { transform: rotate(2deg) translateX(3px); } 100% { transform: rotate(-1deg) translateX(-2px); } }
@keyframes src-smoke-1 { 0% { transform: translateY(0) scale(1); opacity:0.3; } 50% { transform: translateY(-20px) scale(1.5); opacity:0.6; } 100% { transform: translateY(-40px) scale(2); opacity:0; } }
@keyframes src-smoke-2 { 0% { transform: translateY(0) scale(1); opacity:0.2; } 50% { transform: translateY(-15px) scale(1.3); opacity:0.5; } 100% { transform: translateY(-30px) scale(1.8); opacity:0; } }
@keyframes src-gleam { 0% { opacity:0.5; transform: scale(1); } 50% { opacity:1; transform: scale(1.2); } 100% { opacity:0.5; transform: scale(1); } }

.scn-remittance-man-pathetic { background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 40%, #0e0e1a 100%), radial-gradient(ellipse at 50% 100%, #1a1a2a 0%, transparent 80%); }
.scn-remittance-man-pathetic .wall-back { position:absolute; inset:0 0 30% 0; background: linear-gradient(180deg, #3a3a4e 0%, #242434 100%); border-radius: 10% 10% 0 0 / 20% 20% 0 0; animation: rt1-wall 20s ease-in-out infinite alternate; }
.scn-remittance-man-pathetic .wall-side { position:absolute; inset:0 50% 30% 0; background: linear-gradient(180deg, #2e2e40 0%, #1a1a2a 100%); transform: skewY(-3deg); animation: rt1-side 18s ease-in-out infinite alternate; }
.scn-remittance-man-pathetic .floor { position:absolute; bottom:0; left:0; right:0; height:30%; background: linear-gradient(180deg, #1a1a2a 0%, #0a0a12 100%); border-radius: 30% 30% 0 0 / 50% 50% 0 0; }
.scn-remittance-man-pathetic .table { position:absolute; bottom:20%; left:35%; width:30%; height:12%; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 4% 4% 8% 8%; box-shadow: 0 -4px 8px rgba(0,0,0,.6); animation: rt1-table 12s ease-in-out infinite; }
.scn-remittance-man-pathetic .bottle { position:absolute; bottom:26%; left:48%; width:4%; height:18%; background: linear-gradient(180deg, rgba(100,60,30,.8) 0%, rgba(60,30,10,.9) 100%); border-radius: 20% 20% 10% 10%; transform: rotate(12deg); animation: rt1-bottle 6s ease-in-out infinite alternate; }
.scn-remittance-man-pathetic .figure-slump { position:absolute; bottom:22%; left:40%; width:20%; height:35%; background: radial-gradient(ellipse at 50% 70%, #3a3a4a 0%, #1a1a2a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rt1-slump 8s ease-in-out infinite; }
.scn-remittance-man-pathetic .lamp-glow { position:absolute; bottom:30%; left:45%; width:6%; height:6%; background: radial-gradient(circle, #ffd080 0%, #b08040 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 40px 20px #c09050, 0 0 80px 40px rgba(192,144,80,.3); animation: rt1-lamp 3s ease-in-out infinite alternate; }
.scn-remittance-man-pathetic .shadow-heavy { position:absolute; bottom:0; left:0; right:0; height:40%; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.7) 100%); pointer-events: none; animation: rt1-shadow 15s ease-in-out infinite alternate; }
@keyframes rt1-wall { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes rt1-side { 0% { transform: skewY(-3deg) } 50% { transform: skewY(-5deg) } 100% { transform: skewY(-3deg) } }
@keyframes rt1-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes rt1-bottle { 0% { transform: rotate(12deg) translateY(0) } 50% { transform: rotate(15deg) translateY(-1px) } 100% { transform: rotate(10deg) translateY(0) } }
@keyframes rt1-slump { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-4px) rotate(-2deg) } 50% { transform: translateY(0) rotate(2deg) } 75% { transform: translateY(-2px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes rt1-lamp { 0% { box-shadow: 0 0 30px 15px #c09050, 0 0 60px 30px rgba(192,144,80,.2); opacity:.8 } 50% { box-shadow: 0 0 50px 25px #ffd080, 0 0 100px 50px rgba(255,208,128,.4); opacity:1 } 100% { box-shadow: 0 0 35px 18px #c09050, 0 0 70px 35px rgba(192,144,80,.25); opacity:.9 } }
@keyframes rt1-shadow { 0% { opacity:.6 } 50% { opacity:.8 } 100% { opacity:.7 } }

.scn-second-remittance-man-fraud { background: linear-gradient(180deg, #3a2a1a 0%, #2a1a0a 40%, #1a0e04 100%), radial-gradient(ellipse at 30% 60%, #4a3a2a 0%, transparent 70%); }
.scn-second-remittance-man-fraud .room-bg { position:absolute; inset:0 0 25% 0; background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%); border-radius: 20% 20% 0 0 / 30% 30% 0 0; animation: rt2-bg 14s ease-in-out infinite alternate; }
.scn-second-remittance-man-fraud .table-round { position:absolute; bottom:20%; left:20%; width:60%; height:18%; background: linear-gradient(180deg, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 50% 50%; box-shadow: 0 -6px 12px rgba(0,0,0,.5); animation: rt2-table 6s ease-in-out infinite; }
.scn-second-remittance-man-fraud .figure-left { position:absolute; bottom:20%; left:25%; width:18%; height:38%; background: radial-gradient(ellipse at 50% 60%, #4a3a2a 0%, #2a1a0a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rt2-left 4s ease-in-out infinite; }
.scn-second-remittance-man-fraud .figure-right { position:absolute; bottom:20%; right:25%; width:20%; height:40%; background: radial-gradient(ellipse at 50% 60%, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%; transform-origin: bottom center; animation: rt2-right 5s ease-in-out infinite; }
.scn-second-remittance-man-fraud .hand-gesture { position:absolute; bottom:32%; right:28%; width:6%; height:8%; background: radial-gradient(ellipse, #5a4a3a 0%, #3a2a1a 100%); border-radius: 50% 50% 40% 40%; transform: rotate(-30deg); animation: rt2-hand 2s ease-in-out infinite; }
.scn-second-remittance-man-fraud .bottle-tip { position:absolute; bottom:32%; left:30%; width:3%; height:12%; background: linear-gradient(180deg, #6a3a1a 0%, #4a2a0a 100%); border-radius: 20% 20% 10% 10%; transform: rotate(40deg); animation: rt2-bottle 3s ease-in-out infinite alternate; }
.scn-second-remittance-man-fraud .lamp-flicker { position:absolute; bottom:25%; left:48%; width:5%; height:5%; background: radial-gradient(circle, #ffc080 0%, #b07030 60%, transparent 100%); border-radius: 50%; box-shadow: 0 0 30px 15px #c08040, 0 0 60px 30px rgba(192,128,64,.3); animation: rt2-lamp 0.8s ease-in-out infinite alternate; }
@keyframes rt2-bg { 0% { opacity:.9 } 50% { opacity:1 } 100% { opacity:.85 } }
@keyframes rt2-table { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) scale(1.01) } }
@keyframes rt2-left { 0% { transform: translateY(0) rotate(0) } 25% { transform: translateY(-2px) rotate(-3deg) } 50% { transform: translateY(0) rotate(2deg) } 75% { transform: translateY(-1px) rotate(-1deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes rt2-right { 0% { transform: translateY(0) rotate(0) } 30% { transform: translateY(-3px) rotate(4deg) } 60% { transform: translateY(0) rotate(-2deg) } 100% { transform: translateY(0) rotate(0) } }
@keyframes rt2-hand { 0% { transform: rotate(-30deg) translateY(0) } 50% { transform: rotate(-20deg) translateY(-3px) scale(1.1) } 100% { transform: rotate(-30deg) translateY(0) } }
@keyframes rt2-bottle { 0% { transform: rotate(40deg) translateY(0) } 50% { transform: rotate(45deg) translateY(-1px) } 100% { transform: rotate(38deg) translateY(0) } }
@keyframes rt2-lamp { 0% { box-shadow: 0 0 25px 12px #c08040, 0 0 50px 25px rgba(192,128,64,.2); opacity:.9 } 100% { box-shadow: 0 0 35px 18px #ffc080, 0 0 70px 35px rgba(255,192,128,.5); opacity:1 } }

.scn-blind-tom-memory-expert { background: linear-gradient(180deg, #2a2a2e 0%, #1a1a1e 40%, #0e0e12 100%), radial-gradient(ellipse at 50% 70%, #3a3a3e 0%, transparent 80%); }
.scn-blind-tom-memory-expert .wall-panel { position:absolute; inset:0 0 35% 0; background: linear-gradient(180deg, #3a3a44 0%, #1a1a22 100%); border-radius: 5% 5% 0 0 / 10% 10% 0 0; animation: bt-wall 30s ease-in-out infinite alternate; }
.scn-blind-tom-memory-expert .piano-body { position:absolute; bottom:25%; left:20%; width:60%; height:40%; background: linear-gradient(180deg, #1a1a22 0%, #0a0a0e 100%); border-radius: 5% 5% 8% 8%; box-shadow: inset 0 4px 12px rgba(0,0,0,.8), 0 8px 16px rgba(0,0,0,.6); transform: perspective(600px) rotateX(10deg); animation: bt-piano 20s ease-in-out infinite alternate; }
.scn-blind-tom-memory-expert .piano-keys { position:absolute; bottom:28%; left:24%; width:52%; height:6%; background: linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 100%); border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.5); display: flex; flex-wrap: nowrap; overflow: hidden; animation: bt-keys 6s ease-in-out infinite; }
.scn-blind-tom-memory-expert .piano-keys::before { content: ''; display: block; width: 7.14%; height: 100%; background: #1a1a1a; border-right: 2px solid #2a2a2a; } /* simulate black keys using pseudo-element? But the rule says no pseudo-elements? Actually pseudo-elements are fine as they're generated by CSS, not text content. But for clarity, let's add a separate black-keys div instead. We'll adjust: add a .black-keys div. Since we have limit of 9 divs, we can replace one unused. Let's replace wall-panel with wall and use 8 divs. The current divs: wall-panel, piano-body, piano-keys, figure-seated, music-note-a, music-note-b, lamp-soft. That's 7. We can add a .black-keys as 8th. But to keep within 9, fine. I'll add it in JS: "black-keys" div. Also need to remove the pseudo from CSS. Let's update the JS entry for this scene to include a separate black keys div. We'll modify JS and CSS accordingly.
// We'll revise the JS entry for blind-tom to have:
// .wall-panel - background
// .piano-body - large box
// .piano-keys - white keys area
// .black-keys - black keys pattern (multiple small rectangles using background)
// .figure-seated - figure
// .music-note-a - floating note
// .music-note-b - second note
// .lamp-soft - light source
// That's 8 divs.
// We'll adjust CSS accordingly.
// I'll rewrite the JS entry and CSS block for blind-tom below. But to avoid rewriting everything, I'll keep the original structure and add the black-keys div in JS and corresponding CSS. Since I already wrote the response, I need to edit at the source. Let me redo the whole answer correctly. I'll restart the response.```js
"remittance-man-pathetic": `
  <div class="wall-back"></div>
  <div class="wall-side"></div>
  <div class="floor"></div>
  <div class="table"></div>
  <div class="bottle"></div>
  <div class="figure-slump"></div>
  <div class="lamp-glow"></div>
  <div class="shadow-heavy"></div>
`,
"second-remittance-man-fraud": `
  <div class="room-bg"></div>
  <div class="table-round"></div>
  <div class="figure-left"></div>
  <div class="figure-right"></div>
  <div class="hand-gesture"></div>
  <div class="bottle-tip"></div>
  <div class="lamp-flicker"></div>
`,
"blind-tom-memory-expert": `
  <div class="wall-panel"></div>
  <div class="piano-body"></div>
  <div class="piano-keys"></div>
  <div class="black-keys"></div>
  <div class="figure-seated"></div>
  <div class="music-note-a"></div>
  <div class="music-note-b"></div>
  <div class="lamp-soft"></div>
`,
"brahmin-memory-exhibition": `
  <div class="hall-bg"></div>
  <div class="floor-pattern"></div>
  <div class="brahmin-figure"></div>
  <div class="brahmin-hands"></div>
  <div class="viceroy-row"></div>
  <div class="candle-row"></div>
  <div class="shadow-cast"></div>
`,

.scn-blind-tom-memory-expert {
  background:
    radial-gradient(ellipse at 20% 60%, #4a3a2a 0%, transparent 60%),
    linear-gradient(180deg, #1a1410 0%, #2a2018 40%, #1a1410 100%);
}

.scn-blind-tom-memory-expert .wall {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(0deg, #3a2a1e, #1a1410);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.6);
}

.scn-blind-tom-memory-expert .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 35%;
  background: linear-gradient(180deg, #2a1a10, #1a0e08);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
}

.scn-blind-tom-memory-expert .piano {
  position: absolute; bottom: 22%; left: 35%; width: 120px; height: 50px;
  background: linear-gradient(135deg, #1e1410, #0e0806);
  border-radius: 4px 4px 8px 8px;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.4);
  transform: rotateX(15deg);
  animation: bt-piano 10s ease-in-out infinite alternate;
}

.scn-blind-tom-memory-expert .piano-shadow {
  position: absolute; bottom: 20%; left: 33%; width: 130px; height: 20px;
  background: rgba(0,0,0,0.3);
  filter: blur(6px);
  animation: bt-shadow 10s ease-in-out infinite alternate;
}

.scn-blind-tom-memory-expert .figure {
  position: absolute; bottom: 24%; left: 42%; width: 30px; height: 70px;
  background: linear-gradient(180deg, #2a1a12 0%, #0e0804 100%);
  border-radius: 40% 40% 30% 30% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bt-figure 4s ease-in-out infinite;
}

.scn-blind-tom-memory-expert .lamp-glow {
  position: absolute; bottom: 30%; right: 25%; width: 40px; height: 40px;
  background: radial-gradient(circle, rgba(200,160,100,0.5) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(8px);
  animation: bt-lamp 3s ease-in-out infinite alternate;
}

.scn-blind-tom-memory-expert .dust {
  position: absolute; width: 4px; height: 4px;
  background: rgba(240,220,180,0.3);
  border-radius: 50%;
  filter: blur(1px);
}

.scn-blind-tom-memory-expert .motes-1 {
  top: 30%; left: 20%;
  animation: bt-dust1 15s linear infinite;
}

.scn-blind-tom-memory-expert .motes-2 {
  top: 40%; left: 60%;
  animation: bt-dust2 20s linear infinite reverse;
  animation-delay: -5s;
}

@keyframes bt-piano {
  0% { transform: rotateX(15deg) translateY(0); box-shadow: 0 -4px 8px rgba(0,0,0,0.4); }
  50% { transform: rotateX(15deg) translateY(-2px); box-shadow: 0 -6px 12px rgba(0,0,0,0.5); }
  100% { transform: rotateX(15deg) translateY(0); box-shadow: 0 -4px 8px rgba(0,0,0,0.4); }
}

@keyframes bt-shadow {
  0%,100% { opacity: 0.5; transform: scaleX(1); }
  50% { opacity: 0.3; transform: scaleX(0.95); }
}

@keyframes bt-figure {
  0% { transform: translateX(0) rotate(-2deg); }
  25% { transform: translateX(4px) rotate(0); }
  50% { transform: translateX(8px) rotate(2deg); }
  75% { transform: translateX(4px) rotate(0); }
  100% { transform: translateX(0) rotate(-2deg); }
}

@keyframes bt-lamp {
  0% { opacity: 0.7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0.8; transform: scale(1); }
}

@keyframes bt-dust1 {
  0% { transform: translateY(0) translateX(0); opacity: 0.3; }
  25% { transform: translateY(-20px) translateX(10px); opacity: 0.6; }
  50% { transform: translateY(-40px) translateX(5px); opacity: 0.1; }
  75% { transform: translateY(-20px) translateX(-10px); opacity: 0.4; }
  100% { transform: translateY(0) translateX(0); opacity: 0.3; }
}

@keyframes bt-dust2 {
  0% { transform: translateY(0) translateX(0); opacity: 0.2; }
  33% { transform: translateY(-30px) translateX(-15px); opacity: 0.5; }
  66% { transform: translateY(-60px) translateX(5px); opacity: 0.1; }
  100% { transform: translateY(0) translateX(0); opacity: 0.2; }
}

/* ─────────────────────────────────────────────── */

.scn-brahmin-memory-exhibition {
  background:
    radial-gradient(ellipse at 50% 80%, #0a1a2a 0%, transparent 60%),
    linear-gradient(180deg, #0a0a14 0%, #1a1a2e 40%, #0a0a14 100%);
}

.scn-brahmin-memory-exhibition .bg-dark {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(0deg, #12121e, #050510);
  box-shadow: inset 0 20px 60px rgba(0,0,0,0.8);
}

.scn-brahmin-memory-exhibition .floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(180deg, #1a1824, #0a0810);
  border-radius: 60% 40% 0 0 / 30% 50% 0 0;
}

.scn-brahmin-memory-exhibition .viceroy-row {
  position: absolute; bottom: 30%; left: 5%; right: 5%; height: 20%;
  background: linear-gradient(180deg, rgba(20,18,30,0.9), rgba(10,8,16,0.7));
  clip-path: polygon(0% 100%, 5% 0%, 95% 0%, 100% 100%);
  animation: br-row 8s ease-in-out infinite alternate;
}

.scn-brahmin-memory-exhibition .viceroy-shadows {
  position: absolute; bottom: 30%; left: 8%; right: 8%; height: 18%;
  background: repeating-linear-gradient(90deg, rgba(0,0,0,0.3) 0px, rgba(0,0,0,0.1) 20px, transparent 22px, rgba(0,0,0,0.2) 25px);
  filter: blur(4px);
  animation: br-shadows 6s ease-in-out infinite alternate;
}

.scn-brahmin-memory-exhibition .brahmin-figure {
  position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);
  width: 40px; height: 80px;
  background: linear-gradient(180deg, #2a1a2a 0%, #0e0812 100%);
  border-radius: 30% 30% 50% 50% / 50% 50% 40% 40%;
  box-shadow: 0 0 20px 5px rgba(200,180,100,0.2);
  animation: br-brahmin 3s ease-in-out infinite;
}

.scn-brahmin-memory-exhibition .brahmin-lotus {
  position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%);
  width: 20px; height: 30px;
  background: radial-gradient(ellipse at 50% 100%, #d09050 0%, #a06030 40%, transparent 70%);
  border-radius: 50% 50% 0 0;
  animation: br-lotus 4s ease-in-out infinite alternate;
}

.scn-brahmin-memory-exhibition .lamp-beam {
  position: absolute; top: 10%; left: 45%; width: 50px; height: 80px;
  background: linear-gradient(180deg, rgba(200,180,100,0.15) 0%, transparent 100%);
  filter: blur(12px);
  transform: skewX(-10deg);
  animation: br-beam 5s ease-in-out infinite alternate;
}

.scn-brahmin-memory-exhibition .flicker {
  position: absolute; top: 8%; left: 48%; width: 10px; height: 10px;
  background: radial-gradient(circle, #ffd080 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(6px);
  animation: br-flicker 0.8s steps(2) infinite;
}

@keyframes br-row {
  0% { opacity: 0.8; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-3px); }
  100% { opacity: 0.9; transform: translateY(0); }
}

@keyframes br-shadows {
  0% { opacity: 0.3; transform: scaleX(1); }
  33% { opacity: 0.6; transform: scaleX(1.02); }
  66% { opacity: 0.2; transform: scaleX(0.98); }
  100% { opacity: 0.4; transform: scaleX(1); }
}

@keyframes br-brahmin {
  0% { transform: translateX(-50%) rotate(0); }
  25% { transform: translateX(-50%) rotate(2deg) translateY(-1px); }
  50% { transform: translateX(-50%) rotate(0) translateY(0); }
  75% { transform: translateX(-50%) rotate(-2deg) translateY(-1px); }
  100% { transform: translateX(-50%) rotate(0); }
}

@keyframes br-lotus {
  0%,100% { opacity: 0.5; transform: translateX(-50%) scaleY(1); }
  50% { opacity: 0.9; transform: translateX(-50%) scaleY(1.1); }
}

@keyframes br-beam {
  0% { opacity: 0.3; transform: skewX(-10deg) scaleX(1); }
  50% { opacity: 0.6; transform: skewX(-10deg) scaleX(1.2); }
  100% { opacity: 0.4; transform: skewX(-10deg) scaleX(1); }
}

@keyframes br-flicker {
  0% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}

/* ballarat-bendigo-priest */
.scn-ballarat-bendigo-priest {
  background: linear-gradient(180deg, #87CEEB 0%, #f0e68c 60%, #deb887 100%), radial-gradient(ellipse at 70% 20%, #fff8dc 0%, transparent 50%);
}
.scn-ballarat-bendigo-priest .bbp-sky {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #b0e0e6 0%, #f5deb3 100%);
  animation: bbp-sky 8s ease-in-out infinite alternate;
}
.scn-ballarat-bendigo-priest .bbp-sun {
  position: absolute;
  top: 15%;
  left: 70%;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, #fff8dc 0%, #ffd700 40%, transparent 70%);
  border-radius: 50%;
  box-shadow: 0 0 80px 20px rgba(255,215,0,0.4);
  animation: bbp-sun 6s ease-in-out infinite alternate;
}
.scn-ballarat-bendigo-priest .bbp-cloud {
  position: absolute;
  background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 100%);
  border-radius: 50%;
  filter: blur(4px);
}
.scn-ballarat-bendigo-priest .bbp-cloud-1 {
  top: 10%;
  left: 10%;
  width: 120px;
  height: 30px;
  animation: bbp-drift-a 40s linear infinite;
}
.scn-ballarat-bendigo-priest .bbp-cloud-2 {
  top: 22%;
  left: -10%;
  width: 100px;
  height: 25px;
  animation: bbp-drift-b 50s linear infinite reverse;
}
.scn-ballarat-bendigo-priest .bbp-hills {
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  border-radius: 60% 40% 0 0;
  background: linear-gradient(180deg, #5a3a1a 0%, #2a1a0a 100%);
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
}
.scn-ballarat-bendigo-priest .bbp-hills-back {
  height: 35%;
  transform: scaleY(0.9);
  z-index: 1;
  animation: bbp-hills-back 14s ease-in-out infinite alternate;
}
.scn-ballarat-bendigo-priest .bbp-hills-front {
  height: 25%;
  bottom: 25%;
  z-index: 2;
  background: linear-gradient(180deg, #7a5a2a 0%, #4a2a0a 100%);
  animation: bbp-hills-front 10s ease-in-out infinite alternate;
}
.scn-ballarat-bendigo-priest .bbp-road {
  position: absolute;
  bottom: 20%;
  left: 10%;
  right: 10%;
  height: 8%;
  background: linear-gradient(180deg, #8b7355 0%, #5c4033 100%);
  border-radius: 40% 40% 20% 20%;
  box-shadow: 0 -4px 6px rgba(0,0,0,0.2);
  animation: bbp-road 12s ease-in-out infinite;
}
.scn-ballarat-bendigo-priest .bbp-figure {
  position: absolute;
  bottom: 18%;
  left: 30%;
  width: 20px;
  height: 40px;
  background: linear-gradient(180deg, #2a1a0a 0%, #0a0a00 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: bbp-walk 4s ease-in-out infinite;
}
.scn-ballarat-bendigo-priest .bbp-bird {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 12px;
  height: 8px;
  background: #2a1a0a;
  border-radius: 60% 40% 50% 50%;
  filter: blur(1px);
  animation: bbp-bird 8s ease-in-out infinite alternate;
}
@keyframes bbp-sky {
  0% { opacity: 0.8; }
  50% { opacity: 1; }
  100% { opacity: 0.9; }
}
@keyframes bbp-sun {
  0% { transform: scale(0.95); box-shadow: 0 0 60px 15px rgba(255,215,0,0.3); }
  50% { transform: scale(1.05); box-shadow: 0 0 100px 30px rgba(255,215,0,0.5); }
  100% { transform: scale(1); box-shadow: 0 0 80px 20px rgba(255,215,0,0.4); }
}
@keyframes bbp-drift-a {
  0% { transform: translateX(0); }
  50% { transform: translateX(50px); }
  100% { transform: translateX(100vw); }
}
@keyframes bbp-drift-b {
  0% { transform: translateX(0); }
  50% { transform: translateX(-30px); }
  100% { transform: translateX(-100vw); }
}
@keyframes bbp-hills-back {
  0% { transform: scaleY(0.9) translateY(0); }
  50% { transform: scaleY(0.92) translateY(-2px); }
  100% { transform: scaleY(0.9) translateY(0); }
}
@keyframes bbp-hills-front {
  0% { transform: scaleY(1) translateY(0); }
  50% { transform: scaleY(1.02) translateY(-3px); }
  100% { transform: scaleY(1) translateY(0); }
}
@keyframes bbp-road {
  0% { transform: scaleX(1) translateY(0); }
  50% { transform: scaleX(1.02) translateY(-1px); }
  100% { transform: scaleX(1) translateY(0); }
}
@keyframes bbp-walk {
  0% { transform: translateX(0) translateY(0) rotate(0deg); }
  25% { transform: translateX(8px) translateY(-2px) rotate(2deg); }
  50% { transform: translateX(16px) translateY(0) rotate(0deg); }
  75% { transform: translateX(24px) translateY(-2px) rotate(-2deg); }
  100% { transform: translateX(32px) translateY(0) rotate(0deg); }
}
@keyframes bbp-bird {
  0% { transform: translate(0, 0) rotate(-5deg); }
  50% { transform: translate(10px, -8px) rotate(3deg); }
  100% { transform: translate(20px, -4px) rotate(-2deg); }
}

/* new-zealand-south-pole-swell */
.scn-new-zealand-south-pole-swell {
  background: linear-gradient(180deg, #4a5a6a 0%, #5a6a7a 40%, #7a8a9a 100%), radial-gradient(ellipse at 50% 100%, #6a7a8a 0%, transparent 60%);
}
.scn-new-zealand-south-pole-swell .nzs-sky {
  position: absolute;
  inset: 0 0 50% 0;
  background: linear-gradient(180deg, #6a7a8a 0%, #8a9aaa 60%, #aab5c0 100%);
  animation: nzs-sky 10s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nzs-sea {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 55%;
  background: linear-gradient(180deg, #3a4a5a 0%, #4a5a6a 50%, #2a3a4a 100%);
  border-radius: 30% 70% 0 0 / 20% 50% 0 0;
}
.scn-new-zealand-south-pole-swell .nzs-wave {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  height: 20%;
  background: transparent;
  border-radius: 50%;
  box-shadow: 0 8px 12px rgba(0,0,0,0.2);
  animation: nzs-wave-move 6s ease-in-out infinite;
}
.scn-new-zealand-south-pole-swell .nzs-wave-1 {
  bottom: 15%;
  background: linear-gradient(180deg, #5a7a8a 0%, #3a5a6a 100%);
  opacity: 0.6;
  animation: nzs-wave-move 7s ease-in-out infinite;
}
.scn-new-zealand-south-pole-swell .nzs-wave-2 {
  bottom: 25%;
  background: linear-gradient(180deg, #6a8a9a 0%, #4a6a7a 100%);
  opacity: 0.4;
  animation: nzs-wave-move 8s ease-in-out infinite reverse;
}
.scn-new-zealand-south-pole-swell .nzs-wave-3 {
  bottom: 35%;
  background: linear-gradient(180deg, #7a9aaa 0%, #5a7a8a 100%);
  opacity: 0.3;
  animation: nzs-wave-move 9s ease-in-out infinite;
}
.scn-new-zealand-south-pole-swell .nzs-ship {
  position: absolute;
  bottom: 20%;
  left: 50%;
  width: 80px;
  height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 30% 30% 10% 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: nzs-rock 5s ease-in-out infinite;
}
.scn-new-zealand-south-pole-swell .nzs-ship::before {
  content: '';
  position: absolute;
  top: -30px;
  left: 50%;
  width: 2px;
  height: 30px;
  background: #2a1a0a;
  transform: translateX(-50%);
}
.scn-new-zealand-south-pole-swell .nzs-hull-shadow {
  position: absolute;
  bottom: 18%;
  left: 50%;
  width: 90px;
  height: 10px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  filter: blur(4px);
  transform: translateX(-50%);
  animation: nzs-shadow 5s ease-in-out infinite;
}
.scn-new-zealand-south-pole-swell .nzs-mist {
  position: absolute;
  bottom: 40%;
  left: 0;
  right: 0;
  height: 20%;
  background: linear-gradient(180deg, rgba(200,210,220,0.2) 0%, transparent 100%);
  filter: blur(8px);
  animation: nzs-mist 12s ease-in-out infinite alternate;
}
@keyframes nzs-sky {
  0% { opacity: 0.7; background-position: 0 0; }
  50% { opacity: 1; background-position: 20px 0; }
  100% { opacity: 0.8; background-position: 0 0; }
}
@keyframes nzs-wave-move {
  0% { transform: translateX(0) translateY(0) scaleX(1); }
  25% { transform: translateX(10px) translateY(-3px) scaleX(1.02); }
  50% { transform: translateX(20px) translateY(0) scaleX(1); }
  75% { transform: translateX(10px) translateY(3px) scaleX(0.98); }
  100% { transform: translateX(0) translateY(0) scaleX(1); }
}
@keyframes nzs-rock {
  0% { transform: translateX(-50%) rotate(0deg) translateY(0); }
  25% { transform: translateX(-50%) rotate(2deg) translateY(-2px); }
  50% { transform: translateX(-50%) rotate(0deg) translateY(0); }
  75% { transform: translateX(-50%) rotate(-2deg) translateY(-2px); }
  100% { transform: translateX(-50%) rotate(0deg) translateY(0); }
}
@keyframes nzs-shadow {
  0% { transform: translateX(-50%) scaleY(1); opacity: 0.3; }
  25% { transform: translateX(-50%) scaleY(1.1); opacity: 0.4; }
  50% { transform: translateX(-50%) scaleY(1); opacity: 0.3; }
  75% { transform: translateX(-50%) scaleY(0.9); opacity: 0.2; }
  100% { transform: translateX(-50%) scaleY(1); opacity: 0.3; }
}
@keyframes nzs-mist {
  0% { opacity: 0.2; transform: translateY(0) scaleX(1); }
  50% { opacity: 0.4; transform: translateY(-5px) scaleX(1.05); }
  100% { opacity: 0.2; transform: translateY(0) scaleX(1); }
}

/* Weet-Weet scene */
.scn-weet-weet-aboriginal-manly {
  background: 
    linear-gradient(180deg, #fdca7a 0%, #f5a623 40%, #d98a2e 100%),
    radial-gradient(ellipse at 50% 0%, #ffdd99 0%, transparent 60%);
  background-blend-mode: overlay;
}
.scn-weet-weet-aboriginal-manly .sky {
  position: absolute; inset: 0 0 30% 0;
  background: linear-gradient(180deg, #b8d4e3 0%, transparent 100%);
  animation: ww-sky 20s ease-in-out infinite alternate;
}
.scn-weet-weet-aboriginal-manly .sun {
  position: absolute; top: 8%; left: 70%; width: 60px; height: 60px;
  background: radial-gradient(circle, #fff7cc 0%, #ffc940 50%, transparent 70%);
  border-radius: 50%;
  animation: ww-sun 6s ease-in-out infinite alternate;
}
.scn-weet-weet-aboriginal-manly .hills {
  position: absolute; bottom: 30%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #7a8a5e 0%, #4a5a3a 100%);
  border-radius: 60% 40% 0 0 / 70% 80% 0 0;
  box-shadow: inset 0 10px 20px rgba(0,0,0,0.3);
  animation: ww-hills 14s ease-in-out infinite alternate;
}
.scn-weet-weet-aboriginal-manly .bush {
  position: absolute; bottom: 12%; left: 0; right: 0; height: 22%;
  background: linear-gradient(180deg, #5a6a3a 0%, #3a4a2a 100%);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
  box-shadow: inset 0 5px 15px rgba(0,0,0,0.4);
}
.scn-weet-weet-aboriginal-manly .figure {
  position: absolute; bottom: 18%; left: 35%; width: 20px; height: 40px;
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: ww-figure 5s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .stick {
  position: absolute; bottom: 28%; left: 38%; width: 30px; height: 3px;
  background: #2a1a0a;
  border-radius: 20%;
  transform-origin: left center;
  animation: ww-stick 5s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .shadow {
  position: absolute; bottom: 14%; left: 30%; width: 40px; height: 6px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  filter: blur(3px);
  animation: ww-shadow 5s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .cloud-a {
  position: absolute; top: 12%; left: 12%; width: 70px; height: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, transparent 100%);
  border-radius: 50%; filter: blur(5px);
  animation: ww-drift-a 45s linear infinite;
}
.scn-weet-weet-aboriginal-manly .cloud-b {
  position: absolute; top: 20%; right: 8%; width: 50px; height: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, transparent 100%);
  border-radius: 50%; filter: blur(4px);
  animation: ww-drift-b 55s linear infinite reverse;
}

@keyframes ww-sky    { 0% { opacity: 0.7 } 50% { opacity: 0.9 } 100% { opacity: 0.75 } }
@keyframes ww-sun    { 0% { transform: scale(0.95); box-shadow: 0 0 30px 10px #ffbb33 } 50% { transform: scale(1.05); box-shadow: 0 0 50px 20px #ffaa22 } 100% { transform: scale(0.98); box-shadow: 0 0 35px 12px #ffcc44 } }
@keyframes ww-hills  { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ww-figure { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(3px) rotate(-2deg) } 50% { transform: translateX(0) rotate(1deg) } 75% { transform: translateX(-2px) rotate(-1deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes ww-stick  { 0% { transform: rotate(0deg) } 25% { transform: rotate(-15deg) } 50% { transform: rotate(0deg) } 75% { transform: rotate(10deg) } 100% { transform: rotate(0deg) } }
@keyframes ww-shadow { 0% { transform: scaleX(1) opacity(0.3) } 50% { transform: scaleX(0.8) opacity(0.2) } 100% { transform: scaleX(1) opacity(0.3) } }
@keyframes ww-drift-a{ 0% { transform: translateX(-40px); opacity: 0.6 } 50% { opacity: 0.8 } 100% { transform: translateX(120vw); opacity: 0.4 } }
@keyframes ww-drift-b{ 0% { transform: translateX(0); opacity: 0.5 } 100% { transform: translateX(-100vw); opacity: 0.3 } }

/* Horsham-Stawell scene */
.scn-horsham-stawell-gold {
  background: 
    linear-gradient(180deg, #f9e3b0 0%, #e5c287 30%, #c8a567 100%),
    radial-gradient(ellipse at 50% 0%, #fef3d6 0%, transparent 50%);
}
.scn-horsham-stawell-gold .sky {
  position: absolute; inset: 0 0 35% 0;
  background: linear-gradient(180deg, #b8d4e3 0%, #fce8b0 100%);
  animation: hs-sky 18s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .sun {
  position: absolute; top: 6%; left: 45%; width: 50px; height: 50px;
  background: radial-gradient(circle, #fffde6 0%, #ffe680 40%, transparent 70%);
  border-radius: 50%;
  animation: hs-sun 8s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .fields {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 18%;
  background: linear-gradient(180deg, #a8b87a 0%, #7a8a4a 100%);
  border-radius: 30% 70% 0 0 / 40% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.2);
  animation: hs-fields 12s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .hotel {
  position: absolute; bottom: 22%; left: 25%; width: 70px; height: 60px;
  background: linear-gradient(180deg, #c8a87a 0%, #a08050 100%);
  border-radius: 10% 10% 4% 4%;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  animation: hs-hotel 10s ease-in-out infinite;
}
.scn-horsham-stawell-gold .tree {
  position: absolute; bottom: 20%; right: 20%; width: 90px; height: 100px;
  background: radial-gradient(ellipse at 50% 60%, #3a5a2a 0%, #1a2a0a 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 40% 40%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  animation: hs-tree 15s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .tree::before {
  content: '';
  position: absolute; top: 60%; left: 50%; width: 4px; height: 40px;
  background: #2a1a0a;
  transform: translateX(-50%);
  border-radius: 2px;
}
.scn-horsham-stawell-gold .figure {
  position: absolute; bottom: 18%; right: 35%; width: 16px; height: 32px;
  background: linear-gradient(180deg, #1a1a2a 0%, #0a0a1a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  animation: hs-figure 5s ease-in-out infinite;
}
.scn-horsham-stawell-gold .sheep-1,
.scn-horsham-stawell-gold .sheep-2 {
  position: absolute; bottom: 30%; width: 16px; height: 8px;
  background: #4a4a3a;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.scn-horsham-stawell-gold .sheep-1 {
  left: 60%;
  animation: hs-sheep1 22s ease-in-out infinite;
}
.scn-horsham-stawell-gold .sheep-2 {
  left: 70%;
  animation: hs-sheep2 25s ease-in-out infinite;
  animation-delay: -5s;
}
.scn-horsham-stawell-gold .bird {
  position: absolute; top: 14%; left: 80%; width: 20px; height: 8px;
  background: transparent;
  border: 2px solid #2a2a1a;
  border-radius: 50%;
  clip-path: polygon(0% 100%, 100% 100%, 50% 0%);
  animation: hs-bird 12s linear infinite;
}

@keyframes hs-sky    { 0% { opacity: 0.8 } 50% { opacity: 1 } 100% { opacity: 0.85 } }
@keyframes hs-sun    { 0% { transform: scale(0.96); box-shadow: 0 0 25px 8px #ffdd66 } 50% { transform: scale(1.04); box-shadow: 0 0 45px 18px #ffcc55 } 100% { transform: scale(0.98); box-shadow: 0 0 30px 10px #ffe077 } }
@keyframes hs-fields { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes hs-hotel  { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes hs-tree   { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(2px) rotate(1deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes hs-figure { 0% { transform: translateX(0) rotate(0deg) } 25% { transform: translateX(2px) rotate(-1deg) } 50% { transform: translateX(0) rotate(0deg) } 75% { transform: translateX(-1px) rotate(1deg) } 100% { transform: translateX(0) rotate(0deg) } }
@keyframes hs-sheep1 { 0% { transform: translateX(0) } 33% { transform: translateX(5px) } 66% { transform: translateX(10px) } 100% { transform: translateX(0) } }
@keyframes hs-sheep2 { 0% { transform: translateX(0) } 30% { transform: translateX(-4px) } 60% { transform: translateX(-8px) } 100% { transform: translateX(0) } }
@keyframes hs-bird   { 0% { transform: translate(0, 0) rotate(0deg) } 25% { transform: translate(-20px, -10px) rotate(-5deg) } 50% { transform: translate(-40px, 0) rotate(0deg) } 75% { transform: translate(-60px, -10px) rotate(5deg) } 100% { transform: translate(-80px, 0) rotate(0deg) } }

.scn-new-zealand-south-pole-swell {
  background: linear-gradient(180deg, #6a7a8a 0%, #4a5a6a 30%, #3a4a5a 60%, #2a3a4a 100%),
              radial-gradient(ellipse at 50% 20%, #8a9aaa 0%, transparent 60%);
}
.scn-new-zealand-south-pole-swell .nz-sky {
  position: absolute; inset: 0 0 55% 0;
  background: linear-gradient(180deg, #7a8a9a 0%, #5a6a7a 50%, #4a5a6a 100%);
  animation: nz-sky 15s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nz-sun-haze {
  position: absolute; top: 20%; left: 50%; width: 120px; height: 80px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(180,190,200,0.3) 0%, transparent 70%);
  filter: blur(12px);
  animation: nz-haze 20s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nz-ocean-deep {
  position: absolute; bottom: 0; left: 0; right: 0; height: 55%;
  background: linear-gradient(180deg, #3a4a5a 0%, #1a2a3a 50%, #0a1a2a 100%);
  box-shadow: inset 0 20px 40px rgba(0,0,0,0.3);
  animation: nz-ocean 12s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nz-swell-back {
  position: absolute; bottom: 30%; left: -10%; right: -10%; height: 25%;
  background: linear-gradient(180deg, #4a5a6a 0%, #2a3a4a 100%);
  border-radius: 50% 40% 60% 30% / 60% 50% 50% 40%;
  opacity: 0.6;
  animation: nz-swell-b 8s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nz-swell-fore {
  position: absolute; bottom: 10%; left: -20%; right: -20%; height: 30%;
  background: linear-gradient(180deg, #3a4a5a 0%, #1a2a3a 100%);
  border-radius: 30% 60% 40% 50% / 50% 40% 60% 50%;
  animation: nz-swell-f 6s ease-in-out infinite alternate;
  box-shadow: inset 0 -8px 20px rgba(0,0,0,0.5);
}
.scn-new-zealand-south-pole-swell .nz-ship {
  position: absolute; bottom: 38%; left: 55%; width: 60px; height: 20px;
  background: linear-gradient(180deg, #4a3a2a 0%, #2a1a0a 100%);
  border-radius: 0 0 20% 20% / 0 0 60% 60%;
  transform: rotate(-5deg);
  animation: nz-ship 10s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nz-sail {
  position: absolute; bottom: 40%; left: 58%; width: 24px; height: 40px;
  background: linear-gradient(135deg, #c0d0d0 0%, #809090 100%);
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  transform: rotate(5deg);
  animation: nz-sail 8s ease-in-out infinite alternate;
}
.scn-new-zealand-south-pole-swell .nz-cloud-a {
  position: absolute; top: 12%; left: 10%; width: 140px; height: 30px;
  background: linear-gradient(180deg, rgba(200,210,220,0.6) 0%, rgba(150,160,170,0.2) 100%);
  border-radius: 50%;
  filter: blur(8px);
  animation: nz-drift-a 40s linear infinite;
}
.scn-new-zealand-south-pole-swell .nz-cloud-b {
  position: absolute; top: 22%; right: 8%; width: 100px; height: 20px;
  background: linear-gradient(180deg, rgba(200,210,220,0.5) 0%, rgba(150,160,170,0.1) 100%);
  border-radius: 50%;
  filter: blur(6px);
  animation: nz-drift-b 55s linear infinite reverse;
}
@keyframes nz-sky { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes nz-haze { 0% { transform: translateX(-50%) scale(1); opacity: 0.4 } 50% { transform: translateX(-50%) scale(1.1); opacity: 0.6 } 100% { transform: translateX(-50%) scale(0.95); opacity: 0.3 } }
@keyframes nz-ocean { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(1px) } }
@keyframes nz-swell-b { 0% { transform: translateX(0) rotate(0deg) } 50% { transform: translateX(-10px) rotate(1deg) } 100% { transform: translateX(0) rotate(-1deg) } }
@keyframes nz-swell-f { 0% { transform: translateX(0) scaleY(1) } 50% { transform: translateX(8px) scaleY(1.05) } 100% { transform: translateX(-8px) scaleY(0.98) } }
@keyframes nz-ship { 0% { transform: rotate(-5deg) translateY(0) } 50% { transform: rotate(-3deg) translateY(-2px) } 100% { transform: rotate(-6deg) translateY(1px) } }
@keyframes nz-sail { 0% { transform: rotate(5deg) } 50% { transform: rotate(3deg) } 100% { transform: rotate(7deg) } }
@keyframes nz-drift-a { 0% { transform: translateX(-50px) } 100% { transform: translateX(120vw) } }
@keyframes nz-drift-b { 0% { transform: translateX(0) } 100% { transform: translateX(-100vw) } }

.scn-weet-weet-aboriginal-manly {
  background:
    linear-gradient(180deg, #fce4b0 0%, #f5d080 40%, #d9a85a 100%),
    radial-gradient(ellipse at 20% 10%, #ffe680 0%, transparent 60%);
}
.scn-weet-weet-aboriginal-manly .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #7ec8e3 0%, #b3d4f0 40%, transparent 100%);
  animation: ww-sky 20s ease-in-out infinite alternate;
}
.scn-weet-weet-aboriginal-manly .sun-haze {
  position: absolute; top: 5%; left: 30%; width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(255,220,100,.8) 0%, rgba(255,200,80,.4) 40%, transparent 70%);
  border-radius: 50%; filter: blur(8px);
  animation: ww-sun 12s ease-in-out infinite alternate;
}
.scn-weet-weet-aboriginal-manly .hill-back {
  position: absolute; bottom: 40%; left: 0; right: 0; height: 20%;
  background: linear-gradient(180deg, #6b8e6b 0%, #4a6e4a 100%);
  border-radius: 50% 40% 0 0 / 100% 80% 0 0;
  transform: scaleY(0.95); opacity: 0.6;
  animation: ww-hill 30s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .hill-mid {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 18%;
  background: linear-gradient(180deg, #5a7a4a 0%, #3a5a2a 100%);
  border-radius: 60% 30% 0 0 / 90% 70% 0 0;
  transform: scaleY(1.0);
  animation: ww-hill 25s ease-in-out infinite reverse;
}
.scn-weet-weet-aboriginal-manly .hill-fore {
  position: absolute; bottom: 28%; left: 0; right: 0; height: 15%;
  background: linear-gradient(180deg, #4a6a3a 0%, #2a4a1a 100%);
  border-radius: 40% 70% 0 0 / 80% 100% 0 0;
  box-shadow: inset 0 8px 15px rgba(0,0,0,.3);
  animation: ww-hill 18s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .bush-clump {
  position: absolute; bottom: 30%; left: 15%; width: 90px; height: 70px;
  background:
    radial-gradient(ellipse 50% 60% at 30% 60%, #3a5a2a 0%, transparent 70%),
    radial-gradient(ellipse 60% 70% at 70% 50%, #4a6a3a 0%, transparent 70%);
  border-radius: 50%; filter: blur(5px);
  animation: ww-bush 15s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .figure {
  position: absolute; bottom: 26%; left: 60%; width: 20px; height: 45px;
  background: linear-gradient(180deg, #2a2a1a 0%, #1a1a0a 100%);
  border-radius: 40% 40% 30% 30% / 50% 50% 30% 30%;
  transform-origin: bottom center;
  animation: ww-throw 4s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .weapon {
  position: absolute; bottom: 42%; left: 63%; width: 40px; height: 6px;
  background: linear-gradient(135deg, #5a3a1a 0%, #3a2210 100%);
  border-radius: 50% / 30% 30% 30% 30%;
  transform: rotate(-30deg);
  animation: ww-weapon 4s ease-in-out infinite;
}
.scn-weet-weet-aboriginal-manly .dust-puff {
  position: absolute; bottom: 26%; left: 55%; width: 12px; height: 12px;
  background: radial-gradient(circle, rgba(220,180,120,.6) 0%, transparent 70%);
  border-radius: 50%; filter: blur(4px);
  animation: ww-dust 4s ease-in-out infinite;
}
@keyframes ww-sky    { 0% { opacity: 0.7 } 50% { opacity: 1 } 100% { opacity: 0.8 } }
@keyframes ww-sun    { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(0.95) } }
@keyframes ww-hill   { 0% { transform: translateY(0) } 50% { transform: translateY(-2px) } 100% { transform: translateY(0) } }
@keyframes ww-bush   { 0% { transform: scale(1) } 50% { transform: scale(1.03) rotate(1deg) } 100% { transform: scale(0.98) } }
@keyframes ww-throw  {
  0%   { transform: translateX(0) translateY(0) rotate(0deg); }
  25%  { transform: translateX(-8px) translateY(-3px) rotate(-5deg); }
  50%  { transform: translateX(-2px) translateY(0) rotate(0deg); }
  75%  { transform: translateX(6px) translateY(-2px) rotate(3deg); }
  100% { transform: translateX(0) translateY(0) rotate(0deg); }
}
@keyframes ww-weapon {
  0%   { transform: rotate(-30deg) translateX(0); }
  25%  { transform: rotate(-10deg) translateX(15px) translateY(-5px); }
  50%  { transform: rotate(-40deg) translateX(0) translateY(0); }
  75%  { transform: rotate(-20deg) translateX(-10px) translateY(-2px); }
  100% { transform: rotate(-30deg) translateX(0); }
}
@keyframes ww-dust  {
  0%   { transform: translate(0,0) scale(1); opacity: 0.6; }
  50%  { transform: translate(-10px, -5px) scale(1.5); opacity: 0; }
  100% { transform: translate(0,0) scale(1); opacity: 0.6; }
}

.scn-blind-tom-memory-expert {
  background: 
    linear-gradient(180deg, #2a1e1a 0%, #3a2a24 40%, #4a3a34 100%),
    radial-gradient(ellipse at 50% 60%, #4a3a34 0%, transparent 70%);
}
.scn-blind-tom-memory-expert .bg-room {
  position: absolute;
  inset: 0 0 25% 0;
  background: linear-gradient(180deg, #2a1e1a 0%, #3a2a24 60%, #4a3a34 100%);
  animation: btm-ambient 20s ease-in-out infinite alternate;
}
.scn-blind-tom-memory-expert .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25%;
  background: linear-gradient(180deg, #1a1210 0%, #0e0a08 100%);
  border-top: 2px solid #3a2a24;
}
.scn-blind-tom-memory-expert .piano {
  position: absolute;
  bottom: 20%;
  left: 10%;
  width: 35%;
  height: 30%;
  background: linear-gradient(180deg, #1c1816 0%, #0a0808 100%);
  border-radius: 4% 4% 2% 2% / 10% 10% 5% 5%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
  animation: btm-piano-breathe 6s ease-in-out infinite;
}
.scn-blind-tom-memory-expert .keys {
  position: absolute;
  bottom: 23%;
  left: 14%;
  width: 27%;
  height: 6%;
  background: repeating-linear-gradient(90deg, #d4c9b8 0px, #d4c9b8 6px, #222 6px, #222 8px, #d4c9b8 8px, #d4c9b8 14px);
  border-radius: 2px;
  opacity: 0.7;
}
.scn-blind-tom-memory-expert .figure {
  position: absolute;
  bottom: 22%;
  left: 18%;
  width: 12%;
  height: 28%;
  background: linear-gradient(180deg, #12100e 0%, #080606 100%);
  border-radius: 50% 50% 40% 40% / 40% 40% 30% 30%;
  transform-origin: bottom center;
  animation: btm-figure-sway 8s ease-in-out infinite;
}
.scn-blind-tom-memory-expert .lamp {
  position: absolute;
  bottom: 35%;
  right: 20%;
  width: 4%;
  height: 8%;
  background: radial-gradient(circle at 50% 30%, #f0c868 0%, #b08030 50%, #4a3020 100%);
  border-radius: 50% 50% 20% 20%;
  box-shadow: 0 0 40px 12px rgba(200, 160, 80, 0.4), 0 0 80px 24px rgba(200, 160, 80, 0.15);
  animation: btm-lamp-glow 4s ease-in-out infinite alternate;
}
.scn-blind-tom-memory-expert .dust {
  position: absolute;
  top: 20%;
  left: 30%;
  width: 6px;
  height: 6px;
  background: radial-gradient(circle, rgba(180,140,80,0.6) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(2px);
  box-shadow: 20px 40px 8px rgba(180,140,80,0.3), 50px 10px 6px rgba(180,140,80,0.2), 80px 60px 10px rgba(180,140,80,0.4);
  animation: btm-dust 30s linear infinite;
}
@keyframes btm-ambient {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes btm-piano-breathe {
  0%,100% { transform: scaleY(1); }
  50% { transform: scaleY(1.005); }
}
@keyframes btm-figure-sway {
  0%,100% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(3px) rotate(1deg); }
  50% { transform: translateX(-2px) rotate(-0.5deg); }
  75% { transform: translateX(2px) rotate(0.5deg); }
}
@keyframes btm-lamp-glow {
  0% { box-shadow: 0 0 30px 10px rgba(200,160,80,0.3), 0 0 60px 18px rgba(200,160,80,0.1); opacity: 0.8; }
  50% { box-shadow: 0 0 50px 18px rgba(210,170,90,0.5), 0 0 100px 30px rgba(210,170,90,0.2); opacity: 1; }
  100% { box-shadow: 0 0 35px 12px rgba(200,160,80,0.35), 0 0 70px 20px rgba(200,160,80,0.12); opacity: 0.9; }
}
@keyframes btm-dust {
  0% { transform: translate(0,0) scale(1); opacity: 0.6; }
  25% { transform: translate(30px,-10px) scale(1.1); opacity: 0.8; }
  50% { transform: translate(60px,20px) scale(0.9); opacity: 0.5; }
  75% { transform: translate(90px,5px) scale(1.2); opacity: 0.7; }
  100% { transform: translate(120px,-15px) scale(1); opacity: 0.3; }
}

.scn-brahmin-memory-exhibition {
  background:
    linear-gradient(180deg, #1e1218 0%, #2a1a20 30%, #1a1015 100%),
    radial-gradient(ellipse at 50% 60%, #2a1a20 0%, transparent 70%);
}
.scn-brahmin-memory-exhibition .wall {
  position: absolute;
  inset: 0 0 35% 0;
  background: linear-gradient(180deg, #2a1a20 0%, #1a1015 100%);
  animation: bme-wall 12s ease-in-out infinite alternate;
}
.scn-brahmin-memory-exhibition .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background: linear-gradient(180deg, #3a2518 0%, #1e140e 100%);
  border-radius: 30% 30% 0 0 / 20% 20% 0 0;
  box-shadow: inset 0 8px 16px rgba(0,0,0,0.6);
}
.scn-brahmin-memory-exhibition .lamp {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 20px;
  height: 30px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 100%, #d48a3a 0%, #7a4a1a 60%, transparent 80%);
  border-radius: 50% 50% 10% 10%;
  box-shadow: 0 0 40px 15px rgba(180, 100, 30, 0.6), 0 0 80px 30px rgba(180, 100, 30, 0.2);
  animation: bme-lamp 2s ease-in-out infinite alternate;
}
.scn-brahmin-memory-exhibition .brahmin {
  position: absolute;
  bottom: 18%;
  left: 20%;
  width: 32px;
  height: 44px;
  background: radial-gradient(ellipse at 50% 60%, #2a1a18 0%, #0e0808 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform-origin: bottom center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  animation: bme-brahmin 4s ease-in-out infinite;
}
.scn-brahmin-memory-exhibition .audience {
  position: absolute;
  bottom: 20%;
  width: 24px;
  height: 48px;
  background: radial-gradient(ellipse at 50% 60%, #1a1215 0%, #0a0808 100%);
  border-radius: 50% 50% 30% 30% / 60% 60% 30% 30%;
  transform-origin: bottom center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.scn-brahmin-memory-exhibition .audience-1 {
  left: 45%;
  animation: bme-audience 5s ease-in-out infinite;
}
.scn-brahmin-memory-exhibition .audience-2 {
  left: 58%;
  animation: bme-audience 5.5s ease-in-out infinite 0.5s;
}
.scn-brahmin-memory-exhibition .audience-3 {
  left: 71%;
  animation: bme-audience 6s ease-in-out infinite 1s;
}
.scn-brahmin-memory-exhibition .shadow-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, transparent 0%, rgba(8,4,4,0.6) 100%);
  pointer-events: none;
  animation: bme-shadow 8s ease-in-out infinite;
}
@keyframes bme-wall {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes bme-lamp {
  0% { box-shadow: 0 0 30px 10px rgba(180,100,30,0.5), 0 0 70px 25px rgba(180,100,30,0.15); opacity: 0.9; }
  50% { box-shadow: 0 0 50px 20px rgba(200,120,40,0.8), 0 0 100px 40px rgba(200,120,40,0.3); opacity: 1; }
  100% { box-shadow: 0 0 35px 12px rgba(180,100,30,0.55), 0 0 80px 28px rgba(180,100,30,0.18); opacity: 0.92; }
}
@keyframes bme-brahmin {
  0% { transform: translateX(0) translateY(0) rotate(-1deg); }
  50% { transform: translateX(1px) translateY(-1px) rotate(1deg); }
  100% { transform: translateX(0) translateY(0) rotate(-1deg); }
}
@keyframes bme-audience {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
@keyframes bme-shadow {
  0% { opacity: 0.6; }
  50% { opacity: 0.8; }
  100% { opacity: 0.5; }
}

.scn-bbp {
  background: linear-gradient(180deg, #8bb8e0 0%, #f5d68a 60%, #e8b060 100%),
              radial-gradient(ellipse at 30% 15%, #fff8e0 0%, transparent 50%);
}
.scn-bbp .sky {
  position: absolute; inset: 0 0 50% 0;
  background: linear-gradient(180deg, #aac4e8 0%, #f0d69a 100%);
  animation: bbp-sky 14s ease-in-out infinite alternate;
}
.scn-bbp .sun-glow {
  position: absolute; top: 10%; left: 25%; width: 120px; height: 120px;
  background: radial-gradient(circle, #fff0b0 0%, #f5d68a 40%, transparent 70%);
  border-radius: 50%; filter: blur(8px);
  animation: bbp-glow 6s ease-in-out infinite alternate;
}
.scn-bbp .hills.far {
  position: absolute; bottom: 35%; left: 0; right: 0; height: 28%;
  background: linear-gradient(180deg, #c89a60 0%, #a07040 100%);
  border-radius: 0 0 60% 40% / 0 0 80% 60%;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
  animation: bbp-hill-far 20s ease-in-out infinite alternate;
}
.scn-bbp .hills.near {
  position: absolute; bottom: 20%; left: 0; right: 0; height: 22%;
  background: linear-gradient(180deg, #b08050 0%, #7a5330 100%);
  border-radius: 0 0 40% 60% / 0 0 70% 80%;
  box-shadow: inset 0 6px 14px rgba(0,0,0,0.2);
  animation: bbp-hill-near 16s ease-in-out infinite alternate;
}
.scn-bbp .road {
  position: absolute; bottom: 0; left: 30%; right: 30%; height: 35%;
  background: linear-gradient(135deg, #d4a060 0%, #b88340 40%, #7a5a30 100%);
  clip-path: polygon(10% 0%, 90% 0%, 70% 100%, 30% 100%);
  animation: bbp-road 12s ease-in-out infinite alternate;
}
.scn-bbp .priest {
  position: absolute; bottom: 18%; left: 38%; width: 24px; height: 52px;
  background: linear-gradient(180deg, #2a2a3a 0%, #1a1a2a 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transform-origin: bottom center;
  animation: bbp-walk 5s ease-in-out infinite;
}
.scn-bbp .priest::after {
  content: ''; position: absolute; top: -8px; left: 50%; width: 16px; height: 16px;
  background: #1a1a2a; border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 -2px 4px rgba(0,0,0,0.4);
}
.scn-bbp .cross {
  position: absolute; bottom: 30%; right: 22%; width: 20px; height: 40px;
  background: #a07030;
  border-radius: 2px;
  box-shadow: 0 0 12px 2px #c8a060, 0 0 24px 6px rgba(200,160,96,0.3);
  animation: bbp-cross 8s ease-in-out infinite alternate;
}
.scn-bbp .cross::before {
  content: ''; position: absolute; top: 10px; left: -6px; width: 32px; height: 6px;
  background: #a07030; border-radius: 2px;
}
.scn-bbp .cloud-a {
  position: absolute; top: 12%; left: 10%; width: 70px; height: 16px;
  background: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
  border-radius: 50%; filter: blur(5px);
  animation: bbp-drift-a 40s linear infinite;
}
.scn-bbp .cloud-b {
  position: absolute; top: 20%; right: 5%; width: 50px; height: 12px;
  background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.05) 100%);
  border-radius: 50%; filter: blur(4px);
  animation: bbp-drift-b 55s linear infinite reverse;
}
@keyframes bbp-sky { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.75; } }
@keyframes bbp-glow { 0% { transform: scale(1); opacity: 0.7; box-shadow: 0 0 20px 10px #f5d68a; } 50% { transform: scale(1.1); opacity: 0.9; box-shadow: 0 0 40px 20px #ffe8b0; } 100% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 25px 12px #f5d68a; } }
@keyframes bbp-hill-far { 0% { transform: translateX(0) scaleY(1); } 50% { transform: translateX(3px) scaleY(1.01); } 100% { transform: translateX(-2px) scaleY(0.98); } }
@keyframes bbp-hill-near { 0% { transform: translateX(0) scaleY(1); } 33% { transform: translateX(-2px) scaleY(1.02); } 67% { transform: translateX(2px) scaleY(0.98); } 100% { transform: translateX(0) scaleY(1); } }
@keyframes bbp-road { 0% { transform: scaleX(1); } 50% { transform: scaleX(1.02); } 100% { transform: scaleX(0.98); } }
@keyframes bbp-walk { 0% { transform: translateX(0) rotate(0deg); } 25% { transform: translateX(4px) rotate(1deg); } 50% { transform: translateX(8px) rotate(-1deg); } 75% { transform: translateX(12px) rotate(0.5deg); } 100% { transform: translateX(16px) rotate(0deg); } }
@keyframes bbp-cross { 0% { opacity: 0.7; box-shadow: 0 0 8px 2px #c8a060; } 50% { opacity: 1; box-shadow: 0 0 18px 6px #e0c080; } 100% { opacity: 0.8; box-shadow: 0 0 10px 3px #c8a060; } }
@keyframes bbp-drift-a { 0% { transform: translateX(-30px); } 100% { transform: translateX(120vw); } }
@keyframes bbp-drift-b { 0% { transform: translateX(0); } 100% { transform: translateX(-100vw); } }

.scn-horsham-stawell-gold {
  background: linear-gradient(180deg, #a8d8ea 0%, #f5e6b8 60%, #d4a373 100%), radial-gradient(ellipse at 50% 100%, #f5e6b8 0%, transparent 70%);
}
.scn-horsham-stawell-gold .sky {
  position: absolute;
  inset: 0 0 40% 0;
  background: linear-gradient(180deg, #9cc9e0 0%, #e8d5a0 100%);
  animation: hsg-sky 20s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .sun {
  position: absolute;
  top: 8%;
  left: 25%;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle at 30% 30%, #fff8d6 0%, #f0ca4c 50%, #d4a373 100%);
  border-radius: 50%;
  box-shadow: 0 0 40px 20px rgba(240,202,76,0.5), 0 0 80px 40px rgba(240,202,76,0.2);
  animation: hsg-sun 6s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .hills-back {
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  height: 20%;
  background: linear-gradient(180deg, #7a9e8c 0%, #5c7a6a 100%);
  border-radius: 40% 60% 0 0 / 60% 70% 0 0;
  box-shadow: inset 0 6px 12px rgba(0,0,0,0.1);
  animation: hsg-hills-b 15s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .hills-fore {
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  height: 25%;
  background: linear-gradient(180deg, #6b8e5a 0%, #4a6e3a 100%);
  border-radius: 30% 70% 0 0 / 80% 60% 0 0;
  box-shadow: inset 0 8px 20px rgba(0,0,0,0.15);
  animation: hsg-hills-f 18s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .tree-trunk {
  position: absolute;
  bottom: 18%;
  left: 48%;
  width: 12px;
  height: 50px;
  background: linear-gradient(180deg, #8b6b4a 0%, #5a3e28 100%);
  border-radius: 20% 20% 10% 10% / 10% 10% 20% 20%;
  transform: translateX(-50%);
  animation: hsg-trunk 4s ease-in-out infinite;
}
.scn-horsham-stawell-gold .tree-canopy {
  position: absolute;
  bottom: 38%;
  left: 48%;
  width: 80px;
  height: 60px;
  background: radial-gradient(ellipse at 40% 40%, #7aa860 0%, #4e7532 70%, #2d5520 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  transform: translateX(-50%);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  animation: hsg-canopy 5s ease-in-out infinite alternate;
}
.scn-horsham-stawell-gold .sheep {
  position: absolute;
  bottom: 12%;
  left: 30%;
  width: 30px;
  height: 18px;
  background: radial-gradient(ellipse at 40% 30%, #f0ece4 0%, #d9d3c8 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  animation: hsg-sheep 8s ease-in-out infinite;
}
.scn-horsham-stawell-gold .bird {
  position: absolute;
  bottom: 65%;
  left: 60%;
  width: 16px;
  height: 12px;
  background: radial-gradient(ellipse at 60% 40%, #3a4a3a 0%, #1a2a1a 100%);
  border-radius: 50% 50% 0 0 / 80% 80% 0 0;
  transform: rotate(-10deg);
  animation: hsg-bird 14s linear infinite;
}

@keyframes hsg-sky {
  0% { opacity: 0.9; }
  50% { opacity: 1; }
  100% { opacity: 0.85; }
}
@keyframes hsg-sun {
  0% { transform: scale(1); box-shadow: 0 0 40px 20px rgba(240,202,76,0.5), 0 0 80px 40px rgba(240,202,76,0.2); }
  50% { transform: scale(1.05); box-shadow: 0 0 50px 25px rgba(240,202,76,0.6), 0 0 100px 50px rgba(240,202,76,0.3); }
  100% { transform: scale(1); box-shadow: 0 0 40px 20px rgba(240,202,76,0.5), 0 0 80px 40px rgba(240,202,76,0.2); }
}
@keyframes hsg-hills-b {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}
@keyframes hsg-hills-f {
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(1px); }
}
@keyframes hsg-trunk {
  0% { transform: translateX(-50%) rotate(0deg); }
  50% { transform: translateX(-50%) rotate(-0.5deg); }
  100% { transform: translateX(-50%) rotate(0.5deg); }
}
@keyframes hsg-canopy {
  0% { transform: translateX(-50%) rotate(-2deg); }
  50% { transform: translateX(-50%) rotate(0deg); }
  100% { transform: translateX(-50%) rotate(2deg); }
}
@keyframes hsg-sheep {
  0% { transform: translateX(0) translateY(0); }
  30% { transform: translateX(10px) translateY(-2px); }
  60% { transform: translateX(20px) translateY(0); }
  100% { transform: translateX(0) translateY(0); }
}
@keyframes hsg-bird {
  0% { transform: translateX(-30px) rotate(-10deg); }
  25% { transform: translateX(20px) rotate(-5deg) translateY(-8px); }
  50% { transform: translateX(70px) rotate(0deg) translateY(0); }
  75% { transform: translateX(120px) rotate(5deg) translateY(-5px); }
  100% { transform: translateX(170px) rotate(-10deg); }
}
/* end per-scene blocks */