/* The original inbox stays mounted; returning does not make a network request. */
#s .message-overlay { position: absolute; inset: 0; z-index: 280; outline: none; }
#s .message-overlay-research > .pane-content-wrapper { width: 100%; height: 100%; }
#s .message-overlay > .pane-content-wrapper { animation: message-surface-open 250ms ease-out both; }
#s .message-overlay-close {
    position: absolute; top: 16px; right: 16px; z-index: 245;
    width: 32px; height: 32px; padding: 0; border: 0; background: transparent url('/bundles/arteneoproject/images/new/interface/close-main.png') center/contain no-repeat;
    cursor: pointer;
}
#s .message-overlay-close:focus-visible { outline: 2px solid #50b5cb; outline-offset: 3px; }
#s .message-overlay-research .message-overlay-close { top: .8rem; right: .8rem; width: 3.4rem; height: 3.4rem; }
#s .message-overlay-newspaper {
    display: flex; align-items: center; justify-content: center; padding: 24px;
    background: rgba(0, 0, 0, .22); z-index: 310;
}
#s .game-wrapper .newspaper-panel {
    position: relative; width: min(980px, 100%); height: auto; min-height: 0;
    max-height: 100%; aspect-ratio: 1376 / 920; border: 0; border-radius: 0;
    background: url('/bundles/arteneoproject/images/new/interface/newspaper.png') center/100% 100% no-repeat;
    box-shadow: none; overflow: visible;
}
#s .message-overlay-newspaper .newspaper-panel {
    width: min(980px, 100%, calc((100vh - 48px) * 1376 / 920));
}
#s .newspaper-panel .newspaper-masthead {
    position: absolute; top: 16.5%; left: 14.5%; right: 10.5%; height: 12%;
    display: flex; align-items: center; justify-content: center; margin: 0;
    padding: 0; background: #f3eee6; color: #111; transform: rotate(-1.5deg);
    font-family: Georgia, 'Times New Roman', serif; font-size: clamp(28px, 5vw, 68px); font-weight: 900;
    line-height: 1; white-space: nowrap;
}
#s .game-wrapper .newspaper-panel .pane-content {
    position: absolute; top: 42%; right: 10%; bottom: 13%; left: 10%;
    height: auto; padding: 0; overflow-y: auto; color: #262626;
    scrollbar-width: thin;
}
#s .newspaper-panel .pane-scrollable { height: 100%; }
#s .newspaper-panel .pane-scrollable-content { overflow: visible; }
#s .newspaper-panel .message-content { font-size: 14px; font-weight: 400; line-height: 1.65; }
#s .newspaper-panel .message-content p { margin: 0 0 12px; }
#s .newspaper-panel .message-content,
#s .newspaper-panel .message-content * { text-decoration: none !important; }
#s .game-wrapper .newspaper-panel .pane-footer {
    position: absolute; bottom: 9%; left: 10%; right: 10%; width: auto; height: auto;
    padding: 0; background: none; box-shadow: none;
}
#s .message-overlay-newspaper .newspaper-panel .pane-footer { display: none; }
#s .newspaper-panel .message-overlay-close {
    top: 13%; right: 5%; width: 32px; height: 32px;
    background-image: url('/bundles/arteneoproject/images/new/interface/close-newspaper.png');
}
#s .message-overlay.is-closing { animation: message-surface-close 180ms ease-in both; pointer-events: none; }
@keyframes message-surface-open { from { opacity: 0; transform: scale(.15); } to { opacity: 1; transform: scale(1); } }
@keyframes message-surface-close { from { opacity: 1; } to { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    #s .message-overlay > .pane-content-wrapper, #s .message-overlay.is-closing { animation: none; }
}