.nerd-id-prompt{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:42px 0;padding:25px 28px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--lilac)}.nerd-id-prompt h2{margin:0 0 8px;font-size:clamp(26px,4vw,42px);letter-spacing:-.06em}.nerd-id-prompt p:not(.eyebrow){max-width:620px;color:#d8d5cf;line-height:1.45;margin:0 0 10px}.nerd-id-prompt small{color:var(--acid)}.nerd-id-prompt .eyebrow{color:var(--acid);margin-bottom:10px}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.avatar-choice{border:1px solid var(--line);background:transparent;border-radius:50%;width:38px;height:38px;padding:0;font-size:20px}.avatar-choice.selected,.avatar-choice:hover{border-color:var(--orange);background:var(--lilac)}#register-avatar-picker>span{display:block;font-size:12px;color:var(--muted);margin-top:16px}.profile-identity-head{display:flex;align-items:center;gap:16px}.profile-identity-head .eyebrow{margin:0 0 6px}.profile-identity-head p{margin:7px 0 0}.profile-xp-line{display:flex;align-items:baseline;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.profile-xp-line span,.profile-next-badge span{font:10px "DM Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.profile-xp-line strong{font-size:32px;letter-spacing:-.06em}.profile-next-badge{margin-top:18px;padding:13px;background:var(--acid);color:var(--ink)}.profile-next-badge strong,.profile-next-badge small{display:block}.profile-next-badge strong{margin-top:4px}.profile-next-badge small{margin-top:3px}.passport-main .profile-share{margin-top:20px}@media(max-width:600px){.nerd-id-prompt{display:block;padding:20px;margin:30px 0}.nerd-id-prompt .button{width:100%;margin-top:18px}.avatar-choice{width:34px;height:34px}.profile-identity-head{align-items:flex-start}.profile-xp-line strong{font-size:28px}}
.badge{min-height:106px;justify-content:space-between}.badge-progress{display:block;font:9px/1.25 "DM Mono",monospace;color:var(--muted);letter-spacing:-.02em}.badge.unlocked .badge-progress{color:var(--orange)}
.badges-card{padding:18px}.badges-card .form-heading{margin-bottom:12px}.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.badge{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:auto;min-height:86px;padding:8px 6px;border-radius:4px;display:block}.badge-fill{position:absolute;z-index:-1;inset:auto 0 0;width:100%;background:var(--acid);transition:height .35s ease}.badge.locked .badge-fill{opacity:.16}.badge-content{position:relative;z-index:1;min-height:70px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.badge-icon{font-size:20px;line-height:1}.badge small{display:block;max-width:100%;font-size:9px;line-height:1.12;overflow-wrap:anywhere}.badge-progress{display:block;font:500 9px/1 "DM Mono",monospace;white-space:nowrap}.badge.unlocked .badge-progress{color:var(--ink)}.badge.unlocked{background:#13231e;color:var(--paper)}.badge.unlocked .badge-fill{opacity:1}.badge.locked{background:#eeeae2}.passport-card{padding:20px}
@media(max-width:800px){.badges-card{padding:16px}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.badge{min-height:78px;padding:7px 4px}.badge-content{min-height:64px}.badge-icon{font-size:18px}.badge-progress{font-size:8px}}
@media(max-width:520px){.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.badge{min-height:72px}.badge-content{min-height:58px}.badge-progress{font-size:8px}}
.badge.unlocked .badge-content{color:var(--ink)}
@media(max-width:600px){#progress-panel .passport-main{display:block;min-width:0}.profile-identity-head{min-width:0;gap:11px}.profile-identity-head>div{min-width:0}.profile-identity-head strong,.profile-identity-head p{overflow-wrap:anywhere}.profile-xp-line{margin-top:18px}.passport-numbers{margin-top:16px;padding-top:12px}.profile-next-badge{width:100%;min-width:0;margin-top:16px;padding:12px}.profile-next-badge strong,.profile-next-badge small{overflow-wrap:anywhere;word-break:normal}.passport-main .profile-share{display:block;width:100%;margin-top:14px}}