/* Original system text: white, outlined, and independent of the scrolling chat log. */
.system-messages{position:absolute;z-index:7;pointer-events:none;user-select:none;color:#fff;font:400 12px/18px 'Courier New',Courier,monospace;text-shadow:1px 1px #000,-1px -1px #000;overflow-wrap:anywhere;}
.system-messages-top{left:max(12px,env(safe-area-inset-left));top:max(138px,calc(env(safe-area-inset-top) + 138px));width:min(520px,calc(var(--ui-view-width) - 32px));display:flex;flex-direction:column;gap:3px;max-height:max(40px,calc(var(--ui-view-height) - 210px));overflow:hidden;flex-shrink:0;}
.system-messages-center{left:50%;top:20px;transform:translateX(-50%);width:min(660px,calc(100% - 32px));text-align:center;font:400 12px/18px 'Courier New',Courier,monospace;text-shadow:1px 1px #000,-1px -1px #000;}
#game:has(>#alpha-testing-label:not([hidden]))>.system-messages-center{top:38px;}
.mobile-ui #mobile-hud .system-messages{font:400 10.5px/14px system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;}
/* Preserve the top-left position/available space while sharing chat's mobile-stage text scale. */
.mobile-ui #mobile-hud .system-messages-top{left:calc(max(12px,env(safe-area-inset-left)) / var(--m-scale));top:calc(max(138px,calc(env(safe-area-inset-top) + 138px)) / var(--m-scale));width:min(calc(520px / var(--m-scale)),calc(100% - 32px / var(--m-scale)));max-height:max(40px,calc((var(--ui-view-height) - 210px) / var(--m-scale)));}
.mobile-ui #mobile-hud .system-messages-center{top:7px;font:400 10.5px/14px system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;}
.mobile-ui #mobile-hud .m-stage:has(>.m-alpha-testing:not([hidden]))>.system-messages-center{top:27px;}

.system-messages-top>div{flex:none}
/* The guild war report (2108/2109) sits under the minimap on the right, like the original's report panel; on phones it
   keeps left of the menu column. */
.guild-war-report{right:max(12px,env(safe-area-inset-right));top:max(190px,calc(env(safe-area-inset-top) + 190px));width:min(300px,calc(var(--ui-view-width) - 32px));max-height:max(60px,calc(var(--ui-view-height) - 300px));overflow:hidden;color:#ffff80;}
.mobile-ui #mobile-hud .guild-war-report{right:calc(var(--safe-r,0px) + 86px);top:calc(var(--map-h,64px) + 6px);width:150px;max-height:calc(100% - var(--map-h,64px) - 90px);font-size:8.5px!important;line-height:11px!important;text-align:right;}