.badges-page{width:100%;max-width:var(--account-page-width,1040px);padding:24px var(--account-page-gutter,16px) 40px;margin:auto}.badges-page h2{margin:0;font-size:17px;line-height:1.45}.badge-representative{background:var(--home-surface);border-radius:24px;max-width:none;margin:0 0 20px;padding:20px}.badge-overview{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge-overview h2 strong{color:var(--home-accent-text);font-variant-numeric:tabular-nums;margin-left:6px}.badge-representative p{color:var(--theme-text-secondary);margin:8px 0 0;font-size:14px}.badge-selected{background:var(--theme-bg-elevated);border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.badge-selected>svg{color:var(--home-accent-text);flex-shrink:0}.badge-selected>div{flex:1;min-width:0}.badge-selected strong,.badge-selected small{display:block}.badge-selected small{color:var(--theme-text-secondary);margin-bottom:4px;font-size:12px}.badge-selected strong{font-size:15px}.badge-tabs{border-bottom:1px solid var(--theme-line-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.badge-tabs button{min-height:52px;color:var(--theme-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 4px;font-size:15px;font-weight:600}.badge-tabs button[aria-pressed=true]{border-bottom-color:var(--color-action);color:var(--theme-text-primary)}.badge-tabs span{margin-left:6px;font-size:13px}.badge-list-tools{color:var(--theme-text-secondary);justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:13px;display:flex}.badge-list-tools>span{min-width:0}.badge-list-tools .ui-button{flex-shrink:0;padding-inline:10px;font-size:13px}.badge-group{background:var(--home-surface);border-radius:24px;max-width:none;margin:16px 0;padding:20px}.badge-group>h2{color:var(--theme-text-secondary);padding-bottom:8px;font-size:14px}#badges-ready{color:var(--home-accent-text)}.activity-badge{border-bottom:1px solid var(--theme-line-subtle);grid-template-columns:40px minmax(0,1fr);gap:14px;padding:20px 0;display:grid}.badge-symbol{background:var(--theme-bg-elevated);width:40px;height:40px;color:var(--theme-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.activity-badge[data-earned=true] .badge-symbol,.activity-badge[data-ready=true] .badge-symbol{color:var(--home-accent-text)}.badge-copy h3{margin:0 0 6px;font-size:16px;line-height:1.45}.badge-copy p{color:var(--theme-text-secondary);margin:0;font-size:13px;line-height:1.6}.badge-copy small{color:var(--theme-text-secondary);font-size:12px}.badge-progress{align-items:center;gap:12px;margin-top:12px;display:flex}.badge-progress progress{appearance:none;background:var(--theme-line-subtle);width:100%;min-width:0;height:4px;accent-color:var(--color-action);border:0;border-radius:8px;display:block;overflow:hidden}.badge-progress progress::-webkit-progress-bar{background:var(--theme-line-subtle)}.badge-progress progress::-webkit-progress-value{background:var(--color-action);border-radius:8px}.badge-progress progress::-moz-progress-bar{background:var(--color-action)}.badge-progress span{color:var(--theme-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.badge-copy .badge-reward{color:var(--home-accent-text);margin-top:10px}.badge-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.badge-actions .ui-button{min-height:44px;font-size:14px}.badge-equipped{min-height:44px;color:var(--home-accent-text);align-items:center;gap:6px;font-size:13px;display:inline-flex}.badge-notice,.badge-error{border:1px solid var(--theme-line-subtle);border-radius:12px;margin:0 0 20px;padding:16px;font-size:14px;line-height:1.6}.badge-notice{color:var(--home-accent-text)}.badge-error p{margin:0}.badge-empty{text-align:center;padding:40px 16px}.badge-empty>svg{color:var(--theme-text-secondary);margin-bottom:16px}.badge-empty p{color:var(--theme-text-secondary);margin:12px 0 24px;font-size:14px}.badge-loading p{color:var(--theme-text-secondary);font-size:14px}.badge-loading>div{background:var(--home-surface);border-radius:24px;height:144px;margin-block:16px}.badges-page :is(button,a,summary):focus-visible{outline:2px solid var(--color-action);outline-offset:3px}@media (max-width:480px){.badge-selected{gap:8px;padding:12px}.badge-overview .ui-button{padding-inline:8px;font-size:13px}}.badge-group .activity-badge:last-child{border-bottom:0;padding-bottom:0}.badge-error{background:var(--home-surface);border:0;border-radius:24px;padding:24px}@media (min-width:640px){.badges-page{padding:28px var(--account-page-gutter,24px) 40px}}