/* V10.13: the same cinematic detail-preview design on PHP catalogue pages. */
#vumoo-title-preview{background:#111522;color:#fff;border:1px solid #ffffff29;max-width:830px;width:min(92vw,830px);max-height:88dvh;border-radius:10px;padding:0;box-shadow:0 20px 100px #000a;overflow-y:auto}
#vumoo-title-preview::backdrop{background:#060911db;backdrop-filter:blur(6px)}
#vumoo-title-preview .close-modal{position:sticky;top:16px;right:16px;float:right;margin:16px 16px -56px 0;z-index:3;cursor:pointer}
#vumoo-title-preview .detail-visual{height:265px}
#vumoo-title-preview .detail-text{padding:0 38px 35px;margin-top:-33px}
#vumoo-title-preview .detail-text h2{font:700 clamp(30px,4vw,42px)/1.05 var(--heading);letter-spacing:-.045em;margin:10px 0 15px}
#vumoo-title-preview .detail-overview{font-size:13px;line-height:1.9;color:#bcc0cb}
#vumoo-title-preview .detail-meta{display:flex;flex-wrap:wrap;gap:13px}
#vumoo-title-preview .detail-buttons,#vumoo-title-preview .detail-social-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#vumoo-title-preview .detail-social-actions{margin-top:12px}
.vumoo-preview-loading{min-height:200px;padding:65px 30px 35px;text-align:center;color:#cbd2df}
@media(max-width:540px){#vumoo-title-preview{width:95vw}#vumoo-title-preview .detail-visual{height:185px}#vumoo-title-preview .detail-text{padding:0 20px 25px;margin-top:-15px}}

/* Shareable SEO pages visually match the preview rather than the old poster/details layout. */
.vumoo-title-focus{min-height:calc(100dvh - 110px);position:relative;margin:-38px calc(-1 * clamp(16px,4vw,56px)) -75px;display:grid;place-items:center;padding:36px 18px 65px;isolation:isolate}
.vumoo-title-focus-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#3d1d3075,transparent 50%),radial-gradient(circle at 85% 15%,#291d4266,transparent 42%),#090b13;filter:blur(8px);z-index:-1}
.vumoo-title-focus-card{background:#111522;border:1px solid #ffffff29;box-shadow:0 20px 100px #000a;border-radius:10px;width:min(830px,100%);overflow:hidden;position:relative}
.vumoo-title-focus-close{position:absolute;right:18px;top:17px;z-index:5;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;background:#070b13df;color:white!important;text-decoration:none;font-size:25px}
.vumoo-title-focus-card .detail-visual{height:265px}
.vumoo-title-focus-card .detail-text{padding:0 38px 35px;margin-top:-33px;position:relative}
.vumoo-title-focus-card .detail-text h1{font:700 clamp(32px,4vw,42px)/1.1 var(--heading);letter-spacing:-.045em;margin:10px 0 15px;color:#fff}
.vumoo-title-focus-card .detail-overview{font-size:13px;line-height:1.9;color:#bcc0cb}
.vumoo-title-focus-card .detail-meta{display:flex;flex-wrap:wrap;gap:13px;color:#dbd0c1;font-size:12px;font-weight:700}
.vumoo-title-focus-card .detail-buttons{margin-top:20px}.vumoo-title-focus-card .detail-social-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.vumoo-title-focus-ad{padding:4px 25px 26px}
@media(max-width:540px){.vumoo-title-focus{padding:15px 10px 35px}.vumoo-title-focus-card .detail-visual{height:185px}.vumoo-title-focus-card .detail-text{padding:0 20px 25px;margin-top:-15px}}