/* Local additions for the independent Karl adventure. */
.karl-chapter main>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.karl-chapter main>header h1{font-size:clamp(17px,2vw,27px);margin:0}.karl-chapter #perspective-label{font-size:13px;margin:0 0 4px;color:#64583f}.karl-chapter .stage{max-height:none;overflow:hidden}.karl-chapter canvas{display:block}.karl-chapter .panorama-target{max-width:calc(100% - 30px);top:10px;left:12px}.karl-chapter .field-direct-action{bottom:64px;max-width:65%;z-index:14}.karl-chapter .field-direct-action button{white-space:normal}.karl-chapter .panorama-controls{pointer-events:none}.karl-chapter .panorama-controls button{pointer-events:auto}.karl-chapter .panorama-help{background:#fff9e8ed;padding:7px 12px;border-radius:10px}.karl-chapter .panorama-person-grounded>img{object-fit:contain}.karl-chapter .k11-activity{width:min(1000px,calc(100vw - 24px));max-height:94dvh}.k11-activity .learning-body{overscroll-behavior:contain}.k11-activity .monastery-identity h3{white-space:normal}.k11-activity .year-dialog-position{color:#46423a}.k11-feedback{padding:12px;background:#fff0c9;border-radius:9px;line-height:1.5}.k11-explanation{background:#f6f1e7;padding:12px;border-radius:12px;margin:18px 0}.k11-explanation img{width:100%;max-height:330px;object-fit:contain;display:block}.k11-explanation button{display:block;margin:10px auto;white-space:normal}.k11-explanation figcaption{font-size:14px;line-height:1.5}.k11-zones{grid-template-columns:repeat(var(--zone-count),minmax(0,1fr))}.k11-target{display:block;width:100%;min-height:48px;font-size:18px;font-weight:700;background:#fff9e7;color:#302b20;border:2px solid #977e50;border-radius:9px;padding:12px;white-space:normal}.k11-target:disabled{opacity:1}.k11-zone-hint{font-size:14px;color:#61533c}.k11-assigned{padding:10px;margin:8px 0;background:#fffdf5;border:1px solid #b9aa8a;border-radius:8px;line-height:1.45}.k11-assigned button{display:block;font-size:13px;padding:5px 10px;min-height:36px;margin-top:8px}.k11-table-zones{background-position:center;background-size:cover;padding:22px;border-radius:12px;gap:22px}.k11-table-zones .monastery-zone{background:#fff5dcf5}.k11-book{position:relative;aspect-ratio:16/9;margin:14px 0}.k11-book>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}.k11-book-hotspot{position:absolute!important;z-index:2;left:51%;top:19%;width:37%;height:61%;background:#fff0!important;border:3px solid #e9b858!important;box-shadow:0 0 0 3px #24170666;color:transparent!important;border-radius:5px;cursor:zoom-in}.k11-book-hotspot:hover,.k11-book-hotspot:focus-visible{background:#ffdb6933!important}.k11-book-hotspot::after{content:'Das Hofbild betreten';position:absolute;bottom:7px;left:8%;right:8%;padding:9px;background:#fff6dded;color:#392a18;font-size:clamp(12px,2vw,19px);border-radius:8px;white-space:normal}.k11-transition{position:fixed;inset:0;z-index:100000;background:#1b140c;overflow:hidden}.k11-transition img{width:100%;height:100%;object-fit:contain;transform-origin:70% 52%;transition:transform 1.7s ease-in,opacity .5s 1.2s}.k11-transition.zoom img{transform:scale(3.2);opacity:.2}.k11-transition p{position:absolute;inset:45% 10% auto;text-align:center;color:white;font:700 clamp(28px,5vw,64px) Georgia,serif;opacity:0;transition:opacity .6s .7s}.k11-transition.zoom p{opacity:1}.k11-viewer{width:min(1500px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;background:#f6f1e7;border:2px solid #8b7757;border-radius:16px;box-sizing:border-box;padding:18px}.k11-viewer::backdrop{background:#16201ce8}.k11-viewer>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.k11-viewer h2{font-size:clamp(18px,2vw,27px);margin:0}.k11-viewer-tools{display:flex;gap:12px;align-items:center;justify-content:center;margin:12px 0;flex-wrap:wrap}.k11-viewer-port{height:calc(94dvh - 210px);overflow:auto;background:#e7e0d0;touch-action:none;cursor:grab}.k11-viewer-port img{display:block;width:100%;max-width:none;height:auto;user-select:none}.k11-viewer>p{font-size:14px}.k11-home{display:inline-block;margin:12px 20px;color:#44351f}.karl-chapter #menu a{display:block;margin-top:20px;color:#44351f}.karl-chapter #year-progress{line-height:1.4}.karl-chapter :focus-visible{outline:3px solid #196592;outline-offset:3px}
@media(max-width:700px){.k11-zones{grid-template-columns:1fr}.k11-table-zones{padding:10px}.karl-chapter .field-direct-action{max-width:calc(100% - 28px);bottom:56px}.karl-chapter main>header{align-items:flex-start;gap:4px}.karl-chapter main>header nav{gap:3px}.karl-chapter main>header nav button{min-width:42px;padding:8px}.karl-chapter .panorama-target{font-size:12px}.k11-explanation img{max-height:240px}}
@media(prefers-reduced-motion:reduce){.k11-transition *{transition:none!important;animation:none!important}}

/* v0.1.1: fullscreen modal in the browser top layer, above the book dialog. */
dialog.k11-transition{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#1b140c;color:#fff;box-sizing:border-box;}
dialog.k11-transition::backdrop{background:#1b140c;}
dialog.k11-transition img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:cover;transform-origin:70% 52%;}
dialog.k11-transition>p{margin:0;pointer-events:none;}
.k11-transition-skip{position:absolute;right:20px;bottom:20px;z-index:2;background:#fff4dc;color:#302719;border:1px solid #8e764f;min-height:44px;}
/* v0.2: sound can be toggled while a modal activity is open. */
.k11-activity .learning-header #k11-dialog-sound{order:1;display:flex;align-items:center;gap:6px;min-height:44px;flex-shrink:0;font-size:15px;padding:8px 12px;}
.k11-activity .learning-header .learning-close{order:2;}
.k11-activity .learning-header h2{flex:1;min-width:0;}
.k11-activity audio{display:block;max-width:100%;}
.k11-activity audio[hidden]{display:none!important;}
.k11-activity .learning-header{flex-wrap:wrap;}
@media(max-width:650px){.k11-activity .learning-header h2{flex-basis:calc(100% - 55px);}.k11-activity .learning-header #k11-dialog-sound{order:3;}.k11-activity .learning-header .learning-close{order:2;}}
/* v0.2.1: spoken transition; its sentence is deliberately not shown as text. */
dialog.k11-transition img{transition:transform var(--book-transition-duration,1700ms) ease-in-out,opacity 600ms calc(var(--book-transition-duration,1700ms) - 500ms);}
dialog.k11-transition #k11-transition-sound{position:absolute;right:20px;top:20px;z-index:3;display:flex;align-items:center;gap:8px;min-height:44px;background:#fff4dc;color:#302719;}
dialog.k11-transition audio{display:none!important;}