.moon-case .map{overflow:hidden}.moon-case #moon-map{height:510px;width:100%;position:relative}.moon-case #moon-map canvas{height:100%;width:100%}.moon-map-controls{display:flex;gap:8px;flex-wrap:wrap;padding:12px;align-items:center}.moon-map-controls select{min-width:0;max-width:100%;flex:1 1 200px}.moon-map-controls button,.moon-map-controls select,.moon-case .controls button,.moon-case .controls select{height:44px;box-sizing:border-box}.moon-case .controls{flex-wrap:wrap;min-width:0}.moon-case .controls label{min-width:0;max-width:100%}.moon-case .controls select{max-width:100%}#moon-map-status,#moon-map-detail{padding:0 12px;font-size:13px;color:#063853}.moon-case .pin{width:30px;height:30px;min-height:30px;border-radius:50%;padding:0;border:2px solid white;background:#efc44d;color:#173943;font-size:12px;cursor:pointer;box-shadow:0 2px 5px #0005}.moon-case .pin[aria-pressed=true]{background:#0a6270;color:white}.moon-case .pin:focus-visible{outline:3px solid #063853;outline-offset:3px}[data-theme=dark] #moon-map-status,[data-theme=dark] #moon-map-detail{color:#e8f0f1}.maplibregl-ctrl-attrib{color:#173943!important}.maplibregl-ctrl-attrib a{color:#173943!important}@media(max-width:600px){.moon-case #moon-map{height:390px}}

.moon-case .moon-logo-display{display:block;position:relative;width:180px;max-width:100%;aspect-ratio:2/1;margin:12px 0}
.moon-case .moon-logo-display .case-logo{display:block!important;visibility:visible!important;width:100%!important;height:100%!important;margin:0!important;object-fit:contain;background:transparent!important;padding:0!important;border-radius:0!important}
.moon-case .moon-logo-display canvas.moon-logo-dark{display:none!important;position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;touch-action:auto;cursor:default}
[data-theme=dark] .moon-case .moon-logo-display[data-ready=true] .case-logo{display:none!important}
[data-theme=dark] .moon-case .moon-logo-display[data-ready=true] canvas.moon-logo-dark{display:block!important}

.moon-case .table-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.moon-case .table-pagination button{min-height:44px;padding:8px 16px}.moon-case .table-pagination button:disabled{opacity:.45}

.moon-case .roof-pin{position:absolute;left:0;top:0;z-index:4;will-change:transform}.moon-case .roof-pin[hidden]{display:none!important}
.moon-case .moon-map-controls{position:absolute;z-index:5;top:12px;right:12px;padding:0;gap:6px}.moon-case .moon-map-controls button{height:40px;min-width:40px;background:#fff;color:#063853;box-shadow:0 2px 5px #0002}.moon-case .controls{align-items:flex-end!important}.moon-case .controls button#reset{align-self:flex-end;height:44px;margin-top:auto}.moon-case .controls label{display:flex;flex-direction:column}
[data-theme=dark] .moon-case .moon-logo-display .case-logo{display:none!important}[data-theme=dark] .moon-case .moon-logo-display:not([data-ready=true]) canvas.moon-logo-dark{display:none!important}
.moon-case #moon-map-status,.moon-case #moon-map-detail{margin:6px 0;padding:0 12px;font-size:12px}.moon-case .mapfooter{padding:8px 12px;font-size:11px}
@media(max-width:850px){.moon-case .controls button#reset{margin-top:0}}