/* About: history unlocks and current missions. */
.stage-map{background:#070707}
.stage-map .ss-photo-box-label{font-size:10px;padding:8px;letter-spacing:.08em}
.stage-map .character{pointer-events:none}
.stage-map .mission-divider{font-family:var(--fm);font-size:10px;letter-spacing:.14em;fill:#a7b4c3;text-anchor:middle}
.stage-map .mission-rule{stroke:rgba(41,174,239,.35);stroke-width:1}
.stage-map .mission-frame{fill:#0f2030;stroke:#29aeef;stroke-width:1}
.stage-map .mission-corners{fill:none;stroke:#f7f7fb;stroke-width:2}
.stage-map .mission-number{font-family:var(--fm);font-size:12px;fill:#29aeef}
.stage-map .mission-name{font-family:var(--fm);font-size:12px;font-weight:700;fill:#f7f7fb;text-anchor:middle;letter-spacing:.04em}
.stage-map .mission-action{font-family:var(--fm);font-size:10px;fill:#8cdbff;text-anchor:middle}
.stage-map .mission-node:hover .mission-frame,.stage-map .mission-node:focus-visible .mission-frame{fill:#18344a;stroke:#f7f7fb;stroke-width:2}
.stage-map .history-node:focus-visible .node-ring{stroke:#f7f7fb;stroke-width:3}
.stage-map .stage-node:focus-visible{outline:none}
#lbl-attention,#lbl-venus{scroll-margin-top:110px}
.about-dialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:36px;border:1px solid #29aeef;border-radius:10px;background:#0f1628;color:#f7f7fb;overflow:auto;box-shadow:0 28px 100px rgba(0,0,0,.55)}
.about-dialog::backdrop{background:rgba(7,7,7,.78);backdrop-filter:blur(5px)}
.about-dialog-close{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #4a596c;background:transparent;border-radius:5px;color:#f7f7fb;font-size:28px;cursor:pointer}
.about-dialog-close:hover{background:#22354a}
.about-dialog-close:focus-visible,#openBio:focus-visible{outline:2px solid #29aeef;outline-offset:4px}
.story-number{font-family:var(--fm);font-size:12px;color:#8cdbff;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;padding-right:40px}
.about-dialog h2{font-family:var(--fd);font-size:clamp(21px,3vw,30px);line-height:1.35;padding-right:24px;margin:0 0 20px;color:#f7f7fb}
.skill-unlock{display:flex;align-items:center;gap:12px;border:1px solid #385870;background:#13283a;padding:12px 16px;margin-bottom:24px;border-radius:4px;width:fit-content;max-width:100%}
.skill-check{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #8cdbff;color:#8cdbff;flex-shrink:0;font-size:20px}
.skill-unlock small{display:block;font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8cdbff;margin-bottom:4px}
.skill-unlock strong{display:block;font-size:15px;font-weight:600;line-height:1.4;color:#f7f7fb}
.story-body{font-family:var(--fb),sans-serif;font-size:16px;line-height:1.8;color:#c7c9d1}
.story-body p{margin:0 0 18px}.story-body p:last-child{margin-bottom:0}
.story-body .hl{font-family:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;color:#f07041;font-weight:600;line-height:inherit}
.ss-mob-photo{display:block;padding:0;text-align:left;background:#0f1628;appearance:none}
.ss-mob-photo:focus-visible{outline:2px solid var(--bl);outline-offset:4px}
.ss-mob-photo-overlay{font-family:var(--fm);font-size:12px;letter-spacing:.04em;text-shadow:none;color:#8cdbff}
.ss-mob-title{font-size:14px;letter-spacing:.04em;filter:none}
.ss-mob-sub{color:var(--gd);font-size:13px}
.ss-mob-num{font-size:13px;filter:none}
.ss-mob-stage.active .ss-mob-num{border-color:var(--bl);color:var(--bl);filter:none}
.ss-mob-stage.active .ss-mob-title{color:var(--bl)}
.ss-current-label{font-family:var(--fm);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gd);border-top:1px solid var(--bl);padding-top:24px;margin:8px 0 16px}
.ss-mob-mission{display:flex;align-items:center;gap:18px;border:1px solid var(--bl);border-left-width:4px;background:rgba(41,174,239,.08);padding:20px;margin-bottom:14px;border-radius:4px;text-decoration:none;color:var(--gw)}
.ss-mission-num{font-family:var(--fm);font-size:16px;color:var(--bl)}
.ss-mob-mission strong{display:block;font-family:var(--fm);font-size:16px}
.ss-mission-action{display:block;font-size:14px;color:var(--bl);margin-top:6px}
.ss-mob-mission:hover,.ss-mob-mission:focus-visible{outline:2px solid var(--bl);outline-offset:3px}
@media(max-width:768px){.stage-map{background:transparent}.stage-map .map-content{margin-top:0}.stage-map .map-content>div:first-child{padding-top:16px!important}.about-dialog{padding:28px 22px}.about-dialog h2{padding-right:30px}.skill-unlock{padding:10px 12px}.ss-mob-right{min-width:0}}
@media(prefers-reduced-motion:reduce){.stage-map .character{transition:none}}