/* Scenery and copy use the existing game keys, rules and saved progress. */
.mission-card .art[data-scene=bridge]{background:#8cd0dd url('assets/web-v048/river-crossing-0b87bc586bbd.webp') center 30%/cover no-repeat}
.mission-card .art[data-scene=bridge]>svg{position:absolute;left:-2%;bottom:0;width:62%;height:94%;padding:6px;transform:none}
.mission-card .art[data-scene=water]{background:#b6cc88 url('assets/web-v048/forest-rescue-c72f7fb7903e.webp') center 42%/cover no-repeat}
.mission-card.number-card .art[data-scene=number]{background:#dfebc8 url('assets/web-v048/number-trail-9d3f1572b95d.webp') center/cover}
.mission-fire-points{position:absolute;inset:0;z-index:0;pointer-events:none}
.mission-fire-points span{position:absolute;top:20%;left:10%;font-size:40px;line-height:1;filter:drop-shadow(0 0 8px #ffb034)}
.mission-fire-points span:nth-child(2){left:46%;top:45%;font-size:34px}
.mission-fire-points span:nth-child(3){left:78%;top:24%}
.mission-card .art[data-scene=water]>svg{position:relative;z-index:1}
.bridge-river-world{padding-top:30px;background:#8cd0dd url('assets/web-v048/river-crossing-0b87bc586bbd.webp') center/cover}
.bridge-map-grid{background:linear-gradient(135deg,#77d1e478,#36a9c363);box-shadow:inset 0 0 20px #2589b633}
.bridge-bank{background:linear-gradient(90deg,#b1d185db,#dbeab5a8)}
.bridge-right-bank{background:linear-gradient(90deg,#dbeab5a8,#b1d185db)}
.question-rescue .spray-area.forest-rescue-scene{background:#b6cc88 url('assets/web-v048/forest-rescue-c72f7fb7903e.webp') center/100% 100% no-repeat}
.forest-rescue-scene .rescue-ground{display:none}
.forest-rescue-scene .water-target .answer-label{box-shadow:0 2px 7px #47331940;background:#fffdf2}
.forest-rescue-scene.rescue-complete .hot-creature{opacity:0!important}
.forest-rescue-scene.rescue-complete .cool-creature{opacity:1!important}
.number-field{background:#edf1d2 url('assets/web-v048/number-trail-9d3f1572b95d.webp') center/cover no-repeat;border-color:#91b27d;box-shadow:inset 0 0 25px #e1eccc44}
.number-target>span{text-shadow:0 0 3px #fff,0 1px 1px #fff,1px 0 2px #fff,-1px 0 2px #fff;background:#fffff4c9;border-radius:9px;padding:2px}
.number-target:hover:not(:disabled){background:#ffffeab8}
.number-target.found{opacity:.4;background:#e2eddaab}
.number-brief{background:linear-gradient(90deg,#f5f8e5e8,#f5f8e558),url('assets/web-v048/number-trail-9d3f1572b95d.webp') center/cover;border-radius:18px;padding:10px 16px;margin-top:12px}
@media(max-width:600px){.mission-fire-points span{font-size:35px}.number-brief{padding:9px 10px}.number-target>span{padding:1px}}

/* v0.34: unobstructed rescue cues, transparent numbers and exact board density. */
.forest-rescue-scene .question-target .answer-label{top:8%;left:0;right:0;width:100%;height:auto;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:0;pointer-events:none}
.forest-rescue-scene .question-target .answer-label .rescue-symbol{width:38px;height:38px;filter:none}
.forest-rescue-scene .question-target .answer-label small{display:none}
.number-target>span{background:transparent;border-radius:0;padding:0;text-shadow:none}
.number-target,.number-target.found{background:transparent;box-shadow:none}
.number-target.found i{background:transparent;border:0}
.number-target:hover:not(:disabled){background:#bdd7c038}
.number-field{background-image:linear-gradient(#fffdf1eb,#fffdf1eb),url('assets/web-v048/number-trail-9d3f1572b95d.webp')}
.number-target{z-index:1}
.number-target.found{opacity:1;color:#63725d}
.number-board:before{content:'';position:absolute;inset:8px;pointer-events:none;border-right:1px solid #416b5135;border-bottom:1px solid #416b5135;background-image:linear-gradient(to right,#416b5135 1px,transparent 1px),linear-gradient(to bottom,#416b5135 1px,transparent 1px);background-size:calc(100% / var(--number-columns,5)) calc(100% / var(--number-rows,6));z-index:0}
.bridge-finish-flag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:62px;min-height:62px;padding:5px 2px;border:3px solid #bd7a17;border-radius:15px;background:#fff0a5;color:#50320d;font-size:30px;text-shadow:none;transform:translate(-50%,-50%);box-shadow:0 2px 7px #364e3544;box-sizing:border-box}
.bridge-finish-flag strong{font-size:17px;line-height:1.1;font-weight:900}
.bridge-cell.bridge-destination{border:3px solid #d49a26;box-shadow:inset 0 0 0 2px #fff2a8}
@media(max-width:600px){.forest-rescue-scene .question-target .answer-label .rescue-symbol{width:33px;height:33px}.bridge-finish-flag{width:52px;min-height:56px;font-size:25px}.bridge-finish-flag strong{font-size:15px}}