/* A different illustrated chapter for each mission. */
.mission-dialog{width:min(calc(100% - 2rem),35rem);max-height:min(88dvh,43rem);padding:0;border:1px solid #9acbbc;border-radius:24px;background:#fffdf7;color:#173e4c;box-shadow:0 28px 80px #102f3c66;overflow:auto;overscroll-behavior:contain}
.mission-dialog__media{position:relative;overflow:hidden;background:#dff1e9;border-bottom:1px solid #c7e3d4;line-height:0}
.mission-dialog__media img{display:block;width:100%;height:clamp(112px,22vh,176px);object-fit:cover;object-position:center}
.mission-dialog[data-scene=beach] .mission-dialog__media{background:#eacb90 url('/assets/lighthouse/beach-scene-v2.jpg') left bottom/max(150%,clamp(450px,81vh,675px)) auto no-repeat;border-color:#d9ba80}
.mission-dialog[data-scene=beach] .mission-dialog__media img{object-fit:contain;height:clamp(150px,27vh,225px);padding:10px 0;filter:drop-shadow(0 4px 3px #98713a28)}
.mission-dialog__body{padding:clamp(1.15rem,3.5vw,1.8rem)}
.mission-dialog__eyebrow{display:flex;align-items:center;gap:.5rem;margin:0 0 .55rem;color:#8e6422;font-size:.72rem;font-weight:850;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.mission-dialog__eyebrow::before{content:'✦';font-size:1rem;color:#cc9635}
.mission-dialog h2{margin:0;color:#163e4b;font-family:Georgia,serif;font-size:clamp(1.65rem,4vw,2.1rem);letter-spacing:-.035em;line-height:1.12}
.mission-dialog__text{margin:.8rem 0 1.25rem;color:#36535a;font-size:1rem;line-height:1.55}.mission-dialog__text p{margin:.65rem 0}.mission-dialog__text p:first-child{margin-top:0}.mission-dialog__text p:last-child{margin-bottom:0}
.mission-dialog__text p+p{padding-top:.65rem;border-top:1px solid #dcebe2}
.mission-dialog__actions{display:flex;justify-content:flex-end}.mission-dialog__actions button{min-height:50px;padding:.75rem 1.5rem;border-radius:12px}
.mission-dialog[data-scene=light] .mission-dialog__media,.mission-dialog[data-scene=finish] .mission-dialog__media{background:#173b50;border-color:#447476}
@media(max-width:480px){.mission-dialog{width:calc(100% - 1.25rem);max-height:calc(100dvh - 1.25rem);border-radius:20px}.mission-dialog__media img{height:clamp(92px,20vh,132px)}.mission-dialog__body{padding:1.1rem 1.2rem 1.2rem}.mission-dialog__text{font-size:1rem;line-height:1.5;margin:.7rem 0 1rem}.mission-dialog__actions button{width:100%}}
@media(max-height:560px){.mission-dialog__media img{height:74px}.mission-dialog__body{padding:.9rem 1.1rem}.mission-dialog__text{margin:.55rem 0 .8rem;line-height:1.4}.mission-dialog__eyebrow{margin-bottom:.25rem}}