/* Oddusee Entertainment World Map — globe edition (loads after map.css) */
.oem-mapbox.oem-glmode{cursor:default;touch-action:auto;background:#0b0b0d}
.oem-mapbox.oem-glmode:active{cursor:default}
.oem-space{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.oem-gl{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:transparent}
.oem-gl .maplibregl-canvas-container,.oem-gl canvas{background:transparent}
.oem-gl .maplibregl-canvas{outline:none}
.oem-gl .maplibregl-ctrl-top-left{top:10px;left:12px}
.oem-gl .maplibregl-ctrl-group{background:rgba(23,23,29,.92);border:1px solid rgba(255,255,255,.12);box-shadow:none;border-radius:3px}
.oem-gl .maplibregl-ctrl-group button{width:30px;height:30px;background-color:transparent;border-top:1px solid rgba(255,255,255,.08)}
.oem-gl .maplibregl-ctrl-group button:first-child{border-top:0}
.oem-gl .maplibregl-ctrl-group button:hover{background-color:rgba(255,255,255,.08)}
.oem-gl .maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5v12M8.5 14.5h12' stroke='%23f6f3ec' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.oem-gl .maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M8.5 14.5h12' stroke='%23f6f3ec' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.oem-gl .maplibregl-ctrl-attrib{background:rgba(11,11,13,.7);color:#a09b91;font-size:10px}
.oem-gl .maplibregl-ctrl-attrib a{color:#e6e2d8}
.oem-gl .maplibregl-ctrl-attrib.maplibregl-compact{background:rgba(11,11,13,.7)}
.oem-gl .maplibregl-ctrl-attrib-button{filter:invert(1)}
.oem-gl .maplibregl-cooperative-gesture-screen{background:rgba(11,11,13,.72);color:#f6f3ec;font-family:inherit;font-size:14px}
.oem-gl .maplibregl-cooperative-gesture-screen .maplibregl-desktop-message,.oem-gl .maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{background:none;color:#f6f3ec}
.oem-glmode .oem-coords{right:auto;left:56px;top:12px;pointer-events:none;max-width:60%}
.oem-glmode .oem-tip{z-index:5}
.oem-glmode .oem-legend{z-index:4;pointer-events:none}

/* Map / 3D / Satellite / Street view */
.oem-views{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;background:var(--panel-2)}
.oem-views button{padding:7px 13px;font-size:12.5px;line-height:1.3;color:var(--muted);border:0;background:none;box-shadow:none;border-radius:0}
.oem-views button+button{border-left:1px solid var(--line-2)}
.oem-views button:hover{color:var(--text)}
.oem-views button[aria-current="true"]{color:#0b0b0d;background:#dca83e;font-weight:600}
.oem-views button[data-v="street"]{color:var(--text)}

/* street view panel over the map */
.oem-sv{position:absolute;inset:0;z-index:6;background:#0b0b0d;display:flex;flex-direction:column}
.oem-sv[hidden]{display:none}
.oem-sv-bar{display:flex;justify-content:flex-end;padding:8px 10px;background:rgba(23,23,29,.95);border-bottom:1px solid rgba(255,255,255,.1)}
.oem-sv-bar button{padding:6px 12px;font-size:12.5px;color:#0b0b0d;background:#dca83e;border:0;border-radius:3px;font-weight:600}
.oem-sv-box{flex:1;min-height:0}
.oem-sv-box iframe{width:100%;height:100%;border:0;display:block}

/* detail "Zoom to it" button */
.oem-acts .oem-go{cursor:pointer}
@media (max-width:980px){
  .oem-views{width:100%;justify-content:stretch}
  .oem-views button{flex:1;padding:8px 6px;font-size:12px}
  .oem-glmode .oem-coords{display:none}
}

/* phones: one-finger spin, so leave a scrollable edge either side of the map; tap card styling */
.oem-mapbox.oem-touch{margin:0 16px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}
.oem-glmode .maplibregl-popup{z-index:7}
.oem-glmode .maplibregl-popup-content{background:rgb(23,23,29);color:rgb(246,243,236);border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:10px 30px 10px 12px;box-shadow:0 8px 28px rgba(0,0,0,.55);font-family:inherit}
.oem-glmode .maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:rgb(23,23,29)}.oem-glmode .maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:rgb(23,23,29)}.oem-glmode .maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:rgb(23,23,29)}.oem-glmode .maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:rgb(23,23,29)}
.oem-glmode .maplibregl-popup-close-button{color:rgb(160,155,145);font-size:20px;line-height:1;padding:4px 8px;background:none}
.oem-pop b{display:block;font-size:14px;font-weight:700;line-height:1.25}
.oem-pop small{display:block;color:rgb(160,155,145);font-size:11.5px;margin:3px 0 9px}
.oem-pop-acts{display:flex;gap:6px}
.oem-pop-acts a,.oem-pop-acts button{flex:1;text-align:center;padding:7px 10px;font-size:12.5px;font-weight:600;border-radius:3px;text-decoration:none;border:1px solid rgba(255,255,255,.16);color:rgb(246,243,236);background:rgba(255,255,255,.06);box-shadow:none;line-height:1.2}
.oem-pop-acts button{background:rgb(220,168,62);color:rgb(11,11,13);border-color:rgb(220,168,62)}