/* One complete preview journey; quiet/reduced modes carry the same earned facts. */
.stage-screen{padding:22px 20px;border:1px solid #627aa2;background:linear-gradient(135deg,#24356b,#113f51);border-radius:26px;margin-block:12px 18px;box-shadow:0 14px 30px #06153044}.stage-screen h2{margin:.5rem 0;color:#fff0bb;font-size:1.6rem;line-height:1.35}.stage-screen p{color:#e8f2ff;line-height:1.65}.stage-screen>button,.harbour-actions button{min-height:52px;width:100%;margin-top:8px;background:#0b6d64;border-color:#96e8d5}.harbour-actions{display:grid;gap:8px}.harbour-actions button:nth-child(2){background:#2a4069}.harbour-actions button:last-child{background:transparent}body[data-stage=harbour] .harbour{min-height:290px;border-color:#badce6;box-shadow:0 0 35px #55dab32b;background-size:auto 100%}body[data-stage=harbour] .hero{width:165px;bottom:8px}body[data-stage=harbour] .light-gauge{inset-inline-start:24px;bottom:23px}body[data-stage=harbour] .light-gauge i{width:20px;height:28px}body[data-stage=harbour] .harbour .scene-copy{padding:20px;max-width:68%}body[data-stage=harbour] #harbour-complete{animation:harbour-arrive 350ms ease-out}@keyframes harbour-arrive{from{transform:translateY(8px);opacity:.7}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){#harbour-complete{animation:none!important}}@media(max-width:359px){.stage-screen{padding:18px 14px}.stage-screen h2{font-size:1.35rem}body[data-stage=harbour] .hero{width:135px}}