.people_face{position:relative;width:100%;height:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;container-type:inline-size;color:#f4f4e9;background:#263b40;font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}
.people_background,.people_rulers,.people_ring,.people_moving{position:absolute;inset:0;width:100%;height:100%}.people_background{z-index:0;pointer-events:none}.people_rulers{z-index:2;pointer-events:none}.people_ring{z-index:4;pointer-events:none;overflow:visible}.people_ring circle[data-counting=true]{stroke-opacity:.3}.people_ring circle{stroke-linecap:round}.people_moving{z-index:1;filter:var(--map-people-outer-filter,none)}
.people_rulers line{stroke:#718c88;stroke-width:1.4;stroke-linecap:round;opacity:.48}.people_rulers line[data-major=true]{stroke-width:2;opacity:.68}.people_rulers line[data-focus=true]{stroke-width:2.5;opacity:.85}.people_rulers g[data-active=true] line[data-major=true]{stroke:#d9bd77;opacity:.85}.people_rulers g[data-active=true] line[data-focus=true]{stroke:#f0d38b;opacity:1}
.people_relation{position:absolute;top:11.8%;left:32%;width:36%;display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:center;color:#f1f1df;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:var(--people-top-font);font-weight:650;line-height:1.25;pointer-events:none;z-index:3;gap:calc(22px * var(--map-dial-scale,1))}
.people_relationCell{position:relative;min-width:0;display:block;text-align:center}.people_valueSlide{display:inline-block;animation:people-number-in .19s cubic-bezier(.2,.8,.2,1)}
.people_equals{position:absolute;left:calc(100% + calc(4px * var(--map-dial-scale,1)));top:50%;width:calc(14px * var(--map-dial-scale,1));height:calc(12px * var(--map-dial-scale,1));transform:translateY(-50%);font-size:0;color:#a5d5bd;animation:people-equals .23s ease-out}.people_equals::before,.people_equals::after{content:"";position:absolute;left:0;right:0;height:calc(2px * var(--map-dial-scale,1));background:currentColor;border-radius:calc(2px * var(--map-dial-scale,1))}.people_equals::before{top:calc(2px * var(--map-dial-scale,1))}.people_equals::after{bottom:calc(2px * var(--map-dial-scale,1))}
.people_counter{position:absolute;inset:0;outline:none;touch-action:none;pointer-events:auto}.people_counter[data-map-people-counter=existing]{clip-path:inset(0 50% 0 0)}.people_counter[data-map-people-counter=recruiting]{clip-path:inset(0 0 0 50%)}.people_counter:focus-visible::after{content:"";position:absolute;top:40%;height:20%;width:22%;border:2px solid #fff3b6;border-radius:8px;pointer-events:none}.people_counter[data-map-people-counter=existing]:focus-visible::after{left:2%}.people_counter[data-map-people-counter=recruiting]:focus-visible::after{right:2%}
.people_option{position:absolute;display:grid;place-items:center;width:clamp(36px,12cqw,48px);height:clamp(36px,12cqw,48px);padding:0;border:0;border-radius:8px;background:transparent;color:#c5d1d0;font:inherit;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);touch-action:none;pointer-events:auto;cursor:grab}.people_option:disabled{opacity:1;cursor:default}.people_counter[aria-disabled=true] .people_option{pointer-events:none}.people_option:active{cursor:grabbing}.people_option[data-current=true]{width:24%;height:clamp(38px,14cqw,56px);color:#f4f4e9;font-weight:700}.people_current{font-size:var(--people-current-font);line-height:1.15;display:block}.people_neighbor{font-size:var(--people-neighbor-font);line-height:1.15;display:block}.people_counter[data-map-people-active=true] .people_option[data-current=true]{color:#fff3b6}
.people_mark{position:absolute;top:50%;width:var(--people-mark-width);height:clamp(calc(24px * var(--map-dial-scale,1)),8cqw,calc(34px * var(--map-dial-scale,1)));transform:translate(-50%,-50%);border-left:calc(2px * var(--map-dial-scale,1)) solid #7b8e91;border-right:calc(2px * var(--map-dial-scale,1)) solid #7b8e91;border-radius:calc(2px * var(--map-dial-scale,1));pointer-events:none;z-index:2;box-sizing:border-box}.people_mark[data-map-people-selected-mark=existing]{left:13%}.people_mark[data-map-people-selected-mark=recruiting]{left:87%}.people_mark[data-active=true]{border-color:#efce79}
.people_hub{position:absolute;left:32.60029%;top:32.60029%;width:34.79942%;height:34.79942%;border-radius:50%;overflow:hidden;background:#1e3d39;z-index:5}.people_centerTrack,.people_page{position:absolute;inset:0;width:100%;height:100%}.people_centerTrack{filter:var(--map-people-outer-filter,none);pointer-events:none}.people_page{display:flex;align-items:center;justify-content:center;pointer-events:none}.people_page[hidden],.people_centerTrack[hidden],.people_confirm[hidden]{display:none}
.people_activity{position:relative;width:100%;height:100%;pointer-events:none}.people_artwork{position:absolute;left:30%;top:16%;width:40%;height:40%;animation:people-activity-hop 2.8s ease-in-out infinite;transform-origin:50% 80%}.people_activityName{position:absolute;top:64%;left:0;width:100%;text-align:center;font-size:clamp(calc(12px * var(--map-dial-scale,1)),3.8cqw,calc(16px * var(--map-dial-scale,1)));font-weight:650;line-height:1.3;letter-spacing:.04em;white-space:nowrap}.people_digit{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:clamp(calc(34px * var(--map-dial-scale,1)),14cqw,calc(60px * var(--map-dial-scale,1)));font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.people_confirm{filter:var(--map-people-outer-filter,none);position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:50%;background:#326e5c;color:#f4f4e9;font:inherit;font-size:clamp(calc(13px * var(--map-dial-scale,1)),4.4cqw,calc(19px * var(--map-dial-scale,1)));font-weight:650;letter-spacing:.02em;white-space:nowrap;cursor:pointer;touch-action:manipulation}.people_confirm:disabled{opacity:1;cursor:default}.people_confirm:focus-visible{outline:2px solid #fff3b6;outline-offset:-5px}.people_confirm:enabled:active{background:#285b4c}
.people_srOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes people-number-in{from{transform:translateY(calc(6px * var(--map-dial-scale,1)));opacity:.35}to{transform:translateY(0);opacity:1}}@keyframes people-equals{from{opacity:.55;scale:.75 1}to{opacity:1;scale:1 1}}
@keyframes people-activity-hop{0%,56%,100%{transform:translateY(0) scale(1)}65%{transform:translateY(calc(-5px * var(--map-dial-scale,1))) scale(1.035)}73%{transform:translateY(0) scale(.98)}80%{transform:translateY(calc(-2px * var(--map-dial-scale,1))) scale(1.01)}87%{transform:translateY(0) scale(1)}}
@media(hover:hover){.people_confirm:enabled:hover{background:#438a70}.people_option:enabled:hover{color:#fff3b6}}
@media(prefers-reduced-motion:reduce){.people_artwork,.people_valueSlide,.people_equals{animation:none!important}.people_option,.people_confirm{transition:none}}
.people_face[data-reduced-motion=true] .people_artwork,.people_face[data-reduced-motion=true] .people_valueSlide,.people_face[data-reduced-motion=true] .people_equals{animation:none}

@media(forced-colors:none){
.people_face{background:var(--yi-surface);color:var(--yi-ink)}.people_rulers line{stroke:var(--yi-muted)}.people_rulers g[data-active=true] line[data-major=true],.people_rulers g[data-active=true] line[data-focus=true]{stroke:var(--yi-selected-stroke)}.people_relation{color:var(--yi-ink)}.people_equals{color:var(--yi-secondary)}.people_option{color:var(--yi-muted)}.people_option[data-current=true],.people_counter[data-map-people-active=true] .people_option[data-current=true]{color:var(--yi-selected-ink)}.people_mark{border-color:var(--yi-inner-edge)}.people_mark[data-active=true],.people_counter:focus-visible::after{border-color:var(--yi-focus)}.people_confirm{background:var(--yi-selected-surface);color:var(--yi-ink)}.people_confirm:focus-visible{outline-color:var(--yi-focus)}.people_confirm:enabled:active{background:var(--yi-pressed-surface)}
}
@media(forced-colors:none) and (hover:hover){.people_confirm:enabled:hover{background:var(--yi-hover-surface)}.people_option:enabled:hover{color:var(--yi-ink)}}

/* Bind the actual topmost hub, not just the SVG hidden beneath it. */
@media(forced-colors:none){
.people_face .people_rulers line{stroke:var(--yi-metal-markers);opacity:1}.people_face .people_equals{color:var(--yi-ink)}.people_face .people_hub{background:var(--yi-hub-surface);color:var(--yi-hub-ink)}.people_face[data-phase=countdown] .people_hub{background:var(--yi-hub-countdown-surface);color:var(--yi-hub-countdown-ink)}.people_face .people_ring circle[data-counting=true]{stroke:var(--yi-hub-countdown-ring);fill:var(--yi-hub-countdown-surface)}.people_face .people_confirm{background:var(--yi-hub-ready-surface);color:var(--yi-hub-ready-ink)}.people_face .people_confirm:enabled:active{background:var(--yi-hub-ready-pressed)}.people_face .people_confirm:focus-visible{outline-color:var(--yi-hub-ready-ink);outline-offset:-5px}
}
@media(forced-colors:none) and (hover:hover){.people_face .people_confirm:enabled:hover{background:var(--yi-hub-ready-pressed)}}