.tutorial-decisions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 16px}.tutorial-prompt small{font-size:13px;color:#a0aeaf}
#tutorialHint{position:fixed;z-index:24;top:126px;left:50%;transform:translateX(-50%);width:min(460px,calc(100vw - 30px));padding:12px 16px;border:1px solid #9c8c66;background:#10191ef2;box-shadow:0 5px 24px #0008;pointer-events:none;text-align:center;box-sizing:border-box}
#tutorialHint small{font-size:12px;color:#c5ae78}#tutorialHint h3{font-size:18px;margin:4px 0;color:#f0e7d1}#tutorialHint p{font-size:15px;line-height:1.5;margin:4px 0 0;color:#d5e0de}
#tutorialHint[hidden],#tutorialExit[hidden]{display:none!important}
#tutorialExit{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:24;padding:8px 14px;font-size:14px;min-height:44px}
.tutorial-active #objective{visibility:hidden}.tutorial-active #difficulty,.tutorial-active #threatBadge,.tutorial-active #mobileGrowth{visibility:hidden}
@media (pointer:coarse),(max-width:800px){#tutorialHint{top:max(54px,calc(env(safe-area-inset-top) + 48px));width:min(410px,calc(100vw - 32px));padding:8px 12px}#tutorialHint h3{font-size:16px;margin:2px 0}#tutorialHint p{font-size:14px;line-height:1.4}#tutorialExit{bottom:max(12px,env(safe-area-inset-bottom));min-height:44px}.tutorial-prompt{max-height:85svh;overflow:auto}}
@media (max-height:500px){#assetLoading.prologue-loading{gap:7px;padding:8px}.prologue-heading strong{font-size:20px}.prologue-board{max-height:calc(100svh - 90px)}#tutorialHint{top:52px;max-width:340px;padding:6px 10px}#tutorialHint small{font-size:12px}#tutorialHint h3{font-size:15px}#tutorialHint p{font-size:13px;line-height:1.35}#tutorialExit{bottom:8px;padding:5px 12px}}
@media (prefers-reduced-motion:reduce){.prologue-panel{transition:none;transform:none}}

.tutorial-active #panel0 .progress,.tutorial-active .zone-stamp{visibility:hidden}
/* Shared comics: complete artwork and a separate, always readable caption. */
.comic-screen,#assetLoading.prologue-loading{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--comic-height,100svh);box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px;background:radial-gradient(ellipse at 50% 35%,#26313c,#0d121a 45%,#040609);overflow:auto}
.comic-screen[hidden]{display:none!important}
.prologue-heading,.prologue-footer,.prologue-board{width:var(--comic-width,min(700px,calc(100vw - 24px)));max-width:100%;flex-shrink:0;box-sizing:border-box}
.prologue-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:5px;border-bottom:1px solid #bda97855}
.comic-screen .prologue-heading strong{font:700 clamp(20px,3vw,28px) Cinzel,Georgia,serif;color:#eee0c2;letter-spacing:.1em;text-shadow:0 2px 18px #d6a86744}
.prologue-heading span{font-size:12px;color:#b9c3cc;white-space:nowrap}
.prologue-board{position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;border:1px solid #bbab8066;box-shadow:0 18px 70px #000b;background:#060b11;overscroll-behavior:contain}
.prologue-panel{margin:0;position:relative;background:#111820;border-bottom:3px solid #06090e;box-sizing:border-box;opacity:0;visibility:hidden;transform:translate3d(0,18px,0);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.prologue-panel[hidden]{display:none!important}
.prologue-panel.revealed{opacity:1;visibility:visible;transform:none}
.prologue-panel.active{box-shadow:inset 0 0 0 1px #ccb87e88}
.prologue-panel img{display:block;width:100%;height:auto;max-width:100%;margin:0 auto;object-fit:contain}
.prologue-number{position:absolute;top:8px;right:12px;color:#e2cf9b;font:700 13px Cinzel,Georgia,serif;text-shadow:0 2px 6px #000}
.prologue-panel figcaption{position:relative;margin:0;padding:9px 12px;min-height:42px;font-size:15px;line-height:1.45;text-align:left;font-weight:500;color:#f5ecdc;background:#0b101a;border-left:2px solid #ccb87e;box-sizing:border-box;overflow-wrap:break-word;opacity:0;transition:opacity .45s .2s ease}
.prologue-panel.revealed figcaption{opacity:1}
.comic-screen .prologue-footer p{margin:0 0 6px;font-size:13px;color:#bac6ce}
.comic-landscape-note{display:block;margin-top:6px;color:#b5c0c8;font-size:12px;line-height:1.35}.comic-landscape-note[hidden]{display:none}
.prologue-footer button{min-height:44px;margin-top:6px;padding:9px 16px}.prologue-footer button[hidden]{display:none}
.asset-progress-track{height:3px;background:#67788b33;overflow:hidden}.asset-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7c99aa,#eee2bb);transition:width .2s ease}
#tutorialHint{display:block;visibility:visible;opacity:1;z-index:80;max-height:calc(100svh - 150px);overflow:auto;pointer-events:auto;touch-action:pan-y}
#tutorialHint.tutorial-modal-hint{top:max(8px,env(safe-area-inset-top));max-width:460px}
#tutorialReplay{display:block;margin:10px auto 0;min-height:44px;padding:10px 22px}
@media (pointer:coarse),(max-width:800px){#tutorialHint{top:calc(env(safe-area-inset-top) + 54px);width:min(410px,calc(100vw - 32px));max-height:calc(100svh - 240px);font-size:14px}#tutorialHint.tutorial-modal-hint{top:max(6px,env(safe-area-inset-top));max-height:120px}}
@media (max-height:500px){.comic-screen,#assetLoading.prologue-loading{gap:5px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.comic-screen .prologue-heading strong{font-size:20px}.prologue-panel figcaption{font-size:14px;padding:7px 10px}.comic-landscape-note{margin-top:3px}.prologue-footer button{margin-top:3px}#tutorialHint{left:48%;top:calc(env(safe-area-inset-top) + 52px);width:min(340px,calc(100vw - 300px));max-height:calc(100svh - 128px);padding:7px 10px}#tutorialHint p{font-size:14px;line-height:1.4}#tutorialHint.tutorial-modal-hint{left:50%;width:min(420px,calc(100vw - 32px));max-height:105px}}
@media (prefers-reduced-motion:reduce){.prologue-panel,.prologue-panel figcaption{transition:none;transform:none}}

/* v110: tight comic frames, with compact captions on mobile landscape. */
.prologue-heading,.prologue-footer{width:var(--comic-chrome-width,min(700px,calc(100vw - 24px)))}
.prologue-panel img{margin:0;width:100%;height:auto}
@media (pointer:coarse),(max-width:800px){.prologue-panel figcaption{font-size:13px;line-height:1.4;padding:7px 9px;min-height:0}}
@media (max-height:500px){.comic-screen,#assetLoading.prologue-loading{gap:4px}.comic-screen .prologue-heading strong{font-size:17px}.prologue-heading{padding-bottom:3px}.prologue-heading span{font-size:11px}.prologue-panel figcaption{font-size:12px;line-height:1.35;padding:5px 8px;min-height:0}.comic-screen .prologue-footer p,.comic-landscape-note{font-size:11px;margin:2px 0}.prologue-footer button{min-height:38px;padding:6px 14px}.prologue-board{box-shadow:0 8px 30px #0008}}

.prologue-board{scroll-behavior:auto;overflow-anchor:none;scroll-padding-bottom:6px}.prologue-panel{scroll-margin-bottom:6px}