/* Scoped to Spoiler cards. Does not alter Binder images or controls. */
.mb-spoilers .tb-spoiler-zoom-trigger { appearance:none; display:block; width:100%; height:100%; min-width:0; border:0; margin:0; padding:0; background:transparent; color:inherit; cursor:zoom-in; }
.mb-spoilers .tb-spoiler-zoom-trigger img { display:block; width:100%; height:100%; object-fit:contain; }
.mb-spoilers .tb-spoiler-zoom-trigger:focus-visible { outline:2px solid #f4ca55; outline-offset:2px; border-radius:8px; }
.tb-spoiler-lightbox[hidden] { display:none!important; }
.tb-spoiler-lightbox { position:fixed; inset:0; z-index:2147483000; display:flex; flex-direction:column; background:rgba(5,7,11,.96); padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); color:#fff; box-sizing:border-box; }
.tb-spoiler-lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
.tb-spoiler-lightbox-title { font:600 15px/1.3 system-ui,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tb-spoiler-lightbox-controls { display:flex; flex-shrink:0; align-items:center; gap:7px; font:600 13px system-ui,sans-serif; }
.tb-spoiler-lightbox-controls button { background:#282b32; color:#fff; border:1px solid #6a6871; border-radius:8px; padding:0; width:38px; height:38px; cursor:pointer; font:600 24px/1 system-ui,sans-serif; }
.tb-spoiler-lightbox-controls button:disabled { opacity:.35; cursor:default; }
.tb-spoiler-lightbox-controls button:focus-visible { outline:2px solid #f5c84d; outline-offset:2px; }
.tb-spoiler-lightbox-controls [data-zoom-value] { min-width:40px; text-align:center; }
.tb-spoiler-lightbox-stage { flex:1; min-height:0; display:flex; align-items:safe center; justify-content:safe center; overflow:auto; overscroll-behavior:contain; padding:8px 0; }
.tb-spoiler-lightbox-stage img { display:block; width:100%; max-width:none; height:auto; object-fit:contain; flex:none; margin:auto; }
@media (max-width:530px) { .tb-spoiler-lightbox-toolbar { flex-wrap:wrap; } .tb-spoiler-lightbox-title { flex-basis:100%; } .tb-spoiler-lightbox-controls { margin-left:auto; } }