.quest-card.story-objective{pointer-events:auto;text-align:left;cursor:pointer;max-width:290px;width:270px;align-items:center;box-shadow:0 8px 26px #071d3229}
.quest-card.story-objective p{display:block;font-size:12px;line-height:1.35;margin:4px 0 0;color:#fff8e8}
.quest-card.story-objective .progress-track{display:none}.quest-card.story-objective small{display:block;margin-top:6px;font-size:10px;color:#d8cfaf}
.story-objective .quest-star{font-size:26px}.story-objective:hover{background:#244b50}
.story-entry{display:flex;align-items:center;gap:14px;width:100%;background:#f1e6ca;border:1px solid #d2bd8e;border-radius:14px;padding:14px 16px;color:#21484b;text-align:left;margin:14px 0}
.story-entry strong{display:block;font:20px Georgia;line-height:1.2}.story-entry small{display:block;margin-top:5px;line-height:1.45}.story-entry>span:first-child{font-size:30px}
#story-dialog{padding:0;width:min(530px,94vw);height:min(830px,92dvh);max-height:92dvh;border:1px solid #c6ad79;border-radius:24px;background:#fbf5e8;color:#1b3e42;overflow:hidden;box-shadow:0 30px 100px #041c35aa}
#story-dialog>.round-close{position:absolute;z-index:2;top:12px;right:12px;background:#14373ee6;color:#fff;border:1px solid #ffffff45;min-width:44px;min-height:44px}
#story-content{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.story-cover{position:relative;padding:28px 60px 23px 25px;background:linear-gradient(90deg,#12383fe8,#183d43ae),url('assets/images/world-concept.webp') center 47%/cover;color:#f6e9ca}
.story-cover .eyebrow{font-size:9px;letter-spacing:.12em}.story-cover h2{font:normal 32px/1.08 Georgia,serif;letter-spacing:-.02em;margin:12px 0 0;max-width:300px}
.story-body{padding:20px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.story-letter{font:16px/1.65 Georgia,serif;margin:0 0 20px;color:#365052}.story-chapters{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.story-chapter{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d7d8c5;border-radius:14px;background:#fffcf4;padding:16px 12px;color:inherit;min-height:76px}
.story-chapter strong{font-size:14px;display:block}.story-chapter small{font-size:12px;line-height:1.4;display:block;margin-top:4px;color:#627571}.story-number{font:24px Georgia;color:#a47b34;min-width:26px}.story-step-state{margin-left:auto;font-size:11px;white-space:nowrap}
.story-chapters .current .story-chapter{border-color:#c4994e;background:#f7ecd3;box-shadow:inset 4px 0 #b6893c}.story-chapters .complete .story-number{color:#37715f}.story-chapters .complete .story-chapter{background:#ecf1e5}
.story-unlocked{font-size:12px;line-height:1.5;letter-spacing:.03em;margin-top:18px;color:#715b34;padding:13px;border:1px dashed #c3a367;border-radius:10px}
.story-actions{display:grid;gap:3px;padding:14px 24px max(12px,env(safe-area-inset-bottom));border-top:1px solid #daceb5;background:#faf5e8}.story-actions .primary{justify-content:center;text-align:center;line-height:1.4;min-height:52px;padding:12px 16px;background:#234d50;font-size:14px}.story-actions .text-button{min-height:40px}
.dispatch-steps{display:flex;gap:6px;margin-bottom:18px;font-size:10px}.dispatch-steps span{flex:1;padding:9px 3px;border-bottom:3px solid #dedbcf;color:#75827b;text-align:center}.dispatch-steps .active{color:#1b4648;border-color:#ad803e;font-weight:750}.dispatch-steps .done{border-color:#639181;color:#467666}
.dispatch-title{font:27px/1.15 Georgia!important;margin:0 0 12px!important}.dispatch-request{font-size:13px;line-height:1.6;margin:0 0 16px;color:#4e6662}
.dispatch-route{display:grid;grid-template-columns:34px 1fr;gap:5px 12px;width:100%;border:1px solid #d4d9c8;background:#fffcf5;border-radius:13px;padding:14px;margin:9px 0;color:inherit;text-align:left;min-height:72px}.dispatch-route strong{font-size:14px}.dispatch-route small{font-size:12px;color:#5c716b;line-height:1.4}.route-symbol{grid-row:span 2;font:28px Georgia;align-self:center;color:#a77c35}
.dispatch-route[aria-pressed=true],.dispatch-choice[aria-pressed=true]{border-color:#3e7671;background:#dfece1;box-shadow:inset 0 0 0 1px #3e7671}
.dispatch-options{border:0;padding:0;margin:17px 0}.dispatch-options legend{font-size:12px;font-weight:700;margin-bottom:9px}.dispatch-options-row{display:flex;gap:7px;flex-wrap:wrap}.dispatch-choice{flex:1;min-width:66px;min-height:48px;background:#fffdf6;color:#234d50;border:1px solid #cbd6c6;border-radius:10px;padding:10px;font-size:13px}
.dispatch-test-pair{display:flex;gap:10px}.dispatch-test-pair>div{flex:1;background:#e8eddf;border:1px solid #d1ddc9;padding:14px 9px;border-radius:12px;text-align:center;display:grid;gap:6px}.dispatch-test-pair strong{font:26px Georgia}.dispatch-test-pair span,.dispatch-test-pair b{font-size:11px}
.dispatch-feedback,.dispatch-hint{font-size:13px;line-height:1.55;border-radius:10px;padding:12px 14px;margin:14px 0 2px;background:#eee2c9;border-left:3px solid #c49a50}.dispatch-hint{background:#e6eedd;border-color:#6c9380}.dispatch-evidence{font-size:12px;line-height:1.65;color:#64766b;margin-top:20px}
.dispatch-seal{width:94px;height:94px;border:1px solid #c09b57;outline:1px solid #e1cfa5;outline-offset:6px;border-radius:50%;background:#f0e1bf;color:#9c7333;font:48px/94px Georgia;text-align:center;margin:20px auto 28px}.dispatch-reward{text-align:center;font-size:12px;font-weight:750;letter-spacing:.07em;color:#9a7236}
.dispatch-flight{height:78px;position:relative;border-bottom:8px solid #c8d9cc;border-radius:10px;background:linear-gradient(#dcebea,#f3eddb);overflow:hidden}.dispatch-flight>span{position:absolute;bottom:12px;left:clamp(8px,var(--flight-distance),calc(100% - 67px));font:20px Georgia;color:#385c5d;transition:left .5s ease}.dispatch-flight>i{position:absolute;bottom:0;left:64%;border-left:2px solid #b6883d;height:58px;padding:3px 5px;color:#776b4c;font-size:10px;font-style:normal}.dispatch-flight-record{font-size:11px;color:#667a71;line-height:1.4}
#story-dialog button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.story-body>:focus{outline:none}.story-body>:focus-visible{outline:2px solid #b68b44;outline-offset:3px}
@media(max-width:600px){.quest-card.story-objective{top:115px;left:13px;width:222px;padding:10px 12px;gap:9px}.quest-card.story-objective p{font-size:11px}.hybrid-mode .quest-card.story-objective small{font-size:9px}.hybrid-mode .quest-card.story-objective .eyebrow{font-size:8px}.story-objective .quest-star{font-size:21px}#world-change{top:217px;max-width:calc(100vw - 26px)}.story-cover{padding:21px 57px 18px 19px}.story-cover h2{font-size:29px}.story-body{padding:18px}.story-actions{padding-left:18px;padding-right:18px}.story-letter{font-size:15px}.story-chapter{padding:13px 10px}.story-chapter small{font-size:11px}#story-dialog{width:96vw;height:94dvh;max-height:94dvh;border-radius:20px}}
@media(max-height:700px){.story-cover{padding-top:15px;padding-bottom:14px}.story-cover h2{font-size:25px;margin-top:7px}.story-body{padding-top:14px;padding-bottom:14px}.dispatch-steps{margin-bottom:12px}.story-letter{line-height:1.5}.story-actions{padding-top:10px}.story-chapter{min-height:64px}.story-chapters{gap:7px}}
@media(prefers-reduced-motion:reduce){.dispatch-flight>span{transition:none}}.reduce-media-motion .dispatch-flight>span{transition:none}

.dispatch-flight[data-launched=true]>span{animation:dispatch-flight .7s ease-out both}@keyframes dispatch-flight{from{left:8px}to{left:clamp(8px,var(--flight-distance),calc(100% - 67px))}}
@media(prefers-reduced-motion:reduce){.dispatch-flight[data-launched=true]>span{animation:none}}.reduce-media-motion .dispatch-flight[data-launched=true]>span{animation:none}
