#posterViewerOverlay { z-index: 10050; padding: 12px; background: rgba(0,0,0,.94); }
#posterViewerOverlay .poster-viewer { display:flex; flex-direction:column; width: min(1500px,100%); height: 94vh; height:94dvh; padding:0; border:1px solid var(--border); border-radius:12px; background:#101010; overflow:hidden; }
.poster-viewer-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--border); }
#posterViewerTitle { margin:0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.poster-viewer-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 16px; }
.poster-viewer button, #modalPosterExpandBtn { background:#1d1d1d; color:var(--gold); border:1px solid var(--border); border-radius:6px; padding:8px 12px; min-height:40px; font:inherit; cursor:pointer; }
.poster-viewer button:disabled { opacity:.4; cursor:default; }
.poster-viewer button:focus-visible,#modalPosterExpandBtn:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
#posterViewerClose { flex-shrink:0; }
#posterViewerZoom { font-size:12px; min-width:3.5em; text-align:center; font-variant-numeric:tabular-nums; }
#posterViewerArea { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; touch-action:none; cursor:grab; }
#posterViewerArea:active { cursor:grabbing; }
.poster-viewer-canvas { display:grid; place-items:center; min-width:100%; min-height:100%; width:max-content; }
#posterViewerImage { display:block; max-width:none; max-height:none; object-fit:contain; user-select:none; -webkit-user-drag:none; }
#posterViewerImage[hidden] { display:none; }
#posterViewerStatus { margin:0; text-align:center; font-size:13px; }
#posterViewerStatus:empty { display:none; }
#modalPosterExpandBtn { font-size:11px; min-height:32px; padding:6px 9px; }
#modalPosterExpandBtn:disabled { opacity:.4; cursor:default; }
.legends-related { display:flex; flex-wrap:wrap; gap:6px; padding:8px 4px; }
.legends-related button { border:1px solid var(--border); border-radius:6px; padding:7px 10px; background:#171717; color:var(--gold); font:inherit; font-size:11px; text-align:left; cursor:pointer; }
.legends-related button:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
@media(max-width:600px){#posterViewerOverlay{padding:0}#posterViewerOverlay .poster-viewer{height:100dvh;border-radius:0}.poster-viewer-toolbar{padding:8px 12px}.poster-viewer-header{padding:12px;padding-top:max(12px,env(safe-area-inset-top))}.poster-viewer-toolbar button{min-height:44px}}

.modal .modal-media-controls { flex-wrap:wrap; }
.modal .modal-media-controls > button { flex-shrink:0; }