.design-preview-bar button{background:#ffffff12;color:#fff5db;border:1px solid #ffffff50;border-radius:4px;padding:4px 8px;min-height:26px;font-size:11px}.design-preview-bar{gap:12px}
#journeyNode{padding:0;width:min(1000px,94vw);max-height:94dvh;border:1px solid #b5a98e;border-radius:8px 20px 8px 8px;background:#fbf6e9;color:#444535;box-shadow:0 35px 120px #171d1999;overflow-y:auto}#journeyNode::backdrop{background:#222a24bd;backdrop-filter:blur(7px)}.node-topline{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;font-size:11px;letter-spacing:1px;background:#f5efdf;color:#8a7f66}.node-topline button{border:0;background:none;color:#6c6e5e;font-size:12px;min-height:32px;padding:4px 10px}
.node-scene{height:350px;position:relative;isolation:isolate;overflow:hidden;background:#b9afa0}.node-landscape{position:absolute;inset:0;background:url(../journey-panorama.png) 0% 48%/150% auto no-repeat;animation:node-pan 5s ease-out both}.node-scene[data-stop="12"] .node-landscape{background-position:35% 48%}.node-scene[data-stop="20"] .node-landscape{background-position:70% 48%}.node-scene[data-stop="28"] .node-landscape{background-position:100% 45%;animation-name:node-pan-night}.node-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,#28282445,transparent 52%),linear-gradient(180deg,#28282412,transparent 52%,#28282424);pointer-events:none}.node-scene[data-stop="28"] .node-shimmer{background:linear-gradient(90deg,#28282445,transparent 52%),linear-gradient(180deg,#28282412,transparent 55%,#28282424)}
.node-location{position:absolute;top:30px;left:36px;color:#fff9eb;text-shadow:0 2px 10px #493723a0}.node-location small{font-size:10px;letter-spacing:2px}.node-location h2{font:34px/1.5 "SimSun",serif;letter-spacing:5px;margin:8px 0}.node-location>span{font-size:12px;letter-spacing:2px}.node-stamp{position:absolute;right:30px;top:30px;border:1px solid #f6e1b6a0;border-radius:50%;outline:1px solid #f6e1b650;outline-offset:4px;width:62px;height:62px;display:grid;place-content:center;text-align:center;color:#fff0cc;font-size:11px;transform:rotate(10deg)}.node-stamp b{font:22px Georgia}
.node-mouse-path{position:absolute;left:10%;bottom:5%;width:185px;height:185px;animation:mouse-arrive 3s cubic-bezier(.2,.65,.3,1) both;filter:drop-shadow(0 12px 9px #463b2e40)}.node-mouse{width:100%;height:100%;background:url(../mouse-celebrate-sheet.png) 100% 100%/300% 200% no-repeat;transform-origin:50% 90%;animation:mouse-steps 2.7s steps(1,end) both,mouse-hop .55s ease-in-out 5}.node-scene[data-stop="28"] .node-mouse-path{left:58%;animation-name:mouse-arrive-camp}.node-scene[data-stop="28"] .node-mouse{animation:mouse-steps 2.7s steps(1,end) both,mouse-hop .65s ease-in-out 4}
.node-pawtrail{position:absolute;bottom:11%;left:4%;width:38%;height:30px;display:flex;justify-content:space-around;transform:rotate(-5deg)}.node-pawtrail i{height:8px;width:5px;border-radius:50%;background:#5c46343d;box-shadow:9px -10px #5c463437;animation:paw-appear .8s both}.node-pawtrail i:nth-child(2){animation-delay:.4s}.node-pawtrail i:nth-child(3){animation-delay:.8s}.node-pawtrail i:nth-child(4){animation-delay:1.2s}.node-pawtrail i:nth-child(5){animation-delay:1.6s}
.node-paper{padding:22px 34px 22px;background:linear-gradient(#fbf8ee,#f4eedf)}#nodeStory{font:17px/1.8 "SimSun",serif;letter-spacing:1px;margin:0 0 18px;color:#6a6856}.node-progress{display:flex;gap:22px;align-items:center}.node-progress>div:first-child{white-space:nowrap}#nodeCount{font:32px Georgia;color:#4d6959}#nodeCountLabel{font-size:12px;color:#8c8a76;margin-left:8px}.node-track{height:5px;flex:1;background:#dcdccc;border-radius:4px;overflow:hidden}.node-track>span{display:block;height:100%;background:#748971;width:0;transition:width .8s ease}#nodeResults{font-size:12px;line-height:1.9;color:#80836d;margin:12px 0 18px}.node-actions{display:flex;align-items:center;gap:22px}.node-actions .check{max-width:300px;justify-content:center}.node-actions .text-button{min-height:44px}#nodeFootnote{font-size:10px;color:#99927d;line-height:1.7;margin:15px 0 0}
@keyframes node-pan{from{background-position:8% 48%;transform:scale(1.045)}to{background-position:0% 48%;transform:scale(1)}}@keyframes node-pan-night{from{background-position:88% 45%;transform:scale(1.045)}to{background-position:100% 45%;transform:scale(1)}}@keyframes mouse-arrive{from{transform:translateX(-210px) scale(.65);opacity:0}15%{opacity:1}to{transform:translateX(50px) scale(1);opacity:1}}@keyframes mouse-arrive-camp{from{transform:translateX(-300px) scale(.75);opacity:0}15%{opacity:1}to{transform:translateX(0) scale(1);opacity:1}}@keyframes mouse-steps{0%{background-position:0 0}15%{background-position:50% 0}30%{background-position:100% 0}45%{background-position:0 100%}60%{background-position:50% 100%}75%,100%{background-position:100% 100%}}@keyframes mouse-hop{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(3deg)}}@keyframes paw-appear{from{opacity:0}to{opacity:1}}
@media(max-width:680px){.design-preview-bar{gap:7px;font-size:9px}.design-preview-bar button{font-size:10px;padding:3px 5px}#journeyNode{width:94vw;max-height:94dvh}.node-topline{padding:6px 12px;font-size:9px}.node-scene{height:280px}.node-landscape{background-size:auto 120%;background-position:16% 48%}.node-scene[data-stop="28"] .node-landscape{background-position:88% 48%}.node-location{left:20px;top:24px}.node-location h2{font-size:27px;letter-spacing:3px}.node-location small,.node-location>span{font-size:9px}.node-stamp{width:44px;height:44px;right:17px;top:20px;font-size:8px}.node-stamp b{font-size:16px}.node-mouse-path{width:150px;height:150px;left:4%;bottom:1%}.node-scene[data-stop="28"] .node-mouse-path{left:49%}.node-paper{padding:20px}#nodeStory{font-size:15px}#nodeCount{font-size:28px}#nodeCountLabel{font-size:10px}.node-progress{gap:12px}.node-actions{gap:12px}.node-actions .check{max-width:none;flex:1;padding:13px 10px;font-size:12px}.node-actions .text-button{font-size:11px;white-space:nowrap}}

/* v034: same-desert palette and per-stop framing; no image color filters. */
.node-landscape{--pan-from:8%;--pan-to:0%;background-position:var(--pan-to) 48%;animation-name:node-pan-stop}
.node-scene[data-stop="12"] .node-landscape{--pan-from:12%;--pan-to:20%;background-position:var(--pan-to) 48%}
.node-scene[data-stop="20"] .node-landscape{--pan-from:87%;--pan-to:95%;background-position:var(--pan-to) 48%}
.node-scene[data-stop="28"] .node-landscape{--pan-from:88%;--pan-to:100%;background-position:var(--pan-to) 48%;animation-name:node-pan-stop}
@keyframes node-pan-stop{from{background-position:var(--pan-from) 48%;transform:scale(1.045)}to{background-position:var(--pan-to) 48%;transform:scale(1)}}
@media(max-width:680px){.node-landscape{--pan-to:16%}.node-scene[data-stop="12"] .node-landscape{--pan-from:5%;--pan-to:12%}.node-scene[data-stop="20"] .node-landscape{--pan-from:92%;--pan-to:100%}.node-scene[data-stop="28"] .node-landscape{--pan-from:92%;--pan-to:100%}}