/* Together: one community, many small ways to contribute. */
:root{--community-line:#e3e6f0;--community-muted:#6b7286;--quiet-blue:#edf0ff;--role-blue:#546bd0}
main{max-width:1410px;padding-top:25px}
.topbar{gap:57px}.topbar nav{gap:31px}.nav-link{font-size:12px}
.commons-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,1fr);gap:38px;align-items:center;min-height:300px;padding:13px 0 32px;margin-bottom:13px}
.commons-intro{min-width:0}.welcome-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#6f7891;letter-spacing:.04px}
.welcome-dot{height:6px;width:6px;flex:0 0 auto;border-radius:50%;background:#8f9ce1;box-shadow:0 0 0 4px #e9edfc}
.commons-intro h1{font-size:52px;line-height:1.08;letter-spacing:-2.55px;font-weight:500;margin:17px 0 15px}
.commons-intro>p{font-size:12.5px;line-height:1.75;color:var(--community-muted)}
.hero-actions{display:flex;align-items:center;gap:21px;margin-top:23px;flex-wrap:wrap}
.hero-actions .primary-button{font-size:11px;padding:11px 16px;border-radius:8px;min-height:40px}.hero-actions .primary-button>span{font-size:17px;line-height:1;font-weight:400}
.quiet-button{display:inline-flex;align-items:center;gap:9px;padding:10px 0;font-size:11px;color:#6a7390;min-height:40px}.quiet-button:hover{color:var(--blue)}.quiet-button>span{font-size:15px;color:#7b87ab}

/* Orbit positions form a composition; animation is controlled by interaction. */
.role-universe{position:relative;isolation:isolate;width:100%;max-width:480px;height:260px;justify-self:center}
.role-universe:before{content:'';position:absolute;inset:20px 34px 16px;border-radius:50%;background:radial-gradient(ellipse,#e9edf755,transparent 68%);z-index:-1;pointer-events:none}
.orbit-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.floating-role{position:absolute;display:flex;flex-direction:column;align-items:center;padding:0;gap:0;z-index:1;isolation:isolate;color:#69718a;border-radius:18px;-webkit-user-select:none;user-select:none}
.floating-role:after{content:'';position:absolute;inset:8% 5% 20%;border-radius:50%;z-index:-1;box-shadow:0 12px 30px #7983ad0c;transition:box-shadow .25s ease}
.floating-role:hover:after{box-shadow:0 10px 28px #7983ad20}.floating-role:hover{color:#354777}
.floating-role svg{width:100%;height:auto;fill:none;stroke:none;overflow:visible}.floating-role span{font-size:10px;line-height:1.3;font-weight:500;margin-top:2px;white-space:nowrap}
.role-spark{width:106px;left:36%;top:0}.role-ally{width:81px;left:8%;top:29%}.role-weaver{width:79px;left:29%;top:59%}.role-explorer{width:77px;left:70%;top:10%}.role-catalyst{width:89px;left:72%;top:57%}
.orbit-dot{position:absolute;display:block;border-radius:50%;pointer-events:none}.dot-one{width:6px;height:6px;background:#c5cdec;top:16%;left:26%}.dot-two{width:8px;height:8px;background:#d3dfc6;top:69%;left:13%}.dot-three{width:5px;height:5px;background:#e7c2b6;top:44%;left:90%}
.universe-caption{position:absolute;bottom:-2px;left:0;right:0;text-align:center;font-size:9px;color:#80879c;letter-spacing:.04px}

.commons-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:32px;align-items:start}.topic-workspace{min-width:0}.game-sidebar{display:flex;flex-direction:column;gap:20px;min-width:0;padding-top:4px}
.topics-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.topics-heading h2{font-size:23px;letter-spacing:-.7px;line-height:1.25;font-weight:500}.topics-heading p{font-size:11px;line-height:1.6;color:var(--community-muted);margin-top:6px}
.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--community-line);background:#fff;border-radius:8px;width:176px;min-width:130px;flex:0 0 auto;padding:9px 11px;height:35px;color:#8b93a7}.search-box svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.6;fill:none;flex:0 0 auto}.search-box input{min-width:0;width:100%;border:0;outline:none;background:transparent;font-size:10px;color:var(--ink);padding:0}.search-box input::placeholder{color:#8991a5}.search-box:focus-within{border-color:#9faff8;box-shadow:0 0 0 3px #3858ed0b}.search-box input:focus-visible{outline:none}
.category-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:16px}.category-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e0e4ef;background:transparent;border-radius:20px;min-height:32px;padding:7px 12px;font-size:10px;line-height:1.3;color:#727b92;white-space:nowrap;transition:color .2s,background .2s,border-color .2s}.category-chip svg{width:13px;height:13px}.category-chip:hover{border-color:#c3cdf0;color:#42599d;background:#f2f4ff}.category-chip.active{color:#445dcc;background:#e9edff;border-color:#d5ddfa;font-weight:500}.category-chip .count{font-size:9px;color:#8b96b5}
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--community-line);border-bottom:1px solid var(--community-line);padding:10px 0;min-height:48px}.filter-controls{display:flex;gap:14px;align-items:center;min-width:0}.filter-select{display:flex;align-items:center;gap:6px;font-size:10px;color:#80879b;white-space:nowrap}.filter-select select,.sort-label select{border:0;background:transparent;font-size:10px;color:#5e6881;cursor:pointer;padding:5px 15px 5px 1px;max-width:126px}.filter-select select:focus-visible,.sort-label select:focus-visible{outline-offset:0}.following-filter{font-size:10px;color:#707a92;padding:5px 0;min-height:28px}.following-filter[aria-pressed="true"],.following-filter.active{color:var(--blue);font-weight:500}.following-filter[aria-pressed="true"]:before{content:'✓';margin-right:4px;font-size:10px}.clear-filters{font-size:9px;color:#536bc4;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.sort-label{flex:0 0 auto;color:#677187}.sort-label select{max-width:112px}
.results-line{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8a92a6;font-size:9px;line-height:1.5;margin:13px 0 12px}.results-line>span:first-child{color:#788297}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 17px;align-items:stretch}.topic-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e2e6f0;border-radius:13px;overflow:hidden;box-shadow:0 2px 4px #3a477603;transition:border-color .25s ease,box-shadow .25s ease}.topic-card:hover{border-color:#c7d0ed;box-shadow:0 5px 24px #26345c08}.topic-card:focus-within{border-color:#bdc9ef}
.topic-cover{height:105px;min-height:105px;position:relative;overflow:hidden;background:#eeeffa;isolation:isolate}.topic-cover:after{content:'';position:absolute;inset:0;pointer-events:none;border-bottom:1px solid #313a6a05}.cover-courtyard{background:#eceffc}.cover-library{background:#f0eaf6}.cover-street{background:#eaf0e8}.cover-service{background:#e9eff8}.cover-garden{background:#edf1e5}.cover-water{background:#e5eff2}
.cover-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.topic-cover>img.cover-art{width:100%;height:158px;top:-23px;left:19%;object-fit:contain}.topic-cover>svg.cover-art{width:100%;height:100%;stroke:none}.topic-badges{position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;inset:11px 12px auto}.category-tag,.stage-tag{display:inline-flex;align-items:center;gap:4px;font-size:8px;line-height:1.25;white-space:nowrap;font-weight:500;border-radius:5px;padding:5px 7px}.category-tag{background:#ffffffd9;color:#69728a;border:1px solid #ffffff85;backdrop-filter:blur(5px)}.stage-tag{background:#fff;color:#6e7891;box-shadow:0 1px 3px #3f4f7105}.stage-tag:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex:0 0 auto}.stage-0{color:#64718b;background:#f6f7fc}.stage-1{color:#5266c3;background:#f0f2ff}.stage-2{color:#98744d;background:#fcf4e9}.stage-3{color:#80669b;background:#f7f0fc}.stage-4{color:#587d61;background:#f1f8ef}
.topic-body{padding:17px 18px 15px;display:flex;flex-direction:column;flex:1;min-width:0}.topic-author{display:flex;align-items:center;gap:7px;padding:0;text-align:left;align-self:flex-start;max-width:100%;border-radius:7px}.topic-author .avatar{width:25px;height:25px;font-size:8px;border:0;margin:0;flex:0 0 auto}.author-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.author-meta strong{font-size:9px;font-weight:500;line-height:1.3;color:#626b82}.role-label{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:400;color:#8d93a5;line-height:1.2}.role-label svg{width:12px;height:12px;stroke:none;fill:none}.topic-title{padding:0;text-align:left;font-size:16px;line-height:1.35;letter-spacing:-.35px;font-weight:500;margin:13px 0 7px;align-self:flex-start;max-width:100%;overflow-wrap:anywhere}.topic-title:hover{color:var(--blue)}.topic-description{font-size:10.5px;color:#747d92;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35.7px}.topic-community{display:flex;align-items:center;gap:8px;margin-top:15px;min-height:22px}.topic-community .avatar{width:21px;height:21px;font-size:6px;border:2px solid white;margin-left:-5px}.topic-community .avatar:first-child{margin-left:0}.people-count{font-size:8px;color:#8a91a4;line-height:1.4}.people-count strong{font-weight:500;color:#737c94}
.topic-stepper{list-style:none;display:flex;align-items:flex-start;padding:0;margin:18px 0 16px;gap:0;width:100%;pointer-events:none;user-select:none}.topic-stepper li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0;color:#9ca3b3}.topic-stepper li:after{content:'';height:1px;position:absolute;top:6px;left:calc(50% + 9px);width:calc(100% - 18px);background:#e7eaf2}.topic-stepper li:last-child:after{display:none}.step-dot{width:13px;height:13px;border:1px solid #e1e5ee;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative;z-index:1;font-size:7px;line-height:1}.step-dot svg{width:7px;height:7px;fill:none;stroke:currentColor;stroke-width:2}.step-label{font-size:8px;white-space:nowrap;line-height:1.2}.topic-stepper .done{color:#8995b8}.topic-stepper .done .step-dot{background:#dce4fc;border-color:#dce4fc;color:#6f83c7}.topic-stepper .done:after{background:#cbd6f4}.topic-stepper .current{color:#4f67cd;font-weight:500}.topic-stepper .current .step-dot{background:#667ddd;border-color:#667ddd;box-shadow:0 0 0 3px #eff2fd;color:#fff}.topic-stepper .current .step-dot:empty:before{content:'';width:3px;height:3px;background:#fff;border-radius:50%}.topic-stepper .future .step-dot{background:#f9fafc}.topic-card>.topic-stepper{width:auto;margin:0 18px 17px}
.topic-footer{border-top:1px solid #edf0f5;display:flex;align-items:center;gap:13px;padding-top:12px;margin-top:auto;min-height:41px}.topic-card>.topic-footer{margin:0 18px 15px}.topic-footer button{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#8a93a7;padding:4px 0;min-height:26px;white-space:nowrap}.topic-footer button svg{width:13px;height:13px;stroke-width:1.5}.topic-footer .like-topic{color:#78849f}.topic-footer .like-topic.liked{color:#5a71d1}.topic-footer .like-topic.liked svg{fill:#6079dd;stroke:#6079dd}.topic-footer button:hover{color:var(--blue)}.topic-footer .follow-topic{margin-left:auto;color:#8b94a9}.topic-footer .follow-topic.is-followed{color:#71886e}.topic-footer .open-topic{margin-left:0;color:#6678b5}.topic-footer .open-topic svg{width:14px;height:14px}.topic-footer .count{font-variant-numeric:tabular-nums}.topic-footer .like-topic span:first-of-type{font-size:9px}

/* The personal layer is present, but it never competes with the community. */
.player-card{padding:19px 19px 17px;background:#f0f2fc;border:1px solid #e1e5f5;border-radius:13px}.player-heading{display:flex;align-items:center;gap:9px}.player-heading>.avatar{width:34px;height:34px;flex:0 0 auto;font-size:10px;border:2px solid #fff;margin:0;background:#e0e3f5;color:#626da1}.player-heading>div{min-width:0}.player-heading strong{display:block;font-size:12px;font-weight:500;letter-spacing:-.1px;line-height:1.4}.player-heading small{display:block;color:#8890a8;font-size:9px;margin-top:2px}.player-heading>.icon-button{margin-left:auto;width:27px;height:27px;color:#929ab0}.player-heading>.icon-button svg{width:15px;height:15px}.player-level{display:flex;align-items:center;gap:14px;margin-top:17px}.xp-ring{position:relative;width:76px;height:76px;flex:0 0 auto;display:grid;place-items:center}.xp-ring>svg{position:absolute;inset:0;width:76px;height:76px;fill:none;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#dfe4f6;stroke-width:4}.ring-progress{fill:none;stroke:#8a9be4;stroke-width:4;stroke-linecap:round}.level-number{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#697ed1;font-size:23px;line-height:1;font-weight:500;letter-spacing:-.6px}.level-number small{display:block;font-size:8px;font-weight:400;letter-spacing:0;color:#969eb4;margin-bottom:5px}.level-number span{font-size:8px;letter-spacing:0;font-weight:400;color:#929bb5;margin-top:4px}.level-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.level-copy strong{font-size:14px;font-weight:500;letter-spacing:-.2px;color:#4c587e}.level-copy small,.level-copy p,.level-copy>span{font-size:9px;color:#8b94ae;line-height:1.5}.xp-caption{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:9px;color:#8a93ac;margin-top:17px;line-height:1.4}.xp-caption strong{font-size:10px;font-weight:500;color:#6575b5}.xp-track{height:4px;background:#dfe4f5;border-radius:3px;margin-top:8px;overflow:hidden}.xp-track i{display:block;height:100%;width:0;max-width:100%;background:#8a9ce3;border-radius:inherit}.player-badges{display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #e0e5f4;margin-top:18px;padding-top:13px}.player-badges button{padding:0;width:39px;height:42px;border-radius:8px;position:relative;display:grid;place-items:center}.player-badges button svg{width:39px;height:39px;stroke:none;fill:none}.player-badges button.locked{opacity:.38;filter:grayscale(.65)}.player-badges button.earned{filter:none;opacity:1}.player-badges button:hover{background:#fff5}.player-badges button.active:after{content:'';position:absolute;bottom:-4px;width:3px;height:3px;border-radius:50%;background:#7d8ccc}.sidebar-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:9px;text-align:left;font-size:9px;color:#7b88ad;padding:13px 0 0;margin-top:12px;border-top:1px solid #e3e7f2;line-height:1.5}.sidebar-link>span{font-size:13px;font-weight:400}.sidebar-link:hover{color:var(--blue)}.player-card .sidebar-link{border-color:#dfe4f5}
.mission-card{border:1px solid #e4e7f0;border-radius:12px;background:#fff;padding:17px 18px 15px}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:9px}.section-topline h3{font-size:11px;font-weight:500;letter-spacing:-.05px;line-height:1.4}.section-topline>span{font-size:18px;color:#969fbe;line-height:1}.mission-row{display:flex;align-items:center;gap:9px;padding:14px 0 12px;border-bottom:1px solid #f0f2f7;min-width:0}.mission-row:last-child{border-bottom:0;padding-bottom:3px}.mission-icon{width:29px;height:29px;border-radius:9px;background:#f1f3fb;color:#8b99be;display:grid;place-items:center;flex:0 0 auto;font-size:13px}.mission-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.mission-copy{min-width:0;flex:1}.mission-copy strong{display:block;font-size:10px;line-height:1.4;font-weight:500;color:#626c85}.mission-copy small{display:block;margin-top:3px;color:#969db0;font-size:8px;line-height:1.4}.mission-progress{font-size:9px;color:#a0a7ba;flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}.mission-row.complete .mission-icon{background:#edf3ea;color:#86a178}.mission-row.complete .mission-progress{color:#6f9370}.mission-row.complete .mission-copy strong{color:#84917f}.mission-row button{padding:0;text-align:left;display:contents}.mission-card .sidebar-link{font-size:9px;padding-top:12px;margin-top:14px}
.community-people{padding:0 4px}.community-people .section-topline{margin-bottom:10px}.community-people .section-topline h3{font-size:10px;color:#717b94}.person-row{display:flex;gap:9px;align-items:center;width:100%;padding:9px 0;text-align:left;border-radius:7px}.person-row>.avatar{width:29px;height:29px;border:0;flex:0 0 auto;margin:0;font-size:8px}.person-copy{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.person-copy strong{font-size:10px;font-weight:500;color:#626d86}.person-copy small,.person-copy>span{font-size:8px;color:#9199ad;line-height:1.4}.person-row>.role-emblem,.person-row>svg{width:25px;height:25px;stroke:none;fill:none;flex:0 0 auto}.person-row .role-label{font-size:8px}.person-row:hover .person-copy strong{color:var(--blue)}.community-people .sidebar-link{font-size:9px;margin-top:6px;padding-top:12px}
.fair-play{display:flex;gap:9px;align-items:center;text-align:left;width:100%;padding:0 5px;color:#969fb4;font-size:8px;line-height:1.65}.fair-play>span:first-child{font-size:22px;color:#a1abc4;flex:0 0 auto}.fair-play:hover{color:#6c7b9c}

/* Focused topic details preserve the same vocabulary and visual hierarchy. */
.panel-dialog.topic-dialog{width:680px}.topic-dialog .panel-body{padding:26px 30px 31px}.topic-dialog .panel-header{padding:22px 30px}.detail-cover{position:relative;height:170px;border-radius:12px;overflow:hidden;background:#eef0fa;margin-bottom:23px;isolation:isolate}.detail-cover>img,.detail-cover>svg{display:block;width:100%;height:170px;object-fit:contain}.detail-cover .topic-badges{inset:14px 16px auto}.detail-cover .category-tag,.detail-cover .stage-tag{font-size:9px;padding:6px 9px}.detail-stage{margin:23px 0;padding:16px 17px 12px;background:#f7f8fc;border:1px solid #eaedf5;border-radius:10px}.detail-stage .topic-stepper{margin:0}.detail-stage .step-dot{width:16px;height:16px;font-size:8px}.detail-stage .topic-stepper li:after{top:7.5px;left:calc(50% + 11px);width:calc(100% - 22px)}.detail-stage .step-label{font-size:9px}.detail-stage>p,.detail-stage>small{display:block;text-align:center;font-size:9px!important;color:#8b95ad!important;line-height:1.6!important;margin:12px 0 0!important}.detail-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--community-line);margin:25px 0 20px;overflow-x:auto;scrollbar-width:thin}.detail-tabs button{padding:11px 0 13px;font-size:11px;color:#8992a7;white-space:nowrap;position:relative;flex:0 0 auto}.detail-tabs button.active{color:#46567f;font-weight:500}.detail-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px;background:#7184d3}.detail-tabs button span{font-size:9px;color:#9da5b7;margin-left:4px}.detail-tabs button.active span{color:#7a89b9}
.conversation-item{padding:16px 0 20px;border-bottom:1px solid #e9edf5}.conversation-item:first-child{padding-top:0}.comment-person{display:flex;align-items:center;gap:8px}.comment-person>.avatar{width:27px;height:27px;font-size:8px;border:0;margin:0;flex:0 0 auto}.comment-person strong{font-size:11px;font-weight:500}.comment-person small{font-size:9px;color:#969fb3}.comment-person>div{display:flex;flex-direction:column;gap:3px}.comment-person>.role-label{margin-left:auto}.conversation-item>p{font-size:12px;line-height:1.8;color:#6c7690;margin:11px 0 10px;padding-left:35px;overflow-wrap:anywhere}.comment-footer{display:flex;align-items:center;gap:13px;padding-left:35px}.comment-footer button{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#939db3;padding:4px 0;min-height:27px}.comment-footer button svg{width:12px;height:12px}.comment-footer button.liked{color:#6780ce}.comment-footer button.liked svg{fill:#6780ce}.comment-footer small{font-size:8px;color:#a2aaba}.topic-composer{padding:19px 0 0}.topic-composer label{font-size:11px;font-weight:500;display:block;margin-bottom:10px}.topic-composer textarea{width:100%;display:block;border:1px solid #dde3f0;border-radius:10px;padding:12px 14px;background:#fafbfe;min-height:95px;resize:vertical;line-height:1.7;font-size:12px;color:#515e7c}.topic-composer textarea::placeholder{color:#9da6ba}.topic-composer .form-foot{margin-top:12px}.topic-composer .primary-button{font-size:10px;min-height:35px;padding:9px 13px}.topic-composer>small{display:block;font-size:9px;color:#9aa3b6;margin-top:8px;line-height:1.6}.detail-idea{padding:18px 19px;border:1px solid #e4e8f3;border-radius:11px;background:#fafbfe;margin-bottom:13px}.detail-idea h3{font-size:14px;font-weight:500;margin:0 0 7px}.detail-idea p{font-size:12px;line-height:1.75;color:#758098}.detail-idea .topic-author{margin-bottom:13px}.detail-idea .topic-footer{margin-top:13px}.detail-idea .author-meta strong{font-size:10px}.detail-idea>small{display:block;font-size:9px;color:#8996af;margin-top:10px}
.review-card,.decision-record{padding:19px 20px;border:1px solid #e1e7f2;background:#f9fafe;border-radius:11px;margin:15px 0}.review-card h3,.decision-record h3{font-size:14px;font-weight:500;line-height:1.45;margin:0 0 9px}.review-card p,.decision-record p{font-size:12px;line-height:1.8;color:#75819b}.review-card>small,.decision-record>small{display:block;font-size:9px;color:#919cb2;margin-top:12px;line-height:1.6}.review-card .primary-button{font-size:10px;margin-top:14px}.decision-record{border-color:#dfe9df;background:#f7faf6}.decision-record .decision-pill{margin-bottom:11px}.decision-record .decision-source{font-size:9px;margin-top:13px}.decision-record .review-actions{margin-top:14px}.decision-record.declined,.decision-record.revise{background:#fcf9f4;border-color:#eee6d9}.review-card .field:last-child{margin-bottom:0}

/* A collection of identities, not a ladder of authority. */
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0}.role-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #e4e8f3;background:#fafbfe;border-radius:13px;padding:17px 15px;min-width:0}.role-tile>svg{width:70px;height:70px;fill:none;stroke:none;flex:0 0 auto;margin-bottom:7px}.role-tile>strong{font-size:13px;font-weight:500;letter-spacing:-.15px;color:#626e8c}.role-tile>p{font-size:10px!important;line-height:1.65!important;color:#8b95aa!important;margin:7px 0 12px!important;max-width:180px}.role-tile.locked>svg{filter:grayscale(.7);opacity:.5}.role-tile.earned{border-color:#d7def3;background:#f6f8ff}.role-tile.earned>strong{color:#5167b2}.role-tile:hover{border-color:#becbeb}.role-progress{font-size:9px;color:#919db5;width:100%;margin-top:auto;line-height:1.4}.role-progress>span{display:block}.role-progress .xp-track,.role-progress .progress-track{height:3px;background:#e5eaf5;display:block;border-radius:3px;overflow:hidden;margin:9px 0 6px}.role-progress .progress-track i{display:block;height:100%;background:#a5b4e4;border-radius:inherit}.role-tile .active-role-chip{position:absolute;top:9px;right:9px;padding:3px 5px;font-size:7px}.role-big{width:125px;height:125px;display:block;margin:4px auto 18px;stroke:none;fill:none}.role-big>svg{width:100%;height:100%;stroke:none;fill:none}.role-detail{text-align:center}.role-detail h2{font-size:30px;margin:0 0 11px}.role-detail .panel-lead{max-width:360px;margin:0 auto 22px}.role-detail .primary-button{margin-top:20px}.role-detail .review-card{text-align:left}.active-role-chip{display:inline-flex;align-items:center;gap:4px;background:#e9eefc;color:#7485b9;border:1px solid #dae2f6;border-radius:5px;padding:4px 7px;font-size:8px;line-height:1.25;font-weight:500}.active-role-chip:before{content:'';width:3px;height:3px;background:currentColor;border-radius:50%}
.profile-form .profile-panel{align-items:center;margin-bottom:25px}.profile-form .profile-panel>.avatar{width:57px;height:57px;font-size:17px;margin:0;border:3px solid #f6f7fc}.profile-form .field{margin-bottom:20px}.profile-form .field label{font-size:11px}.profile-form .field input,.profile-form .field select{font-size:12px}.profile-form .role-grid{margin-top:13px;gap:9px}.profile-form .role-tile{padding:12px 8px}.profile-form .role-tile>svg{width:52px;height:52px}.profile-form .role-tile strong{font-size:11px}.profile-form .role-tile p{font-size:9px!important}.profile-form .form-foot{margin-top:24px}

.award-dialog{position:fixed;inset:0;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);height:auto;overflow:auto;margin:auto;padding:0;border:1px solid #e2e7f4;border-radius:23px;background:#fcfdff;color:var(--ink);text-align:center;box-shadow:0 24px 90px #1c2c651f;isolation:isolate}.award-dialog::backdrop{background:#26365555;backdrop-filter:blur(6px)}#award-content{position:relative;padding:34px 33px 31px;overflow:hidden}.award-dialog .icon-button{position:absolute;right:14px;top:12px;z-index:2;color:#9aa4bb}.award-art{position:relative;display:grid;place-items:center;width:176px;height:163px;margin:0 auto 14px;isolation:isolate}.award-art:before,.award-art:after{content:'';position:absolute;inset:6px;border:1px solid #e8ecf8;border-radius:50%;z-index:-1}.award-art:after{inset:21px;border-style:dashed;border-color:#e3e9f6}.award-art>svg{width:120px;height:120px;fill:none;stroke:none;overflow:visible;filter:drop-shadow(0 9px 12px #6778b013)}.award-dialog h2{font-size:29px;letter-spacing:-.9px;line-height:1.2;font-weight:500;margin:0 0 12px}.award-dialog p{font-size:12px;line-height:1.8;color:#8993aa;max-width:315px;margin:0 auto}.award-dialog .primary-button{font-size:11px;margin-top:23px;min-width:153px}.award-dialog .secondary-button{font-size:11px;margin-top:10px}.award-dialog small{display:block;font-size:9px;color:#9aa4ba;margin-top:14px;line-height:1.6}.award-particles{position:absolute;inset:0;pointer-events:none;z-index:-1}.award-particles>i,.award-particles>span{display:block;position:absolute;width:6px;height:6px;background:#b0bde8;border-radius:2px;top:35%;left:50%}.xp-award{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#7185d0;background:#edf1fe;border:1px solid #dde5fd;border-radius:20px;padding:6px 11px;font-size:11px;line-height:1.4;margin:16px auto 0;font-weight:500}.xp-award svg{width:14px;height:14px;stroke:currentColor;fill:none}.award-dialog .xp-award+small{margin-top:10px}
#xp-flight{position:fixed;inset:0;pointer-events:none;z-index:150;overflow:hidden}#xp-flight>*{position:absolute;pointer-events:none}.xp-particle,.xp-fly{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 10px;border:1px solid #d4defc;border-radius:16px;background:#eef2ff;color:#647dcc;font-size:11px;font-weight:600;box-shadow:0 4px 16px #6078bd16}.xp-particle svg,.xp-fly svg{width:13px;height:13px;fill:none;stroke:currentColor}.toast{font-size:11px;border-radius:10px;background:#323d5c;line-height:1.6}
.empty-state{margin-top:10px;padding:37px 24px}.empty-state h3{font-size:16px;font-weight:500;letter-spacing:-.3px}.empty-state p{font-size:11px}.empty-state .secondary-button{font-size:10px}footer{margin-top:37px;font-size:9px}footer button{font-size:8px}

@media(min-width:1500px){main{padding-top:29px}.commons-hero{min-height:321px;margin-bottom:17px;gap:70px}.commons-intro h1{font-size:56px}.commons-intro>p{font-size:13px}.role-universe{height:275px;max-width:500px}.topic-grid{gap:21px}.topic-body{padding:19px 20px 16px}.topic-title{font-size:17px}.topic-description{font-size:11px;min-height:37.4px}.topic-footer button{font-size:10px}.topic-footer button svg{width:14px;height:14px}.step-label{font-size:8.5px}.people-count{font-size:9px}.author-meta strong{font-size:10px}.role-label{font-size:9px}}
@media(max-width:1240px){.commons-layout{grid-template-columns:minmax(0,1fr) 255px;gap:24px}.commons-hero{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}.commons-intro h1{font-size:47px;letter-spacing:-2.3px}.role-universe{height:245px}.topics-heading{gap:12px}.topics-heading h2{font-size:21px}.search-box{width:151px}.topic-body{padding:15px 15px 13px}.topic-grid{gap:15px 13px}.topic-title{font-size:15px}.topic-footer{gap:10px}.topic-footer button{font-size:8px}.topic-footer button svg{width:12px;height:12px}.topic-description{font-size:10px;min-height:34px}.player-card{padding:17px 17px 15px}.player-level{gap:11px}.xp-ring,.xp-ring>svg{width:70px;height:70px}.mission-card{padding:16px}.topic-card>.topic-footer{margin-left:15px;margin-right:15px}.topic-card>.topic-stepper{margin-left:15px;margin-right:15px}.hero-actions{gap:17px}.quiet-button{font-size:10px}.topics-heading p{font-size:10px}.category-chip{font-size:9px;padding:7px 10px}}
@media(max-width:1080px){.commons-layout{grid-template-columns:minmax(0,1fr) 236px;gap:21px}.topics-heading{align-items:flex-start;flex-direction:column;gap:13px}.search-box{width:100%;height:33px}.commons-hero{min-height:280px;gap:10px;padding-bottom:25px}.commons-intro h1{font-size:43px;letter-spacing:-2px}.commons-intro>p{font-size:11.5px}.hero-actions{gap:12px}.hero-actions .primary-button{font-size:10px;padding:10px 13px}.quiet-button{font-size:9px}.role-universe{height:224px}.role-spark{width:91px}.role-ally{width:69px}.role-weaver{width:68px}.role-explorer{width:66px}.role-catalyst{width:75px}.floating-role span{font-size:9px}.universe-caption{font-size:8px}.topic-cover{height:95px;min-height:95px}.topic-cover>img.cover-art{height:145px;top:-23px}.topic-badges{inset:9px 9px auto;gap:4px}.category-tag,.stage-tag{font-size:7px;padding:5px 5px}.topic-body{padding:14px 13px 12px}.topic-title{font-size:14px;letter-spacing:-.25px}.topic-footer{gap:8px}.topic-footer button{font-size:8px;gap:3px}.topic-footer .like-topic span:first-of-type{font-size:8px}.topic-footer button svg{width:11px;height:11px}.topic-stepper{margin-top:16px}.step-label{font-size:7px}.people-count{font-size:7px}.topic-community{gap:6px}.topic-community .avatar{width:19px;height:19px;font-size:5.5px}.filter-controls{gap:10px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:9px}.sort-label select{max-width:96px}.player-heading strong{font-size:11px}.level-copy strong{font-size:13px}.mission-copy strong{font-size:9px}.player-card{padding:16px}.mission-card{padding:15px}.section-topline h3{font-size:10px}.player-badges button,.player-badges button svg{width:34px;height:37px}.xp-ring,.xp-ring>svg{width:66px;height:66px}.level-number{font-size:22px}.results-line{font-size:8px}}
@media(max-width:900px){.topbar{gap:29px}.topbar nav{gap:22px}.nav-link{font-size:11px}.topbar-right{gap:8px}.commons-hero{grid-template-columns:minmax(0,1.2fr) minmax(235px,.9fr);gap:0}.commons-intro h1{font-size:39px;letter-spacing:-1.9px}.welcome-line{font-size:10px}.commons-intro>p{font-size:11px}.commons-intro>p br{display:none}.hero-actions{gap:11px}.quiet-button{font-size:9px;padding:4px 0;min-height:29px}.role-universe{height:210px}.role-spark{width:83px;left:34%}.role-ally{width:64px;left:3%}.role-weaver{width:65px;left:25%}.role-explorer{width:60px;left:70%}.role-catalyst{width:70px;left:70%}.commons-layout{grid-template-columns:minmax(0,1fr);gap:26px}.topics-heading{flex-direction:row;align-items:center}.topics-heading h2{font-size:23px}.topics-heading p{font-size:11px}.search-box{width:190px;height:35px}.topic-grid{gap:17px}.topic-cover{height:105px;min-height:105px}.topic-cover>img.cover-art{height:158px}.topic-body{padding:18px}.topic-title{font-size:17px;margin-top:13px}.topic-description{font-size:11px;min-height:37.4px}.topic-badges{inset:11px 12px auto}.category-tag,.stage-tag{font-size:8px;padding:5px 7px}.topic-footer{gap:13px;padding-top:13px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:9px}.topic-footer button svg{width:13px;height:13px}.step-label{font-size:8px}.people-count{font-size:8px}.topic-community .avatar{width:21px;height:21px;font-size:6px}.author-meta strong{font-size:10px}.role-label{font-size:8px}.game-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:0}.player-card{height:100%;padding:20px}.mission-card{padding:20px}.community-people{padding:4px 5px}.fair-play{align-self:start;margin-top:18px;padding:5px 6px;font-size:9px}.player-heading strong{font-size:12px}.player-level{gap:14px}.xp-ring,.xp-ring>svg{width:76px;height:76px}.level-number{font-size:25px}.level-copy strong{font-size:14px}.player-badges button,.player-badges button svg{width:40px;height:43px}.section-topline h3{font-size:11px}.mission-copy strong{font-size:10px}.mission-copy small{font-size:9px}.mission-progress{font-size:10px}.mission-row{padding:16px 0}.category-chip{font-size:10px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:10px}.results-line{font-size:9px}.topic-card>.topic-footer{margin-left:18px;margin-right:18px}.topic-card>.topic-stepper{margin-left:18px;margin-right:18px}}
@media(max-width:760px){.topbar{gap:25px}.topbar nav{gap:19px}.topbar .nav-link{font-size:10px}.topbar-right{gap:5px}.commons-hero{min-height:273px;grid-template-columns:minmax(0,1.15fr) minmax(240px,.9fr);margin-bottom:15px;padding-top:9px;padding-bottom:24px}.commons-intro h1{font-size:42px;letter-spacing:-2px}.role-universe{max-width:320px;height:215px}.hero-actions{margin-top:18px}.topbar .demo-pill{font-size:0}.commons-layout{gap:24px}.topic-body{padding:16px}.topic-grid{gap:15px}.topic-title{font-size:16px}.game-sidebar{gap:15px}.topics-heading h2{font-size:22px}.search-box{width:170px}.topics-heading p{font-size:10px}.topic-dialog .panel-body{padding:25px}.topic-dialog .panel-header{padding:21px 25px}.detail-tabs{gap:22px}.role-grid{gap:12px}.role-tile{padding:16px 12px}.role-tile>svg{width:67px;height:67px}.role-tile>p{font-size:10px!important}}
@media(max-width:620px){.commons-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:11px 0 29px;margin-bottom:12px;position:relative}.commons-intro h1{font-size:43px;letter-spacing:-2px;max-width:420px}.commons-intro>p{font-size:12px;max-width:320px}.commons-intro>p br{display:initial}.role-universe{display:none}.hero-actions{margin-top:21px;gap:18px}.hero-actions .primary-button{font-size:11px;padding:10px 14px}.quiet-button{font-size:10px}.topics-heading h2{font-size:23px}.topics-heading{align-items:flex-start;gap:13px;flex-direction:column;margin-bottom:17px}.search-box{width:100%;height:37px}.search-box input{font-size:11px}.category-filters{gap:6px;margin-bottom:15px}.category-chip{font-size:10px;padding:7px 10px;min-height:31px}.topic-grid{gap:15px}.topic-body{padding:14px}.topic-title{font-size:14px;line-height:1.4}.topic-description{font-size:10px;min-height:34px}.topic-cover{height:95px;min-height:95px}.topic-cover>img.cover-art{height:145px;top:-23px;left:10%}.topic-badges{inset:8px 8px auto;align-items:flex-start;gap:5px}.category-tag,.stage-tag{font-size:7px;padding:4px 5px}.topic-footer{gap:9px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:8px}.topic-footer button svg{width:12px;height:12px}.topic-footer .open-topic{display:none}.step-label{font-size:7px}.topic-stepper{margin:17px 0 15px}.topic-community{gap:6px}.people-count{font-size:7px}.topic-community .avatar{width:19px;height:19px;font-size:5px}.author-meta strong{font-size:9px}.role-label{font-size:7px}.topic-author .avatar{width:23px;height:23px;font-size:7px}.game-sidebar{gap:14px}.player-card,.mission-card{padding:16px}.player-level{gap:10px}.xp-ring,.xp-ring>svg{width:67px;height:67px}.level-copy strong{font-size:12px}.level-copy small,.level-copy p,.level-copy>span{font-size:8px}.level-number{font-size:23px}.player-badges button,.player-badges button svg{width:32px;height:35px}.player-heading strong{font-size:11px}.player-heading small{font-size:8px}.player-heading>.avatar{width:29px;height:29px;font-size:9px}.player-heading>.icon-button{width:20px;height:25px}.mission-copy strong{font-size:9px}.mission-copy small{font-size:8px}.mission-row{gap:7px;padding:14px 0}.mission-icon{width:25px;height:25px;font-size:11px}.mission-progress{font-size:8px}.mission-card .sidebar-link{font-size:8px}.community-people .section-topline h3{font-size:10px}.fair-play{font-size:8px}.filter-controls{gap:12px}.filter-bar{gap:8px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:9px}.sort-label select{max-width:100px}.results-line{font-size:8px}.topic-card>.topic-footer{margin-left:14px;margin-right:14px}.topic-card>.topic-stepper{margin-left:14px;margin-right:14px}.panel-body h2{font-size:27px}.detail-cover{height:145px}.detail-cover>img,.detail-cover>svg{height:145px}.detail-tabs{gap:20px}.detail-tabs button{font-size:10px}.detail-stage{padding:15px 9px 11px}.detail-stage .step-label{font-size:8px}}
@media(max-width:490px){.topbar{padding:0 17px;gap:23px}.topbar nav{gap:14px}.topbar .wordmark{font-size:23px}.topbar .nav-link{font-size:9px}.topbar-right{gap:4px}.topbar-right .demo-pill{padding:6px}.topbar .icon-button{display:grid!important;width:22px!important;height:26px}.topbar .icon-button svg{width:15px;height:15px}.commons-hero{padding-top:10px;padding-bottom:28px}.welcome-line{font-size:10px}.commons-intro h1{font-size:40px;letter-spacing:-1.9px;line-height:1.1;margin:17px 0 14px}.commons-intro>p{font-size:11px;line-height:1.8}.hero-actions{gap:16px;margin-top:21px}.quiet-button{font-size:9px;gap:6px}.quiet-button>span{font-size:13px}.hero-actions .primary-button{font-size:10px;padding:10px 13px;min-height:38px}.topics-heading h2{font-size:22px}.topics-heading p{font-size:10px}.topic-grid{grid-template-columns:minmax(0,1fr);gap:17px}.topic-cover{height:105px;min-height:105px}.topic-cover>img.cover-art{height:166px;top:-27px;left:18%}.topic-body{padding:18px 19px 16px}.topic-title{font-size:18px;letter-spacing:-.35px;line-height:1.35;margin:14px 0 8px}.topic-description{font-size:12px;line-height:1.7;min-height:40.8px}.topic-author .avatar{width:27px;height:27px;font-size:8px}.author-meta strong{font-size:10px}.role-label{font-size:8px}.topic-badges{inset:11px 12px auto}.category-tag,.stage-tag{font-size:8px;padding:5px 7px}.topic-community{margin-top:16px;gap:9px}.topic-community .avatar{width:23px;height:23px;font-size:7px}.people-count{font-size:9px}.topic-stepper{margin:20px 0 18px}.step-label{font-size:9px}.step-dot{width:14px;height:14px}.topic-stepper li:after{top:6.5px}.topic-footer{gap:16px;padding-top:13px;min-height:44px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:10px}.topic-footer button svg{width:14px;height:14px}.topic-footer .open-topic{display:inline-flex}.topic-card>.topic-footer{margin-left:19px;margin-right:19px}.topic-card>.topic-stepper{margin-left:19px;margin-right:19px}.results-line{font-size:9px}.results-line>span:last-child{font-size:8px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:10px}.filter-controls{gap:11px}.clear-filters{font-size:8px}.filter-select{gap:4px}.filter-select select{max-width:100px;padding-right:2px}.sort-label select{max-width:105px;padding-right:3px}.game-sidebar{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:2px}.player-card,.mission-card{padding:21px}.player-heading strong{font-size:13px}.player-heading small{font-size:10px}.player-heading>.avatar{width:36px;height:36px;font-size:11px}.player-heading>.icon-button{width:28px;height:28px}.player-level{margin-top:18px;gap:19px}.xp-ring,.xp-ring>svg{width:80px;height:80px}.level-number{font-size:27px}.level-copy strong{font-size:16px}.level-copy small,.level-copy p,.level-copy>span{font-size:10px}.xp-caption{font-size:10px}.xp-caption strong{font-size:11px}.player-badges{padding-top:16px}.player-badges button,.player-badges button svg{width:46px;height:49px}.sidebar-link{font-size:10px;padding-top:14px}.section-topline h3{font-size:12px}.mission-row{gap:11px;padding:17px 0}.mission-icon{width:32px;height:32px;font-size:14px}.mission-icon svg{width:16px;height:16px}.mission-copy strong{font-size:11px}.mission-copy small{font-size:9px}.mission-progress{font-size:10px}.mission-card .sidebar-link{font-size:10px}.community-people{padding:4px 5px}.community-people .section-topline h3{font-size:11px}.person-row{padding:11px 0;gap:10px}.person-row>.avatar{width:32px;height:32px;font-size:9px}.person-copy strong{font-size:11px}.person-copy small,.person-copy>span{font-size:9px}.person-row>.role-emblem,.person-row>svg{width:29px;height:29px}.community-people .sidebar-link{font-size:10px}.fair-play{margin-top:0;font-size:9px;gap:11px}.fair-play>span:first-child{font-size:25px}.topic-dialog .panel-body{padding:21px}.topic-dialog .panel-header{padding:19px 21px}.panel-body h2{font-size:27px;letter-spacing:-.9px}.panel-body .panel-lead{font-size:12px}.detail-cover{height:150px;border-radius:10px;margin-bottom:21px}.detail-cover>img,.detail-cover>svg{height:150px}.detail-cover .topic-badges{inset:12px}.detail-tabs{gap:21px;margin-top:21px}.detail-stage .step-label{font-size:8px}.conversation-item>p{padding-left:0;font-size:12px}.comment-footer{padding-left:0}.comment-person>.role-label{font-size:8px}.role-grid{gap:11px}.role-tile{padding:15px 11px}.role-tile>svg{width:65px;height:65px}.role-tile>strong{font-size:12px}.role-tile>p{font-size:10px!important}.role-progress{font-size:9px}.award-dialog{border-radius:20px;max-width:calc(100vw - 28px)}#award-content{padding:31px 25px 27px}.award-art{height:150px;width:160px;margin-bottom:15px}.award-art>svg{width:112px;height:112px}.award-dialog h2{font-size:27px}.award-dialog p{font-size:12px}.award-dialog .primary-button{margin-top:22px}.detail-idea{padding:16px}.review-card,.decision-record{padding:17px}.profile-form .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{bottom:18px;font-size:10px;max-width:calc(100vw - 26px);padding:12px 17px}footer{margin-top:31px}}
@media(max-width:360px){.topbar{gap:17px;padding:0 13px}.topbar nav{gap:10px}.topbar .nav-link{font-size:8px}.topbar .wordmark{font-size:22px}.commons-intro h1{font-size:36px}.hero-actions{gap:13px}.quiet-button{font-size:8px}.topics-heading h2{font-size:21px}.filter-controls{gap:7px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:9px}.topic-title{font-size:17px}.topic-body{padding-left:16px;padding-right:16px}.topic-footer{gap:12px}.category-chip{font-size:9px;padding:7px 9px}.role-tile{padding:13px 9px}.role-tile>p{font-size:9px!important}}

/* OS and explicit preferences both preserve the full experience without motion. */
body.reduced-motion .floating-role,body.reduced-motion .topic-card,body.reduced-motion .xp-ring,body.reduced-motion .ring-progress,body.reduced-motion .award-art{will-change:auto!important}
@media(prefers-reduced-motion:reduce){.floating-role,.topic-card,.xp-ring,.ring-progress,.award-art{will-change:auto!important}.topic-card,.category-chip,.floating-role:after{transition:none!important}}

/* Final application markup: topic context, discussion and earned identities. */
.detail-stage{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 15px;padding:0;border:0;border-radius:0;background:none}
.detail-stage .category-tag{background:#f0f2f8;border-color:#e7eaf3;color:#6e7890;font-size:9px;padding:6px 8px}
.detail-stage .stage-tag{font-size:9px;padding:6px 8px;box-shadow:none}
.stage-tag>i{display:none}
.detail-author{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 0}
.detail-author .topic-author .avatar{width:30px;height:30px;font-size:9px}
.detail-author .author-meta strong{font-size:11px}.detail-author .role-label{font-size:9px}
.detail-author>.like-topic{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;min-height:34px;border:1px solid #e0e6f3;border-radius:7px;font-size:10px;color:#7784a1;background:#fff}
.detail-author>.like-topic svg{width:14px;height:14px}.detail-author>.like-topic b{font-weight:500;font-variant-numeric:tabular-nums;color:#8995af}
.detail-author>.like-topic.liked{background:#eff3ff;color:#5b74ca;border-color:#d7e0fb}.detail-author>.like-topic.liked svg{fill:#6e84d5;stroke:#6e84d5}.detail-author>.like-topic.liked b{color:#5b74ca}
.topic-dialog .panel-body>.topic-stepper{margin:23px 0 0;padding:17px 13px 12px;background:#f7f9fd;border:1px solid #e6ebf5;border-bottom:0;border-radius:10px 10px 0 0}
.topic-dialog .panel-body>.topic-stepper .step-dot{width:16px;height:16px;font-size:8px}.topic-dialog .panel-body>.topic-stepper li:after{top:7.5px;left:calc(50% + 11px);width:calc(100% - 22px)}
.topic-dialog .panel-body>.topic-stepper .step-label{font-size:9px}
.panel-body .stepper-explanation{margin:0;padding:0 14px 14px;border:1px solid #e6ebf5;border-top:0;border-radius:0 0 10px 10px;background:#f7f9fd;font-size:9px;line-height:1.6;color:#7b88a1;text-align:center}
.detail-tabs button[aria-selected="true"]{color:#46567f;font-weight:500}.detail-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2px;background:#7184d3}
#detail-content:focus-visible{outline:2px solid #b7c4ee;outline-offset:6px;border-radius:5px}
.trial-invitation{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:11px;padding:16px 17px;border:1px solid #e0e7f4;background:#f3f6fd;border-radius:10px;margin:3px 0 24px}
.trial-invitation>span{font-size:25px;color:#8c9dce;line-height:1;align-self:start;padding-top:2px}.trial-invitation>div{min-width:0}
.trial-invitation strong{font-size:11px;font-weight:500;line-height:1.45;color:#586b90}.trial-invitation p{font-size:10px;line-height:1.6;color:#7f8da8;margin:4px 0 0}
.trial-invitation .secondary-button{font-size:10px;min-height:33px;padding:8px 11px;border-color:#d6e0f2;color:#6680b5;white-space:nowrap;background:#fff}
.panel-body .ideas-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px 20px;margin:2px 0 21px}
.ideas-intro>p{font-size:11px;line-height:1.75;color:#77839c;margin:0;max-width:330px}.ideas-intro>.primary-button{font-size:10px;min-height:34px;padding:8px 12px}
.stage-note{grid-column:1/-1;display:block;font-size:10px;line-height:1.7;color:#7d8ba6;padding:11px 13px;border-left:2px solid #cbd6ef;background:#f8fafe;border-radius:0 6px 6px 0}
.detail-idea .comment-person{margin-bottom:14px}.detail-idea .comment-person strong{font-size:10px}.detail-idea h3{margin:0 0 8px}.detail-idea .idea-tag{margin-top:12px}
.comment-footer>span{font-size:9px;line-height:1.5;color:#8995ac}.comment-footer .helpful-button{margin-left:auto;gap:5px;font-size:9px;min-height:28px;color:#7f8da8;white-space:nowrap}
.comment-footer .helpful-button.active{color:#687fc6}.comment-footer .helpful-button.active svg{fill:#8294d4;stroke:#8294d4}.comment-footer .helpful-button:hover{color:var(--blue)}
.topic-composer label{display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;line-height:1.5}.topic-composer label>span{font-size:9px;color:#8796b4;font-weight:400}
.topic-composer .form-foot{flex-wrap:wrap}.topic-composer .form-foot>span{font-size:9px;color:#8492ad}
.review-demo-button{display:inline-flex;align-items:center;min-height:28px;font-size:10px;color:#6881bd;padding:5px 0;margin-top:8px;line-height:1.5;text-align:left}.review-demo-button:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.activity-item p{overflow-wrap:anywhere}.activity-item .review-demo-button{font-size:9px}
.decision-record>.text-link{display:inline-flex;margin-top:13px;font-size:10px;line-height:1.6;color:#6f8973}
.role-detail{padding:11px 0 2px}.role-detail>.active-role-chip{margin-bottom:13px}.role-detail>.role-big{margin:0 auto 17px;width:135px;height:135px}.role-detail>.role-big.locked>svg{filter:saturate(.7);opacity:.85}
.role-detail>.panel-lead{margin:0 auto 17px;font-size:13px;color:#7d89a2}.role-detail>p:not(.panel-lead){max-width:380px;margin:0 auto;font-size:12px;line-height:1.85;color:#7d88a0}
.role-requirement{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;margin:23px auto 0;max-width:320px;border-top:1px solid #e6ebf5;border-bottom:1px solid #e6ebf5}
.role-requirement>strong{font-size:16px;font-weight:500;letter-spacing:-.25px;color:#7486b9;font-variant-numeric:tabular-nums}.role-requirement>span{font-size:10px;line-height:1.6;color:#8b97af}
.role-detail>.primary-button{margin-top:24px;max-width:100%;white-space:normal;line-height:1.5}.role-detail>.quiet-button{display:flex;justify-content:center;margin:9px auto 0;font-size:10px;min-height:34px}
.member-profile{text-align:center;padding:13px 0 3px}.member-profile>.avatar{width:61px;height:61px;font-size:18px;border:4px solid #f5f7fc;margin:0 auto 15px;display:grid}.member-profile>h2{font-size:28px;margin:0 0 12px}
.member-profile>.active-role-chip{margin-bottom:13px}.member-profile>.role-big{width:102px;height:102px;margin:0 auto 18px}
.member-profile>p{max-width:355px;margin:0 auto;font-size:12px;line-height:1.8;color:#7c89a2}.member-profile>.panel-lead{font-size:11px;color:#8d99b0;margin-bottom:22px}.member-profile>.secondary-button{font-size:11px;white-space:normal;line-height:1.5;max-width:100%}
.profile-panel>.avatar{width:46px;height:46px;font-size:14px;margin:0;border:3px solid #f5f7fc;flex:0 0 auto}.profile-panel>div{min-width:0}.profile-panel h2{overflow-wrap:anywhere}
.people-directory .person-row{padding:13px 0;border-bottom:1px solid #edf0f7}.people-directory .person-row:last-child{border-bottom:0}.people-directory .person-row>.avatar{width:34px;height:34px;font-size:10px}.people-directory .person-copy strong{font-size:12px}.people-directory .person-copy small{font-size:10px}.people-directory .person-row>svg{width:34px;height:34px}
.mission-row{width:100%;text-align:left}.mission-row.completed .mission-icon{background:#edf3ea;color:#86a178}.mission-row.completed .mission-progress{color:#6f9370}.mission-row.completed .mission-copy strong{color:#84917f}.mission-row:hover .mission-copy strong{color:#5a72b3}.mission-row.completed:hover .mission-copy strong{color:#64866b}
.level-number>strong{font-size:inherit;font-weight:500;letter-spacing:inherit;line-height:1}
.award-dialog .quiet-button{display:flex;justify-content:center;margin:7px auto 0;font-size:10px;min-height:34px}.xp-award>span{font-size:9px;font-weight:400;color:#8a9ac3;padding-left:7px;margin-left:2px;border-left:1px solid #cfdafa}
.award-particles>i:nth-child(3n+2){background:#c5d5bc;border-radius:50%}.award-particles>i:nth-child(3n){background:#e6bdb0}.award-particles>i:nth-child(4n){width:4px;height:9px;border-radius:3px}
.flying-xp{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:7px 11px;border:1px solid #d5defb;border-radius:18px;background:#f0f4ff;color:#657dc7;font-size:11px;line-height:1.3;font-weight:600;box-shadow:0 5px 17px #6478b51a;transform-origin:center;will-change:transform,opacity}
.award-dialog{height:fit-content;min-height:0;max-height:calc(100dvh - 40px);margin:auto;inset:0}
#award-content{display:flex;flex-direction:column;align-items:center;padding:26px 32px 23px}
#award-content>*{flex-shrink:0}
.award-art{width:180px;height:157px;margin:0 auto 12px}.award-art>svg{width:150px;height:150px}
.award-dialog .inline-label{font-size:10px;line-height:1.4;margin:0 0 8px;color:#8292b8}
.award-dialog h2{font-size:29px;line-height:1.2;margin:0 0 9px}.award-dialog p{font-size:12px;line-height:1.75;margin:0;max-width:310px}
.award-dialog .xp-award{display:flex;align-self:center;width:max-content;margin:13px 0 0;padding:6px 11px;min-height:29px}
.award-dialog .primary-button{display:flex;justify-content:center;align-self:center;width:max-content;max-width:100%;margin:18px 0 0;min-height:39px;line-height:1.4;white-space:normal}
.award-dialog .quiet-button{display:flex;justify-content:center;align-self:center;width:max-content;max-width:100%;margin:4px 0 0;min-height:30px;padding:7px 0;font-size:10px;line-height:1.4}
@media(max-width:620px){.trial-invitation{grid-template-columns:21px minmax(0,1fr);gap:8px 10px;padding:15px}.trial-invitation .secondary-button{grid-column:2;justify-self:start;margin-top:2px}.ideas-intro>p{font-size:11px}.topic-composer label>span{display:block;width:100%;font-size:9px}.comment-footer{gap:8px}.comment-footer>span{font-size:8px}.comment-footer .helpful-button{font-size:8px}.role-detail>.role-big{width:125px;height:125px}.role-requirement{margin-top:20px}.role-detail>p:not(.panel-lead){font-size:12px}.people-directory .person-copy strong{font-size:11px}.people-directory .person-copy small{font-size:9px}}
@media(max-width:490px){.detail-stage{margin:0 0 14px;padding:0}.detail-stage .category-tag,.detail-stage .stage-tag{font-size:8px;padding:5px 7px}.detail-author{margin-top:18px}.detail-author .author-meta strong{font-size:10px}.detail-author .role-label{font-size:8px}.detail-author>.like-topic{font-size:9px;padding:7px 9px;gap:5px}.topic-dialog .panel-body>.topic-stepper{padding:16px 7px 12px;margin-top:21px}.topic-dialog .panel-body>.topic-stepper .step-label{font-size:8px}.panel-body .stepper-explanation{font-size:8px;line-height:1.65;padding:0 12px 13px}.trial-invitation strong{font-size:11px}.trial-invitation p{font-size:10px}.panel-body .ideas-intro{grid-template-columns:minmax(0,1fr);gap:12px}.ideas-intro>.primary-button{justify-self:start}.stage-note{font-size:10px}.comment-footer>span{font-size:8px;max-width:185px}.comment-footer .helpful-button{font-size:9px}.role-detail{padding-top:8px}.role-requirement{padding:17px 11px}.role-detail>.primary-button{font-size:11px;padding-left:13px;padding-right:13px}.member-profile{padding-top:8px}.member-profile>h2{font-size:27px}.member-profile>p{font-size:12px}.flying-xp{font-size:10px;padding:6px 10px}}
@media(max-width:490px){#award-content{padding:25px 23px 21px}.award-art{width:170px;height:152px}.award-art>svg{width:145px;height:145px}.award-dialog h2{font-size:27px}.award-dialog p{font-size:12px}.award-dialog .primary-button{margin-top:18px;font-size:10px;min-height:39px}.award-dialog .quiet-button{margin-top:4px;min-height:30px}}

/* Readable community typography: retain the space, strengthen the information. */
.commons-intro>p{font-size:14px;color:#616c82}.welcome-line{font-size:12px;color:#6d7890}
.hero-actions .primary-button,.hero-actions .quiet-button{font-size:12px}.floating-role span{font-size:11px;color:#67738d}.universe-caption{font-size:10px;color:#738098}
.topics-heading p{font-size:12px;color:#616c82}.search-box{height:38px}.search-box input{font-size:12px}.search-box input::placeholder{color:#768298}
.category-chip{font-size:12px;min-height:34px;padding:7px 12px;color:#69758c}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:12px;color:#616c82}.filter-select select{max-width:146px}.sort-label select{max-width:129px}.clear-filters{font-size:11px}.filter-bar{min-height:50px}
.results-line,.results-line>span:first-child{font-size:11px;color:#738097}.results-line>span:last-child{font-size:11px}
.topic-author .author-meta strong,.detail-author .author-meta strong,.person-copy strong,.player-heading strong,.comment-person strong,.detail-idea .comment-person strong{font-size:12px;color:#616c82}
.author-meta .role-label,.detail-author .role-label,.person-row .role-label,.comment-person>.role-label{font-size:10px;color:#768197}
.category-tag,.stage-tag,.detail-stage .category-tag,.detail-stage .stage-tag{font-size:10px;padding:5px 7px}.category-tag{color:#69758c}
.topic-title{font-size:18px;line-height:1.35;letter-spacing:-.4px}.topic-description{font-size:13px;line-height:1.65;min-height:42.9px;color:#616c82}
.people-count{font-size:11px;color:#738097}.people-count strong{color:#616c82}.topic-community{gap:9px}
.step-label,.topic-dialog .panel-body>.topic-stepper .step-label,.detail-stage .step-label{font-size:10px}.topic-stepper li{color:#7a879d}.topic-stepper .done{color:#697ca9}.topic-stepper .current{color:#4f67cd}
.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:12px}.topic-footer{gap:13px;min-height:44px}.topic-footer button svg{width:14px;height:14px}.topic-footer button,.topic-footer .like-topic,.topic-footer .follow-topic{color:#69758d}.topic-footer .like-topic.liked{color:#526bcb}.topic-footer .follow-topic.is-followed{color:#668366}.topic-footer .open-topic{color:#586fae}.topic-footer b{font-weight:500}
.player-heading small,.xp-caption,.level-copy small,.level-copy p,.level-copy>span{font-size:11px;color:#75829b}.xp-caption strong{font-size:12px}.level-copy strong{font-size:15px;color:#536381}
.section-topline h3,.community-people .section-topline h3{font-size:12px;color:#616c82}.sidebar-link,.mission-card .sidebar-link,.community-people .sidebar-link{font-size:11px;color:#6b7fa9}
.mission-copy strong{font-size:12px;line-height:1.45;color:#616c82}.mission-copy small{font-size:11px;line-height:1.5;color:#778399}.mission-progress{font-size:11px;color:#7f8ba1}.mission-row{padding-top:15px;padding-bottom:14px}.mission-row.completed .mission-copy strong{color:#6c8267}
.person-copy small,.person-copy>span,.people-directory .person-copy small{font-size:11px;color:#79859b}.person-copy{gap:4px}.fair-play{font-size:11px;color:#7a879e;line-height:1.65}.fair-play>span:first-child{font-size:22px}
.panel-body .stepper-explanation,.comment-footer>span,.topic-composer label>span,.topic-composer .form-foot>span{font-size:11px;color:#75839d}
.detail-tabs button{font-size:12px}.detail-author>.like-topic,.comment-footer .helpful-button,.review-demo-button,.activity-item .review-demo-button{font-size:11px}
.trial-invitation strong{font-size:12px}.trial-invitation p,.stage-note{font-size:11px;color:#6d7b94}.trial-invitation .secondary-button,.ideas-intro>.primary-button,.topic-composer .primary-button{font-size:12px}
.ideas-intro>p,.conversation-item>p,.detail-idea p,.review-card p,.decision-record p{font-size:13px;color:#616c82}.detail-idea h3{font-size:16px}.detail-idea .idea-tag{font-size:10px}
.role-tile>p{font-size:11px!important;color:#738099!important}.role-progress,.role-requirement>span{font-size:11px;color:#74829b}.role-detail>p:not(.panel-lead),.member-profile>p{font-size:13px;color:#616c82}.active-role-chip{font-size:10px}.award-dialog p{font-size:13px;color:#616c82}.award-dialog .primary-button,.role-detail>.primary-button{font-size:12px}.award-dialog .quiet-button,.role-detail>.quiet-button{font-size:11px}.award-dialog .inline-label{font-size:11px;color:#7585a8}
footer,footer button{font-size:11px;color:#7b879c}

@media(max-width:1240px){.topic-body{padding-left:17px;padding-right:17px}.topic-title{font-size:17px}.topic-description{font-size:12px;min-height:39.6px}.topic-footer{gap:10px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:11px}.category-chip{padding-left:10px;padding-right:10px;font-size:11px}.commons-intro>p{font-size:13px}.hero-actions{gap:15px}.hero-actions .quiet-button{font-size:11px}.mission-copy strong{font-size:11px}.mission-copy small,.mission-progress{font-size:10px}.player-heading small,.level-copy>span,.xp-caption{font-size:10px}.section-topline h3{font-size:11px}.fair-play{font-size:10px}.level-copy strong{font-size:14px}.sidebar-link,.mission-card .sidebar-link,.community-people .sidebar-link{font-size:10px}}
@media(max-width:1080px){.topic-body{padding-left:14px;padding-right:14px}.topic-title{font-size:16px}.topic-description{font-size:12px}.topic-author .author-meta strong{font-size:11px}.author-meta .role-label{font-size:10px}.category-tag,.stage-tag{font-size:9px;padding:5px 6px}.step-label{font-size:9px}.people-count{font-size:10px}.topic-footer{gap:9px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:10px}.topic-footer button svg{width:13px;height:13px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:11px}.filter-select select{max-width:131px}.sort-label select{max-width:118px}.welcome-line{font-size:11px}.hero-actions .primary-button{font-size:11px}.hero-actions .quiet-button{font-size:10px}.floating-role span{font-size:10px}.universe-caption{font-size:9px}}
@media(max-width:900px){.topic-body{padding:18px}.topic-title{font-size:18px}.topic-description{font-size:13px;min-height:42.9px}.topic-author .author-meta strong{font-size:12px}.category-tag,.stage-tag{font-size:10px;padding:5px 7px}.step-label{font-size:10px}.people-count{font-size:11px}.topic-footer{gap:13px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:12px}.topic-footer button svg{width:14px;height:14px}.category-chip{font-size:12px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:12px}.filter-select select{max-width:146px}.sort-label select{max-width:129px}.mission-copy strong{font-size:12px}.mission-copy small,.mission-progress{font-size:11px}.player-heading small,.level-copy>span,.xp-caption{font-size:11px}.section-topline h3{font-size:12px}.fair-play{font-size:11px}.sidebar-link,.mission-card .sidebar-link,.community-people .sidebar-link{font-size:11px}}
@media(max-width:760px){.commons-intro>p{font-size:12px}.hero-actions .primary-button{font-size:11px}.hero-actions .quiet-button{font-size:10px}.topic-title{font-size:17px}.topic-description{font-size:12px;min-height:39.6px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:11px}.topic-footer{gap:11px}.topic-body{padding:16px}.topics-heading p{font-size:11px}.people-count{font-size:10px}.fair-play{font-size:10px}.mission-copy strong{font-size:11px}.mission-copy small{font-size:10px}}
@media(max-width:620px){.commons-intro>p{font-size:13px}.hero-actions .primary-button,.hero-actions .quiet-button{font-size:11px}.topic-body{padding:14px}.topic-title{font-size:16px}.topic-description{font-size:12px;min-height:39.6px}.topic-author .author-meta strong{font-size:11px}.author-meta .role-label{font-size:10px}.category-tag,.stage-tag{font-size:9px;padding:5px}.step-label{font-size:9px}.people-count{font-size:10px}.topic-footer{gap:9px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:11px}.topic-footer button svg{width:13px;height:13px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:11px}.filter-select select{max-width:128px}.sort-label select{max-width:113px}.results-line,.results-line>span:first-child,.results-line>span:last-child{font-size:10px}.category-chip{font-size:11px}.mission-copy strong{font-size:11px}.mission-copy small,.mission-progress{font-size:10px}.sidebar-link,.mission-card .sidebar-link,.community-people .sidebar-link{font-size:10px}.player-heading small,.level-copy>span,.xp-caption{font-size:10px}.player-heading strong{font-size:11px}.section-topline h3,.community-people .section-topline h3{font-size:11px}.fair-play{font-size:10px}.level-copy strong{font-size:13px}.comment-footer{align-items:flex-start;gap:9px}.comment-footer>span{font-size:10px}.comment-footer .helpful-button{font-size:10px;padding-top:0}.topic-composer label>span{font-size:10px}.panel-body .stepper-explanation{font-size:10px}.detail-stage .category-tag,.detail-stage .stage-tag{font-size:10px}.review-demo-button,.activity-item .review-demo-button{font-size:10px}.role-tile>p{font-size:11px!important}}
@media(max-width:490px){.hero-actions{gap:14px}.hero-actions .primary-button{font-size:11px}.hero-actions .quiet-button{font-size:10px}.commons-intro>p{font-size:12px}.welcome-line{font-size:11px}.topics-heading p{font-size:11px}.topic-body{padding:18px 19px 16px}.topic-title{font-size:18px}.topic-description{font-size:13px;min-height:42.9px}.topic-author .author-meta strong{font-size:12px}.author-meta .role-label{font-size:10px}.category-tag,.stage-tag{font-size:10px;padding:5px 7px}.step-label{font-size:10px}.people-count{font-size:11px}.topic-footer{gap:14px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:12px}.topic-footer button svg{width:14px;height:14px}.filter-bar{gap:7px}.filter-controls{gap:9px}.filter-select{gap:3px}.filter-select select{max-width:112px}.sort-label select{max-width:112px}.clear-filters{font-size:10px}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:11px}.mission-copy strong{font-size:12px}.mission-copy small,.mission-progress{font-size:11px}.player-heading strong{font-size:13px}.player-heading small,.level-copy>span,.xp-caption{font-size:11px}.level-copy strong{font-size:16px}.section-topline h3,.community-people .section-topline h3{font-size:12px}.sidebar-link,.mission-card .sidebar-link,.community-people .sidebar-link{font-size:11px}.fair-play{font-size:11px}.person-copy strong{font-size:12px}.person-copy small,.person-copy>span{font-size:11px}.topic-dialog .panel-body>.topic-stepper .step-label{font-size:10px}.detail-author .author-meta strong{font-size:12px}.detail-author .role-label{font-size:10px}.detail-author>.like-topic{font-size:11px}.comment-person>.role-label{font-size:10px}.comment-footer>span{max-width:185px;font-size:10px}.comment-footer .helpful-button{font-size:10px}.trial-invitation .secondary-button,.ideas-intro>.primary-button,.topic-composer .primary-button{font-size:11px}.award-dialog .primary-button,.role-detail>.primary-button{font-size:11px}.award-dialog .quiet-button{font-size:11px}.award-dialog p{font-size:13px}footer,footer button{font-size:10px}}
@media(max-width:360px){.hero-actions{gap:11px}.hero-actions .primary-button{font-size:10px}.hero-actions .quiet-button{font-size:9px}.topic-title{font-size:17px}.topic-footer{gap:12px}.topic-footer button,.topic-footer .like-topic span:first-of-type{font-size:11px}.category-chip{font-size:10px;padding:7px 9px}.filter-controls{gap:7px;flex-wrap:wrap}.filter-select,.filter-select select,.sort-label select,.following-filter{font-size:10px}.filter-select select{max-width:101px}.sort-label select{max-width:102px}.topic-author .author-meta strong{font-size:12px}.people-count{font-size:10px}}