.trade-hero{color:#e5d0ab;isolation:isolate;background:#031420;width:100%;padding-top:88px}.trade-hero-artwork{aspect-ratio:1672/941;width:100%;position:relative;overflow:hidden}.trade-hero-original{object-fit:contain;width:100%;height:100%;display:block}.trade-hero-light{pointer-events:none;opacity:0;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.trade-hero.is-active .trade-hero-light{opacity:1}.trade-route{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-dasharray:3 197;stroke-dashoffset:3px;opacity:0;animation:12s cubic-bezier(.35,0,.3,1) infinite trade-travel;animation-delay:var(--route-delay)}.trade-route-highlight{filter:brightness(1.8)}.trade-arrival{fill:#ffe2b5;opacity:0;animation:12s ease-in-out infinite trade-arrive;animation-delay:var(--route-delay)}.trade-japan-glow{opacity:0;filter:brightness(1.7);animation:4s ease-in-out infinite trade-japan}.trade-dot-glow{opacity:0;filter:brightness(1.5);animation:12s ease-in-out infinite trade-dots}.trade-city-glow{opacity:0;filter:brightness(1.35);animation:12s ease-in-out infinite trade-cities}.trade-hero.is-paused .trade-hero-light *{animation-play-state:paused}.trade-hero-controls{letter-spacing:.16em;border-top:1px solid #c3a36824;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,3vw,48px);font:10px/1.5 Arial,sans-serif;display:flex}.trade-hero-controls button{color:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;min-height:44px;padding:8px 0;font-family:inherit;font-size:12px;line-height:1.5;display:flex}.trade-hero-controls button:focus-visible{outline-offset:4px;outline:1px solid #e5d0ab}@keyframes trade-travel{0%,16.66%{stroke-dashoffset:3px;opacity:0}18%{opacity:.65}41.66%{stroke-dashoffset:-100px;opacity:.65}44%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes trade-arrive{0%,40%{opacity:0}43%{opacity:.45}51.5%,to{opacity:0}}@keyframes trade-japan{0%,to{opacity:0}50%{opacity:.22}}@keyframes trade-dots{0%,20%,80%,to{opacity:0}48%{opacity:.24}}@keyframes trade-cities{0%,to{opacity:0}50%{opacity:.18}}@media (width<=767px){.trade-hero-controls{letter-spacing:.08em;padding:6px 16px}.trade-hero-controls>span{font-size:8px}.trade-hero-controls button{font-size:10px}}@media (prefers-reduced-motion:reduce){.trade-hero .trade-hero-light,.trade-hero-controls{display:none}.trade-hero-light *{animation:none!important}}@media (width<=720px){.trade-hero{padding-top:76px}}
