.cxmaps-app{
  --cxmap-water: #1f6f78;
  --cxmap-land: #cbb89a;
  --cxmap-lift: #e8927c;
  --cxmap-label: #fbf5ea;
  --cxmap-forest: #7f9a5a;
  --cxmap-farmland: #b9b06a;
  --cxmap-builtup: #a89478;
  --cxmap-shallows: #bfe3e0;
  --cxmap-boundary: #f4e9d8;
  --cxmap-cover: #fbf7f0;
  padding:12px 0 60px
}
.cxmaps-app[data-cxmaps-style="plate"]{
  --cxmap-plate: #d9a441;
  --cxmap-plate-edge: #8a5a1e;
  --cxmap-plate-far: #e8cf9a;
  --cxmap-sea-deep: #152a45;
  --cxmap-city: #0d1b2e;
  --cxmap-route: #e0752f;
}
.cxmaps-search{display:flex;gap:10px;margin:0 0 14px;max-width:480px}
.cxmaps-search input{flex:1;font:15px/1.4 var(--sans);padding:10px 14px;border:1px solid var(--sand);border-radius:8px;background:#fff;color:var(--ink)}
.cxmaps-search button{font:600 13px/1 var(--sans);padding:0 18px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--cream);cursor:pointer}
.cxmaps-search button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.cxmaps-resolved{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);min-height:1.2em;margin:0 0 4px}
.cxmaps-status{font-size:13px;color:var(--stone);min-height:1.2em;margin:0 0 12px}
.cxmaps-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#1f6f78;isolation:isolate}
.cxmaps-app[data-cxmaps-style="plate"] .cxmaps-frame{background:var(--cxmap-sea-deep)}
.cxmaps-stage{position:absolute;inset:0}
.cxmaps-stage .maplibregl-ctrl-attrib,.cxmaps-stage .maplibregl-ctrl-logo,.cxmaps-stage .maplibregl-control-container{display:none!important}
.cxmaps-cover{position:absolute;inset:0;z-index:4;background:var(--cxmap-cover);opacity:0}
.cxmaps-inset{position:absolute;right:.9rem;bottom:.9rem;width:22%;max-width:170px;min-width:90px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 10px rgba(0,0,0,.35);z-index:3;opacity:0;transition:opacity .5s ease}
.cxmaps-inset.is-ready{opacity:1}
.cxmaps-inset-map{position:absolute;inset:0}
.cxmaps-inset-map .maplibregl-control-container{display:none!important}
.cxmaps-inset-rect{position:absolute;left:0;top:0;border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.35);pointer-events:none}
.cxmaps-inset-label{position:absolute;left:0;right:0;bottom:8%;text-align:center;font:600 .6rem/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.cxmaps-attribution{font-size:12.5px;color:var(--stone);opacity:.75;margin:10px 0 4px}
.cxmaps-reduced-note{font-size:12px;color:var(--stone);opacity:.65;margin:0}
@media(prefers-reduced-motion:reduce){.cxmaps-frame{outline:2px dashed var(--sand);outline-offset:2px}}