.sc-widget{min-width:0;width:100%;--sc-shift:24px;--sc-duration:800ms;--sc-tint:#98eeff;--sc-fade:.3}.sc-trigger{display:block;width:100%;padding:0;border:1px solid #29414d;background:#080d15;color:#f0f5ff;text-align:left;cursor:pointer;font:inherit;overflow:hidden}.sc-trigger:focus-visible,.sc-close:focus-visible{outline:3px solid #98eeff;outline-offset:4px}.sc-stage{position:relative;display:block;width:100%;height:clamp(280px,38vw,540px);overflow:hidden;background:radial-gradient(ellipse,#183747,#080d15 75%);isolation:isolate}.sc-stage .sc-layer{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;pointer-events:none;margin:0}.sc-stage .sc-person{object-fit:contain;object-position:center bottom;z-index:1}.sc-variant[hidden]{display:none!important}.sc-foreground{z-index:2}.sc-tint{position:absolute;inset:0;background:var(--sc-tint);opacity:0;z-index:3;pointer-events:none}.sc-caption{display:grid;gap:10px;padding:24px}.sc-caption strong{font-size:18px}.sc-caption span{font-size:14px;color:#aabecb}.sc-caption span:last-child{color:#98eeff}.sc-sample{position:absolute;inset:0;background-repeat:no-repeat;background-size:auto 100%}.sc-animate .sc-person,.sc-animate .sc-sample{animation:sc-person var(--sc-duration) ease-out}.sc-animate .sc-background{animation:sc-back var(--sc-duration) ease-out}.sc-animate .sc-foreground{animation:sc-front var(--sc-duration) ease-out}.sc-animate .sc-tint{animation:sc-tint var(--sc-duration) ease-out}.sc-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(1050px,94vw);max-width:94vw;max-height:90dvh;margin:auto;padding:0;background:#080d15;color:#f0f5ff;border:1px solid #48616c;overflow:auto;overscroll-behavior:contain}.sc-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.sc-dialog::backdrop{background:#01050cda;backdrop-filter:blur(10px)}.sc-close{position:sticky;top:12px;grid-column:1/-1;justify-self:end;z-index:5;margin:12px;padding:10px 18px;background:#183747;color:white;border:1px solid #68818d;cursor:pointer;font-size:16px}.sc-detail-body{padding:24px 32px;min-width:0;overflow-wrap:anywhere;font-size:16px;line-height:1.9}.sc-detail-body h2{font-size:clamp(24px,4vw,40px)}.sc-detail-content video,.sc-detail-content img,.sc-detail-content iframe{max-width:100%}.sc-detail-content iframe{width:100%;aspect-ratio:16/9;height:auto}.sc-detail-art{min-width:0}.sc-detail-art .sc-stage{position:sticky;top:64px}.sc-editor{border:1px solid #48616c;padding:20px}.sc-editor .sc-stage{max-width:420px}.sc-editor h3{color:inherit}@keyframes sc-person{from{transform:translateX(var(--sc-shift));opacity:.3}to{transform:none;opacity:1}}@keyframes sc-back{from{transform:translateX(calc(var(--sc-shift)*-.35)) scale(1.1)}to{transform:none}}@keyframes sc-front{from{transform:translateX(calc(var(--sc-shift)*-1)) scale(1.1)}to{transform:none}}@keyframes sc-tint{0%,100%{opacity:0}35%{opacity:var(--sc-fade)}}@media(max-width:640px){.sc-dialog[open]{grid-template-columns:1fr}.sc-detail-art .sc-stage{height:320px}.sc-detail-body{padding:20px}.sc-stage{height:400px}}@media(prefers-reduced-motion:reduce){.sc-widget *{animation:none!important;transition:none!important}}
.sc-cutin{overflow:hidden;isolation:isolate}.sc-cutin .sc-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-cutin .sc-person{object-fit:contain;z-index:1}.sc-cutin .sc-sample{z-index:1}.cutin-copy{z-index:4}
.sc-stage,.sc-cutin{container-type:size}.sc-sample{left:50%;right:auto;width:50cqh;max-width:100%;transform:translateX(-50%);animation:none!important}
/* Each widget owns its accent, including the modal in the top layer. */
.sc-widget,.sc-editor{--sc-key:#98eeff;--sc-accent-text:color-mix(in srgb,var(--sc-key) 55%,white)}
.sc-trigger,.sc-dialog,.sc-editor{border-color:var(--sc-key)}
.sc-stage{background:radial-gradient(ellipse,color-mix(in srgb,var(--sc-key) 24%,#080d15),#080d15 75%)}
.sc-caption span:last-child,.sc-detail-body>p:first-child,.sc-detail-content a{color:var(--sc-accent-text)}
.sc-trigger:focus-visible,.sc-close:focus-visible{outline-color:var(--sc-key)}
.sc-close{border-color:var(--sc-key);background:color-mix(in srgb,var(--sc-key) 22%,#080d15)}
/* Preserve aspect ratios in previously saved character image blocks. */
.stardust-sprite img{object-fit:contain!important}.stardust-sprite img[src$="character-trio.png"]{position:absolute;width:auto!important;max-width:none!important;height:100%!important;left:50%;transform:translateX(-16.666667%)!important}.sprite-1 img[src$="character-trio.png"]{transform:translateX(-50%)!important}.sprite-2 img[src$="character-trio.png"]{transform:translateX(-83.333333%)!important}