[data-dex-view] .archive-content{min-width:0}
[data-dex-view] .dex-artist{display:block;margin:9px 0 5px;font-size:15px;line-height:1.5;color:var(--ui-text,#f7edd6)}
[data-dex-view] .opening-cg-grid{display:flex;flex-wrap:wrap;margin:0 -8px;text-align:left}
[data-dex-view] .opening-cg-card{flex:1 1 280px;min-width:0;margin:8px;padding:14px;border:1px solid rgba(226,207,164,.4);border-radius:12px;background:rgba(96,130,143,.14)}
[data-dex-view] .opening-cg-card>button{display:block;position:relative;overflow:hidden;width:100%;padding:0;border:0;border-radius:7px;cursor:pointer;background:#13283b;color:#fff}
[data-dex-view] .opening-cg-card img{display:block;width:100%;height:auto}
[data-dex-view] .opening-cg-card.locked img{filter:grayscale(.75);opacity:.75}
[data-dex-view] .cg-view-label{position:absolute;right:8px;bottom:8px;padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.65);font-size:13px;color:#fff}
[data-dex-view] .opening-cg-card h3{margin:14px 0 7px;font-size:20px}
[data-dex-view] .opening-cg-card p{font-size:14px;line-height:1.7;margin-bottom:0}
[data-dex-view] .cg-unlock-status{color:var(--ui-accent,#e6cd91)}
[data-dex-view] .dex-time-note,[data-dex-view] .dex-save-note{font-size:14px;line-height:1.6}
[data-dex-view] .cg-detail-image{display:block;width:100%;height:auto;border-radius:8px;margin:16px 0}
[data-dex-view] .cg-detail{text-align:left}
[data-dex-view] .cg-detail h2{margin:16px 0}
@media(max-width:600px){[data-dex-view] .opening-cg-card{flex-basis:100%}}

[data-dex-view] .cg-detail-toolbar{display:flex;justify-content:flex-start;margin-bottom:12px}
[data-dex-view] .cg-detail .cg-detail-title,#site-dialog [data-dex-view] .cg-detail .cg-detail-title{display:block;width:100%;text-align:center;margin:12px 0 16px;line-height:1.4}

[data-dex-view] .archive-content>.dex-category-title,#site-dialog [data-dex-view] .archive-content>.dex-category-title{width:100%;margin:0 0 15px;text-align:center}
.cg-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);max-width:1000px;max-height:calc(100vh - 32px);margin:0;padding:0;overflow:auto;border:1px solid #c9b783;border-radius:14px;background:#1d3d49;color:#f5eddc;box-shadow:0 18px 70px rgba(0,0,0,.45);z-index:1000}
.cg-preview[open]{display:block}
.cg-preview:not([open]){display:none}
.cg-preview::backdrop{background:rgba(8,20,32,.78)}
.cg-preview-heading{position:sticky;top:0;z-index:1;padding:18px 60px;background:#1d3d49;border-bottom:1px solid #667a7b;text-align:center}
.cg-preview-heading h2,#site-dialog .cg-preview-heading h2{margin:0;font-size:26px;line-height:1.4;text-align:center}
.cg-preview-close{position:absolute;right:12px;top:10px;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #9aa68f;border-radius:50%;background:#2e505b;color:#f5eddc;cursor:pointer}
.cg-preview-close svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.cg-preview .cg-detail{padding:16px 22px 22px}
.cg-preview .cg-detail-image{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 16px}
.cg-preview p{font-size:14px;line-height:1.7;margin:8px 0}
.cg-preview .cg-unlock-status{color:#e6cd91}
@media(max-width:600px){.cg-preview-heading{padding:20px 56px 16px}.cg-preview-heading h2{font-size:21px}.cg-preview .cg-detail{padding:14px}}

.dex-support-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.dex-support-actions a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--rt-line,#b5aa84);border-radius:18px;color:var(--rt-text,#fff1d0);background:var(--rt-surface-soft,#29494b);font-size:12px;text-decoration:none}[data-support-refresh]{min-height:42px;padding:9px 20px;border:1px solid var(--rt-line,#b5aa84);border-radius:22px;color:var(--rt-text,#fff1d0);background:var(--rt-surface-soft,#29494b);cursor:pointer}