.community-matcher{margin:28px 0 34px;border:1px solid var(--line2);background:linear-gradient(145deg,#151a1e,#0c0f11);overflow:hidden}.matcher-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px}.matcher-invite h2{margin:5px 0;font-size:clamp(28px,4vw,42px);text-transform:uppercase}.matcher-invite p{max-width:720px;margin:0;color:var(--text-mid)}.matcher-console{position:relative;padding:30px;border-top:1px solid var(--line);background:radial-gradient(circle at 82% 5%,color-mix(in srgb,var(--matcher-faction,var(--accent)) 12%,transparent),transparent 32%),#0c0f11}.matcher-progress{position:absolute;left:0;right:0;top:0;height:3px;background:var(--line)}.matcher-progress span{display:block;height:100%;background:var(--matcher-faction,var(--accent));transition:width .5s}.matcher-step-count{color:var(--matcher-faction,var(--accent));font:600 .61rem var(--mono);text-transform:uppercase;letter-spacing:.14em}.matcher-steps h3{margin:12px 0 20px;font-size:clamp(30px,4vw,46px)}.matcher-choices{display:grid;gap:8px}.matcher-choices.faction{grid-template-columns:repeat(3,1fr)}.matcher-choices.roles{grid-template-columns:repeat(2,1fr)}.matcher-choices.regions{grid-template-columns:repeat(3,1fr)}.matcher-choices button{min-height:94px;display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);background:var(--bg-1);color:var(--text-hi);text-align:left;cursor:pointer}.matcher-choices button:hover{border-color:var(--line2)}.matcher-choices button[aria-pressed=true]{border-color:var(--matcher-faction,var(--accent));background:color-mix(in srgb,var(--matcher-faction,var(--accent)) 9%,var(--bg-1))}.matcher-choices button span{flex:none;color:var(--matcher-faction,var(--accent));font:600 .65rem var(--mono)}.matcher-choices button svg{width:44px;height:44px}.matcher-choices button strong{font:600 1rem var(--display);text-transform:uppercase}.matcher-controls{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.matcher-controls>span{flex:1;color:var(--text-mid);text-align:center;font-size:.75rem}.matcher-result{margin-top:28px;padding:28px;border:1px solid var(--line2);border-top:3px solid var(--matcher-faction,var(--accent));background:var(--bg-1)}.matcher-result-label{color:var(--matcher-faction,var(--accent));font:.62rem var(--mono);text-transform:uppercase;letter-spacing:.14em}.matcher-community-main{display:flex;gap:18px;align-items:center;margin-top:18px}.matcher-community-main>span{width:70px;height:70px;display:grid;place-items:center;background:var(--bg-2) center/cover;border:1px solid var(--line2);font:700 2rem var(--display)}.matcher-community-main small{color:var(--text-mid);font:.6rem var(--mono);text-transform:uppercase}.matcher-community-main h3{margin:3px 0;font-size:2.2rem}.matcher-community-main p{margin:0;color:var(--text-mid)}.matcher-reasons{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0;color:var(--text-mid);font:.65rem var(--mono);text-transform:uppercase}.matcher-result-actions,.matcher-result-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.matcher-support{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.matcher-support a{padding:14px;border:1px solid var(--line);color:var(--text-hi)}.matcher-support strong,.matcher-support span{display:block}.matcher-support span{color:var(--text-mid);font-size:.72rem}.matcher-result-footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.matcher-result-footer>span{margin-left:auto;color:var(--text-mid);font-size:.72rem}@media(max-width:720px){.matcher-invite{align-items:flex-start;flex-direction:column;padding:22px}.matcher-console{padding:24px 18px}.matcher-choices.faction,.matcher-choices.roles,.matcher-choices.regions{grid-template-columns:1fr}.matcher-choices button{min-height:72px}.matcher-controls{display:grid;grid-template-columns:auto 1fr auto}.matcher-controls>span{font-size:.65rem}.matcher-result{padding:20px}.matcher-support{grid-template-columns:1fr}.matcher-result-footer{align-items:stretch;flex-direction:column}.matcher-result-footer .b{justify-content:center}.matcher-result-footer>span{margin-left:0}.matcher-community-main h3{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.matcher-progress span{transition:none}}