/* Bound each atlas frame in its own HTML viewport on every browser. */
.atlas-character{position:relative;display:inline-block;aspect-ratio:var(--frame-ratio);height:auto!important;overflow:hidden!important;clip-path:inset(0);contain:paint;isolation:isolate;flex-shrink:0;vertical-align:bottom}
.atlas-character>.atlas-image{position:absolute;display:block;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;image-rendering:auto!important;border:0!important;border-radius:0!important;pointer-events:none;user-select:none}
.atlas-character.media-fallback>.atlas-image{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.pocket-world,.vn-scene,.cheki-art{isolation:isolate;background-image:none!important;background-color:#354c68}
.scene-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;pointer-events:none;z-index:-1;image-rendering:auto!important;border:0!important;border-radius:0!important;max-width:none!important}
.cheki-art>.scene-backdrop{max-height:none!important;margin:0!important}
.cheki-art{container-type:size}
.cheki-art>.atlas-character{width:clamp(70px,calc((100cqh - 50px)*.50063),200px)!important}
@media(max-width:480px){.cheki-art>.atlas-character{width:clamp(70px,calc((100cqh - 8px)*.50063),150px)!important}}
.unknown-person{width:22px;flex:0 0 22px;display:grid;place-items:center;color:#a4b1b4}.unknown-person svg{width:16px;height:16px}.cheki-payments{min-height:153px}.cheki-payments .payment-reason{min-height:16px}.cheki-payments .secondary-btn:disabled{opacity:.3}.cheki-controls{justify-content:center}
/* Reserve the decision window before the first line is read. */
.vn-modal>.vn-decision,.vn-modal>.vn-outcome{flex:0 0 190px;height:190px;min-height:190px;max-height:190px;overflow:auto;box-sizing:border-box}
.vn-placeholder{background:#e7edeb;border:2px solid #7192b1;border-radius:4px}
.vn-modal .vn-actor>.atlas-character,.vn-modal:has(.vn-decision) .vn-actor>.atlas-character{width:210px}
.vn-modal .vn-actor{bottom:17px}
.vn-scene{container-type:size;--dialogue-space:225px}
.vn-modal,.modal-backdrop:has(.vn-modal){animation:none!important;transition:none!important}
.vn-dialogue-window{height:142px;min-height:142px;max-height:142px}
.vn-dialogue-window>p{max-height:100%;overflow:auto}
.vn-modal .vn-actor{height:auto!important;bottom:26px!important}
.vn-modal .vn-actor>.atlas-character,.vn-modal:has(.vn-decision) .vn-actor>.atlas-character{width:clamp(70px,calc((100cqh - var(--dialogue-space))/(520/397)),210px)!important;transform:none!important}
@media(max-width:820px){.vn-modal .vn-actor>.atlas-character,.vn-modal:has(.vn-decision) .vn-actor>.atlas-character{width:210px}}
@media(max-width:480px){.vn-modal>.vn-decision,.vn-modal>.vn-outcome{flex-basis:220px;height:220px;min-height:220px;max-height:220px}.vn-modal .vn-actor>.atlas-character,.vn-modal:has(.vn-decision) .vn-actor>.atlas-character{width:190px}.vn-decision .event-choices:has(.event-choice:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.vn-decision .event-choices:has(.event-choice:nth-child(4)) .event-choice{padding:6px;min-height:38px}.vn-decision .event-choices:has(.event-choice:nth-child(4)) .event-choice b{font-size:9px}.vn-decision .event-choices:has(.event-choice:nth-child(4)) .event-choice small{font-size:7px}}
@media(max-height:580px) and (min-width:600px){.vn-modal>.vn-decision,.vn-modal>.vn-outcome{flex-basis:130px;height:130px;min-height:130px;max-height:130px}.vn-modal .vn-actor>.atlas-character,.vn-modal:has(.vn-decision) .vn-actor>.atlas-character{width:130px}}
@media(max-height:450px) and (min-width:600px){.vn-modal .vn-actor>.atlas-character,.vn-modal:has(.vn-decision) .vn-actor>.atlas-character{width:70px}}
@media(max-width:480px){.vn-scene{--dialogue-space:270px}.vn-dialogue-window{height:180px;min-height:180px;max-height:180px}}
@media(max-height:450px) and (min-width:600px){.vn-dialogue-window{height:75px;min-height:75px;max-height:75px}}

.vn-modal:has([data-modal=dialogue-next]){cursor:pointer}.vn-modal button,.vn-modal a{cursor:pointer}

.change-tag.positive{color:#1264c7!important;background:#e1edff!important}.change-tag.negative{color:#c32736!important;background:#ffe2e4!important}.vn-outcome .outcome-changes{padding:8px;background:#f6faf7;border:1px solid #9cb3c5;border-radius:4px}.vn-outcome .change-tag{font-size:13px;font-weight:700;padding:5px 8px}.change-feedback-modal{cursor:pointer}
.all-attendance-badge{display:inline-block;font:700 9px var(--font);font-style:normal;color:#ae3c63;border:1px solid #d3a03b;background:#fff6c5;border-radius:3px;padding:2px 5px;margin-left:5px;vertical-align:middle}.hud-social{display:flex;justify-content:space-around;gap:8px}.all-attendance-stamp{display:inline-block;margin:6px 0 12px;padding:7px 13px;border:3px double #b44367;border-radius:5px;font:700 25px var(--pixel);letter-spacing:5px;color:#b44367;transform:rotate(-8deg)}.cheki-counts{max-height:210px;overflow:auto;scrollbar-gutter:stable}.cheer-mode-picker>button:disabled{opacity:.5;cursor:not-allowed}
