/* B09 server announcements: safe-area aware, isolated from game canvas. */
#som-gm-marquee{
  position:fixed;z-index:10045;box-sizing:border-box;
  top:calc(56px + env(safe-area-inset-top));
  left:calc(8px + env(safe-area-inset-left));
  right:calc(8px + env(safe-area-inset-right));
  min-height:45px;display:grid;grid-template-columns:auto minmax(0,1fr);
  border:1px solid #cfaa62;border-radius:9px;
  background:linear-gradient(90deg,rgba(20,27,40,.97),rgba(20,36,48,.94));
  box-shadow:0 3px 20px #000a;color:#fff2c5;
  font:700 16px/1.4 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  pointer-events:none;overflow:hidden;
}
#som-gm-marquee[hidden]{display:none!important}
.som-gm-marquee-label{display:flex;align-items:center;justify-content:center;
  border-right:1px solid #b18e4a;padding:7px 13px;white-space:nowrap;
  color:#ffe7a1;background:#3a302a;letter-spacing:.035em;font-size:12px}
.som-gm-marquee-track{min-width:0;position:relative;overflow:hidden}
.som-gm-marquee-content{position:absolute;top:50%;left:0;white-space:nowrap;
  text-shadow:0 1px 2px #000;will-change:transform;max-width:none}
.som-gm-marquee-content.som-gm-no-motion{position:relative;top:auto;
  display:block;white-space:normal;transform:none!important;will-change:auto;
  padding:8px 12px;text-align:center;overflow-wrap:anywhere}
@media(max-width:600px){#som-gm-marquee{top:calc(53px + env(safe-area-inset-top));min-height:40px;font-size:14px}
.som-gm-marquee-label{max-width:88px;white-space:normal;text-align:center;padding:5px 7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.som-gm-marquee-content{will-change:auto}}
/* B10 reliability: CSS marquee works even where the Web Animations API is unreliable. */
@keyframes som-gm-scroll{
  from{transform:translate3d(var(--som-gm-start,100vw),-50%,0)}
  to{transform:translate3d(var(--som-gm-end,-100%),-50%,0)}
}
#som-gm-marquee{z-index:2147483000!important}
#som-gm-marquee .som-gm-marquee-track{min-height:45px}
#som-gm-marquee .som-gm-marquee-content{left:0;display:inline-block;width:max-content;max-width:none}
@media(max-width:600px){#som-gm-marquee .som-gm-marquee-track{min-height:42px}}