/* Full-bleed artwork in every server-rendered and dynamically loaded build card. */
article.build-card.cbm-card .cb2-card-art{padding:0!important;overflow:hidden;line-height:0}
article.build-card.cbm-card .cb2-card-art>a{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0!important;margin:0!important}
article.build-card.cbm-card .cb2-card-art img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center;margin:0!important;padding:0!important;border:0!important}
/* Detail icons follow the same stroke, size and baseline as the home page. */
.cb2-detail .cb4-icon{width:18px;height:18px;flex:0 0 18px}
.cb2-stat-grid>div>span,.cb2-detail .cb2-small-heading h2,.cb2-detail .cb2-panel>h2,.cb2-requirements dt{display:flex;align-items:center;gap:8px}
.cb2-stat-grid>div>span .cb4-icon{width:16px;height:16px;flex-basis:16px;color:var(--cb2-accent)}
.cb2-stat-grid>div>span>span{margin:0;font:inherit;color:inherit}
.cb2-detail .cb2-detail-downloads .cb4-icon{width:21px;height:21px;flex-basis:21px}
.cb2-detail-save>a,.cb2-related-help a,.cb2-install>a{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.cb2-detail-save>a{justify-content:flex-start}.cb2-install>a{justify-content:flex-start}
.cb2-detail-save .cb4-icon,.cb2-related-help .cb4-icon{width:15px;height:15px;flex-basis:15px}
.cb2-detail-save .favorite-btn-page.active{color:#ff8f91}.cb2-detail-save .favorite-btn-page.active .cb4-icon-heart{fill:currentColor}
.cb2-detail .cb2-panel>h2>.cb4-icon,.cb2-detail .cb2-small-heading h2>.cb4-icon{color:var(--cb2-accent);width:20px;height:20px;flex-basis:20px}
.cb2-requirements dt>.cb4-icon{width:15px;height:15px;flex-basis:15px}
/* A single, native horizontal viewport: touch, trackpad, mouse drag and keyboard. */
.cb2-detail .cb5-gallery{min-width:0;width:100%;margin-top:16px}
.cb2-detail .cb5-gallery .cb2-small-heading{margin:0 0 12px;gap:12px;min-height:36px}
.cb5-gallery-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.cb5-gallery-count{font-size:11px;line-height:1.3;color:var(--cb2-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.cb2-detail .cb2-screenshot-nav{gap:6px}
.cb2-detail .cb2-screenshot-nav button{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:9px;transition:background .15s,border-color .15s;line-height:1}
.cb2-detail .cb2-screenshot-nav button:hover:not(:disabled){background:var(--cb2-accent);border-color:var(--cb2-accent);color:#fff}
.cb2-detail .cb2-screenshot-nav button:disabled{opacity:.3;cursor:default}
.cb2-detail .cb5-gallery-viewport{display:flex;gap:10px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;cursor:grab;border-radius:8px;-webkit-overflow-scrolling:touch}
.cb2-detail .cb5-gallery-viewport::-webkit-scrollbar{display:none;width:0;height:0}
.cb2-detail .cb5-gallery-item{display:block;flex:0 0 calc((100% - 20px)/3);min-width:0;aspect-ratio:16/10;position:relative;overflow:hidden;border:1px solid var(--cb2-line);border-radius:8px;scroll-snap-align:start;color:inherit;line-height:0}
.cb2-detail .cb5-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;background:#111923;user-select:none;-webkit-user-drag:none}
.cb5-gallery-item:hover{border-color:var(--cb2-accent)}
.cb2-detail .cb5-gallery-viewport.is-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;user-select:none}
.cb5-gallery-viewport.is-dragging .cb5-gallery-item{cursor:grabbing}
.cb2-detail .cb5-gallery-viewport:focus-visible,.cb2-detail .cb5-gallery-item:focus-visible,.cb2-detail .cb2-screenshot-nav button:focus-visible{outline:2px solid var(--cb2-accent);outline-offset:-3px}
.lightbox-overlay .lightbox-nav,.lightbox-overlay .lightbox-close{display:grid;place-items:center;padding:0}
.lightbox-overlay .lightbox-nav[hidden],.lightbox-overlay .lightbox-close[hidden]{display:none!important}
.lightbox-overlay .cb5-lightbox-icon{width:28px;height:28px;display:block;pointer-events:none}
@media(max-width:760px){.cb2-detail .cb5-gallery-item{flex-basis:calc((100% - 10px)/2)}.cb2-related-help a{flex-wrap:wrap;gap:5px}.cb5-gallery-tools{gap:8px}}
@media(prefers-reduced-motion:reduce){.cb2-detail .cb5-gallery-viewport{scroll-behavior:auto}.cb2-detail .cb2-screenshot-nav button{transition:none}}