#streetWarning { position:absolute;inset:0;pointer-events:none;z-index:12; }
#streetWarning[hidden] { display:none; }
#streetWarning .street-warning-label { position:absolute;top:38%;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);padding:10px 16px;border:1px solid #efbd68;border-radius:8px;background:#25302be8;color:#ffe2a6;font:600 15px/1.45 system-ui,sans-serif;white-space:nowrap;box-shadow:0 4px 16px #0005; }
#streetWarning[data-direction="left"] { background:linear-gradient(90deg,#e5a3442b,transparent 16%); }
#streetWarning[data-direction="right"] { background:linear-gradient(-90deg,#e5a3442b,transparent 16%); }
#streetWarning[data-direction="rear"] { background:linear-gradient(0deg,#e5a34424,transparent 20%); }
#streetWarning[data-direction="front"] { background:linear-gradient(180deg,#e5a34424,transparent 20%); }
@media(max-width:600px) { #streetWarning .street-warning-label { top:max(31%,calc(env(safe-area-inset-top,0px) + 252px));font-size:14px;padding:8px 12px; } }