.mlx-section{background:#e9e1d2;border-block:1px solid #d6cbb8}
titan-map-explorer{display:block;color:#f6f1e7;font:16px/1.5 Arial,Helvetica,sans-serif}
titan-map-explorer [hidden]{display:none!important}
titan-map-explorer button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}
titan-map-explorer :is(button,[tabindex]):focus-visible{outline:3px solid #f0c987;outline-offset:-4px}
.mlx-viewer{border:1px solid #816e60;overflow:hidden;background:#352b26}
.mlx-viewer-top{display:flex;align-items:center;gap:20px;padding:14px 18px;flex-shrink:0}
.mlx-viewer-top>span:first-child{flex:1}
.mlx-viewer-top [data-viewer-quality]{font-size:12px;color:#ddcfbd}
.mlx-small-btn{background:transparent;border:1px solid #ad9684;padding:8px 14px;font-size:13px!important;min-height:44px;white-space:nowrap}
.mlx-viewer-canvas{position:relative;height:clamp(420px,52vw,720px);overflow:clip;touch-action:pan-y;background:radial-gradient(ellipse at center,#605143,#302923);cursor:default;isolation:isolate}
.mlx-viewer-canvas.is-active{touch-action:auto;cursor:grab}
.mlx-viewer-canvas.is-dragging{cursor:grabbing}
.mlx-tile-stage{position:absolute;transform-origin:center;pointer-events:none;will-change:transform}
.mlx-tile-stage img{height:100%;width:100%;object-fit:contain;user-select:none}
.mlx-tile-layer,.mlx-tile-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mlx-tile-layer img{position:absolute;max-width:none;max-height:none;opacity:0}
.mlx-tile-layer img.is-loaded{opacity:1}
.mlx-tile-surface{z-index:80}
.mlx-viewer-gate{position:absolute;inset:0;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(transparent,#281f1745);pointer-events:none}
.mlx-viewer-gate .mla-btn{pointer-events:auto;box-shadow:0 8px 40px #0007;background:#f6f1e7;color:#532a31!important;border-color:#f6f1e7}
.mlx-viewer-gate>span{font-size:13px;background:#30231fe8;padding:5px 12px}
.mlx-viewer-canvas.is-active .mlx-viewer-gate{display:none}
.mlx-hud{position:absolute;bottom:16px;left:16px;display:flex;gap:12px;align-items:center;padding:10px 12px;background:#30231fed;border:1px solid #a08e7666;z-index:100;font-size:12px;pointer-events:none;max-width:calc(100% - 180px)}
.mlx-hud b{font-weight:500;color:#f0c987;white-space:nowrap}
.mlx-zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:5px;z-index:102}
.mlx-zoom-controls button{height:46px;width:46px;background:#30231fed;border:1px solid #a68c73;font-size:23px;line-height:1}
.mlx-zoom-controls button:hover,.mlx-small-btn:hover{background:#654a41}
.mlx-tile-loading{position:absolute;top:15px;left:15px;z-index:100;width:18px;height:18px;border:2px solid #f0c987;border-right-color:transparent;border-radius:50%;animation:mlx-spin .8s linear infinite}
@keyframes mlx-spin{to{transform:rotate(360deg)}}
.mlx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px;flex-shrink:0}
.mlx-chips button{border:1px solid #9c8675;background:transparent;font-size:13px;padding:9px 16px;min-height:44px}
.mlx-chips button[aria-pressed=true],.mlx-chips button:hover{background:#6b4d40;border-color:#e7c98f}
.mlx-chips [data-deactivate]{margin-left:auto}
.mlx-viewer.is-expanded{position:fixed;inset:12px;z-index:2147482000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#352b26;box-shadow:0 0 0 50px #261c18ee}
.mlx-viewer.is-expanded .mlx-viewer-canvas{height:100%;min-height:0}
.mlx-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:22px}
.mlx-footer>p{font-size:13px;color:#6e6156;max-width:580px}
.mlx-footer .mla-textlink{margin:0;flex-shrink:0}
.mlx-note{font-size:12px;color:#6e6156;margin-top:12px!important}
@media(max-width:760px){
 .mlx-viewer-top{gap:10px;padding:10px;flex-wrap:wrap}
 .mlx-viewer-top>.mla-kicker{font-size:10px!important;letter-spacing:.07em;flex-basis:calc(100% - 135px)}
 .mlx-viewer-top [data-viewer-quality]{font-size:11px;order:3;flex-basis:100%}
 .mlx-small-btn{font-size:12px!important;padding:8px 10px}
 .mlx-viewer-canvas{height:clamp(350px,112vw,570px)}
 .mlx-hud{bottom:10px;left:10px;padding:8px;gap:7px;font-size:11px;max-width:calc(100% - 170px)}
 .mlx-zoom-controls{bottom:10px;right:10px;gap:4px}
 .mlx-zoom-controls button{width:44px;height:44px}
 .mlx-chips{padding:10px;gap:7px}
 .mlx-chips button{font-size:12px;padding:8px 12px}
 .mlx-chips [data-deactivate]{margin-left:0}
 .mlx-footer{display:block;margin-top:18px}
 .mlx-footer .mla-textlink{margin-top:16px}
 .mlx-viewer.is-expanded{inset:5px}
 .mlx-viewer.is-expanded .mlx-viewer-top{padding-top:max(10px,env(safe-area-inset-top))}
 .mlx-viewer.is-expanded .mlx-chips{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.mlx-tile-loading{animation:none}.mlx-viewer *{transition:none!important}}

.mla:has(.mlx-viewer-canvas.is-active) .mla-dock{visibility:hidden}

.mlx-viewer,.mlx-viewer *{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.mlx-viewer img{-webkit-user-drag:none;pointer-events:none}
.mla .mlx-viewer .mlx-tile-layer img{max-width:none!important;max-height:none!important;min-width:0;min-height:0;object-fit:fill;aspect-ratio:auto}
.mla .mlx-viewer .mlx-tile-stage img{max-width:none;max-height:none;width:100%;height:100%}
.mlx-viewer.is-expanded .mlx-viewer-canvas{touch-action:none}
.mlx-overview{position:absolute;right:14px;top:14px;width:112px;aspect-ratio:14999/17250;z-index:103;background:#141616;border:1px solid #e1d7be;box-shadow:0 3px 18px #0007;overflow:hidden;touch-action:none}
.mla .mlx-overview img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;opacity:.9}
.mlx-overview [data-overview-frame]{position:absolute;border:2px solid #fff4d9;background:#e1d7be30;box-shadow:0 0 0 200px #11181855;pointer-events:none}
.mlx-overview button{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;padding:0;cursor:crosshair;touch-action:none}
@media(max-width:760px){.mlx-overview{width:76px;right:10px;top:10px}}

/* Curiosity shortcuts stay with the artwork in expanded view. */
.mlx-navigation{min-width:0;border-top:1px solid #a08e7640}
.mla .mlx-destination-caption{font-size:13px;line-height:1.55;color:#e2d8c9;padding:0 16px 16px;min-height:38px;max-width:850px}
.mlx-navigation .mlx-chips{padding-bottom:10px}
@media(max-width:760px){.mla .mlx-destination-caption{font-size:12px;padding:0 10px max(12px,env(safe-area-inset-bottom));min-height:49px}.mlx-navigation .mlx-chips{gap:6px}.mlx-navigation .mlx-chips button{padding-inline:10px}}