/* Kuromaru details only; the shared theme and its Colorbox styles remain unchanged. */
.kuromaru-lightbox {
    --kuromaru-lightbox-gap:32px;
    position:fixed; inset:50% auto auto 50%; transform:translate(-50%,-50%);
    box-sizing:border-box; width:calc(100% - 32px);
    max-width:1200px; height:fit-content; max-height:calc(100dvh - var(--kuromaru-lightbox-gap));
    margin:0; padding:56px 56px 20px; border:0; border-radius:4px;
    color:#fff; background:#181818; overflow:auto; text-align:center;
}
.kuromaru-lightbox::backdrop { background:rgba(0,0,0,.85); }
.kuromaru-lightbox .kuromaru-lightbox-image {
    display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 180px);
    margin:0 auto; object-fit:contain;
}
.kuromaru-lightbox .kuromaru-lightbox-caption {
    margin:12px 0 0; padding:0; color:#eee; font-size:14px; line-height:1.6;
    text-align:center; overflow-wrap:anywhere;
}
.kuromaru-lightbox .kuromaru-lightbox-status { margin:8px 0 0; padding:0; color:#ccc; font-size:13px; line-height:1.5; text-align:center; }
.kuromaru-lightbox .kuromaru-lightbox-button {
    position:absolute; box-sizing:border-box; display:flex; align-items:center; justify-content:center;
    width:44px; height:44px; margin:0; padding:0; border:1px solid #777;
    border-radius:4px; font:inherit; font-size:24px; line-height:1; color:#fff;
    background:#333; cursor:pointer; text-align:center;
}
.kuromaru-lightbox .kuromaru-lightbox-button:hover { background:#555; }
.kuromaru-lightbox .kuromaru-lightbox-button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.kuromaru-lightbox .kuromaru-lightbox-button[hidden] { display:none; }
.kuromaru-lightbox .kuromaru-lightbox-close { top:6px; right:6px; }
.kuromaru-lightbox .kuromaru-lightbox-prev { top:50%; left:6px; transform:translateY(-50%); }
.kuromaru-lightbox .kuromaru-lightbox-next { top:50%; right:6px; transform:translateY(-50%); }
@media (max-width:600px) {
    .kuromaru-lightbox { --kuromaru-lightbox-gap:16px; width:calc(100% - 16px); padding:56px 12px 68px; }
    .kuromaru-lightbox .kuromaru-lightbox-image { max-height:calc(100dvh - 260px); }
    .kuromaru-lightbox .kuromaru-lightbox-prev,
    .kuromaru-lightbox .kuromaru-lightbox-next { top:auto; bottom:12px; transform:none; }
    .kuromaru-lightbox .kuromaru-lightbox-prev { left:12px; }
    .kuromaru-lightbox .kuromaru-lightbox-next { right:12px; }
}