/* Layout only. Bell: image_gen; panels/buttons: existing native atlas. */
#lobby-notices-launch{position:fixed;top:max(8px,env(safe-area-inset-top));right:var(--lobby-bell-right,174px);z-index:764;display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:44px;min-height:44px;padding:7px!important;margin:0;border:0;background:var(--native-panel-image,var(--menu-command)) center/100% 100% no-repeat!important;image-rendering:pixelated;transform:none}
#lobby-notices-launch img{width:27px;height:30px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
#lobby-notices-launch .lobby-notices-count{position:absolute;right:2px;top:1px;min-width:13px;padding:1px 3px;color:#fff4bd;background:#142e32;font:700 12px/15px var(--numeric-font,monospace);text-align:center;text-shadow:none}
body:not([data-boot-phase="title"]) #lobby-notices-launch,body.in-game #lobby-notices-launch,body.device-onboarding-open #lobby-notices-launch,body.orientation-blocked #lobby-notices-launch{display:none!important}
.hub-header[inert] #lobby-notices-launch,body:has(#modal:not([hidden]),#fighter-details-drawer:not([hidden])) #lobby-notices-launch{visibility:hidden}
.lobby-notices-panel{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:min(660px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:28px 30px;border:0;border-radius:0;background:var(--native-panel-image) center/100% 100% no-repeat;color:#f2efda;image-rendering:pixelated;font-family:inherit;overflow:visible;text-align:left}
.lobby-notices-panel:not([open]){display:none}
.lobby-notices-panel[open]{display:flex;flex-direction:column;gap:14px}
.lobby-notices-panel::backdrop{background:rgba(3,12,18,.78)}
.lobby-notices-panel *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
.lobby-notices-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none}
.lobby-notices-header h2{font-size:23px;line-height:1.25;margin:0;color:#fff1c6}
.lobby-notices-panel .secondary{min-height:42px;padding:12px 22px;font-size:13px;line-height:1.3;white-space:normal;color:#f4efd9;text-shadow:1px 1px #081c20;background:var(--native-panel-image) center/100% 100% no-repeat;border:0;image-rendering:pixelated;flex:none}
.lobby-notices-panel .secondary:disabled{opacity:1;filter:saturate(.25);color:#c3cfc5;cursor:default}
.lobby-notices-panel button:focus-visible,.lobby-notices-panel [tabindex]:focus-visible{outline:2px solid #fff0a1;outline-offset:2px}
.controller-navigation .lobby-notices-list:focus{outline:2px solid #fff0a1;outline-offset:2px}
.lobby-notices-summary{margin:0;font-size:13px;line-height:1.4;color:#dce9d4;flex:none}
.lobby-notices-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbb4 #163337;padding:2px 10px 12px 2px;scroll-padding-block:8px;touch-action:pan-y}
.lobby-notice{padding:15px 0 18px;border-bottom:1px solid #5b7c70}
.lobby-notice:first-child{padding-top:4px}.lobby-notice:last-child{border-bottom:0}
.lobby-notice-meta{display:flex;gap:6px 12px;flex-wrap:wrap;align-items:baseline;color:#d8d4ae;font-size:12px;line-height:1.4;margin:0 0 9px}
.lobby-notice-state{color:#ffdf7c;font-weight:bold}.lobby-notice[data-read="true"] .lobby-notice-state{color:#bed4bf}
.lobby-notice h3{font-size:18px;line-height:1.35;color:#fff0bc;margin:0 0 10px}.lobby-notice p:not(.lobby-notice-meta){font-size:14px;line-height:1.6;margin:0 0 12px;color:#e2ebda}
.lobby-notice-section{margin:18px 0}.lobby-notice-section h4{margin:0 0 8px;font-size:15px;line-height:1.4;color:#fff0bc}.lobby-notice-section ul{margin:0;padding:0 0 0 20px;list-style:disc}.lobby-notice-section li{margin:0 0 8px;font-size:14px;line-height:1.6;color:#e2ebda}
.lobby-notices-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.lobby-notices-storage{margin:0;font-size:11px;line-height:1.4;color:#c6d7c7}
@media(max-height:540px){.lobby-notices-panel{padding:22px 26px;gap:8px!important}.lobby-notices-header h2{font-size:20px}.lobby-notices-summary{font-size:12px}.lobby-notices-footer .secondary{font-size:12px;min-height:38px;padding:10px 18px}.lobby-notices-panel .lobby-notice h3{font-size:16px}.lobby-notice p:not(.lobby-notice-meta){font-size:13px}.lobby-notices-header .secondary{min-height:38px}}
@media(max-width:420px){.lobby-notices-panel{padding:24px;gap:10px}.lobby-notices-header{align-items:flex-start;gap:8px}.lobby-notices-header h2{font-size:18px}.lobby-notices-footer{align-items:stretch;flex-direction:column;gap:7px}}