.profile-badges{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:10px 0;min-height:0;min-width:0;max-width:100%}.profile-badges:empty{display:none}.profile-badge{display:inline-grid;place-items:center;flex:0 0 32px;min-width:32px;min-height:32px;padding:2px;border-radius:6px;background:none;border:0;color:inherit;cursor:pointer}.profile-badge img{width:26px;height:27px;object-fit:contain}.profile-badge:hover{background:var(--hover)}.profile-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge-featured{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:12px;margin:24px 0}.badge-featured h3,.badge-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge-featured h3 span,.badge-collection-heading span{font:12px var(--font);color:var(--text-2)}.badge-featured ol{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}.badge-featured li{display:flex;gap:12px;align-items:center}.badge-featured li>span{flex:1}.badge-featured li img{width:30px;height:31px}.badge-featured .tiny{margin-top:12px}.badge-featured [data-badge-move] svg{transform:rotate(180deg)}.badge-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 28px}.badge-item{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:12px;min-width:0}.badge-item-art{margin-bottom:16px}.badge-item-art img{width:76px;height:79px;object-fit:contain;filter:drop-shadow(0 5px 7px #0003)}.badge-item.locked .badge-item-art{opacity:.55;filter:grayscale(.6)}.badge-item-copy h3{color:var(--text);margin:0 0 5px!important;font-size:17px}.badge-item-copy>p{font-size:13px;color:var(--text-2);line-height:1.6;margin:0 0 10px}.badge-status{display:block;font-size:12px;margin:10px 0;color:var(--text)}.badge-item-copy .badge-criterion{font-size:12px;line-height:1.7}.badge-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.badge-item-actions button{min-height:36px}.badge-error{color:var(--red);font-size:13px}.badge-dialog{position:fixed;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:28px;max-width:var(--modal-form-width,560px);width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;font:14px/1.6 var(--font)}.badge-dialog::backdrop{background:#0009}.badge-dialog-close{position:absolute;top:12px;right:12px}.badge-dialog-art img{width:100px;height:104px;margin:0 auto 18px}.badge-dialog h2{text-align:center;margin:0 0 12px;font:600 24px var(--font-ui)}.badge-dialog>p{color:var(--text-2);text-align:center}.badge-dialog dt{font-weight:600;font-size:12px;margin-top:16px}.badge-dialog dd{margin:5px 0 0;color:var(--text-2);font-size:13px}.badge-dialog>.btn{width:100%;margin-top:20px}.co-profile .profile-badges{margin:8px 0}.badge-admin-form{display:grid;gap:12px;max-width:650px}.badge-admin-form label{display:grid;gap:6px}.badge-admin-history{margin-top:18px}.badge-admin-awards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.badge-admin-awards span{display:flex;gap:7px;align-items:center}.badge-admin-awards img{width:28px;height:29px}
@media(max-width:650px){.badge-collection{grid-template-columns:1fr}.badge-item{padding:18px}.profile-badge{flex-basis:36px;min-width:36px;min-height:36px}.badge-item-actions button,.badge-featured button{min-height:44px}.badge-dialog{padding:24px}.badge-featured{padding:16px}}

.profile-badges.expanded{flex-wrap:wrap}.profile-badge[hidden]{display:none}.badge-overflow{border-radius:50%;background:var(--hover);font:600 12px var(--font);font-variant-numeric:tabular-nums}.badge-overflow:hover{background:var(--line)}.profile-badges.expanded .badge-overflow svg{transform:rotate(180deg)}.badge-tooltip{position:fixed;z-index:1000;max-width:calc(100vw - 16px);padding:7px 10px;border-radius:6px;background:var(--rail);color:var(--text);box-shadow:0 4px 12px #0005;font:600 12px/1.5 var(--font);overflow-wrap:anywhere}.badge-tooltip[hidden]{display:none}
/* O painel móvel de membros não pode cobrir o perfil aberto por ele. */
@media(max-width:650px){#ucard,#self-card{z-index:25;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}#umenu,#emoji{z-index:26}}