/* The overview is a shared world, not a set of prescribed occupations. */
.studio-heading{padding:34px 0 26px}.studio-heading h1{font-size:37px}.studio-heading p{letter-spacing:.2px}
.collective-roster{padding:19px 0 0;background:none}.living-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:35px;align-items:center}
.collective-scene{height:460px;position:relative;isolation:isolate}.collective-scene:before{content:'';position:absolute;inset:45px 0 0;z-index:-1;background-image:radial-gradient(#bfc9d7 1px,transparent 1px);background-size:7px 7px;opacity:.055;mask-image:radial-gradient(ellipse at 50% 52%,#000,transparent 64%)}
.collective-traces{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#cbd2dd18;stroke-width:.65}.collective-traces .outer-trace{stroke:#cbd2dd0a;stroke-dasharray:1 8}.mind-trace{stroke:#cbd2dd0e;transition:stroke .4s}.mind-trace.is-active{stroke:#d0d8e5a0;stroke-dasharray:3 10;animation:thought-flow 5s linear infinite;stroke-width:1.1}
.collective-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:174px;pointer-events:none}.center-overline{font:7px var(--mono);letter-spacing:2px;color:#69717d}.collective-center strong{font:400 30px var(--sans);letter-spacing:-1.2px;display:block;margin-top:7px}.collective-center small{display:block;font-size:9px;color:#7c8795;margin-top:8px}.collective-heartbeat{display:flex;justify-content:center;gap:5px;margin-top:12px}.collective-heartbeat i{height:3px;width:3px;border-radius:50%;background:#3d4550;transition:background .3s,box-shadow .3s}.collective-heartbeat i.is-active{background:#dfe4e8;box-shadow:0 0 9px #c9dded66}
.collective-scene .agent-grid{position:absolute;inset:0;display:block;height:100%;width:100%;margin:0;padding:0;overflow:visible;scroll-snap-type:none}
.collective-scene .agent-card,.collective-scene .agent-card:hover{position:absolute;width:142px;left:17%;top:33%;padding:0;background:none;transform:translate(-50%,-50%);animation:none;transition:opacity .4s}
.collective-scene .agent-card:nth-child(2){left:50%;top:21%}.collective-scene .agent-card:nth-child(3){left:83%;top:33%}.collective-scene .agent-card:nth-child(4){left:29%;top:78%}.collective-scene .agent-card:nth-child(5){left:71%;top:78%}
.collective-scene .agent-topline{position:relative;left:auto;top:auto;transform:none;height:12px}.collective-scene .agent-status{font-size:8px;color:#727c8a;justify-content:center}.collective-scene .agent-status i{height:3px;width:3px;background:#8996a5}.collective-scene .agent-card.is-active .agent-status{color:#dce1e7}.collective-scene .agent-card.is-active .agent-status i{background:#dce1e7;box-shadow:0 0 8px #c4d7ed55}
.collective-scene .agent-identity{margin:6px 0 0;gap:0}.collective-scene .agent-identity .portrait{width:116px;height:122px;mask-image:radial-gradient(ellipse at 50% 43%,#000 39%,transparent 78%)}.collective-scene .agent-card img{filter:saturate(.58) brightness(.85);opacity:.85;transition:opacity .5s,filter .5s,transform .35s}.collective-scene .agent-card.is-active img,.collective-scene .agent-card:hover img{filter:saturate(.9) brightness(1.18);opacity:1}
.collective-scene .agent-identity h3{font-size:15px;letter-spacing:1.4px;margin:5px 0 3px;font-weight:500}.collective-scene .agent-identity p{font:7px var(--mono);letter-spacing:1px;color:#596371}.collective-scene .agent-budget{margin-top:7px;gap:0}.collective-scene .agent-budget strong{font-size:11px;color:#c6cdd6}.collective-scene .agent-budget small{font-size:7px}.mind-income{display:block;font-size:7px;color:#65717f;margin-top:5px;letter-spacing:.2px}.mind-income b{font-weight:400;color:#a6aeb9;margin-left:4px}.collective-scene .agent-card.depleted img{filter:grayscale(1) brightness(1.2)}.collective-scene .agent-card.depleted.is-active img{filter:grayscale(1) brightness(1.55)}
.activity-panel{border-left:1px solid var(--line);padding:7px 0 7px 32px;min-width:0}.activity-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:31px;font-size:10px}.activity-topline>span{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#c8cdd3}.activity-topline .live-dot{width:4px;height:4px;background:#b6c2bb;box-shadow:none}.activity-topline small{font-size:8px;color:#666f7a;margin-left:2px}.playback-controls{display:flex;align-items:center;gap:14px}.playback-controls .text-button{font-size:9px;padding:0}.playback-controls .icon-button{padding:0;width:18px;height:20px;font-size:15px;color:#929eab}
.activity-label{font:8px var(--mono);letter-spacing:1.5px;color:#7f8c9b;display:flex;align-items:center;justify-content:space-between}.activity-label span:last-child{font-size:8px;letter-spacing:0;color:#5d6a7a}.activity-title{font-size:26px;font-weight:450;letter-spacing:-.6px;line-height:1.4;margin:15px 0 10px}.activity-title strong{font-weight:500}.activity-description{color:#8e99a9;font-size:11px;line-height:1.95;min-height:43px;margin:0}.activity-evidence{font:8px var(--mono);color:#68778b;letter-spacing:.25px;margin-top:15px;display:flex;align-items:center;gap:7px}.activity-evidence:before{content:'↳';color:#a3afbf}
.activity-responses{margin-top:25px;border-top:1px solid var(--line);padding-top:16px;min-height:92px}.activity-response{display:flex;gap:13px;font-size:10px;line-height:1.85;margin-bottom:12px}.activity-response>span{font:8px/1.9 var(--mono);min-width:41px;color:#acb5c2;letter-spacing:.3px}.activity-response p{margin:0;color:#7b899a}.activity-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:15px}.activity-bottom>span{font:8px var(--mono);color:#596778;letter-spacing:1px}.activity-bottom .text-button{font-size:10px;color:#c2cbd7}
.roster-caption{padding:17px 0;margin-top:2px;align-items:center;font-size:10px;color:#8a95a5}.roster-caption b{font:11px var(--mono);font-weight:400;color:#e1e3dd}.income-arrow{margin:0 10px;color:#626e7d}.income-divider{margin:0 12px;color:#465261}.roster-caption .text-button{font-size:10px;color:#a8b3c2}
.overview-stage{margin-top:33px;gap:48px}.market-value strong{font-size:32px}.market-stats{gap:33px}.room-preview{padding-left:32px}.preview-message-top .role-chip{font:8px var(--mono);letter-spacing:.6px}.ability-section{margin-top:35px;padding-top:26px}.ability-heading h2{font-size:24px;letter-spacing:-.5px}.ability-heading>span{font-size:9px;color:#7b8796}
.ability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:27px}.capability-button{text-align:left;padding:19px 20px 18px 0;border-top:1px solid var(--line);position:relative;min-height:141px;transition:background .2s;min-width:0}.capability-button:nth-child(n+5){border-bottom:1px solid var(--line)}.capability-button:hover{background:#ffffff02}.capability-button .capability-number{position:absolute;right:22px;top:20px;font:7px var(--mono);color:#455568}.capability-button pre{height:45px;font:11px/1.6 var(--mono);letter-spacing:1px;white-space:pre;margin:0;color:#69788d;transition:color .3s,transform .3s}.capability-button h3{font-size:12px;letter-spacing:.3px;font-weight:450;margin:12px 0 7px;color:#aeb8c6}.capability-button p{font-size:9px;line-height:1.7;margin:0;color:#5f7189}.capability-button[aria-pressed=true]:after{content:'';position:absolute;height:1px;width:35px;background:#d2d8df;left:0;bottom:-1px}.capability-button[aria-pressed=true] h3{color:#e2e5e9}.capability-button[aria-pressed=true] pre{color:#c9d3df}.capability-button:hover pre{transform:translateY(-2px);color:#c9d3df}
.capability-detail{display:grid;grid-template-columns:1fr 1.8fr;gap:50px;padding:27px 0 12px;min-height:140px}.capability-detail h3{font-size:17px;font-weight:450;line-height:1.4;margin:9px 0}.capability-detail p{font-size:11px;line-height:1.9;color:#8797ab;margin:0}.capability-tools{display:flex;flex-wrap:wrap;gap:8px 23px;font-size:10px;color:#b1bdce;margin:6px 0 15px;padding:0;list-style:none}.capability-tools li:before{content:'↗';font-size:9px;margin-right:7px;color:#637891}.capability-boundary{font-size:9px!important;color:#647991!important}.capability-detail .tiny-label{font:8px var(--mono);letter-spacing:1px;color:#657991}
.replay-paused .mind-trace{animation-play-state:paused}.motion-paused .mind-trace{animation-play-state:paused}.collective-scene .agent-identity .portrait{animation-name:living-float;animation-duration:8s}.collective-scene .agent-card:nth-child(2) .portrait{animation-duration:9s}.collective-scene .agent-card:nth-child(3) .portrait{animation-duration:7s}.collective-scene .agent-card:nth-child(4) .portrait{animation-duration:10s}
@keyframes living-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}@keyframes thought-flow{to{stroke-dashoffset:-130}}
@media(max-width:1150px){.living-workspace{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:22px}.activity-panel{padding-left:24px}.activity-title{font-size:23px}.collective-scene .agent-card{width:116px}.collective-scene .agent-identity .portrait{width:101px;height:112px}.collective-center{width:139px}.collective-center strong{font-size:26px}.center-overline{font-size:6px;letter-spacing:1.3px}.collective-scene .agent-identity h3{font-size:13px}.collective-scene .agent-card:nth-child(2){top:22%}}
@media(max-width:920px){.living-workspace{grid-template-columns:1fr;gap:0}.collective-scene{height:410px;max-width:680px;width:100%;margin:auto}.collective-scene .agent-card{width:130px}.collective-scene .agent-identity .portrait{width:114px;height:121px}.activity-panel{border-left:0;border-top:1px solid var(--line);padding:23px 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.activity-topline{grid-column:1/-1;margin-bottom:21px}.activity-title{font-size:25px;margin-top:11px}.activity-responses{border:0;padding-top:9px;margin-top:0;min-height:0}.activity-bottom{grid-column:1/-1;margin-top:8px}.roster-caption{margin-top:12px}.collective-scene .agent-card:nth-child(2){top:22%}.collective-scene .agent-card:nth-child(4),.collective-scene .agent-card:nth-child(5){top:77%}.collective-center{top:49%}}
@media(max-width:680px){.topbar{padding-top:15px;height:96px}.topbar-right{margin-bottom:10px}.main-nav{height:31px}.main-nav button.active:after{bottom:0}.studio-heading{padding:23px 0 19px}.studio-heading h1{font-size:28px;margin-top:8px}.studio-heading p{font-size:10px}.studio-heading-right{gap:10px;padding-top:0}.collective-roster{padding-top:15px}.roster-heading .eyebrow{font-size:7px;letter-spacing:1px}.roster-status{font-size:7px}.collective-scene{height:358px}.collective-scene .agent-card{width:97px}.collective-scene .agent-identity .portrait{width:91px;height:99px}.collective-scene .agent-topline{height:10px}.collective-scene .agent-status{font-size:7px;gap:4px}.collective-scene .agent-identity{margin-top:4px}.collective-scene .agent-identity h3{font-size:11px;letter-spacing:1px;margin:2px 0 3px}.collective-scene .agent-identity p{font-size:6px}.collective-scene .agent-budget{margin-top:5px}.collective-scene .agent-budget strong{font-size:9px}.collective-scene .agent-budget small{font-size:6px}.mind-income{font-size:6px;margin-top:4px}.mind-income b{margin-left:3px}.collective-center{width:120px;top:49%}.collective-center strong{font-size:25px;margin-top:5px}.center-overline{font-size:6px;letter-spacing:1px}.collective-heartbeat{margin-top:9px;gap:4px}.collective-center small{font-size:7px;margin-top:7px}.activity-panel{padding-top:18px;gap:0 25px}.activity-topline{font-size:9px;margin-bottom:18px}.activity-title{font-size:21px;margin-top:12px}.activity-description{font-size:10px;min-height:0}.activity-label{font-size:7px}.activity-label span:last-child{font-size:7px}.activity-evidence{font-size:7px;line-height:1.8;margin-top:12px}.activity-response{font-size:9px;gap:9px}.activity-response>span{font-size:7px;min-width:34px}.activity-bottom .text-button{font-size:9px}.roster-caption{gap:10px;line-height:1.8;padding:14px 0;font-size:8px}.roster-caption>span:first-child{max-width:none}.roster-caption>span:last-child{max-width:none}.roster-caption b{font-size:9px}.income-arrow{margin:0 5px}.income-divider{margin:0 6px}.roster-caption .text-button{font-size:8px;gap:5px}.overview-stage{margin-top:29px;gap:32px}.room-preview{padding-left:0}.ability-heading h2{font-size:21px}.ability-heading>span{max-width:111px;font-size:8px;line-height:1.8}.ability-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.capability-button{padding:14px 10px 16px 0;min-height:128px}.capability-button .capability-number{display:none}.capability-button pre{font-size:9px;letter-spacing:0;height:39px}.capability-button h3{font-size:11px;letter-spacing:0;margin-top:9px}.capability-button p{font-size:8px}.capability-detail{grid-template-columns:1fr;gap:13px;padding-top:21px}.capability-detail h3{font-size:16px}.capability-detail p{font-size:10px}.capability-tools{font-size:9px;gap:8px 17px}.capability-boundary{font-size:8px!important}}
@media(max-width:430px){.collective-scene{height:340px}.collective-scene .agent-card{width:83px}.collective-scene .agent-identity .portrait{width:82px;height:88px}.collective-scene .agent-card:nth-child(2){top:23%}.collective-scene .agent-card:nth-child(4),.collective-scene .agent-card:nth-child(5){top:79%}.collective-center{width:98px;top:49%}.collective-center strong{font-size:22px}.center-overline{font-size:5px;letter-spacing:.7px}.collective-center small{font-size:6px}.activity-panel{grid-template-columns:1fr}.activity-title{font-size:24px}.activity-responses{border-top:1px solid var(--line);padding-top:15px;margin-top:19px}.activity-response{font-size:10px}.activity-bottom{margin-top:3px}.activity-description{font-size:11px}.activity-evidence{font-size:8px}.roster-caption{font-size:7px;gap:8px}.roster-caption .text-button{font-size:7px}.roster-caption b{font-size:8px}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-button{padding:18px 14px 18px 0;min-height:126px}.capability-button:nth-child(n+5){border-bottom:0}.capability-button:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.capability-button pre{font-size:11px;height:44px}.capability-button h3{font-size:12px}.capability-button p{font-size:9px}}
.collective-center{top:55%}.collective-scene .agent-identity p{display:none}.collective-scene .agent-card img{filter:saturate(.65) brightness(1);opacity:.93}.collective-scene .agent-card.depleted img{filter:grayscale(1) brightness(1.85)}.collective-scene .agent-card.depleted.is-active img{filter:grayscale(1) brightness(2.05)}
@media(max-width:920px){.collective-center{top:56%}}
@media(max-width:680px){.collective-center{top:57%}}
@media(max-width:430px){.collective-center{top:58%}}
@media(prefers-reduced-motion:reduce){.mind-trace,.collective-scene .portrait{animation:none!important}.collective-scene .agent-card img{transition:none}}
