.drama-finished-dialog {
    width: min(680px,calc(100vw - 32px));
    max-height: 88dvh;
    padding: 28px;
    border: 1px solid #333c4d;
    border-radius: 18px;
    background: #10151f;
    color: #fff;
    overflow-y: auto;
}
.drama-finished-dialog::backdrop { background: #000b; }
.drama-finished-dialog h2 { margin: 8px 0; font-size: 25px; }
.drama-finished-dialog p { color: #b4c0d2; line-height: 1.6; }
.drama-finished-dialog .finished-eyebrow { color: #ff4b94; font-size: 11px; letter-spacing: 2px; }
.finished-close { float: right; border: 0; background: none; color: white; font-size: 26px; cursor: pointer; }
.finished-suggestions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.finished-suggestions a { display: grid; gap: 8px; color: white; text-decoration: none; min-width: 0; }
.finished-suggestions .poster { display: block; }
.finished-suggestions strong { font-size: 13px; line-height: 1.5; }
.finished-suggestions small { color: #aebbd0; }
.finished-watch { background: #ff006a; text-align: center; padding: 9px 5px; border-radius: 7px; font-size: 11px; }
.finished-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.finished-actions a,.finished-actions button { padding: 10px 12px; border: 1px solid #394357; border-radius: 8px; background: transparent; color: white; font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
.finished-actions [hidden] { display: none; }
@media(max-width:760px) {
    .drama-finished-dialog { margin: auto 0 0; width: 100%; max-width: 100%; border-radius: 20px 20px 0 0; padding: 22px 18px; }
    .drama-finished-dialog h2 { font-size: 21px; }
    .finished-suggestions { gap: 9px; }
}