body,html{margin:0;height:100%;font-family:sans-serif;}
#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

#panel{
position:absolute;top:10px;left:10px;width:300px;
background:rgba(30,41,59,0.9);color:white;padding:10px;
border-radius:12px;z-index:1000;backdrop-filter:blur(10px);
max-height:80%;overflow:auto;
}

#detail{
position:absolute;bottom:0;left:0;right:0;background:white;
padding:12px;border-radius:12px 12px 0 0;z-index:1001;
}

.card{background:#334155;padding:10px;margin:6px 0;border-radius:8px;cursor:pointer;}
.best{background:#22c55e;color:black;padding:10px;border-radius:8px;margin-bottom:8px;}
.tag{font-size:12px;opacity:0.9;}