:root{--ink:#292b26;--paper:#f4ecd9;--teal:#22564f;--rust:#a84e2e;--gold:#d4aa55;--line:#c6bda8;--cream:#fff9e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;background-image:radial-gradient(#9b825d15 .6px,transparent .6px);background-size:5px 5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--rust);outline-offset:4px}button{touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button[hidden],[hidden]{display:none!important}.app{max-width:1600px;margin:auto;padding:0 42px}.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font-weight:900;font-size:23px;letter-spacing:1px}.brand small{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:1.8px;margin-top:5px}.brand-mark{display:block;position:relative;font-size:29px;border:2px solid var(--ink);width:46px;height:50px;line-height:35px;transform:rotate(-5deg);text-align:center;background:var(--teal);color:var(--paper)}.brand-mark span{position:absolute;bottom:-3px;right:2px;font-size:23px}.edition{text-align:center}.edition span,.eyebrow{font:10px Arial,sans-serif;letter-spacing:2px}.edition strong{display:block;font-size:19px;font-style:italic;margin-top:6px}nav{display:flex;gap:13px}.icon-btn{border:1px solid var(--line);background:transparent;padding:10px 12px;font-family:Arial,sans-serif;font-size:14px;display:flex;align-items:center;gap:7px;min-height:42px}.icon-btn i{font-size:10px;border-radius:50%;background:var(--teal);color:white;min-width:19px;height:19px;line-height:19px;font-style:normal}.chapter-line{display:flex;align-items:center;justify-content:space-between;height:65px;font:10px Arial,sans-serif;letter-spacing:1.6px}.place{display:flex;align-items:center;gap:8px;font-weight:bold;min-width:100px}.place i{height:7px;width:7px;background:var(--rust);border-radius:50%}.route{display:flex;gap:15px;color:#8a8679;align-items:center;letter-spacing:0}.route span{padding:6px 0}.route b{font-weight:normal;margin-left:4px}.route .active{color:var(--teal);border-bottom:2px solid var(--teal)}.route .visited{color:var(--ink)}.route em{font-style:normal;color:#b8af9a}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.game-frame{position:relative;border:3px solid var(--ink);background:#cfbd91;overflow:hidden;min-width:0;height:clamp(430px,60vh,670px);box-shadow:4px 5px 0 #292b2620}canvas{width:100%;height:100%;display:block;touch-action:none}.quest{position:absolute;top:20px;left:20px;z-index:2;display:flex;gap:12px;background:var(--cream);padding:12px 18px 12px 12px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 #292b2630;max-width:calc(100% - 40px);pointer-events:none}.quest-symbol{font-size:25px;color:var(--rust);align-self:center}.quest small{display:block;font:9px Arial,sans-serif;letter-spacing:1.6px;color:#7c725f;margin-bottom:4px}.quest strong{font-size:16px;line-height:1.2;font-weight:normal}.scene-caption{position:absolute;bottom:16px;left:18px;max-width:55%;background:#f7efdbec;padding:7px 11px;font-style:italic;font-size:13px;border-left:2px solid var(--rust);pointer-events:none}.interact-wrap{position:absolute;bottom:21px;right:20px;z-index:3}.interact{padding:13px 17px;border:2px solid var(--ink);background:var(--teal);color:var(--cream);box-shadow:3px 3px 0 #25282066;font:14px Arial,sans-serif;min-height:48px}.interact kbd{background:#ffffff22;border-color:#ffffff55;margin-right:7px}.interact b{margin-left:15px;font-size:18px}kbd{border:1px solid #b8b19f;padding:2px 5px;font:10px Arial,sans-serif;display:inline-block;min-width:19px;text-align:center;border-radius:2px}.notebook{background:#ede2c9;border:1px solid var(--line);padding:24px 21px;position:relative;display:flex;flex-direction:column}.notebook:after{content:'';position:absolute;left:-4px;top:10%;height:75%;width:7px;background:repeating-linear-gradient(0deg,transparent 0 25px,#9d8f7444 25px 27px)}.notebook-heading{display:flex;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:1px}.notebook-heading small{font-size:9px}.notebook-heading span{color:#8b806b}.notebook h2{font-size:27px;line-height:1.05;font-weight:normal;margin:20px 0 9px}.notebook-intro{font:12px/1.5 Arial,sans-serif;color:#766e5e;margin:0 0 18px}.mini-panels{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-panel{min-height:80px;border:1.5px solid var(--ink);background:#f7efdc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:8px 3px;font-size:11px;overflow:hidden}.mini-panel .sketch{font-size:25px;margin-bottom:4px;color:var(--teal)}.mini-panel.empty{border:1px dashed #a79b82;color:#9c927f;background:transparent}.mini-panel.empty .sketch{color:#ada18b;font-size:25px}.mini-panel em{font-size:9px;position:absolute;top:3px;left:5px;font-style:normal}.notebook-link{background:none;border:0;border-bottom:1px solid #c7baa0;display:flex;justify-content:space-between;font-size:12px;padding:13px 0}.paper-note{margin-top:auto;padding-top:24px;font-size:17px;font-style:italic;transform:rotate(-3deg);line-height:1.4;color:#78694f}.paper-note span{display:block;text-align:right;font:10px Arial,sans-serif;margin-top:8px}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:85px;border-bottom:1px solid var(--line)}.movement{display:flex;align-items:center;gap:7px}.movement button{height:42px;min-width:44px;background:#e6dac2;border:1px solid #b3a88f;font:22px Georgia;box-shadow:0 2px 0 #bfb29b;user-select:none;touch-action:none}.movement button.held{background:var(--teal);color:white;transform:translateY(2px);box-shadow:none}.movement .jump-btn{font-size:20px;margin-left:12px;padding:0 12px}.jump-btn span{font:11px Arial,sans-serif;margin-left:5px}.control-label{font:8px Arial,sans-serif;color:#827863;letter-spacing:.7px;margin:0 8px}.control-tip{font:11px/1.4 Arial,sans-serif;color:#776e5f;max-width:260px}.text-button{padding:7px 0;border:0;background:none;text-decoration:none;font:11px/1.4 Arial,sans-serif}.text-button:hover,.notebook-link:hover{color:var(--rust)}.restart{white-space:nowrap;font-size:12px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 25px}.page-footer>span{font:8px Arial,sans-serif;letter-spacing:2px;color:#897d65}.page-footer button{font-size:10px;color:#80745f}.cover{position:absolute;inset:0;background:linear-gradient(90deg,#24352c20,transparent);z-index:5;display:flex;align-items:center;padding:35px}.cover-paper{padding:30px 35px 25px;background:#f9f0dccf;backdrop-filter:blur(10px);border:1px solid #292b2666;box-shadow:5px 5px 0 #292b2633;max-width:440px;transform:rotate(-1deg)}.cover h1{font-size:clamp(40px,4.8vw,70px);line-height:.97;letter-spacing:-2px;margin:22px 0 18px;font-weight:normal}.cover h1 em{color:var(--teal)}.cover p{font-size:16px;line-height:1.6}.primary{background:var(--teal);color:var(--cream);padding:15px 19px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 #292b2630;display:flex;gap:30px;align-items:center;font:13px Arial,sans-serif;min-height:48px;justify-content:space-between}.primary:hover{background:#173d38}.primary span{font-size:20px}.cover-note{display:block;font:10px Arial,sans-serif;color:#776b59;margin-top:17px}.cover .eyebrow{font-size:8px;letter-spacing:1.5px}.cover-label{position:absolute;right:25px;bottom:30px;background:var(--paper);padding:10px 15px;font:9px/1.5 Arial;letter-spacing:1.4px;border:1px solid var(--ink);transform:rotate(3deg)}.cover-label strong{font-size:14px}.cover #continue-button{display:block;margin-top:12px;text-decoration:underline}.toast{position:absolute;left:50%;top:110px;transform:translateX(-50%);background:var(--cream);border:2px solid var(--rust);padding:12px 18px;font-size:15px;text-align:center;max-width:85%;z-index:4;box-shadow:3px 3px #292b2630}.modal-backdrop{position:fixed;inset:0;background:#1b2824aa;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:20}.modal{position:relative;width:min(720px,100%);max-height:calc(100svh - 50px);overflow:auto;background:var(--paper);border:2px solid var(--ink);padding:32px;box-shadow:7px 7px 0 #1118}.modal.wide{width:min(940px,100%)}.modal-close{position:absolute;top:12px;right:13px;background:transparent;border:1px solid var(--line);width:34px;height:34px;font-size:22px}.modal .eyebrow{color:var(--rust);font-size:9px}.modal h2{font-size:35px;font-weight:normal;line-height:1.1;margin:15px 35px 15px 0}.modal p{font-size:16px;line-height:1.6}.modal .secondary{border:1px solid var(--teal);background:transparent;color:var(--teal);padding:12px 15px;min-height:44px;font:12px Arial}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.speaker{font:11px Arial,sans-serif;letter-spacing:1px;color:var(--rust);text-transform:uppercase}.dialogue-line{border-left:2px solid #c4af84;padding:0 0 0 17px;margin:18px 0}.dialogue-line p{margin:5px 0}.dialogue-aside{font:12px/1.6 Arial,sans-serif!important;color:#81735e}.comic-visual{height:180px;background:url('assets/opening-comic.png') center 19%/100% auto;border:2px solid var(--ink);margin:16px 0}.choices{display:grid;gap:9px;margin-top:18px}.choice{border:1px solid #b8ab8d;background:#fff6e3;padding:14px 16px;text-align:left;font-size:15px;min-height:48px}.choice:hover{border-color:var(--teal);background:#e2e7d9}.choice.selected{border:2px solid var(--teal);background:#dce5d8}.choice small{display:block;font:11px/1.5 Arial,sans-serif;color:#82775f;margin-top:5px}.feedback{border-left:3px solid var(--rust);background:#e9dcc3;padding:13px 16px;font-size:15px;line-height:1.5;margin-top:15px}.feedback.good{border-color:var(--teal);background:#dce5d8}.hint{font:13px/1.6 Arial,sans-serif;color:var(--teal);padding:12px;background:#e0e6d7;margin-top:14px}.evidence-quote{font-size:23px!important;line-height:1.4!important;font-style:italic;background:#eee0c2;padding:22px;border:1px solid #c9b88f}.stamp{display:inline-block;border:1px solid var(--rust);color:var(--rust);padding:4px 7px;font:9px Arial,sans-serif;letter-spacing:1px;transform:rotate(-2deg)}.source-list{font:13px/1.7 Arial,sans-serif}.source-list a{color:var(--teal);overflow-wrap:anywhere}.source-list li{margin-bottom:10px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.journal-card{border:2px solid var(--ink);padding:20px;background:#f8efda;min-height:160px}.journal-card h3{font-weight:normal;margin:0 0 12px;font-size:21px}.journal-card p{font-size:14px;margin:0}.journal-card.empty{border:1px dashed #b8ab8d;background:transparent}.journal-card.empty p{color:#9b8d72}.journal-card .panel-number{font:9px Arial,sans-serif;color:var(--rust);letter-spacing:1px;display:block;margin-bottom:10px}.ending-image{height:190px;background:url('assets/station.png') center 55%/cover;border:2px solid var(--ink);position:relative}.ending-image:after{content:'Ještě jste si stihli říct to důležité.';position:absolute;bottom:15px;left:15px;background:var(--paper);padding:9px 13px;font-style:italic;max-width:85%}.completion{font:10px Arial,sans-serif;letter-spacing:1.2px;color:var(--teal);padding-top:14px;border-top:1px solid var(--line)}.modal .prose-small{font:12px/1.7 Arial,sans-serif;color:#786d59}.steps-help{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-step{padding:15px;border:1px solid var(--line);font:13px/1.5 Arial,sans-serif}.help-step strong{display:block;font-size:15px;margin-bottom:6px}.modal a{color:var(--teal)}@media(min-width:1600px){.game-frame{height:660px}}@media(max-width:1150px){.app{padding:0 25px}.game-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.notebook{padding:20px 16px}.notebook h2{font-size:25px}.control-label{display:none}.route{gap:9px}.edition{display:none}.game-frame{height:57vh;min-height:430px}.paper-note{font-size:15px}}@media(max-width:800px){.app{padding:0 16px}.masthead{height:82px}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:36px;height:42px;font-size:24px}.brand-mark span{font-size:20px}.icon-btn{padding:9px;gap:5px}.icon-btn span{display:none}.chapter-line{height:50px}.date{display:none}.route{font-size:9px;gap:7px}.route b{display:none}.game-layout{grid-template-columns:1fr}.notebook{display:none}.game-frame{height:calc(100svh - 265px);min-height:360px;max-height:650px}.control-bar{min-height:78px}.control-tip{font-size:10px;max-width:220px}.cover{padding:25px}.cover-paper{padding:25px;max-width:360px}.cover h1{font-size:59px}.quest{top:15px;left:15px;max-width:calc(100% - 30px);padding:10px 12px}.quest strong{font-size:14px}.quest small{font-size:8px}.scene-caption{font-size:11px;max-width:48%;bottom:15px;left:12px}.interact-wrap{right:12px;bottom:15px}.interact{font-size:12px;padding:11px}.page-footer{padding:12px 0}.page-footer>span{font-size:7px;letter-spacing:1px}}@media(max-width:480px){.app{padding:0 12px}.masthead{height:76px;gap:7px}.brand{font-size:17px;gap:9px}.brand small{font-size:6px;letter-spacing:1px}.brand-mark{width:31px;height:37px;font-size:22px}.brand-mark span{font-size:17px}nav{gap:7px}.icon-btn{min-width:35px;min-height:38px;font-size:13px;padding:7px}.icon-btn i{font-size:9px;min-width:16px;height:16px;line-height:16px}.chapter-line{height:44px;letter-spacing:1px}.route{gap:6px}.game-frame{border-width:2px;height:calc(100svh - 251px);min-height:350px}.quest{top:12px;left:10px;max-width:calc(100% - 20px);gap:8px;padding:9px 10px}.quest strong{font-size:13px}.quest-symbol{font-size:20px}.cover{padding:17px;background:#24352c12;align-items:flex-end}.cover-paper{padding:22px 20px;margin-bottom:45px;max-width:100%;width:100%}.cover h1{font-size:53px;margin:18px 0 14px}.cover p{font-size:14px;line-height:1.5}.cover .eyebrow{font-size:7px;letter-spacing:1px}.cover-note{font-size:9px}.cover-label{bottom:12px;right:15px;font-size:7px;padding:6px 9px}.cover-label strong{font-size:10px}.scene-caption{bottom:72px;max-width:calc(100% - 24px);padding:6px 9px;font-size:11px}.interact-wrap{bottom:15px;right:12px;left:12px;display:flex;justify-content:flex-end}.interact{min-height:43px;padding:10px 12px;font-size:12px}.interact kbd{display:none}.interact b{margin-left:10px}.movement button{height:45px;min-width:46px}.movement .jump-btn{margin-left:6px;padding:0 12px}.jump-btn span{display:none}.control-tip{display:none}.control-bar{min-height:70px}.restart{font-size:12px}.page-footer{align-items:flex-start;gap:7px;min-height:45px}.page-footer>span{font-size:6px;max-width:105px;line-height:1.5}.page-footer button{font-size:9px;text-align:right;max-width:185px}.modal-backdrop{padding:12px}.modal{padding:25px 20px;max-height:calc(100svh - 24px)}.modal h2{font-size:28px;margin-top:16px}.modal p{font-size:15px}.modal .eyebrow{font-size:8px;letter-spacing:1.3px}.modal-actions{gap:9px;margin-top:20px}.modal-actions .primary{width:100%}.modal .secondary{flex:1}.comic-visual{height:120px}.journal-grid{gap:9px}.journal-card{padding:13px;min-height:160px}.journal-card h3{font-size:18px}.journal-card p{font-size:12px}.evidence-quote{font-size:20px!important;padding:17px}.steps-help{grid-template-columns:1fr}.ending-image{height:150px}.ending-image:after{font-size:13px}.toast{font-size:13px;top:105px;padding:10px;min-width:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.mini-art{display:block;width:100%;height:42px;margin:3px 0 7px;background-size:cover;background-position:center;border-bottom:1px solid #a99470}.art0{background-image:url("assets/opening-comic.png");background-size:100% auto;background-position:center 19%}.art1{background-image:url("assets/town-panorama.png");background-size:250% auto;background-position:57% 67%}.art2{background-image:url("assets/town-panorama.png");background-size:250% auto;background-position:right 65%}.art3{background-image:url("assets/station.png");background-position:65% 60%}.mini-panel.filled{padding:3px 5px 9px;justify-content:flex-start}.mini-panel.filled em{background:var(--cream);padding:1px 3px;z-index:1}.journal-illustration{height:110px;margin:-4px -4px 14px;background-size:cover;border:1px solid var(--ink)}.journal-illustration.art0{background-size:100% auto}.journal-illustration.art1,.journal-illustration.art2{background-size:230% auto}

/* Pre-generated dialogue audio; text and navigation never depend on playback. */
.sound-toggle b{font-size:18px;font-weight:normal}.sound-toggle[aria-pressed="false"]{color:#8b7861;background:#e4d9c2}.voice-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 13px;margin:12px 0 17px;background:#e1e6d8;border:1px solid #bac5af;font:11px/1.5 Arial,sans-serif;color:#2e5346}.voice-toolbar>div{display:flex;gap:6px;flex-shrink:0}.voice-toolbar button{font:11px Arial,sans-serif;background:var(--cream);border:1px solid #b2bba3;min-height:35px;padding:7px 9px}.dialogue-line{position:relative;padding-right:42px;transition:background-color .15s,border-color .15s}.dialogue-line.is-speaking{border-left:4px solid var(--teal);background:#e1e6d866}.line-replay{position:absolute;top:2px;right:0;min-width:34px;min-height:34px;background:transparent;border:1px solid #c3b89c;color:var(--teal);font-size:12px}.line-replay:hover{background:#dce4d5}@media(max-width:480px){.voice-toolbar{display:block;font-size:10px;padding:9px 10px}.voice-toolbar>div{margin-top:7px}.voice-toolbar button{font-size:10px;min-height:35px}.masthead nav{gap:5px}.brand{font-size:16px;gap:7px}.brand small{font-size:5.5px;letter-spacing:.7px}.brand-mark{width:28px;height:35px}.icon-btn{padding:6px;min-width:31px}.dialogue-line{padding-right:35px}.line-replay{min-width:30px;min-height:34px}}