.view-3d .map-caption,.view-3d .map-hint,.view-3d .map-disclaimer{text-shadow:none}
.scene-loading{display:none;position:absolute;inset:0;z-index:9;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#e8ecdf;color:#415442;text-align:center;padding:24px;word-break:keep-all;pointer-events:none}
.scene-loading>span{font-size:44px;color:#8b9972}.scene-loading strong{font-size:17px;line-height:1.6}.scene-loading small{font-size:13px;line-height:1.7;color:#718168}
#mapViewport[data-view="3d"][data-scene-state="loading"] .scene-loading{display:flex}
#mapViewport[data-view="3d"][data-scene-state="loading"] :is(.map-controls,.life-controls,.map-caption,.map-hint,.map-disclaimer){visibility:hidden}
.elevation-note{display:none}.view-3d .elevation-note{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 0;font-size:10px;color:#706342}.elevation-note i{font-style:normal;color:#9a8654}.elevation-note small{font-size:9px;color:#958975;margin-left:auto}
/* No elastic overscroll of the raster: only its actual zoomed extent is movable. */
#mapViewport:not([data-view="3d"]){cursor:default}
#mapViewport:not([data-view="3d"]).zoomed{cursor:grab}
#mapViewport:not([data-view="3d"]).is-dragging{cursor:grabbing}
.scene-studio{background:#f4f0e7;border:1px solid #e5dccd;border-radius:12px 12px 0 0;padding:13px 17px 14px;color:#68553a;margin-bottom:8px}
.studio-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.view-switch{display:flex;gap:4px;align-items:center}.view-switch button{padding:8px 12px;border-radius:6px;font-size:12px;color:#8a7a63}.view-switch button[aria-pressed=true]{background:#786244;color:#fffaf0}.view-switch small{font:9px/1 Georgia;margin-left:5px;opacity:.8}#sceneStatus{font-size:10px;color:#8f7f68;text-align:right}
.scene-options{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;border-top:1px solid #e3dacb;margin-top:12px;padding-top:12px}.season-select{display:flex;align-items:center;gap:12px}.control-caption,.time-select label{font-size:10px;color:#8b785b}.season-select [role=group]{display:flex;gap:4px}.season-select button{min-width:37px;min-height:32px;font-size:11px;border:1px solid transparent;border-radius:20px;color:#8f806b}.season-select button[aria-pressed=true]{border-color:#c6b38f;background:#fffaf0;color:#75603c}.time-select{display:grid;grid-template-columns:69px 1fr;gap:6px 12px;align-items:center}.time-select label{display:flex;justify-content:space-between;gap:5px}.time-select output{color:#745532;font-variant-numeric:tabular-nums}.time-select input{accent-color:#94754d;min-width:0;width:100%;height:22px;cursor:pointer}.hour-presets{grid-column:2;display:flex;justify-content:space-between}.hour-presets button{font-size:9px;color:#8c7a61;padding:1px 7px;border-bottom:1px solid transparent}.hour-presets button[aria-pressed=true]{color:#74552f;border-color:#a38455}
.scene-canvas{position:absolute;inset:0;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.scene-canvas:active{cursor:grabbing}.scene-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-canvas canvas:focus-visible{outline:2px solid #c3a678;outline-offset:-4px}.scene-labels{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.scene-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font-size:10px;padding:7px 10px;border-radius:30px;background:#fffaf0e8;color:#6a593e;border:1px solid #e2d0af;box-shadow:0 3px 12px #25221915;pointer-events:auto;backdrop-filter:blur(5px)}.scene-label[aria-pressed=true]{background:#8e6d3e;color:#fff7e7;border-color:#b9a07b}.scene-label::after{content:'';position:absolute;left:50%;top:100%;width:1px;height:10px;background:#b49970}.scene-label i{font:9px Georgia;margin-right:5px;opacity:.65}.scene-label[hidden]{display:none}
.view-3d #mapWorld,.view-3d .map-vignette,.view-3d #toggleStories,.view-3d .npc-story-tray{display:none!important}.view-3d .map-viewport{background:#e6e5d9}.view-3d .map-caption{z-index:5;color:#5d614e;pointer-events:none}.view-3d .map-controls{z-index:6}.view-3d .life-controls{z-index:6}.view-3d .map-hint{z-index:5;bottom:41px;background:#fff9e0b8;color:#4d553e;font-size:9px;pointer-events:none}.view-3d .map-disclaimer{z-index:5;background:#efecdc9e;color:#6a6e58;border-radius:3px;padding:2px 6px;bottom:13px;pointer-events:none}.angle-controls{position:absolute;z-index:6;left:50%;transform:translateX(-50%);bottom:76px;display:flex;gap:3px;border:1px solid #dfd8c7;background:#fffaf0e0;border-radius:24px;padding:4px;backdrop-filter:blur(7px)}.angle-controls[hidden]{display:none}.angle-controls button{font-size:9px;color:#726247;padding:6px 9px;border-radius:20px;white-space:nowrap}.angle-controls button[aria-pressed=true]{background:#88714b;color:#fffaf0}
.view-3d.scene-night .map-caption{color:#eece9b}.view-3d.scene-night .map-disclaimer,.view-3d.scene-night .map-hint{background:#101f2ca8;color:#d8d3b7}.scene-night .scene-label{background:#172a31e8;border-color:#6a6550;color:#e7d7b5}.scene-night .scene-label[aria-pressed=true]{background:#c39351;color:#1f2930}.scene-options[hidden],.scene-canvas[hidden],.scene-labels[hidden]{display:none!important}
.view-3d .map-caption{color:#485140;letter-spacing:.15em;background:#fdf9edbd;padding:7px 10px;border-radius:20px}.view-3d .map-viewport{box-shadow:0 16px 35px #24332212}.view-3d .map-hint{background:#fffaeee8;font-size:10px}.angle-controls{box-shadow:0 5px 20px #17201515}.angle-controls button{min-height:32px}.angle-controls #turnLeft,.angle-controls #turnRight{color:#354d3b;font-weight:600;border-left:1px solid #d7ccbb;border-radius:0;padding:5px 9px}.scene-canvas canvas{overscroll-behavior:contain}.view-3d.scene-night .map-caption{background:#192b32cc}.scene-studio{background:#f8f4ea}
@media(max-width:540px){.scene-studio{padding:10px 12px;margin:0 10px 8px;border-radius:10px}.studio-head{gap:7px}#sceneStatus{font-size:8px;max-width:118px}.view-switch button{font-size:11px;padding:7px 9px}.scene-options{grid-template-columns:1fr;gap:9px;padding-top:10px;margin-top:8px}.season-select{justify-content:space-between}.season-select button{min-width:46px;min-height:31px}.time-select{grid-template-columns:70px 1fr}.time-select input{height:26px}.scene-label{font-size:9px;padding:6px 8px}.scene-label i{display:none}.angle-controls{bottom:65px;gap:0;padding:3px;max-width:95%}.angle-controls button{font-size:8px;padding:7px}#autoOrbit{font-size:0;width:26px;padding:4px}#autoOrbit:after{content:'↻';font-size:14px}.view-3d .map-hint{font-size:8px;bottom:34px}.view-3d .map-disclaimer{font-size:7px;bottom:11px}.view-3d .map-caption{max-width:128px}}
@media(max-width:540px){.view-3d .map-viewport{height:440px;min-height:440px;aspect-ratio:auto}.view-switch button{padding:7px 7px}.view-switch small{margin-left:2px}.angle-controls{display:grid;grid-template-columns:repeat(4,1fr);width:274px;border-radius:15px;bottom:69px;gap:2px;padding:5px}.angle-controls button{padding:3px 7px;min-height:28px;font-size:9px}.angle-controls #turnLeft,.angle-controls #turnRight{border:0;border-top:1px solid #ddd3c3;padding-top:4px}.angle-controls #autoOrbit{width:auto;grid-column:3 / 5;font-size:9px;border-top:1px solid #ddd3c3;border-radius:0}.angle-controls #autoOrbit:after{display:none}.view-3d .map-hint{bottom:36px}.view-3d .map-caption{max-width:150px;font-size:7px;padding:6px 9px}.scene-label{max-width:150px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:540px){.elevation-note small{width:100%;margin:0}.angle-controls{grid-template-columns:repeat(5,1fr);width:290px}.angle-controls #autoOrbit{grid-column:3 / 6}.angle-controls button{padding:3px 4px;font-size:8px}}