.trade-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 24px;background:#f5edda;border-top:1px solid #c2bba6}
.region-heading{padding:25px 26px 21px}
.region-heading h2{font-size:clamp(28px,3.5vw,42px);line-height:1.1;letter-spacing:-.04em}
#trade-filters{display:flex;gap:7px;flex-wrap:wrap}
#trade-filters button,#show-teamwork{display:flex;gap:6px;align-items:center;border:1px solid #b5b7a3;border-radius:6px;padding:8px 10px;background:#fffbed;color:#394f45;font-family:inherit;font-size:12px;cursor:pointer}

#trade-filters button[aria-pressed=true]{background:#344d3f;color:#fffbed;border-color:#344d3f}

#show-teamwork{background:transparent;text-decoration:underline;text-underline-offset:3px;border:0;font-size:11px}
.request-pins{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.request-pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px;border:0;border-radius:22px;background:transparent;pointer-events:auto;cursor:pointer}
.request-bubble{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #a18c67;border-radius:12px;background:#fffbee;box-shadow:0 2px 4px #634f3820;transform-origin:center bottom}
.request-trades{display:flex;gap:2px}
.trade-symbol{display:inline-grid;place-items:center;flex-shrink:0;width:23px;height:23px;font:20px/1 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.request-status{display:none}
#crew-roster .trade-symbol{grid-row:1/3}
.request-pin[data-state=Requests] .request-bubble{animation:request-pop .35s ease-out both}
.request-pin[data-state="Pros on the way"] .request-bubble{border-color:#6b929e}
.request-pin[data-state="Being serviced"] .request-bubble{background:#f3d58c;border-color:#ad833c;animation:service-pop .3s ease-out both}
.request-pin[data-state=Complete] .request-bubble{background:#e0e9de;border-color:#6a8b73}
.request-pin:hover .request-bubble,.request-pin:focus-visible .request-bubble{outline:2px solid #a37839;outline-offset:2px}
.request-pin:focus-visible{outline:none;z-index:3}
@keyframes request-pop{from{transform:translateY(7px) scale(.65)}to{transform:translateY(0) scale(1)}}
@keyframes service-pop{from{transform:scale(.88)}to{transform:scale(1)}}
#stage[data-motion=paused] .request-bubble{animation:none}
@media(prefers-reduced-motion:reduce){.request-pin .request-bubble{animation:none}}
.request-pins [hidden]{display:none}
.request-tether{position:absolute;left:0;top:0;width:1px;background:#817760;transform-origin:top center;opacity:.65}
.request-pin[data-selected=true] .request-bubble{border-color:#485d4d;box-shadow:0 0 0 1px #485d4d,1px 3px #634f3828}
.articulate-map-pin{position:absolute;transform:translate(-50%,-50%);width:62px;height:65px;border:0;background:transparent;border-radius:8px;pointer-events:auto;cursor:pointer}
.articulate-map-pin:hover{outline:1px dashed #5e5d4a}
#world .region-partner{width:48px;height:50px;padding:6px 7px;border-radius:13px;transform:translate(-50%,-100%);opacity:1;display:grid;place-content:center}
#world .region-partner[hidden]{display:none}
#world .region-partner::after{width:7px;height:7px;bottom:-6px;left:calc(50% - 4px)}
.partner-monogram{display:block;position:relative;overflow:hidden;width:30px;height:36px}
#world .partner-monogram img{position:absolute;left:0;top:0;width:191px;height:36px;max-width:none;object-fit:fill}
#crew-detail{width:262px}
#crew-detail strong{font-size:19px}
#crew-roster{display:grid;gap:5px;margin-top:12px}
#crew-roster>span{display:grid;grid-template-columns:23px 1fr;column-gap:7px;align-items:center;font-size:11px}

#crew-roster b{font-weight:600}
#crew-roster small{font-size:10px;color:#727865}
.app-downloads{display:flex;align-items:center;gap:25px;padding:28px 26px;margin-top:20px;border:1px solid #b1baa1;border-radius:9px;background:#ecebd6}
.app-downloads>img{width:80px;height:72px;object-fit:contain;flex-shrink:0}
.app-downloads h2{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:0 0 8px}
.app-downloads p{font-size:13px;line-height:1.5;max-width:360px;margin:0}
.app-store-links{display:flex;gap:9px;margin-left:auto;flex-shrink:0}
.store-link{display:grid;gap:4px;padding:11px 15px;border:1px solid #344d3f;border-radius:7px;color:#fffbed;background:#344d3f;text-decoration:none;min-width:135px}
.store-link small{font-size:10px;line-height:1.2}
.store-link>span{font-size:17px;font-weight:600;letter-spacing:-.02em}
.store-link:hover,.store-link:focus-visible{outline:2px solid #a37839;outline-offset:2px}
.store-link.is-pending{background:transparent;color:#657361;border-color:#a4b099}
@media(max-width:850px){.app-downloads{flex-wrap:wrap;gap:15px}.app-store-links{margin-left:0;width:100%}.store-link{flex:1}.app-downloads>div:not(.app-store-links){flex:1;min-width:180px}}
@media(max-width:650px){.app-downloads{padding:22px 16px}.app-downloads>img{width:60px;height:62px}.app-downloads h2{font-size:22px}.store-link{min-width:0;padding:11px 12px}}
.demo-steps{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px;border-top:1px solid #c6ceaf;padding-top:9px}
.demo-steps button{padding:4px 6px;background:#f0ecd9;border:1px solid #bac2a4;border-radius:4px;font:10px sans-serif;color:#435741;cursor:pointer}
.demo-steps button:hover,.demo-steps button:focus-visible{background:#e4d098}
.crew-actions{margin-top:8px}
#open-work{display:grid;grid-template-columns:1fr auto;gap:5px 35px;margin-top:28px;padding:18px 20px;width:min(100%,330px);text-align:left;background:#344d3f;color:#fffbed;border:1px solid #344d3f;border-radius:7px;cursor:pointer}
#open-work>span{font-family:inherit;font-size:26px;font-weight:600;letter-spacing:-.025em}
#open-work small{grid-column:1/-1;font:12px sans-serif;opacity:.85}
#open-work:hover{background:#263d34}
body:has(#work-dialog[open]){overflow:hidden}
#work-dialog{width:min(760px,calc(100vw - 32px));max-height:88dvh;max-width:none;padding:0;overflow:auto;overscroll-behavior:contain;background:#fffbed;border:1px solid #344d3f;border-radius:12px;box-shadow:0 20px 80px #132e3944}
#work-dialog::backdrop{background:#1f3837a6;backdrop-filter:blur(3px)}
.work-dialog-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #c0c7ab;background:#eee8d4;font-size:12px}
.work-dialog-header button{background:transparent;border:1px solid #899880;border-radius:4px;padding:6px 10px;color:#344d3f;cursor:pointer;font-family:inherit}
.work-dialog-body{padding:22px 42px 36px}
#work-dialog h2{font-size:76px;letter-spacing:-.065em;line-height:1;margin:12px 0 20px;clear:none}
#work-intro{font-size:19px;line-height:1.4;max-width:490px}
#work-dialog blockquote{margin:28px 0 10px;font-size:29px;line-height:1.2;letter-spacing:-.03em;font-weight:600}
#work-dialog .attribution{font-size:12px;margin-bottom:30px}
#work-dialog p{line-height:1.65}
#work-dialog h3{font-size:19px;margin:25px 0 10px;letter-spacing:-.02em}
#work-dialog a{margin:0;text-underline-offset:3px}
#work-dialog hr{border:0;border-top:1px solid #c0c7ab;margin:30px 0}
.work-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.work-principles h4{font-size:25px;letter-spacing:-.03em;margin:10px 0}
.work-principles p{font-size:13px;margin:0}
.work-answer{font-size:18px;margin-top:27px;font-weight:600}
.work-source-note{font-size:11px;color:#667462;margin-top:25px}
@media(max-width:850px){.trade-bar{display:block;padding:12px 16px}#show-teamwork{padding:9px 0 0}#crew-detail{width:242px}}
@media(max-width:650px){#trade-filters{gap:5px}#trade-filters button{font-size:10px;padding:6px 7px}.request-bubble{padding:6px}.articulate-map-pin{width:48px;height:52px}#mobile-crew-dock #crew-detail{display:block}#mobile-crew-dock .crew-actions{flex-direction:row;justify-content:space-between;border-top:1px solid #c6ceaf;margin-top:10px;padding-top:8px}#crew-roster{grid-template-columns:1fr 1fr}#mobile-crew-dock .crew-eyebrow{margin-bottom:8px}.demo-steps{margin-top:9px}#work-dialog{max-height:90dvh}.work-dialog-header{padding:12px 18px}.work-dialog-body{padding:20px 22px 28px}#work-dialog h2{font-size:60px}#work-dialog blockquote{font-size:25px}.work-principles{grid-template-columns:1fr;gap:12px}.work-principles h4{font-size:23px;margin:6px 0}.work-principles p{font-size:14px}}