.system-announcement-hud{--announce:#3bc8ff;z-index:420;top:max(88px,calc(env(safe-area-inset-top) + 14px));border:2px solid color-mix(in srgb,var(--announce) 80%,white);color:#fff;background:linear-gradient(150deg,color-mix(in srgb,var(--announce) 36%,#07275c),#03163f 78%);width:min(760px,100vw - 28px);box-shadow:0 18px 48px #000a2d94,0 0 24px color-mix(in srgb,var(--announce) 30%,transparent);border-radius:18px;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:12px 14px;animation:.22s ease-out system-announcement-in;display:grid;position:fixed;left:50%;transform:translate(-50%)}.system-announcement-hud>span{background:#ffffff24;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.system-announcement-hud>div{gap:2px;min-width:0;display:grid}.system-announcement-hud small{color:color-mix(in srgb,var(--announce) 45%,white);letter-spacing:.08em;font-size:.66rem;font-weight:900}.system-announcement-hud strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.35}.system-announcement-hud button{color:#fff;background:#0003;border:1px solid #ffffff4d;border-radius:10px;width:32px;height:32px;font-size:1.15rem}.system-announcement-hud.tone-green{--announce:#48e69a}.system-announcement-hud.tone-yellow{--announce:#ffd65c}.system-announcement-hud.tone-red{--announce:#ff647c}.system-announcement-hud.tone-purple{--announce:#c17cff}@keyframes system-announcement-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.98)}}@media (max-width:620px){.system-announcement-hud{top:max(72px,calc(env(safe-area-inset-top) + 8px));border-radius:14px;grid-template-columns:34px minmax(0,1fr) 28px;gap:7px;padding:9px 10px}.system-announcement-hud>span{border-radius:10px;width:34px;height:34px;font-size:1rem}.system-announcement-hud strong{font-size:.78rem}.system-announcement-hud button{width:28px;height:28px}}.system-announcement-hud>span img{object-fit:contain;filter:drop-shadow(0 3px 5px #000f3073);width:34px;height:34px}.system-announcement-hud button{cursor:pointer;place-items:center;padding:0;display:grid}.system-announcement-hud button img{object-fit:contain;width:26px;height:26px}@media (max-width:620px){.system-announcement-hud>span img{width:28px;height:28px}.system-announcement-hud button img{width:22px;height:22px}}