.viewer-shell{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 82px);min-height:650px;background:#0c0e0e}.viewer-panel{padding:45px 30px;border-right:1px solid #292b2a;position:relative;z-index:3}.viewer-panel h1{font:900 48px 'Barlow Condensed';margin:15px 0 30px}.viewer-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid #292b2a;margin-bottom:30px}.viewer-meta span{padding:13px;border:1px solid #202322}.viewer-meta small,.viewer-meta b{display:block}.viewer-meta small{color:#777;font:700 8px monospace}.viewer-meta b{font:800 18px 'Barlow Condensed';margin-top:5px}.viewer-panel label{display:grid;gap:8px;color:#777;font-size:10px}.viewer-panel select{background:#151717;color:#ddd;border:1px solid #292b2a;padding:13px}.viewer-help{color:#666;font-size:10px;margin:25px 0}.interactive-map{position:relative;overflow:hidden;cursor:grab;background:#151a18}.interactive-map:active{cursor:grabbing}.map-toolbar{position:absolute;z-index:5;top:20px;right:20px;display:flex}.map-toolbar button{background:#111;color:#ddd;border:1px solid #333;padding:11px 15px;cursor:pointer}.map-canvas{position:absolute;width:100%;height:100%;transform-origin:0 0;will-change:transform}.map-island{position:absolute;inset:7%;border-radius:43% 57% 48% 52%;background:radial-gradient(circle at 60% 40%,#8a8061,#58624d 35%,#384a41 68%,#182522 70%);box-shadow:0 0 0 18px #40767c33,0 0 70px #000;overflow:hidden}.map-island:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 45px,#ffffff0c 46px),repeating-linear-gradient(90deg,transparent 0 45px,#ffffff0c 46px)}.route{position:absolute;z-index:1;border:7px double #d4bd8955;border-radius:50%}.r1{inset:20% 18%;transform:rotate(18deg)}.r2{inset:35% 30%;transform:rotate(-30deg)}.map-marker{position:absolute;z-index:3;background:#111d;color:#eee;border:1px solid #ec4a2466;padding:8px 10px;font:700 9px monospace;cursor:pointer;transform:translate(-50%,-50%)}.map-marker i{display:inline-block;width:7px;height:7px;background:#ec4a24;margin-right:7px}.map-marker.selected{box-shadow:0 0 0 6px #ec4a2433,0 0 25px #ec4a24}.coordinates{position:absolute;z-index:5;left:20px;bottom:20px;background:#111d;padding:10px 14px;color:#aaa;font:700 10px monospace}@media(max-width:800px){.viewer-shell{grid-template-columns:1fr;height:auto}.viewer-panel{border-right:0}.interactive-map{height:70vh;min-height:500px}}