/* SamiMap R110 — lightweight road / district signage in navigation only.
   No heavy shadows, no backdrop filters, no extra 3D map or tile sources. */
#bx110SignLayer{
 position:fixed;inset:0;width:100vw;height:100dvh;z-index:1090;
 pointer-events:none;overflow:hidden;contain:layout style;
 font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
#bx110SignLayer[hidden]{display:none!important}
#bx110SignLayer .bx110-current{
 position:absolute;display:flex;align-items:center;gap:11px;
 min-width:135px;max-width:min(330px,56vw);
 padding:9px 13px 9px 11px;box-sizing:border-box;
 transform:translate(-50%,-50%);
 background:linear-gradient(120deg,rgba(0,75,185,.96),rgba(0,106,224,.96));
 border:1.5px solid #72ceff;border-radius:11px;
 color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.37);
 text-align:left;text-shadow:none;
}
#bx110SignLayer .bx110-current[hidden]{display:none!important}
#bx110SignLayer .bx110-road-glyph{
 flex:0 0 auto;display:grid;place-items:center;width:26px;height:30px;
 border-radius:6px;color:#fff;
 font-size:25px;font-weight:700;line-height:1;
}
#bx110SignLayer .bx110-current-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
#bx110SignLayer .bx110-current-copy strong{
 display:block;min-width:0;font-size:16px;line-height:1.25;
 font-weight:800;white-space:normal;overflow-wrap:anywhere;
}
#bx110SignLayer .bx110-current-copy small{font-size:11px;color:#d7f0ff}
#bx110SignLayer .bx110-nearby{
 position:absolute;transform:translate(-50%,-50%);
 display:flex;flex-direction:column;align-items:center;gap:2px;
 width:max-content;max-width:185px;padding:5px 9px;
 box-sizing:border-box;text-align:center;
 border:1px solid rgba(161,215,238,.5);
 border-radius:8px;background:rgba(5,20,29,.88);
 box-shadow:0 2px 4px rgba(0,0,0,.32);color:#fff;
}
#bx110SignLayer .bx110-nearby strong{
 display:block;max-width:170px;overflow:hidden;
 text-overflow:ellipsis;white-space:nowrap;
 font-size:12px;font-weight:750;line-height:1.18;
}
#bx110SignLayer .bx110-nearby small{
 display:block;font-size:11px;font-weight:500;
 line-height:1.1;color:#e4f0f8;
}
#bx110SignLayer .bx110-nearby small[hidden]{display:none}
#bx110SignLayer .bx110-nearby.bx110-district{
 background:rgba(10,26,35,.82);border-color:rgba(196,221,226,.45);
}
@media(min-width:761px){
 #bx110SignLayer .bx110-current{
  max-width:min(360px,33vw);padding:11px 16px;
 }
 #bx110SignLayer .bx110-current-copy strong{font-size:18px}
 #bx110SignLayer .bx110-nearby strong{font-size:13px}
}
@media(max-width:760px){
 #bx110SignLayer .bx110-current{
  min-width:100px;max-width:min(195px,53vw);
  padding:7px 8px;gap:5px;border-radius:10px;
 }
 #bx110SignLayer .bx110-road-glyph{width:20px;height:21px;font-size:19px}
 #bx110SignLayer .bx110-current-copy strong{
  font-size:12px;line-height:1.18;max-height:40px;overflow:hidden;
 }
 #bx110SignLayer .bx110-nearby{max-width:125px;padding:4px 6px;border-radius:7px}
 #bx110SignLayer .bx110-nearby strong{max-width:116px;font-size:10px}
 #bx110SignLayer .bx110-nearby small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 #bx110SignLayer *{transition:none!important;animation:none!important}
}

/* R112 Google-like main road emphasis; navigation only. */
#bx110SignLayer .bx110-current{
 min-width:0!important;width:max-content;max-width:min(290px,53vw)!important;
 padding:7px 12px!important;gap:7px!important;border-radius:10px!important;
 background:#0866d4!important;border:1.3px solid #90d8ff!important;
 box-shadow:0 2px 6px rgba(0,0,0,.35)!important;transform:translate(-50%,-50%)!important;
}
#bx110SignLayer .bx110-road-glyph{
 width:24px!important;height:23px!important;font-size:10px!important;
 font-weight:900!important;letter-spacing:.04em!important;
 border-radius:5px!important;background:rgba(0,34,91,.35)!important;
}
#bx110SignLayer .bx110-current-copy strong{
 font-size:15px!important;max-height:none!important;line-height:1.24!important;
 white-space:normal!important;
}
#bx110SignLayer .bx110-nearby{
 max-width:215px!important;min-width:0!important;
 background:rgba(3,18,29,.92)!important;border:1px solid rgba(134,194,220,.63)!important;
 padding:7px 11px!important;border-radius:8px!important;
}
#bx110SignLayer .bx110-nearby strong{
 max-width:194px!important;font-size:13px!important;white-space:normal!important;
 line-height:1.2!important;overflow:visible!important;
}
@media(max-width:760px){
 #bx110SignLayer .bx110-current{max-width:min(194px,57vw)!important;padding:5px 8px!important;}
 #bx110SignLayer .bx110-current-copy strong{font-size:12px!important;}
 #bx110SignLayer .bx110-road-glyph{width:19px!important;height:19px!important;font-size:9px!important;}
 #bx110SignLayer .bx110-nearby{max-width:148px!important;padding:4px 7px!important;}
 #bx110SignLayer .bx110-nearby strong{max-width:134px!important;font-size:11px!important;}
}