.badges{background:var(--deep);border-block:2px solid #1c2733}.badge-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.public-badge{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:2px solid var(--line);background:var(--panel);clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));font-size:11px}.public-badge small{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.04em}.public-badge strong{display:block;margin-top:5px;color:var(--text);font-size:11px;line-height:1.4}.badge-mark{display:grid;place-items:center;width:30px;height:30px;flex:none;color:var(--green);font-size:20px}.badge-beta{border-color:var(--pink)}.badge-beta .badge-mark{color:var(--pink)}.badge-level{border-color:var(--green)}.badge-pet{border-color:var(--blue)}.badge-pet img{width:42px;height:42px;image-rendering:pixelated;object-fit:contain}.badge-pet .badge-mark{color:var(--blue)}.badge-streak{border-color:var(--amber)}.badge-streak .badge-mark{color:var(--amber)}.badge-note{margin:18px 0 0;color:var(--muted);font-size:11px}
@media(max-width:800px){.badge-preview{grid-template-columns:repeat(2,1fr)}}