/* sign-in dialog, polls, takeover, effort stats, role models */
@layer ui{
.joindlg{border:1px solid #ffffff2a;border-radius:var(--r);background:var(--k2);color:#fff;padding:1.6rem;width:min(440px,92vw)}
.joindlg::backdrop{background:#000a;backdrop-filter:blur(6px)}
.joindlg h3{font:800 2rem var(--d);letter-spacing:-.045em;margin-bottom:.5rem}
.joindlg form{display:grid;gap:.9rem}.joindlg label{display:grid;gap:.3rem;font:500 .72rem var(--m);text-transform:uppercase;letter-spacing:.06em}
.joindlg input{background:var(--k);border:1.5px solid #ffffff2a;border-radius:.9rem;padding:.8rem 1rem;font-size:1rem}
.joindlg .err,.cm .msg{color:var(--o);font-size:.9rem;min-height:1.2em}.joindlg .fr{display:flex;gap:.6rem;justify-content:flex-end}
.cm .gate{background:#ffffff0d;border-radius:1rem;padding:.9rem 1.1rem;margin-bottom:1rem}.cm .gate .mono,.cm form .mono{color:#bfae9d;font-size:.66rem}
.cm .rx{margin-bottom:1rem}
.bub{display:none}
.poll{background:var(--k2);border:1px solid #ffffff1a;border-radius:var(--r);padding:1.4rem}
.poll h3{font:800 1.7rem var(--d);letter-spacing:-.04em;margin-bottom:1rem}.poll .opts{display:grid;gap:.5rem}
.poll button{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:1rem;text-align:left;background:#ffffff10;border:1.5px solid #ffffff22;color:inherit;border-radius:1rem;padding:.8rem 1rem;cursor:pointer;font-weight:700}
.poll button i{position:absolute;inset:0 auto 0 0;width:var(--w,0);background:#F26B1D55;transition:width .6s}.poll button span,.poll button b{position:relative}
.poll button.mine{border-color:var(--o)}.poll .note{font-size:.8rem;color:#bfae9d;margin-top:.8rem}
.tk{background:var(--o);color:var(--k);border-radius:var(--r);padding:1.6rem;height:100%}.tk h3{font:800 clamp(2.4rem,7vw,4.4rem)/.9 var(--d);letter-spacing:-.05em;margin:.4rem 0 1rem}
.tk dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem}.tk dt{font:500 .72rem var(--m);text-transform:uppercase}.tk dd{margin:0;font-weight:700}
.tkform{display:grid;gap:.7rem;background:var(--k2);border:1px solid #ffffff1a;border-radius:var(--r);padding:1.4rem}
.tkform label{display:grid;gap:.3rem;font:500 .72rem var(--m);text-transform:uppercase}.tkform input{background:var(--k);border:1.5px solid #ffffff2a;border-radius:.9rem;padding:.8rem 1rem;color:#fff}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1rem}
.eff{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1rem}
.eff .tile .big-stat{font:800 clamp(3.4rem,9vw,6rem)/.85 var(--d);letter-spacing:-.06em;color:var(--o)}
.eff .tile{color:#fff}.eff .tile p,.eff .tile .pn span{color:#d9cbbd}.eff .tile h3{color:#bfae9d}
.role{display:grid;gap:.8rem;background:var(--o);color:var(--k);border-radius:var(--r);padding:1.6rem}.role h3{font:800 clamp(2rem,6vw,3.4rem)/.9 var(--d);letter-spacing:-.05em}
}
@layer ui{
.bd{background:var(--k);color:#fff;border-radius:var(--r);padding:clamp(1.4rem,4vw,3rem);display:grid;gap:1rem;max-width:900px}
.bd .mono{color:var(--o)}.bd h2{font:800 clamp(2.4rem,8vw,5.5rem)/.88 var(--d);letter-spacing:-.055em}
.bd .bdy{font:600 clamp(1.1rem,2.6vw,1.5rem)/1.35 var(--d);max-width:46ch}.bd .by{font:italic 400 1.6rem var(--s);color:var(--o)}
.bd .tie{border-top:1px solid #ffffff22;padding-top:1rem;color:#d9cbbd}
}

.pls{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.4rem}.joindlg .chk{padding:.5rem .7rem;font-size:.85rem!important}.joindlg[open]{max-height:90dvh;overflow:auto}.tabs{margin-bottom:.8rem}