.badge-page,.badge-settings-modal{--badge-accent:#b94f18;--badge-muted:#667080;--badge-line:#e7e9ed;color:#272c34;font-size:14px;line-height:1.5}.badge-page{gap:12px;display:grid}.badge-page-main,.badge-page-aside{flex-direction:column;gap:12px;min-width:0;display:flex}.badge-panel{border:1px solid var(--color-neutral-200);border-radius:var(--radius-surface);background:#fff;min-width:0;padding:16px}.badge-panel h2{font-size:16px;font-weight:700;line-height:1.5}.badge-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.badge-heading-copy{align-items:center;gap:8px;min-width:0;display:flex}.badge-heading-copy>div{min-width:0}.badge-summary .badge-section-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.badge-section-heading p{color:var(--badge-muted);margin-top:2px;font-size:14px;line-height:1.5}.badge-section-icon{width:30px;height:30px;color:var(--badge-accent,#b94f18);background:#fff3df;border-radius:50%;flex-shrink:0;place-items:center;padding:7px;display:inline-grid}.badge-section-icon svg{width:100%;height:100%}.badge-text-link{min-height:44px;color:var(--badge-accent);justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:14px;font-weight:650;display:inline-flex}.badge-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.badge-stats>div{border:1px solid var(--color-neutral-200);border-radius:var(--radius-surface);background:#fff;align-items:flex-start;gap:10px;min-width:0;padding:12px;display:flex}.badge-stats .badge-section-icon{width:38px;height:38px;color:var(--color-blue-500);background:var(--color-blue-50);padding:9px}.badge-stat--complete .badge-section-icon{color:var(--color-primary-500);background:var(--color-primary-50)}.badge-stat--inProgress .badge-section-icon{color:var(--color-emerald-600);background:var(--color-emerald-50)}.badge-stat--featured .badge-section-icon{color:var(--color-rose-500);background:var(--color-rose-50)}.badge-stats span:not(.badge-section-icon){color:var(--color-neutral-700);font-size:12px;font-weight:650}.badge-stats strong{color:var(--color-neutral-900);font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:800;line-height:1.25;display:block}.badge-stats small{color:var(--color-neutral-600);font-size:13px;font-weight:400}.badge-total-progress{color:var(--badge-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.badge-total-progress>span:first-child{color:#3e4652;font-weight:650}.badge-total-progress progress{flex:1;min-width:80px}.badge-total-progress strong{color:var(--badge-accent);font-size:14px}.badge-page progress{appearance:none;background:#edf0f4;border:0;border-radius:8px;width:100%;height:6px;display:block;overflow:hidden}.badge-page progress::-webkit-progress-bar{background:#edf0f4;border-radius:8px}.badge-page progress::-webkit-progress-value{background:linear-gradient(90deg,#d77524,#f39a26);border-radius:8px}.badge-page progress::-moz-progress-bar{background:#e58c28;border-radius:8px}.badge-featured-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;display:grid}.badge-featured-cards>div{border:1px solid var(--color-neutral-200);border-radius:var(--radius-surface);background:#fff;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.badge-featured-cards>div>div{min-width:0}.badge-featured-cards h3{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.5}.badge-featured-cards time{color:var(--badge-muted);margin-top:4px;font-size:12px;display:block}.badge-public-state{color:var(--badge-muted);margin:-2px 0 10px;font-size:14px}.badge-art{vertical-align:middle;background:linear-gradient(145deg,#faf9f7,#f1f0ee);border-radius:30%;flex-shrink:0;display:inline-flex}.badge-art-locked .badge-art{filter:grayscale();opacity:.4}.badge-tile-image{flex-shrink:0;position:relative}.badge-lock{color:#939aa6;background:#fff;border:1px solid #eee;border-radius:50%;place-items:center;width:22px;height:22px;padding:4px;display:grid;position:absolute;bottom:-1px;right:-2px}.badge-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.badge-tile{grid-template-columns:72px minmax(0,1fr);grid-template-rows:subgrid;text-align:left;border:1px solid #e9e8e5;border-radius:6px;grid-row:span 5;gap:6px 10px;min-width:0;padding:16px;display:grid;position:relative}.badge-tile .badge-tile-image{grid-area:1/1/span 2;align-self:center}.badge-tile-selected{background:#fffaf2;border-color:#df9864;box-shadow:0 0 0 1px #f3dbbd}.badge-tile h3{word-break:keep-all;overflow-wrap:anywhere;grid-area:1/2;align-self:end;padding-right:24px;font-size:14px;font-weight:700;line-height:1.5}.badge-tile>.badge-stage{grid-area:2/2;place-self:start}.badge-tile>p{color:var(--badge-muted);overflow-wrap:anywhere;grid-area:3/1/auto/-1;margin:4px 0;font-size:14px;line-height:1.5}.badge-stage{color:#955222;background:#fff0db;border-radius:4px;margin-top:2px;padding:2px 5px;font-size:12px;font-weight:650;line-height:1.5;display:inline-block}.badge-stage-locked{color:#687382;background:#f0f2f5}.badge-select{color:#b66a32;z-index:1;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:2px;right:2px}.badge-select svg{width:18px;height:18px}.badge-select>span{color:#fff;background:#c36725;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;font-weight:700;display:grid}.badge-select:hover:not(:disabled){background:#fff0db}.badge-select:disabled{opacity:.35;cursor:default}.badge-tile-progress{grid-area:4/1/auto/-1;width:100%;padding-top:4px}.badge-tile-progress span{color:var(--badge-accent);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;display:block}.badge-tile time{color:var(--badge-muted);grid-column:1/-1;font-size:12px}.badge-tile-footer{grid-area:5/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:-4px;display:flex}.badge-info{flex-shrink:0;margin-left:auto}.badge-info-button{color:#667080;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.badge-info-button svg{width:19px;height:19px}.badge-info-button:hover,.badge-info-button[aria-expanded=true]{color:#b94f18;background:#fff0db}.badge-info-panel{--anchor-gap:6px;--anchor-padding:12px;z-index:60;color:#3e4652;background:#fff;border:1px solid #e7e9ed;border-radius:6px;width:min(420px,100vw - 24px);padding:12px;box-shadow:0 4px 16px #0f172a1f}.badge-info-panel p{white-space:pre-line;font-size:14px;line-height:1.5}.badge-category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.badge-category-tabs button{color:#596475;border:1px solid #e7e9ed;border-radius:22px;min-height:44px;padding:0 12px;font-size:14px}.badge-category-tabs button[aria-pressed=true]{color:#fff;background:#c36725;border-color:#c36725}.badge-category-tabs span{margin-left:2px;font-size:12px}.badge-status-tabs{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.badge-status-tabs button{border:1px solid var(--badge-line);color:#657181;background:#f8f9fb;border-radius:6px;min-height:44px;padding:0 12px;font-size:14px;font-weight:650}.badge-status-tabs button:hover{color:#875735;background:#fff8ee;border-color:#eacbaa}.badge-status-tabs button[aria-pressed=true]{color:var(--badge-accent);background:#fff0db;border-color:#df9864}.badge-sort select{color:#596475;background:#fff;border:1px solid #e7e9ed;border-radius:6px;max-width:180px;min-height:44px;padding:0 8px;font-size:14px}.badge-visibility{flex-shrink:0;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;display:flex}.badge-visibility input{accent-color:#c36725;width:20px;height:20px}.badge-auto-hint{background:#fff8ee;border-radius:6px;margin-top:12px;padding:12px}.badge-featured-order{gap:8px;min-width:0;margin-top:12px;display:grid}.badge-featured-order li{border:1px solid var(--badge-line);border-radius:6px;grid-template-columns:24px 40px minmax(0,1fr);align-items:center;gap:8px;padding:8px;font-size:14px;display:grid}.badge-order-number{color:var(--badge-accent);text-align:center;font-weight:700}.badge-order-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.badge-order-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.badge-featured-order button{border:1px solid var(--badge-line);border-radius:6px;min-width:44px;min-height:44px}.badge-featured-order button:hover:not(:disabled){background:#fff4e5}.badge-featured-order button:disabled{opacity:.25}.badge-save-button,.badge-secondary-button{border-radius:6px;min-height:44px;padding:0 12px;font-size:14px;font-weight:600}.badge-save-button{color:#fff;background:#ba5720}.badge-save-button:disabled{opacity:.4}.badge-secondary-button{color:#875735;border:1px solid #e7e4de}.badge-secondary-button:hover:not(:disabled){background:#fff8ee}.badge-secondary-button:disabled{opacity:.45;cursor:default}.badge-editor{gap:24px;display:grid}.badge-editor h3{font-size:16px;font-weight:700}.badge-editor p{color:var(--badge-muted);margin-top:4px;font-size:14px;line-height:1.6}.badge-editor-visibility{border-bottom:1px solid var(--badge-line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.badge-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.badge-editor-choices{gap:8px;margin-top:12px;display:grid}.badge-editor-choices>button{border:1px solid var(--badge-line);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.badge-editor-choices>button>span:nth-child(2){flex:1;min-width:0}.badge-editor-choices strong{overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.badge-editor-choices>button[aria-pressed=true]{background:#fff8ee;border-color:#df9864}.badge-editor-choices>button:hover:not(:disabled){background:#fff0db}.badge-editor-choices>button:disabled{opacity:.4;cursor:default}.badge-pick-mark{color:var(--badge-accent);flex-shrink:0;font-size:20px}.badge-settings-modal [data-modal-part=header]>button{place-items:center;min-width:44px;min-height:44px;display:grid}.badge-settings-modal [data-modal-part=body]{padding:16px}.badge-settings-modal [data-modal-part=footer]{flex-wrap:wrap;padding:12px 16px}.badge-editor .badge-editor-error{color:#b91c1c}.badge-settings-modal :is(button,input):focus-visible{outline-offset:2px;outline:2px solid #ac4a15}.badge-progress-line{align-items:center;gap:6px;margin:6px 0 2px;display:flex}.badge-progress-line progress{min-width:0}.badge-progress-line strong{color:var(--badge-accent);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.badge-goals{flex-direction:column;gap:8px;display:flex}.badge-goals article{border:1px solid #e9e8e5;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.badge-goals article>div{flex:1;min-width:0}.badge-goals h3{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.5}.badge-goals article>div>span,.badge-goals small{color:var(--badge-muted);font-size:12px}.badge-recent{flex-direction:column;gap:12px;display:flex}.badge-recent>div{align-items:center;gap:8px;display:flex}.badge-recent strong{overflow-wrap:anywhere;font-size:14px;font-weight:700;display:block}.badge-recent span:not(.badge-art),.badge-recent time{color:var(--badge-muted);margin-top:2px;font-size:12px;display:block}.badge-guide summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:700;display:flex}.badge-guide summary:after{content:"+";margin-left:auto;font-weight:400}.badge-guide[open] summary:after{content:"−"}.badge-guide>div{margin-top:12px}.badge-guide p{color:var(--badge-muted);font-size:14px;line-height:1.6}.badge-guide p+p{margin-top:8px}.badge-empty{color:var(--badge-muted);padding:12px 0;font-size:14px}.badge-collection{scroll-margin-top:calc(var(--di-chrome-top,0px) + 76px);container:badge-collection/inline-size}.badge-page button,.badge-page select{cursor:pointer}.badge-page button:focus-visible,.badge-page a:focus-visible,.badge-page select:focus-visible,.badge-page summary:focus-visible{outline-offset:2px;outline:2px solid #ac4a15}@media (min-width:640px){.badge-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.badge-editor-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-featured-order li{grid-template-columns:24px 40px minmax(0,1fr) auto}.badge-order-actions{grid-column:auto}}@container badge-collection (min-width:740px){.badge-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@container badge-collection (min-width:980px){.badge-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@container badge-collection (min-width:1220px){.badge-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1100px){.badge-page{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:639px){.badge-stats>div{padding:10px}.badge-stats .badge-section-icon{width:32px;height:32px;padding:7px}.badge-featured-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-featured-cards>div{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 8px}.badge-featured-cards time{display:none}.badge-tile{text-align:center;grid-row:span 6;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:3px}.badge-tile .badge-tile-image{grid-area:1/1}.badge-tile h3{grid-area:2/1;padding-right:0}.badge-tile>.badge-stage{grid-area:3/1;justify-self:center}.badge-tile>p{grid-row:4}.badge-tile-progress{grid-row:5}.badge-tile-footer{grid-row:6}}@media (max-width:399px){.badge-panel{padding:12px}.badge-tile{padding:12px 8px}.badge-stats>div{flex-direction:column;gap:6px}}.badge-celebration{animation:.35s ease-out both badge-rise}@keyframes badge-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.badge-celebration{animation:none}}
.oPJEvq_ranking>span{white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.oPJEvq_incoming{animation:.3s ease-out both oPJEvq_rank-in}.oPJEvq_outgoing{animation:.3s ease-out both oPJEvq_rank-out}@keyframes oPJEvq_rank-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes oPJEvq_rank-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.oPJEvq_incoming{animation:none}.oPJEvq_outgoing{display:none}}