:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9edf0;background:#111d29;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,a,output{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:3px solid #cf9e50;outline-offset:-3px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #2e3a46;gap:20px}.brand{color:#fff;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:12px}.brand-icon{font-size:36px;color:#e7bd7b;line-height:1}.brand-section{border-left:1px solid #4b5661;margin-left:8px;padding-left:20px;font-size:13px;color:#b7c1cb;letter-spacing:3px}.header-note{font-size:14px;color:#abb7c3;margin-left:auto}#toggle{color:#d4dce3;background:transparent;border:1px solid #40505f;border-radius:6px;padding:9px 12px;font-size:14px}.workspace{display:flex;height:calc(100dvh - 76px);min-height:440px}aside{width:290px;flex-shrink:0;overflow:auto;display:flex;flex-direction:column;border-right:1px solid #34424d;scrollbar-width:thin;scrollbar-color:#536575 transparent}.collection-heading{padding:28px 24px 22px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#c8a777}h1{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:10px 0}p{color:#9eabb9;font-size:14px;line-height:1.6;margin:0}nav{padding:0 16px;display:grid;gap:10px}.map-card{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;width:100%;padding:10px;background:transparent;text-align:left;border:1px solid #35424e;border-radius:8px;color:#d8e0e8;transition:background .15s,border-color .15s}.map-card:hover{background:#23323f}.map-card[aria-pressed=true]{border-color:#d9b075;background:#2b343a}.map-card img{width:88px;height:68px;object-fit:cover;border-radius:4px;background:#fff}.card-number{display:block;font-size:12px;color:#b3a186;letter-spacing:1px;margin-bottom:4px}.card-title{font-size:14px;font-weight:550;line-height:1.45}.sidebar-bottom{margin-top:auto;padding:28px 24px;display:flex;gap:16px;align-items:center}.small-compass{font-size:35px;color:#b39c78}.sidebar-bottom p{font-size:13px}main{position:relative;flex:1;min-width:0;background:#e6e8e9;color:#172638;overflow:hidden}main:fullscreen{height:100dvh}.viewer-heading{position:absolute;top:0;left:0;right:0;z-index:2;height:99px;padding:22px 30px;background:linear-gradient(#f9fafbf5,#f9fafbd9,transparent);display:flex;justify-content:space-between;gap:16px;pointer-events:none}.viewer-heading>*{pointer-events:auto}.viewer-heading .eyebrow{color:#6b7681;font-size:12px}h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:7px 0 0}#download{align-self:center;color:#344252;text-decoration:none;font-size:14px;background:#fff;border:1px solid #cfd5d9;border-radius:6px;padding:9px 13px;box-shadow:0 2px 5px #14202e07}#stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:#e7e9eb}#stage.dragging{cursor:grabbing}#map{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;user-select:none;box-shadow:0 8px 40px #14202e14;will-change:transform}#loading,#error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 20px;background:#fff;border:1px solid #d4d9dd;border-radius:8px;font-size:16px}#loading[hidden]{display:none}.compass{position:absolute;right:27px;top:123px;font-size:48px;color:#435364;line-height:1;text-align:center;pointer-events:none}.compass span{display:block;font-size:12px;margin-bottom:3px}.controls{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#fff;border:1px solid #d5dbe0;border-radius:10px;padding:5px;box-shadow:0 5px 22px #17253620;gap:2px}.controls button{width:44px;height:44px;border:0;background:transparent;color:#223347;border-radius:6px;font-size:26px;line-height:1}.controls button:hover{background:#edf0f3}.controls button:disabled{opacity:.3;cursor:default}.controls output{font-size:14px;min-width:62px;text-align:center;font-variant-numeric:tabular-nums}.divider{height:24px;width:1px;background:#d9dfe4;margin:0 6px}footer{position:absolute;bottom:0;left:0;right:0;min-height:40px;padding:10px 23px;display:flex;justify-content:space-between;gap:16px;background:#f7f8f9e8;border-top:1px solid #d9dee2;font-size:12px;color:#626e78;pointer-events:none}.mobile-help{display:none}body.sidebar-hidden aside{display:none}@media(min-width:1500px){aside{width:320px}.map-card img{width:100px;height:76px}.map-card{grid-template-columns:100px 1fr}}@media(max-width:760px){header{height:62px;padding:0 16px}.brand{font-size:15px;gap:8px}.brand-section{font-size:11px;padding-left:10px;margin-left:3px;letter-spacing:2px}.header-note{display:none}.workspace{height:calc(100dvh - 62px);min-height:350px}aside{position:absolute;z-index:5;top:62px;bottom:0;background:#111d29;width:min(290px,85vw);box-shadow:12px 0 30px #0c172b33}.collection-heading{padding-top:22px}.viewer-heading{padding:20px;height:94px}h2{font-size:22px}#download span{display:none}#download{font-size:22px;padding:4px 12px}.compass{top:110px;right:18px;font-size:38px}footer{padding:10px 12px;font-size:12px}.desktop-help,#dimensions{display:none}.mobile-help{display:inline}.controls{bottom:59px;max-width:95%}.sidebar-bottom{padding:20px 24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}