#bridge-pattern-0476{position:fixed;z-index:7;top:calc(35% + 47px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 28px);padding:5px 7px;border:1px solid #dccb95;border-radius:9px;background:rgba(19,54,63,.88);color:#fff1c9;pointer-events:none;font-size:13px;line-height:1.5}
#bridge-pattern-0476[hidden]{display:none}
#bridge-pattern-0476 small{font-size:11px;margin-right:3px;white-space:nowrap}
#bridge-pattern-0476 span{padding:1px 4px;border-radius:4px;opacity:.58;white-space:nowrap}
#bridge-pattern-0476 span[data-active=true]{opacity:1;background:#c4e6d3;color:#173e40;font-weight:800}
#bridge-pattern-0476[data-phase=warning] span[data-active=true]{background:#ffe18a}
#bridge-pattern-0476[data-phase=raising] span[data-active=true],#bridge-pattern-0476[data-phase=raised] span[data-active=true]{background:#ffd0b3}
#bridge-pattern-0476[data-phase=lowering] span[data-active=true]{background:#d4deff}
@media(max-width:600px){#bridge-pattern-0476{top:calc(39% + 50px);font-size:12px;gap:2px;padding:4px 5px}#bridge-pattern-0476 small{font-size:10px}#bridge-pattern-0476 span{padding:1px 3px}}
@media(prefers-reduced-motion:reduce){#bridge-pattern-0476{transition:none;animation:none}}