/* v2.7.0 — Six opt-in romance tableaux with the same canonical two portrait files. */
.sweet-cg-inline{display:grid;gap:10px;margin:18px 0 22px}
.sweet-cg-inline .imperial-cg-scene{border:1px solid #b99670;border-radius:12px;box-shadow:0 12px 35px #100b18a6}
.sweet-cg-inline p{font-size:13px!important;color:#d6bd9d!important;line-height:1.7!important;margin:0}
.sweet-cg-inline [data-cg-open]{justify-self:start;min-height:44px}
.imperial-cg-scene.cg-sweet .imperial-cg-bg{filter:saturate(.86) brightness(.66)}
.imperial-cg-scene.cg-sweet .imperial-cg-emperor{left:17%;bottom:-8%;height:140%;transform:scaleX(-1)}
.imperial-cg-scene.cg-sweet .imperial-cg-heroine{right:16%;bottom:-10%;height:133%;filter:drop-shadow(0 12px 20px #170c18c9)}
.imperial-cg-scene.cg-sweet .imperial-cg-atmosphere{background:linear-gradient(0deg,#1a101dee 1%,transparent 45%),radial-gradient(ellipse at 50% 38%,#f2bb7555,transparent 63%)}
.imperial-cg-scene.cg-sweet-rain .imperial-cg-bg{filter:brightness(.46) saturate(.68) hue-rotate(8deg)}
.imperial-cg-scene.cg-sweet-rain .imperial-cg-atmosphere{background:linear-gradient(0deg,#17101dec,transparent 60%),repeating-linear-gradient(107deg,transparent 0 58px,#b6d9ff18 59px 60px,transparent 61px 97px)}
.imperial-cg-scene.cg-sweet-study .imperial-cg-heroine{right:20%}
.imperial-cg-scene.cg-sweet-study .imperial-cg-emperor{left:21%}
.imperial-cg-scene.cg-sweet-plum .imperial-cg-bg{filter:sepia(.15) saturate(1.1) brightness(.63)}
.imperial-cg-scene.cg-sweet-lantern .imperial-cg-atmosphere{background:linear-gradient(0deg,#220f20e9,transparent 50%),radial-gradient(ellipse at 54% 28%,#ffb45e99,transparent 56%)}
.imperial-cg-scene.cg-sweet-kiss .imperial-cg-bg{filter:saturate(.55) brightness(.43) hue-rotate(32deg)}
.imperial-cg-scene.cg-sweet-kiss .imperial-cg-emperor{left:24%;height:145%}
.imperial-cg-scene.cg-sweet-kiss .imperial-cg-heroine{right:23%;height:139%}
.imperial-cg-scene.cg-sweet-kiss .imperial-cg-atmosphere{background:linear-gradient(0deg,#101c30d6,transparent 58%),radial-gradient(circle at 47% 24%,#bbd9ff66,transparent 44%)}
.imperial-cg-scene.cg-sweet-spring .imperial-cg-bg{filter:brightness(.83) saturate(1.03)}
.imperial-cg-scene.cg-sweet-spring .imperial-cg-atmosphere{background:linear-gradient(0deg,#1d1726d4,transparent 47%),radial-gradient(circle at 53% 24%,#ffe2aa88,transparent 56%)}
.sweet-cg-inline .imperial-cg-caption strong{font-size:clamp(20px,3vw,34px)}
@media(max-width:650px){
 .sweet-cg-inline{gap:9px;margin:12px 0 18px}
 .sweet-cg-inline .imperial-cg-scene{aspect-ratio:4/3}
 .imperial-cg-scene.cg-sweet .imperial-cg-emperor{left:-9%;height:133%}
 .imperial-cg-scene.cg-sweet .imperial-cg-heroine{right:-9%;height:129%}
 .imperial-cg-scene.cg-sweet-kiss .imperial-cg-emperor{left:2%}
 .imperial-cg-scene.cg-sweet-kiss .imperial-cg-heroine{right:1%}
 .sweet-cg-inline .imperial-cg-caption{left:5%;bottom:5%}
 .sweet-cg-inline .imperial-cg-caption strong{font-size:19px}
 .art-inspector-dialog:has(.cg-sweet) {max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)}
 .art-inspector-dialog .cg-sweet{flex:none;aspect-ratio:4/3;max-height:55dvh}
 .art-inspector-dialog .art-inspector-caption{padding:12px 15px 16px}
}
@media(max-width:400px){.sweet-cg-inline .imperial-cg-scene{aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){.sweet-cg-inline *, .imperial-cg-scene.cg-sweet *{animation:none!important;transition:none!important}}

/* The 6 generated, identity-consistent JPEG masters replace the in-page tableau
   when uploaded. Missing masters leave the game's existing original composites visible. */
.imperial-cg-scene.cg-sweet .sweet-cg-master{
 position:absolute;inset:0;z-index:4;background-color:transparent;
 background-size:cover;background-position:center 39%;background-repeat:no-repeat;
}
.imperial-cg-scene.cg-sweet .imperial-cg-caption{z-index:5}
@keyframes sweetCgAppear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.sweet-cg-inline .imperial-cg-scene{animation:sweetCgAppear .45s ease-out both}
@media(max-width:650px){.imperial-cg-scene.cg-sweet .sweet-cg-master{background-position:center 42%}}
@media(prefers-reduced-motion:reduce){.sweet-cg-inline .imperial-cg-scene{animation:none}}