.moon-walk{--moon-ink:#213b42;--moon-night:#19252d;max-width:1240px;margin:auto;color:var(--moon-ink)}
.moon-walk button,.moon-walk select{min-height:44px;min-width:44px;font:inherit;border:1px solid #648186;border-radius:12px;padding:.6rem .9rem;background:#fffdf5;color:#18383c;cursor:pointer;touch-action:manipulation}
.moon-walk button:hover{background:#eef2da}.moon-walk button:focus-visible,.moon-viewport:focus-visible,.moon-walk select:focus-visible{outline:3px solid #d97d25;outline-offset:3px}.moon-walk button:disabled{opacity:.55;cursor:default}.moon-walk [hidden]{display:none!important}
.moon-toolbar,.moon-view-tools,.moon-navigation,.moon-frame-controls{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:.8rem 0}.moon-toolbar select{max-width:100%;flex:1 1 180px}.moon-toolbar #moonStop{flex:2 1 250px}
.moon-scene-heading{padding:.8rem 0}.moon-scene-heading h2{margin:.2rem 0;font-size:clamp(1.5rem,3vw,2.2rem)}.moon-eyebrow{font-size:.74rem;letter-spacing:.12em;font-weight:700;margin:0;color:#58654b}.moon-capture{margin:.3rem 0;color:#486369}
.moon-stage{position:relative;border:2px solid #3b565e;border-radius:22px;overflow:hidden;background:var(--moon-night);box-shadow:0 8px 24px #123a3b20}.moon-viewport{position:relative;height:clamp(320px,57vh,650px);overflow:hidden;touch-action:none;background:var(--moon-night);cursor:grab}.moon-viewport:active{cursor:grabbing}.moon-viewport .pnlm-container{height:100%}.moon-viewport .pnlm-about-msg{display:none}.moon-viewport .pnlm-hotspot-base{cursor:help}
.moon-original,.moon-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}.moon-original{transform-origin:center;will-change:transform}.moon-heading{position:absolute;bottom:.7rem;left:.7rem;background:#14292ae8;color:#fff8df;border:1px solid #829598;border-radius:9px;padding:.4rem .65rem;font-size:.85rem;pointer-events:none;z-index:3}.moon-status{min-height:1.4rem;color:#284e4d;margin:.5rem 0}.moon-small,.moon-credit{font-size:.83rem;line-height:1.5;color:#435d60}.moon-credit a,.moon-small a,.moon-about a{color:#1b605e;text-decoration:underline}.moon-limits{padding:.65rem 1rem;background:#f1eddc;border-radius:12px;color:#4e503d;font-size:.87rem}.moon-step-count{margin-left:auto;color:#486369}.moon-navigation button{background:#dcebc9;border-color:#5f7955;font-weight:700;flex:1 1 180px}.moon-description{line-height:1.65}
.moon-map-panel,.moon-about,.moon-offline{border:1px solid #aab6a3;border-radius:18px;padding:1rem;margin:1rem 0;background:#fbfaf0}.moon-world-map{position:relative;max-width:720px;margin:0 auto 1rem;overflow:hidden;border-radius:12px;background:#19252d}.moon-world-map>img{width:100%;display:block}.moon-walk .moon-site-dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;padding:.2rem;background:#f6d187;color:#19383c;font-weight:700;min-width:44px;min-height:44px;box-shadow:0 0 0 2px #19252d}.moon-site-dot[aria-current]{background:#f4fff0;z-index:2}.moon-traverse-map{display:block;max-height:480px;max-width:100%;margin:auto;object-fit:contain}.moon-map-stops{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;max-height:420px;overflow:auto;padding-left:1.5rem}.moon-map-stops li{padding:.25rem}.moon-map-stops button{text-align:left;width:100%}.moon-map-stops small{display:block}.moon-map-stops [aria-current]{background:#dcebc9;font-weight:bold}
.moon-discoveries h3{margin-bottom:.3rem}.moon-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.moon-discovery{background:#f5f1dd;border:1px solid #c9c5ac;border-radius:18px;padding:1rem}.moon-discovery h4{font-size:1.15rem;margin:.2rem 0}.moon-discovery p{line-height:1.6}.moon-discovery button{margin:.2rem .3rem .2rem 0}.moon-clue-card{position:absolute;top:.6rem;right:.6rem;z-index:5;max-width:min(300px,85%);max-height:70%;overflow:auto;padding:1rem;border-radius:14px;background:#fffbe9;color:#233e42;box-shadow:0 3px 20px #0005}.moon-clue-card p{font-size:.9rem}.moon-clue-card button{margin:.2rem}.moon-frame-list{display:flex;gap:.3rem;flex-wrap:wrap;max-height:220px;overflow:auto}.moon-frame-list button{font-size:.8rem}.moon-about summary{cursor:pointer;min-height:44px;font-weight:700}.moon-offline button{margin:.2rem .3rem .2rem 0}
@media(max-width:600px){.moon-toolbar{display:grid;grid-template-columns:1fr}.moon-toolbar select{width:100%}.moon-stage{border-radius:14px}.moon-viewport{height:380px}.moon-view-tools{display:grid;grid-template-columns:1fr 1fr}.moon-view-tools button{padding:.5rem;font-size:.9rem}.moon-discovery-grid{grid-template-columns:1fr}.moon-navigation{display:grid;grid-template-columns:1fr 1fr}.moon-step-count{grid-column:1/-1;margin:0;text-align:center}.moon-frame-controls span{order:-1;width:100%;text-align:center}.moon-frame-controls button{flex:1}.moon-walk .moon-site-dot{min-height:32px;min-width:32px;font-size:.72rem;padding:.1rem}.moon-world-map{padding:0 0 26px}.moon-capture{font-size:.9rem}}
@media(max-height:500px) and (orientation:landscape){.moon-viewport{height:70vh;min-height:250px}.moon-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.moon-walk *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.moon-walk .moon-direction-step{position:absolute;z-index:4;top:45%;background:#fffbeaee;color:#18383c;border:2px solid #668184;font-size:1.5rem;padding:.2rem .6rem;min-width:44px;min-height:48px}.moon-prev{left:.5rem}.moon-next{right:.5rem}.moon-gap-note{position:absolute;left:15%;right:15%;top:8%;z-index:3;text-align:center;background:#19252deb;color:#fff7da;border:1px solid #899c9f;border-radius:10px;padding:.6rem;font-size:.88rem;pointer-events:none}.moon-walk .moon-photo-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);border-radius:50%;background:#ffe09b;color:#243b40;border:2px solid #2a5354;box-shadow:0 0 0 5px #ffe8b355;min-width:44px;min-height:44px;padding:.25rem;font-size:1.2rem}.moon-site-list{display:flex;gap:.4rem;flex-wrap:wrap;margin:.6rem 0}.moon-world-map .moon-site-dot{min-width:0;min-height:0;background:#f6d187;border:1px solid #19252d;padding:0 .15rem;font-size:11px;line-height:15px;border-radius:4px;box-shadow:none}.moon-world-map{padding:0}
/* The vendor sets .pnlm-container to height:100% on the viewport itself. */
#moonViewport{height:clamp(320px,57vh,650px);min-height:320px}
@media(max-width:600px){#moonViewport{height:380px}}
@media(max-height:500px) and (orientation:landscape){#moonViewport{height:70vh;min-height:250px}}