@import url('./base.css');
.k13-activity,.k13-info,.k13-overview{max-height:92dvh;max-width:min(900px,96vw)}
.k13-activity .learning-body,.k13-info .learning-body,.k13-overview .learning-body{overflow:auto;min-height:0}
.k13-activity .learning-conversation{border-left:5px solid var(--speaker-border);background:var(--speaker-background);border-radius:10px;padding:16px}
.k13-card-pool{display:flex;flex-wrap:wrap;gap:9px;padding:12px;background:#eae0cb;border-radius:9px;min-height:45px}
.k13-card-pool button{flex:1 1 190px;background:#fff9e9;color:#30281b;border:2px solid #aa8c53;padding:12px;cursor:grab}
.k13-card-pool button[aria-pressed=true]{outline:4px solid #2e6c83}
.k13-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px}
.k13-zone{padding:12px;border:2px dashed #9b845f;border-radius:10px;background:#f3eddf;min-width:0}
.k13-zone>button{display:block;width:100%;white-space:normal;margin-block:6px}
.k13-book{position:relative;aspect-ratio:16/9;margin:14px 0;isolation:isolate}
.k13-book>.k13-book-base{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}
.k13-book>.k13-book-portal{position:absolute;left:52.65%;top:21.6%;width:34.65%;height:56%;margin:0;padding:0;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;clip-path:polygon(0 0,96% 0,100% 100%,0 100%);cursor:zoom-in}
.k13-book-portal>img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 53%;margin:0}
.k13-book-portal:hover,.k13-book-portal:focus-visible{filter:brightness(1.08);outline:3px solid #e9b858;outline-offset:-3px}
.k13-transition{position:fixed;inset:0;z-index:100000;overflow:hidden;isolation:isolate;background:#211c1330}
.k13-zoom-book{position:absolute;transform-origin:0 0;will-change:transform;pointer-events:none}
.k13-zoom-book>.k13-book{box-sizing:border-box;width:100%;height:100%;margin:0}
.k13-transition>button{position:absolute;right:20px;bottom:25px;z-index:2;padding:16px;background:#f1dba6;color:#253a32}
.k13-plan{width:100%;height:auto;display:block;max-height:none}
.k13-overview .learning-body>button{margin:7px}
.k13-activity details{padding:10px;background:#e9e2d4;border-radius:5px;margin-block:8px}
.k13-activity .k12-observe{cursor:pointer;gap:12px}
.k13-activity .k12-observe input{min-width:22px;min-height:22px}
.k13-activity button{white-space:normal}
@media(max-width:650px){.k13-zones{grid-template-columns:1fr}.k13-activity{padding:10px}}
@media(prefers-reduced-motion:reduce){.k13-zoom-book{transition:none!important;animation:none!important}}
.k13-plan-frame{position:relative}.k13-location-marker{position:absolute;color:#aa2b1d;font-size:32px;transform:translate(-50%,-50%);text-shadow:0 0 3px white,0 0 8px white}
.k13-activity .learning-body{overflow-wrap:break-word}
.k13-activity .monastery-identity{display:flex;align-items:center;gap:16px}
.k13-activity .dialogue-portrait{width:76px;height:76px;flex:0 0 76px;border-radius:14px}
/* Supporting illustrations follow text and continue control. */
.k13-activity .k13-explanation img{display:block;width:100%;height:auto;max-height:44dvh;object-fit:contain;cursor:zoom-in}
.k13-activity .k13-explanation figcaption{font-size:14px;line-height:1.5}
.k13-viewer[open]{display:flex;flex-direction:column;gap:8px;overflow:hidden}
.k13-viewer>header,.k13-viewer>.k11-viewer-tools{flex:0 0 auto}
.k13-viewer>.k11-viewer-port{flex:1 1 auto;min-height:0;height:auto;overflow:auto}
.k13-viewer>p{flex:0 0 auto;max-height:18dvh;overflow:auto;margin:4px 0;line-height:1.45}
@media(max-width:650px){.k13-viewer{padding:10px}.k13-viewer>.k11-viewer-tools{gap:7px;margin:6px 0}.k13-activity .k13-explanation img{max-height:35dvh}}

/* Standortkarte wie in den Klosterkapiteln: unten rechts, unabhängig vom Drehwinkel. */
.k13-map-mini{position:absolute;right:10px;bottom:10px;z-index:9;width:clamp(124px,17vw,210px);border:2px solid #795331;border-radius:10px;background:#f1dfba;box-shadow:0 4px 16px #24180d66;overflow:hidden}
.k13-map-mini[hidden]{display:none}
.k13-map-mini>button{display:block;width:100%;padding:0;margin:0;border:0;border-radius:0;background:#f1dfba;color:#432b19;cursor:zoom-in}
.k13-map-mini strong{display:block;padding:5px;font:600 15px Georgia,serif}.k13-map-current{display:block;padding:4px 6px;font-size:12px;line-height:1.3}
.k13-map-picture{position:relative;line-height:0;width:100%;isolation:isolate}.k13-map-picture>img{display:block;width:100%;height:auto;user-select:none}
.k13-map-dot{position:absolute;transform:translate(-50%,-50%);width:15px;height:15px;box-sizing:border-box;background:#c82029;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #73242a;pointer-events:none;z-index:2}
.k13-map-mini .k13-map-dot{width:11px;height:11px;border-width:2px}
.k13-map-dialog{width:min(1100px,96vw);max-width:96vw;max-height:94dvh;box-sizing:border-box;overflow:auto;padding:18px;background:#f8edda;color:#382819;border:2px solid #89633b;border-radius:14px}
.k13-map-dialog::backdrop{background:#172219b8}.k13-map-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-18px;background:#f8edda;z-index:3;padding:6px 0}.k13-map-dialog h2{margin:0;font-family:Georgia,serif}
.k13-map-dialog button{min-height:44px;cursor:pointer}.k13-map-dialog button:disabled{cursor:default}.k13-map-mini button:focus-visible,.k13-map-dialog :focus-visible{outline:3px solid #197587;outline-offset:-3px}
.k13-map-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.k13-map-viewport{height:60dvh;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;background:#d9d6c0;border:1px solid #a08052;border-radius:6px}.k13-map-sheet{width:100%;max-width:none}.k13-map-destinations{display:flex;flex-wrap:wrap;gap:8px}.k13-map-destinations button{flex:1 1 180px;text-align:left}.k13-map-dialog p{line-height:1.45}
@media(max-width:650px){.k13-map-mini{width:124px;right:6px;bottom:6px}.k13-map-mini strong{font-size:13px;padding:3px}.k13-map-current{font-size:11px}.k13-map-dialog{padding:12px}.k13-map-dialog>header{top:-12px}.k13-map-dialog h2{font-size:20px}.k13-map-viewport{height:52dvh}}

.k13-map-sheet{margin:0 auto}

@media(max-width:650px){
 .karl-chapter .stage:has(.k13-map-mini:not([hidden])) .panorama-right{top:8px}
 .karl-chapter .stage:has(.k13-map-mini:not([hidden])) .panorama-target{max-width:calc(100% - 90px)}
}
@media(max-width:450px){.k13-map-mini{width:100px}.k13-map-current{display:none}.k13-map-mini strong{font-size:12px}}
.k13-icon-leader{position:absolute;height:2px;background:#fff5d9cc;box-shadow:0 0 2px #372715;transform-origin:0 50%;pointer-events:none;z-index:1}
.k13-icon-leader[hidden]{display:none}
.k13-info-overflow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.k13-info-overflow[hidden]{display:none}.k13-info-overflow button{flex:0 1 auto;min-height:44px;border:2px solid #765331;border-radius:8px;background:#fff3d5;color:#382812;padding:7px 12px;white-space:normal}.k13-info-overflow button[hidden]{display:none}
@media(max-width:650px){.karl-chapter .stage:has(.k13-map-mini){overflow:visible}.karl-chapter .stage:has(.k13-map-mini) .panorama-layer{overflow:hidden}.karl-chapter .stage:has(.k13-map-mini) .field-direct-action{bottom:-76px;left:0;transform:none;max-width:100%;width:100%}.karl-chapter .stage .panorama-door.panorama-info{width:44px;height:44px;min-width:44px;min-height:44px}}

.karl-chapter .stage .panorama-target{bottom:auto}

.k13-map-picture>.k13-map-number{position:absolute;z-index:3;left:0;top:0;transform:translate(-50%,-50%);display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:2px solid #573b20;border-radius:50%;background:#fff0c4;color:#352619;font:bold 18px/1 system-ui;box-shadow:0 2px 5px #0006;touch-action:manipulation}.k13-map-picture>.k13-map-number.k13-map-here{border:4px solid #b11e29;background:#ffe2b6}.k13-map-picture>.k13-map-number:disabled{opacity:1;cursor:default}.k13-map-picture>.k13-map-number:not(:disabled):hover{background:#fff7e3;outline:3px solid #267887}.k13-map-mini .k13-map-number{width:15px;height:15px;min-width:15px;min-height:15px;border-width:1px;font-size:10px;box-shadow:none;pointer-events:none}.k13-map-mini .k13-map-number.k13-map-here{border-width:2px}.k13-map-picture>.k13-map-dot{z-index:4;width:9px;height:9px;margin-left:17px;margin-top:-17px}.k13-map-mini .k13-map-dot{width:6px;height:6px;margin-left:6px;margin-top:-6px;border-width:1px}