/* The map is the loading subject; the star wheel and frame arrive after it leaves. */
.global-field{position:absolute;inset:0;pointer-events:none;color:#548474}
.global-map{position:absolute;width:67vw;height:auto;right:3vw;top:47%;transform:translateY(-50%);opacity:1;overflow:visible}
.global-land{fill:#6b9583;opacity:.74}
.global-route-group{opacity:0;transition:opacity .28s}
.global-route-group.route-active{opacity:1}
.global-route{fill:none;stroke:#4b8877;stroke-width:.21;opacity:.5;stroke-dasharray:100;stroke-dashoffset:100}
.route-active .global-route{animation:global-route-open .7s ease-out forwards}
.global-signal{fill:none;stroke:#176f60;stroke-width:.34;stroke-linecap:round;stroke-dasharray:7 93;stroke-dashoffset:0}
.route-active .global-signal{animation:global-travel 1.85s linear infinite;animation-delay:var(--flight)}
.global-node{fill:#3a806b}.global-pulse{fill:none;stroke:#387d69;stroke-width:.17}
.route-active .global-pulse{animation:global-pulse 2.1s ease-out infinite;animation-delay:var(--flight)}
.china-target{fill:#f6f5ef;stroke:#236d5b;stroke-width:.32}.china-point{fill:#286d59}.china-leader{stroke:#286d59;stroke-width:.2;fill:none}
.china-origin text{font:600 3.2px Arial,"PingFang SC",sans-serif;fill:#293d34}.china-origin .china-sub{font:1.7px Arial,sans-serif;letter-spacing:.12px;fill:#4b7462}
.global-terminal{position:absolute;width:100%;height:100%;opacity:.15;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,black,transparent 19%,transparent 78%,black)}
.global-border{position:absolute;inset:26px;width:calc(100% - 52px);height:calc(100% - 52px);overflow:visible;opacity:0;transition:opacity .5s}
.global-field[data-stage=frame] .global-border{opacity:1}
.border-track{fill:none;stroke:#8ca99a;stroke-width:.6;opacity:.4;vector-effect:non-scaling-stroke}.border-signal{fill:none;stroke:#4f8b78;stroke-width:1.4;stroke-dasharray:7 43;animation:global-travel 12s linear infinite;vector-effect:non-scaling-stroke}
.global-caption,.global-note{position:absolute;font:10px Arial,sans-serif;letter-spacing:.17em;color:#527261;background:#f6f5ef;padding:0 10px}.global-caption{left:48px;top:25px}.global-note{right:48px;bottom:25px;letter-spacing:.1em}
#siteEntrance .entry-center,#siteEntrance .entry-actions{display:none}
#thoughtTimer{font-size:1.15em;font-variant-numeric:tabular-nums;color:#385d4c}
@keyframes global-route-open{to{stroke-dashoffset:0}}
@keyframes global-travel{to{stroke-dashoffset:-100}}
@keyframes global-pulse{0%{transform:scale(1);opacity:.7}90%,100%{transform:scale(3);opacity:0}}
body[data-entry=entered] .global-field{display:none}
@media(max-width:650px){#introViewport{width:100vw;height:100svh;aspect-ratio:auto;left:50%}#introThought{left:9.5%;top:36.5%;--tl-font:3.2cqw;max-width:80vw}.global-map{width:94vw;right:3vw;top:57%;opacity:1}.global-terminal{opacity:.12}.global-border{inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}.global-caption{left:29px;top:16px;font-size:9px}.global-note{right:29px;bottom:16px;font-size:9px}.china-origin{transform:scale(1.4);transform-origin:122.49px 32.2px}.china-origin text{font-size:4px}.china-origin .china-sub{font-size:3px}.global-land{opacity:.85}}
@media(prefers-reduced-motion:reduce){.global-field *{animation:none!important;transition:none!important}.global-route-group{opacity:1}.global-route{stroke-dashoffset:0}.global-pulse{opacity:.3}.global-terminal{display:none}}

#introSoundToggle{position:absolute;right:38px;top:42px;z-index:4;border:1px solid #90a899;background:#f6f5efcc;color:#385d4c;min-height:44px;padding:0 14px;font:12px Arial,"PingFang SC",sans-serif;cursor:pointer}
@media(max-width:650px){#introSoundToggle{top:42px;right:20px;font-size:11px;min-height:36px}.china-origin text{font-size:3.3px}}

.global-terminal{z-index:0}.global-map,.global-border,.global-caption,.global-note{z-index:1}
.global-field[data-edge=sides] .global-terminal{opacity:.27;mask-image:linear-gradient(90deg,#000,transparent 29%,transparent 73%,#000)}
.global-field[data-edge=rails] .global-terminal{opacity:.30;mask-image:linear-gradient(180deg,#000,transparent 26%,transparent 73%,#000)}
.global-field[data-edge=corners] .global-terminal{opacity:.34;mask-image:radial-gradient(ellipse at 50% 48%,transparent 40%,#000 96%)}
@media(prefers-reduced-motion:reduce){.global-terminal{display:none!important}}