/* One scene, with each selectable PNG shown once above the background. */
.anime-theme.in-campaign .choice-panel.immersive-choices{
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);
 grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
 grid-template-areas:'eyebrow' 'heading' 'flavor' 'help' 'choices' 'footer';
 gap:8px;padding:20px 24px;background:#101d30;
}
.anime-theme.in-campaign .choice-panel.immersive-choices>.event-backdrop{
 display:block!important;position:absolute;inset:0;z-index:0;grid-area:auto;
 width:100%;height:100%!important;max-height:none;min-height:0;margin:0;
 border:0;border-radius:inherit;aspect-ratio:auto;box-shadow:none;background:transparent;pointer-events:none;
}
.anime-theme.in-campaign .choice-panel.immersive-choices>.event-backdrop:after{content:none}
.anime-theme.in-campaign .immersive-choices>.event-backdrop .event-landscape{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.8) saturate(.9)}
.anime-theme.in-campaign .choice-panel.immersive-choices:after{
 content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
 background:linear-gradient(180deg,#081329eb 0%,#081329a3 20%,#08132930 50%,#081329a8 84%,#081329ed 100%);
}
.anime-theme.in-campaign .choice-panel.immersive-choices>:not(.event-backdrop){position:relative;z-index:2}
.anime-theme.in-campaign .choice-panel.immersive-choices>h2{font-size:30px;color:#fff2d5;text-shadow:0 2px 5px #061020}
.anime-theme.in-campaign .choice-panel.immersive-choices>.eyebrow{color:#ffe0a1;text-shadow:0 1px 4px #061020}
.anime-theme.in-campaign .choice-panel.immersive-choices>.node-flavor{
 background:none;border:0;padding:0;font-size:16px!important;line-height:1.4;color:#eee7ed;text-shadow:0 1px 5px #061020;
}
.anime-theme.in-campaign .choice-panel.immersive-choices>p:not(.node-flavor){color:#fff1d9;font-size:16px;line-height:1.4;text-shadow:0 1px 5px #061020}
.anime-theme.in-campaign .choice-panel.immersive-choices>.offer-grid{
 grid-area:choices;grid-column:1/-1;align-content:center;align-items:stretch;gap:18px;width:100%;max-width:1080px;justify-self:center;
}
.anime-theme.in-campaign .immersive-choices .offer-card{
 background:transparent!important;border:1px solid transparent;box-shadow:none;border-radius:14px;
 min-width:0;min-height:0;padding:12px 8px;gap:8px;color:#fff2da;text-shadow:0 2px 5px #061020;
}
.anime-theme.in-campaign .immersive-choices .offer-card:hover:enabled,.anime-theme.in-campaign .immersive-choices .offer-card:focus-visible{
 border-color:#f3d391a6;background:linear-gradient(180deg,#efc97605,#101c3366)!important;
}
.anime-theme.in-campaign .immersive-choices .offer-card .avatar{width:100%;height:clamp(80px,23dvh,190px);max-height:190px;margin:0;flex-shrink:1}
.anime-theme.in-campaign .immersive-choices .offer-card .character-portrait{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 8px #020a18a8)}
.anime-theme.in-campaign .immersive-choices .offer-card>.item-icon{width:clamp(84px,12vw,140px);height:clamp(84px,12vw,140px);max-height:24dvh;margin:0 0 6px;filter:drop-shadow(0 5px 7px #020a18a8)}
.anime-theme.in-campaign .immersive-choices .offer-card h3{font-size:29px;line-height:1.1;color:#fff1d0;margin:0}
.anime-theme.in-campaign .immersive-choices .offer-card p{font-size:15px;line-height:1.4;color:#f3eaf0;margin:0}
.anime-theme.in-campaign .immersive-choices .offer-card>span{font-size:15px;font-weight:800;color:#ffe0a1;margin-top:4px;padding:6px 12px;border:1px solid #dfb66a99;border-radius:7px;background:#101b3299}
.anime-theme.in-campaign .immersive-choices>.text-button{color:#ffe4ac;text-shadow:0 2px 5px #061020;min-height:36px}
/* Keep lettering readable over the scene even when the surrounding UI is light. */
body[data-theme=light].anime-theme.in-campaign .immersive-choices :is(h2,h3,strong){color:#fff1d0!important}
body[data-theme=light].anime-theme.in-campaign .immersive-choices :is(p,small){color:#f3eaf0!important}
@media(max-height:680px){
 .anime-theme.in-campaign .choice-panel.immersive-choices{padding:12px 18px;gap:6px}
 .anime-theme.in-campaign .immersive-choices .offer-card{padding:8px 6px;gap:5px}
 .anime-theme.in-campaign .immersive-choices .offer-card .avatar{height:clamp(64px,20dvh,125px)}
 .anime-theme.in-campaign .immersive-choices .offer-card h3{font-size:25px}
 .anime-theme.in-campaign .immersive-choices .offer-card p{font-size:14px;line-height:1.3}
 .anime-theme.in-campaign .immersive-choices .offer-card>.item-icon{width:90px;height:90px}
}
@media(max-width:760px){
 .anime-theme.in-campaign .choice-panel.immersive-choices{padding:12px;gap:7px}
 .anime-theme.in-campaign .choice-panel.immersive-choices>.offer-grid{gap:8px}
 .anime-theme.in-campaign .immersive-choices .offer-card{padding:7px 4px;gap:6px}
 .anime-theme.in-campaign .immersive-choices .offer-card h3{font-size:24px}
 .anime-theme.in-campaign .immersive-choices .offer-card p{font-size:13px;line-height:1.3}
 .anime-theme.in-campaign .immersive-choices .offer-card>span{font-size:13px;padding:6px}
}