:root{color-scheme:dark;--mint:#8ae8d5;--text:#e2eaf2;--line:#92b4d326}*{box-sizing:border-box}body{margin:0;background:#04070d;color:var(--text);font-family:Segoe UI,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}#universe{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}header{position:fixed;z-index:9;left:36px;right:36px;top:0;height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);pointer-events:none}header a{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.22em;font-weight:600}.brand-icon{display:block;width:28px;height:28px;flex:none}.brand small{font:9px monospace;color:#91a5b7;letter-spacing:0;border:1px solid var(--line);border-radius:15px;padding:4px 7px}.header-caption{font:9px monospace;letter-spacing:.16em;color:#73869c}.github{font:10px monospace;letter-spacing:.1em}.breadcrumbs{position:fixed;top:89px;left:36px;right:36px;z-index:8;display:flex;align-items:center;gap:9px;overflow:auto;white-space:nowrap;color:#51677e;font-size:10px}.breadcrumbs button{border:0;background:none;color:#a3b4c5;font-size:11px;padding:6px 0}.breadcrumbs button[aria-current=location]{color:var(--mint)}.intro{position:fixed;top:135px;left:36px;pointer-events:none}.eyebrow{font:9px monospace;letter-spacing:.18em;color:#7d9caf}h1{font-size:32px;font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:15px 0}h1 em{font-style:normal;color:var(--mint)}.intro p{font-size:11px;line-height:1.7;color:#8295aa}.focused .intro{display:none}#node-layer{position:fixed;inset:0;pointer-events:none;z-index:3}.node{position:absolute;pointer-events:auto;transform:none;background:#08101bd9;border:1px solid #aac8e516;border-radius:7px;padding:6px 8px;text-align:center;min-height:38px;transition:background .2s,border-color .2s}.node:hover{background:#152638;border-color:var(--node-color)}.node[hidden]{display:none}.node-orb{display:none}.node-label{font-size:11px;line-height:1.3;color:#e4ebf4;font-weight:500;display:block}.node-label small{display:block;font:8px monospace;letter-spacing:.12em;margin-top:4px;color:var(--node-color)}#core{position:fixed;z-index:4;width:160px;height:auto;padding:0;border:0;background:none;text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px}#core strong{font-size:17px;letter-spacing:.1em;font-weight:500;text-shadow:0 2px 8px #000}.core-overline{display:none}.core-under{font:8px monospace;color:#90a7bc;letter-spacing:.14em}.map-caption{position:fixed;bottom:113px;left:36px;display:flex;flex-direction:column;gap:6px;font:8px monospace;color:#628198;letter-spacing:.12em}#detail{position:fixed;z-index:7;right:36px;top:50%;transform:translateY(-50%);width:300px;padding:27px;border:1px solid #87c6e22b;border-radius:18px;background:linear-gradient(140deg,#172333ee,#09111cef);box-shadow:0 20px 80px #0006;backdrop-filter:blur(18px);max-height:65vh;overflow:auto;animation:card-in .35s ease}#detail[hidden]{display:none}#close-detail{position:absolute;top:10px;right:12px;border:0;background:none;font-size:22px;color:#8c9dad}#detail-kicker{font:9px monospace;letter-spacing:.14em;color:var(--mint)}#detail h2{font-size:25px;letter-spacing:-.035em;font-weight:500;margin:18px 0 12px}#detail-description{font-size:13px;line-height:1.8;color:#adbdcf;margin:0}#detail-items{display:none}.detail-footer{margin-top:23px;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}#detail-role{font:9px monospace;color:#718aa0}#next-phase{background:none;border:0;color:var(--mint);font-size:12px;padding:0}.controls{position:fixed;z-index:8;bottom:50px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#0b1420ec;border:1px solid var(--line);border-radius:12px;padding:5px;backdrop-filter:blur(15px)}.controls button{border:0;background:none;padding:10px 13px;white-space:nowrap;font-size:16px;border-radius:7px;color:#98b0c4}.controls button span{font-size:10px;margin-left:5px}.controls button:hover{background:#1d3042;color:#fff}.hint{position:fixed;bottom:112px;left:50%;transform:translateX(-50%);font-size:9px;color:#688398;white-space:nowrap}.hint b{font-weight:normal;margin:0 8px}.legend{display:none}footer{position:fixed;bottom:0;left:36px;right:36px;height:30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:7px monospace;letter-spacing:.1em;color:#52687c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes card-in{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.header-caption{display:none}.intro h1{font-size:26px}#detail{width:270px;right:24px;padding:23px}}
@media(max-width:700px){header{left:18px;right:18px;height:64px}.brand{font-size:15px}.brand small{font-size:8px}.github{font-size:9px}.breadcrumbs{top:72px;left:18px;right:18px;gap:6px}.breadcrumbs button{font-size:9px}.intro{left:18px;top:110px}.intro h1{font-size:24px;margin:10px 0}.intro p{display:none}.eyebrow{font-size:7px}.node{padding:5px 4px;min-height:34px}.node-label{font-size:9px}.node-label small{font-size:6px;margin-top:3px}#core{width:130px}#core strong{font-size:14px}.core-under{font-size:6px}#detail{left:16px;right:16px;top:auto;bottom:118px;transform:none;width:auto;padding:18px 20px;max-height:29vh;border-radius:13px}#detail h2{font-size:19px;margin:9px 0}#detail-description{font-size:11px;line-height:1.65}.detail-footer{margin-top:12px;padding-top:10px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}#detail-role{font-size:7px}#next-phase{font-size:10px}#detail-kicker{font-size:7px}.controls{bottom:42px;gap:0;max-width:calc(100% - 20px)}.controls button{padding:9px 7px;font-size:14px}.controls button span{font-size:8px;margin-left:3px}.hint{bottom:99px;font-size:6px}.hint b{margin:0 4px}.focused .hint{display:none}.map-caption{display:none}footer{left:18px;right:18px;font-size:5px;height:25px}.footer-note{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#back-orbit{position:fixed;z-index:9;top:126px;left:36px;max-width:calc(100% - 72px);border:1px solid #92b4d330;border-radius:8px;background:#0b1623eb;color:#b9d4e7;padding:9px 13px;font-size:11px}#back-orbit[hidden]{display:none}@media(max-width:700px){#back-orbit{top:107px;left:18px;max-width:calc(100% - 36px);font-size:9px;padding:7px 10px}}
.header-actions{display:flex;align-items:center;gap:22px;pointer-events:auto}.language-switch{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;gap:2px}.language-switch button{background:none;border:0;border-radius:4px;padding:5px 7px;color:#7991a8;font:10px monospace}.language-switch button[aria-pressed=true]{background:#284251;color:#b6f4e7}#detail-items{display:block}#detail-items h3{font:10px monospace;color:#8eb8c9;margin:20px 0 9px}#detail-items p{font-size:12px;color:#a9bbce;line-height:1.7;margin:0}.card-sources a{display:block;overflow-wrap:anywhere;font:10px/1.7 monospace;color:#8edacc;padding:5px 0}.card-sources a:hover{text-decoration:underline}.card-children button{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:9px 0;font-size:11px;color:#b2c5d7}.card-children button:hover{color:var(--mint)}#detail{width:340px;max-height:72vh}.intro p{max-width:210px}.intro h1{font-size:28px}.node-label{font-size:11px}.node{min-height:42px}.node-label small{font-size:7px}#core strong{font-size:15px;letter-spacing:.02em}.header-caption{font-size:8px}.breadcrumbs{right:20px}
@media(max-width:700px){.header-actions{gap:12px}.language-switch button{padding:5px 6px;font-size:9px}.brand small{display:none}.intro h1{font-size:23px}#detail{width:auto;max-height:31vh}.node-label{font-size:9px}.node-label small{font-size:6px}.node{min-height:38px}#detail-items h3{font-size:9px;margin-top:14px}#detail-items p{font-size:11px}.card-sources a{font-size:9px}.card-children button{font-size:10px}#core strong{font-size:12px}}
#detail-role{display:block;margin:0 0 13px;font:9px/1.6 monospace;color:#86afbd}.detail-footer{margin-top:15px}.map-caption{font-size:7px;max-width:260px}.card-sources a:focus-visible,.card-children button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}

/* Stable chronology and educational reading controls. */
.journey{position:fixed;z-index:8;left:36px;right:36px;top:85px;background:#07101be8;border:1px solid var(--line);border-radius:10px;padding:10px 12px;backdrop-filter:blur(12px)}#journey-caption{display:block;font:8px monospace;letter-spacing:.1em;color:#8cabbc;margin-bottom:7px}#phase-rail{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scroll-padding:10px}#phase-rail button{flex:none;border:1px solid #7da7bd20;border-radius:6px;background:#12202d;color:#9eb5c6;padding:7px 9px;font-size:10px;white-space:nowrap}#phase-rail button[data-conditional=true]{border-style:dashed}#phase-rail button[aria-current=step]{border-color:var(--mint);color:#d6fff2;background:#20483f}.breadcrumbs{top:171px}#back-orbit{top:203px}.intro{top:213px}.hint,.map-caption{display:none}#map-legend{position:fixed;z-index:5;bottom:107px;left:50%;transform:translateX(-50%);font:9px monospace;white-space:nowrap;color:#93aebe;background:#09121bcc;padding:8px 12px;border-radius:8px;pointer-events:none}.process-routes button{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;background:#152638;border:1px solid #8cbed32b;border-radius:9px;padding:11px;margin:8px 0;color:#b6cddd;font-size:11px;line-height:1.5}.process-routes button span{color:#9cb2c4}.process-routes button strong{font-weight:500;color:#b3f2df}.process-routes button[data-type=gate]{border-color:#ffcb8250}.process-routes button[data-type=return]{border-color:#ad9ee64d}.process-routes button:hover{background:#213b4b}.gate-note{font-size:10px!important;color:#869aaa!important;margin-top:18px!important}#tour-panel{position:fixed;z-index:10;bottom:105px;left:36px;max-width:500px;background:#101e2ff5;border:1px solid #86d8ca60;border-radius:14px;padding:17px;box-shadow:0 12px 40px #0008}#tour-panel[hidden]{display:none}#tour-progress{display:block;font:9px monospace;color:var(--mint);margin-bottom:7px}#tour-title{display:block;font-size:16px;font-weight:500}#tour-note{font-size:11px;line-height:1.5;color:#a0b5c9;margin:10px 0}#tour-panel nav{display:flex;flex-wrap:wrap;gap:8px}#tour-panel button{border:1px solid #94c6c540;background:#183d3c;color:#d0f6ec;border-radius:7px;padding:9px 12px;font-size:11px}button:disabled{opacity:.45;cursor:default}#tour-exit{background:transparent!important}#tour-complete{position:fixed;left:36px;bottom:107px;z-index:9;background:#193d33;border:1px solid var(--mint);padding:12px 18px;border-radius:10px;font-size:12px}#tour-complete[hidden]{display:none}.touring #map-legend{display:none}#detail{top:245px;bottom:115px;transform:none;max-height:none;width:340px}.intro p{max-width:180px}.controls #tour{font-size:11px}.touring .intro{display:none}
@media(max-width:700px){.journey{top:70px;left:18px;right:18px;padding:8px}#journey-caption{font-size:6px}#phase-rail button{font-size:9px;padding:7px}.breadcrumbs{top:146px}#back-orbit{top:177px}.intro{top:184px}.intro h1{font-size:20px}#map-legend{bottom:95px;font-size:6px;padding:6px;max-width:calc(100% - 30px);white-space:normal;text-align:center}.controls #tour{font-size:8px;padding:10px 7px}#detail{left:16px;right:16px;top:56%;bottom:117px;max-height:none;width:auto;padding:16px 18px}#detail h2{font-size:17px}.touring #detail{top:48%;bottom:var(--tour-card-bottom,208px)}#tour-panel{left:16px;right:16px;bottom:91px;max-width:none;padding:10px 12px}#tour-note{font-size:9px;margin:5px 0}#tour-title{font-size:12px}#tour-progress{font-size:7px;margin-bottom:4px}#tour-panel button{font-size:9px;padding:7px 9px}#tour-complete{left:16px;right:16px;bottom:95px;font-size:10px}#core strong{font-size:11px}}
@media(max-height:650px) and (min-width:701px){#detail{top:185px;bottom:100px}#back-orbit{top:199px}#tour-panel{bottom:100px;max-width:340px;padding:11px}}
.loop-path nav{display:flex;flex-wrap:wrap;gap:5px}.loop-path button{border:1px solid var(--line);background:#14232e;border-radius:6px;padding:6px 8px;font-size:9px;line-height:1.4;text-align:left}.loop-path button[aria-current=step]{border-color:var(--mint);color:var(--mint)}.loop-path p{margin-top:10px!important;font-size:10px!important}
.card-sources{margin-top:18px;border:1px solid var(--line);border-radius:8px;padding:10px}.card-sources summary{cursor:pointer;font:10px/1.5 monospace;color:#8eb8c9}.card-sources summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

#detail-items>section{margin:14px 0}#detail-items h3{margin:0 0 6px;font-size:10px}#detail-description{font-size:12px;line-height:1.65}#detail-items>details{margin:10px 0;border:1px solid var(--line);border-radius:8px;padding:10px}#detail-items>details>summary{font:10px/1.5 monospace;color:#9dc7d4;cursor:pointer}#detail-items>details[open]>summary{margin-bottom:10px}.scenario{border-left:2px solid #b8a3ff;background:#201e363d;border-radius:6px;padding:11px}.scenario h3{color:#c5b8f2!important}.scenario button{border:1px solid #b8a3ff40;border-radius:6px;background:#292d46;color:#ded6fc;padding:7px 9px;margin:6px 5px 0 0;font-size:10px}.scenario section{margin-top:10px}.process-routes button{padding:9px;font-size:10px}.card-children button{font-size:10px}.loop-path nav{margin-top:10px}#tour-complete{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));max-height:calc(100vh - 170px);overflow:auto;z-index:12;padding:25px;background:#102324f5;box-shadow:0 20px 100px #000b}#tour-complete h2{font-size:24px;font-weight:500;margin:0 0 15px}#tour-complete p{font-size:13px;line-height:1.8;color:#b3c7cd}#complete-note{font-size:11px!important;color:#89b6ab!important}#tour-complete nav{display:grid;gap:8px;margin-top:18px}#tour-complete button{border:1px solid #93d9bf40;background:#1b3c36;border-radius:8px;padding:12px;text-align:left;font-size:12px;color:#d8f8e9}#tour-complete:focus{outline:2px solid var(--mint);outline-offset:4px}
@media(max-width:700px){.touring #detail{top:55%}#detail-items h3{font-size:9px}#detail-items>section{margin:11px 0}#detail-description,#detail-items p{font-size:11px;line-height:1.65}#detail-items>details{padding:9px}.scenario{padding:9px}#tour-panel{bottom:91px}#tour-note{font-size:9px}#tour-complete{left:50%;right:auto;padding:20px}#tour-complete h2{font-size:20px}}
/* Entry structure and readable mobile explanations. */
@media(max-width:700px){.detail-expanded #core,.detail-expanded #node-layer,.detail-expanded .journey,.detail-expanded .breadcrumbs,.detail-expanded #back-orbit{visibility:hidden}}
#overview-flow{position:fixed;z-index:5;top:370px;left:36px;width:280px;font-size:10px;line-height:1.7;color:#94b7c5}#overview-flow[hidden]{display:none}#overview-flow button{border:0;background:none;padding:3px 0;color:#bdebdc;text-align:left;font-size:10px}#overview-flow>span{display:block;margin-top:7px;color:#91a8bb;font-size:9px}.node[data-support=true]{border-style:dashed;border-color:#8fb3ec70;background:#18213bd9}.node-label small{letter-spacing:0;line-height:1.4}.immediate-routes button{display:block;width:100%;border:1px solid #8bb5c936;border-radius:7px;background:#12283a;padding:9px;text-align:left;font-size:10px;margin:7px 0;color:#cde9e5}.immediate-routes button span{display:block;font-size:10px;line-height:1.6;color:#9cb5c9;margin-top:5px}.immediate-routes button[data-type=gate]{border-color:#ffcb8260}.immediate-routes button[data-type=return]{border-color:#b8a3ff60}#expand-detail{display:none}
@media(max-width:700px){.intro p{display:block;font-size:10px;line-height:1.5;max-width:280px;margin:7px 0}.intro h1{margin:7px 0;font-size:20px}#overview-flow{left:18px;right:18px;top:287px;width:auto;font-size:8px}#overview-flow button{font-size:8px}#overview-flow>span{font-size:8px;margin-top:3px}#expand-detail{display:block;position:sticky;top:0;z-index:3;border:1px solid #8de4d345;border-radius:6px;background:#15312f;padding:7px 10px;font-size:10px;color:#c7eee1;margin:0 32px 14px 0}#close-detail{position:sticky;float:right;top:0;right:0;z-index:4;background:#152333;border-radius:5px;line-height:1;padding:3px 5px}.detail-expanded #detail{top:76px;bottom:111px;z-index:11;max-height:none;background:#0e1c2afc}.detail-expanded.touring #detail{top:76px;bottom:var(--tour-card-bottom,208px)}.detail-expanded #detail-description,.detail-expanded #detail-items p{font-size:13px;line-height:1.8}.detail-expanded #detail h2{font-size:22px}.detail-expanded.touring #tour-panel>div{display:none}.detail-expanded.touring #tour-panel{padding:8px 10px}.detail-expanded.touring #tour-panel button{padding:7px 9px;font-size:9px}.detail-expanded .immediate-routes button,.detail-expanded .immediate-routes button span{font-size:12px}}
/* Readable map typography. */
.node-label{font-size:14px;line-height:1.35}.node-label small{font-size:10px}.node{padding:7px 9px}#core strong{font-size:18px}.core-under{font-size:10px}#phase-rail button{font-size:13px;padding:8px 11px}#journey-caption{font-size:10px}.language-switch button{font-size:12px}.github{font-size:12px}.header-caption{font-size:10px}.breadcrumbs button{font-size:13px}#back-orbit{font-size:13px}#detail-description,#detail-items p{font-size:15px;line-height:1.75}#detail-role{font-size:11px}#detail-items h3,#detail-items>details>summary{font-size:12px;line-height:1.5}.immediate-routes button,.immediate-routes button span,.process-routes button,.card-children button{font-size:13px}.card-sources a{font-size:12px}.scenario button{font-size:12px}#map-legend{font-size:12px}.controls button span,.controls #tour{font-size:13px}.controls button{padding:11px 13px}#tour-progress{font-size:11px}#tour-title{font-size:18px}#tour-note{font-size:13px}#tour-panel button{font-size:13px}#overview-flow,#overview-flow button{font-size:12px}#overview-flow>span{font-size:11px}.intro p{font-size:13px}footer{font-size:9px}
@media(max-width:700px){.node-label{font-size:12px}.node-label small{font-size:9px}.node{padding:6px 5px}#core strong{font-size:15px}.core-under{font-size:9px}#phase-rail button{font-size:12px;padding:8px 9px}#journey-caption{font-size:8px}.language-switch button{font-size:11px}.github{font-size:11px}.breadcrumbs button{font-size:11px}.breadcrumbs{top:153px}#back-orbit{top:184px;font-size:11px}.journey{padding:9px}.intro{top:220px}.intro p{font-size:12px}.intro h1{font-size:23px}#overview-flow{top:331px}#overview-flow,#overview-flow button{font-size:10px}#overview-flow>span{font-size:10px}#detail-description,#detail-items p{font-size:13px;line-height:1.7}#detail-role{font-size:10px}#detail-items h3,#detail-items>details>summary{font-size:11px}.immediate-routes button,.immediate-routes button span,.process-routes button,.card-children button,.scenario button{font-size:12px}.card-sources a{font-size:11px}#expand-detail{font-size:12px}#map-legend{font-size:9px;bottom:103px}.controls button span,.controls #tour{font-size:10px}.controls button{padding:10px 6px;font-size:14px}.controls{width:calc(100% - 24px);justify-content:center}#tour-progress{font-size:10px}#tour-title{font-size:15px}#tour-note{font-size:11px}#tour-panel button{font-size:11px;padding:8px}#tour-panel{bottom:96px}.detail-expanded.touring #tour-panel button{font-size:11px}footer{font-size:7px}.detail-expanded #detail-description,.detail-expanded #detail-items p{font-size:15px}}
@media(max-width:700px){.intro{top:184px}#overview-flow{top:306px}}
/* Moderate typography scale: clear at a glance without crowding the map. */
.node-label{font-size:12px}.node-label small{font-size:8px}#phase-rail button{font-size:11px}.language-switch button,.github,.breadcrumbs button,#back-orbit{font-size:11px}#detail-description,#detail-items p{font-size:14px}#map-legend{font-size:10px}.controls button span,.controls #tour{font-size:11px}#tour-title{font-size:16px}#tour-note{font-size:12px}#tour-panel button{font-size:11px}#overview-flow,#overview-flow button{font-size:11px}#overview-flow>span,.intro p{font-size:11px}
@media(max-width:700px){.node-label{font-size:10px}.node-label small{font-size:7px}#phase-rail button{font-size:10px;padding:7px 8px}.language-switch button,.github{font-size:9px}.breadcrumbs button,#back-orbit{font-size:10px}#detail-description,#detail-items p{font-size:12px}#detail-items h3,#detail-items>details>summary{font-size:10px}.immediate-routes button,.immediate-routes button span,.process-routes button,.card-children button,.scenario button{font-size:10px}.card-sources a{font-size:10px}#expand-detail{font-size:10px}.controls button span,.controls #tour{font-size:9px}.controls button{padding:9px 5px;font-size:12px}#tour-title{font-size:14px}#tour-note{font-size:10px}#tour-panel button{font-size:10px;padding:7px}#map-legend{font-size:8px}.intro p,#overview-flow,#overview-flow button,#overview-flow>span{font-size:9px}footer{font-size:6px}.detail-expanded #detail-description,.detail-expanded #detail-items p{font-size:14px}}
.in-flight #core{opacity:0;pointer-events:none}#core{transition:opacity .3s ease}

@media(max-width:700px){#overview-flow{width:calc(100% - 36px);line-height:1.55}#overview-flow button{display:inline;white-space:normal}#overview-flow>span{max-width:100%;line-height:1.55}}

/* Keep the four entry regions reachable even when orbital labels are occluded. */
.intro p{max-width:285px;font-size:12px;line-height:1.65}
#overview-flow{width:300px}
#overview-flow .region-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#overview-flow .region-list button{border:1px solid #92b4d330;border-left:2px solid var(--region-color);border-radius:7px;background:#0c1926ed;padding:9px 10px;line-height:1.4;color:#e2eaf2;font-size:11px}
#overview-flow .region-list small{display:block;color:var(--region-color);font-size:9px;margin-top:4px}
#overview-flow .overview-tours{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#overview-flow .overview-tours button{padding:7px 9px;border:1px solid #8ae8d550;border-radius:6px;background:#15312f;font-size:10px}
#overview-flow .overview-tours button+button{background:#101a28;border-color:#92b4d330;color:#a9bdcd}
#map-legend{max-width:min(680px,calc(100% - 32px));width:max-content;white-space:normal;text-align:center;line-height:1.6}
@media(max-width:700px){.intro{top:184px;left:18px;right:18px}.intro h1{font-size:20px;margin:7px 0}.intro p{max-width:none;font-size:11px;line-height:1.5;margin:6px 0}#overview-flow{width:auto;left:18px;right:18px}#overview-flow .region-list{gap:5px}#overview-flow .region-list button{font-size:10px;padding:6px 8px}#overview-flow .region-list small{font-size:8px;margin-top:2px}#overview-flow>span{font-size:9px;line-height:1.5;margin-top:6px}#overview-flow .overview-tours{margin-top:6px;gap:6px}#overview-flow .overview-tours button{font-size:9px;padding:5px 7px}#map-legend{font-size:8px;bottom:95px;padding:5px 8px}}

@media(min-width:701px){#tour-panel{width:320px;max-width:320px}body:has(#detail:not([hidden])) #map-legend{max-width:min(680px,calc(100vw - 752px))}}
body:not(.focused):has(#detail:not([hidden])) .intro,body:not(.focused):has(#detail:not([hidden])) #overview-flow{display:none}
#map-legend{left:50%;right:auto;transform:translateX(-50%);width:max-content;background:transparent;padding:0;text-align:center;text-shadow:0 1px 4px #04070d}
#map-legend .legend-main,#map-legend .legend-key{display:block}
#map-legend .legend-type[data-type=flow]{color:#a5c9ec}#map-legend .legend-type[data-type=gate]{color:#ffd18a}#map-legend .legend-type[data-type=optional]{color:#8cebd6}#map-legend .legend-type[data-type=conditional]{color:#81d8ef}#map-legend .legend-type[data-type=return]{color:#c5adff}
@media(min-width:701px){body:not(.focused):not(.touring) #map-legend{max-width:520px}}
@media(max-width:700px) and (max-height:760px){body:not(.focused):not(.touring) .intro p,body:not(.focused):not(.touring) #overview-flow>span{display:none}#overview-flow .region-list button{padding:6px 8px}}
@media(max-width:700px) and (max-height:600px){body:not(.focused):not(.touring) .intro,body:not(.focused):not(.touring) #node-layer .node{display:none}#map-legend{display:none}}
body:not(.focused) .breadcrumbs{display:none}
#install-quick-start{margin-top:16px;padding:13px;border:1px solid #52c6b53b;border-radius:9px;background:#071513aa}
#install-quick-start h3{margin:0 0 8px;font:10px monospace;letter-spacing:.04em;color:#8ae8d5}
#install-quick-start p{margin:7px 0;font-size:11px;line-height:1.55;color:#a9bbce}
#install-quick-start pre{margin:8px 0;padding:9px 10px;overflow-x:auto;border:1px solid #52c6b52e;border-radius:6px;background:#040a10}
#install-quick-start code{font:11px/1.4 Consolas,monospace;color:#8ae8d5;white-space:pre}
#install-quick-start a{display:inline-block;margin-top:4px;font-size:10px;color:#8ae8d5}
#install-quick-start a:hover{text-decoration:underline}