.prevention-scene { position: relative; height: 300px; overflow: hidden; background: #d4e8b5; border: 3px solid white; border-radius: 22px; }
.prevention-river { position: absolute; top: 0; right: 0; bottom: 0; width: 35%; background: repeating-linear-gradient(170deg,#60c2c9 0 30px,#8bdbd4 31px 34px,#60c2c9 35px 75px); border-left: 12px solid #f4db9d; padding: 12px 3px; text-align: center; }
.prevention-river > span { font-size: .73rem; font-weight: 900; }
.prevention-resident { width: 80%; margin: 22px auto; animation: refuge-swim 3s ease-in-out infinite; }
.prevention-resident svg { width: 100%; }
.prevention-path { position: absolute; left: 0; top: 92px; width: 68%; height: 60px; background: #f3ddaa; }
.prevention-visitors { position: absolute; left: 3%; top: 40px; width: 35%; display: flex; transition: transform 1s; }
.prevention-visitors svg { width: 50%; }
.is-open .prevention-visitors { transform: translateX(135%); }
.prevention-gate { position: absolute; top: 122px; left: 27%; padding: 6px 8px; border: 2px solid #9e6d35; border-radius: 8px; background: #fff7d8; font-size: .7rem; font-weight: 900; }
.prevention-stations { position: absolute; bottom: 10px; left: 3%; width: 58%; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.prevention-stations button { background: #fff9e8; border: 2px dashed #789b6c; border-radius: 14px; padding: 7px 3px; font: inherit; font-size: .67rem; color: var(--ink); cursor: pointer; }
.prevention-stations button[aria-pressed="true"] { border: 2px solid #267266; background: #d8f5dc; }
.prevention-stations svg { width: 54px; display: block; margin: auto; }
.prevention-toolbar .secondary { width: 100%; }
.prevention-equipment { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.prevention-equipment article { background: white; border: 2px solid #bedbd2; border-radius: 16px; padding: 10px; text-align: center; min-width: 0; }
.prevention-equipment svg { width: 65px; }
.prevention-equipment h2 { font-size: 1rem; margin: 0; }
.prevention-equipment p { font-size: .76rem; min-height: 30px; }
.prevention-equipment button { width: 100%; font-size: .75rem; min-height: 52px; padding: 7px; }
.prevention-missing, .prevention-clock { background: #fff3c6; padding: 12px; border-radius: 14px; margin: 14px 0; font-size: .85rem; }
.prevention-time { font-size: .8rem; text-align: center; }
.phone[data-screen="case"] button:disabled { opacity: .5; cursor: default; box-shadow: none; }
.phone[data-screen="case"] button:focus-visible { outline: 3px solid #a85815; outline-offset: 3px; }
@media(prefers-reduced-motion: reduce) { .prevention-scene * { animation: none !important; transition: none !important; } }

.expedition-water { position: relative; height: 265px; overflow: hidden; border: 3px solid white; border-radius: 24px; background: repeating-linear-gradient(170deg,#41adb6 0 40px,#70cec9 42px 46px,#41adb6 48px 100px); }
.expedition-shore { position: absolute; top: -40px; left: -10%; width: 120%; height: 90px; border-radius: 50%; background: #afd286; border-bottom: 12px solid #f3d699; }
.expedition-tag { position: absolute; top: 12px; left: 12px; background: #fff7d6; padding: 6px 10px; border-radius: 20px; font-size: .75rem; }
.expedition-fish { position: absolute; width: 55%; left: 22%; top: 30%; animation: expedition-catch .8s ease-out; }
.expedition-fish svg { width: 100%; }
.expedition-ring { position: absolute; width: 55%; height: 45%; left: 22%; top: 28%; border: 3px solid #fff3ae; border-radius: 50%; animation: expedition-ring .8s ease-out; }
.expedition-counter { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); border-radius: 25px; background: #114f59; color: white; padding: 8px 24px; font-size: 1.7rem; font-weight: 900; }
.expedition-progress { width: 100%; height: 15px; margin-top: 15px; accent-color: #247e65; }
.expedition-caption { text-align: center; font-weight: 900; }
.expedition-latest { display: grid; gap: 6px; border-radius: 14px; background: #fff2ba; padding: 12px; text-align: center; }
.expedition-latest span { font-size: .85rem; }
.expedition-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.expedition-grid article { display: grid; gap: 5px; background: #fffdf4; border: 2px solid #b9dcd0; border-radius: 15px; padding: 9px; text-align: center; }
.expedition-grid svg { width: 100%; height: 60px; }
.expedition-grid strong { font-size: .82rem; }
.expedition-grid span,.expedition-grid small { font-size: .72rem; }
.expedition-complete { border-color: #edd26b; }
.expedition-complete .expedition-ring { display: none; }
@keyframes expedition-catch { from { opacity: .2; transform: translateX(65px); } to { opacity: 1; transform: translateX(0); } }
@keyframes expedition-ring { from { opacity: 0; transform: scale(1.35); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .expedition-water * { animation: none !important; transition: none !important; } }
.assignment-choice { display: grid; gap: 6px; border: 2px solid #b9dcd0; border-radius: 15px; background: #fffdf4; padding: 10px; color: var(--ink); font: inherit; cursor: pointer; }
.assignment-choice[aria-pressed="true"] { background: #d7f3d8; border-color: #267865; box-shadow: inset 0 0 0 2px #267865; }
.assignment-choice[aria-pressed="true"]::after { content: 'Seleccionado ✓'; font-size: .75rem; font-weight: 900; }