.campaign-story-root{display:none;position:fixed;inset:0;z-index:220;background:#071e2be8;align-items:center;justify-content:center;font-family:Arial,sans-serif}.campaign-story-root.is-open{display:flex}.campaign-story-root.campaign-story-inline{position:relative;width:100%;aspect-ratio:9/16;min-height:0;border-radius:12px;overflow:hidden;background:#163e50;z-index:1}.campaign-story-inline:not(.is-open){display:block}.campaign-story-scene{position:relative;width:min(100vw,calc(100dvh * 9 / 16));height:min(100dvh,calc(100vw * 16 / 9));isolation:isolate;background-size:cover;background-position:center;overflow:hidden;color:white;container-type:inline-size}.campaign-story-inline .campaign-story-scene{width:100%;height:100%}.campaign-story-message{padding:24px;color:white;background:#234859;border-radius:12px;max-width:95%;overflow-wrap:anywhere}.campaign-story-message button{padding:10px;margin:5px;border-radius:6px;cursor:pointer}.campaign-story-location{position:absolute;left:3%;top:1%;max-width:92%;font-size:clamp(10px,3cqw,16px);background:#123648d9;border-radius:6px;padding:4px 6px;z-index:7}.campaign-story-artnote{position:absolute;left:3%;top:8%;font:bold 10px Arial;background:#2a3956c9;padding:4px;z-index:7}.campaign-story-preview-close{position:absolute;left:3%;top:13%;font:12px Arial;z-index:8;padding:5px 8px;border-radius:6px;cursor:pointer}.campaign-story-portrait-frame{position:absolute;aspect-ratio:1;overflow:hidden;transform-origin:center bottom;filter:drop-shadow(0 5px 7px #163a42a0);z-index:2}.campaign-story-portrait{position:absolute;top:0;height:100%;max-width:none;object-fit:fill;visibility:hidden}.campaign-story-portrait.is-active{visibility:visible}.campaign-story-dialogue{position:absolute;height:34%;color:#51220e;z-index:3}.campaign-story-dialogue-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.campaign-story-text{position:absolute;top:26%;left:9%;right:9%;height:48%;margin:0;font-weight:700;line-height:1.25;overflow:auto;overflow-wrap:anywhere;text-align:left}.campaign-story-name{position:absolute;height:8.2%;z-index:4}.campaign-story-name>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.campaign-story-name strong{position:absolute;left:30%;right:5%;top:20%;height:73%;display:flex;align-items:center;overflow:auto;overflow-wrap:anywhere;white-space:normal;color:#fff6e2;text-shadow:1px 2px #4e240e;font-weight:900;line-height:1.08}.campaign-story-next,.campaign-story-skip{position:absolute;border:0;background:none;padding:0;cursor:pointer;z-index:8}.campaign-story-next img{width:100%;height:auto;display:block}.campaign-story-next:disabled{opacity:.6}.campaign-story-skip{font:bold 12px Arial;color:#42220e;background:#ffdd72;border-radius:16px;padding:7px}.campaign-story-skip[hidden]{display:none}.campaign-story-progress{position:absolute;left:10%;top:93%;font:bold 12px Arial;color:#683f27;z-index:7}.campaign-story-root button:focus-visible{outline:3px solid #168aff;outline-offset:2px}