awards

frontend/src/components/MainMap.tsx

@@ -115,7 +115,7 @@ export function MainMap({ fromGrid, toGrid, fromLabel, toLabel }: Props) {
   return (
     <div className="flex flex-col h-full min-h-0 gap-2 p-2">
       <div className="grid grid-cols-2 gap-2 flex-1 min-h-0">
-        <div className="relative rounded-lg overflow-hidden border border-border">
+        <div className="relative isolate rounded-lg overflow-hidden border border-border">
           <div ref={worldRef} className="absolute inset-0" />
           {path && (
             <div className="absolute bottom-1 left-1 z-[500] rounded-md bg-card/90 backdrop-blur px-2 py-1 text-[11px] font-mono shadow border border-border pointer-events-none">
@@ -126,7 +126,7 @@ export function MainMap({ fromGrid, toGrid, fromLabel, toLabel }: Props) {
             </div>
           )}
         </div>
-        <div className="relative rounded-lg overflow-hidden border border-border">
+        <div className="relative isolate rounded-lg overflow-hidden border border-border">
           <div ref={locatorRef} className="absolute inset-0" />
           {!gridToLatLon(toGrid) && (
             <div className="absolute inset-0 z-[500] flex items-center justify-center text-xs text-muted-foreground bg-card/60 pointer-events-none">