.void-status{margin:.5rem 0;padding:.7rem 1rem;border:1px solid #b6adc566;background:linear-gradient(120deg,#17232d,#282236);border-radius:8px;color:#eee6da}.void-status>div{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.void-status p{margin:.4rem 0}.void-status small{display:block;color:#cfc5b8;line-height:1.6}.void-status progress{width:100%;height:5px;accent-color:#debf7b}.void-status button{margin-top:.6rem;width:100%}.void-pressure{background:#13121d}.void-cinematic{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080810;color:#f4efe7;display:flex;flex-direction:column;overflow:auto}.void-cinematic:not([open]){display:none}.void-picture{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.void-picture img{width:100%;height:100%;max-height:76dvh;object-fit:contain}.void-caption{flex:none;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#15131df0,#080810);line-height:1.75}.void-caption p{margin:.45rem auto 1rem;max-width:50rem}.void-caption small{color:#ddc591}.void-caption>div{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.void-caption .primary{min-width:10rem}.void-choice-preview{display:block;margin:0 auto 1rem;width:100%;height:min(40dvh,360px);object-fit:contain}.void-choice-confirm{text-align:center}.void-choice-confirm p{line-height:1.7}@media(min-width:900px){.void-cinematic{flex-direction:row;align-items:stretch}.void-picture{flex:1.4}.void-picture img{max-height:100dvh}.void-caption{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem}.void-status{max-width:100%}}@media(max-height:500px){.void-caption{padding:.7rem}.void-caption p{margin:.2rem 0 .6rem}}
.void-choice{padding:clamp(1rem,4vw,2rem);max-width:1000px;margin:auto}.void-choice h1{font-size:clamp(1.5rem,5vw,2.4rem);line-height:1.4}.void-choice-help{line-height:1.8;color:#c8bba8}.void-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.void-choice-card{display:flex;flex-direction:column;min-width:0;border:1px solid #b69c6855;background:#141722;color:#eee7d8;padding:.45rem;align-items:stretch}.void-choice-art{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0c0f18}.void-choice-art img{width:100%;height:100%;object-fit:contain}.void-choice-name{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5;padding:.65rem .2rem;min-height:3rem}.void-dialogue-art img{object-fit:contain!important}.void-cg-full{display:grid!important;grid-template-rows:minmax(0,1fr) auto}.void-cg-full .opera-cg-canvas{position:relative;inset:auto;min-height:0}.void-cg-full .opera-cg-controls{position:static}.void-cg-full.hide-controls .opera-cg-controls{display:none}.void-cg-full:not([open]){display:none!important}@media(min-width:740px){.void-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.void-choice-art>.portrait{width:100%;height:100%;aspect-ratio:auto;min-width:0}.void-choice-art svg{width:100%;height:100%}.void-dialogue-art img{object-position:center!important}

/* The choice grid must use the available width, including narrow windows with a scrollbar. */
body:has(.story-campaign-void,.void-status,.void-cinematic[open]){min-width:0}
.story-campaign-void .story-book h1{text-wrap:balance}
.story-campaign-void .void-subtitle{display:block;font-size:.7em;letter-spacing:.06em;margin-top:.3em;white-space:nowrap}
.story-campaign-void .story-book-art{background:#080e18}
.story-campaign-void .story-cover{object-fit:contain}
.story-campaign-void .story-book-art>span{left:16px;right:16px;bottom:12px;font-size:clamp(14px,1.3vw,17px);line-height:1.55;letter-spacing:.05em;text-shadow:0 2px 4px #000}
.story-campaign-void .story-book-shade{background:linear-gradient(0deg,#080e18e6,transparent 35%)}
.story-campaign-void .story-asset>.portrait>img{object-fit:contain!important;object-position:center!important;transform:none!important}
.void-picture>.void-speaker-portrait{width:100%;height:100%;aspect-ratio:auto;background:transparent}
.void-picture>.void-speaker-portrait>img,.void-picture>.void-speaker-portrait>svg{width:100%;height:100%;max-height:76dvh;object-fit:contain;object-position:center;transform:none}
@media(min-width:900px){.void-picture>.void-speaker-portrait>img,.void-picture>.void-speaker-portrait>svg{max-height:100dvh}}

.void-cast-label{font-size:.9rem;color:#ddc591;margin:.3rem 0}.void-caption>small{display:block;margin:.3rem 0 .8rem}.void-caption>div:last-child{gap:.6rem}