.sa{min-width:0}.sa [hidden]{display:none!important}.sa-tabs{display:flex;gap:4px;overflow-x:auto;margin:14px 0 12px;scrollbar-width:thin}.sa-tabs .pgx-btn{flex:0 0 auto;padding:7px 9px;font-size:11px}.sa-tabs .pgx-btn.on{background:var(--solid-bg,var(--tx));color:var(--solid-tx,var(--card));border-color:var(--solid-bg,var(--tx))}.sa-list{max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:grid;gap:6px;padding:2px}.sa-card.pgx-btn{display:flex;width:100%;min-width:0;text-align:left;align-items:flex-start;gap:9px;padding:9px 10px;white-space:normal;background:var(--card);color:var(--tx)}.sa-card:hover{background:var(--elev)}.sa-card.earned{border-color:color-mix(in srgb,#b99b53 40%,var(--line))}.sa-mark{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;color:var(--mut)}.sa-card.earned .sa-mark{color:#b99b53}.sa-copy{display:block;flex:1;min-width:0}.sa-name{display:block;font-size:13px;font-weight:600;line-height:1.3}.sa-condition{display:block;color:var(--mut);font-size:11px;line-height:1.35;margin-top:2px}.sa-value{display:block;color:var(--mut);font-size:10px;text-align:right;margin-top:2px}.sa-status{flex:0 0 auto;font-size:10px;color:var(--mut);white-space:nowrap}.sa-card.earned .sa-status{color:#b99b53}.sa-soon{padding:18px;color:var(--mut);font-size:13px}.sa-dialog{width:min(520px,calc(100vw - 28px));max-height:min(75vh,700px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--tx);padding:20px}.sa-dialog::backdrop{background:rgba(0,0,0,.7)}.sa-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.sa-dialog h3{font-size:20px;margin:0}.sa-dialog p{font-size:13px;line-height:1.5}.sa-detail-levels{color:var(--mut)}
.sa-detail-condition{margin:16px 0 12px}.sa-detail-status{display:inline-block;margin:0 0 18px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;color:var(--tx);background:var(--elev)}.sa-detail-progress{padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--elev)}.sa-detail-progress-head{display:flex;justify-content:space-between;gap:12px;color:var(--mut);font-size:12px}.sa-detail-progress-head strong{color:var(--tx);font-variant-numeric:tabular-nums}.sa-detail-track{display:block;height:6px;margin-top:10px;background:var(--hair);border-radius:6px;overflow:hidden}.sa-detail-track i{display:block;height:100%;background:#61b98a;border-radius:6px}.sa-detail-levels h4{margin:20px 0 9px;color:var(--tx);font-size:13px}.sa-detail-milestones{list-style:none;display:grid;gap:5px;margin:0;padding:0}.sa-detail-milestones li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;font-size:12px}.sa-detail-milestones li strong{font-weight:500}.sa-detail-milestones li.earned strong{color:#b99b53}
.sa-tier-bars{display:flex;gap:3px;width:100%;margin-top:7px}.sa-tier-bars>span{display:block;flex:1;min-width:0;height:5px;border-radius:5px;background:var(--hair);overflow:hidden}.sa-tier-bars i{display:block;height:100%;background:transparent;border-radius:5px}.sa-tier-bars>span.done i{width:100%!important;background:#61b98a}.sa-tier-bars>span.active i{background:#d8ad53}.sa-detail-track i{background:#d8ad53}.sa-detail-track.complete i{background:#61b98a}.sa-detail-milestones li.earned{border-color:color-mix(in srgb,#61b98a 45%,var(--line));background:color-mix(in srgb,#61b98a 9%,var(--card))}.sa-detail-milestones li.earned::before,.sa-detail-milestones li.earned strong{color:#61b98a}.sa-detail-milestones li.active{border-color:color-mix(in srgb,#d8ad53 45%,var(--line))}.sa-detail-milestones li.active strong{color:#d8ad53}
.sa-detail-milestones li.earned span{flex:1}
.sa-mark svg{display:block;width:18px;height:18px;flex:none}
.sa-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.sa-heading h2{margin:0;font-size:21px;font-weight:600}.sa-heading strong{color:var(--tx);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.sa-tabs{margin-top:10px}@media(max-width:700px){.sa-heading h2{font-size:19px}}
.sa-cfg-mark{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:-.6px;line-height:1}
.sa-collection-scroll{max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sa-collection-scroll .sa-list{max-height:none;overflow:visible}
.sa-soon a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}.sa-soon a:hover{color:var(--mut)}.sa-soon a:focus-visible{outline:2px solid var(--tx);outline-offset:3px;border-radius:2px}
.prof .sa-tabs{display:flex;flex-wrap:nowrap;gap:4px;margin:10px 0 12px;overflow-x:auto;scrollbar-width:thin}.prof .sa-tabs .pgx-btn{display:inline-flex;flex:0 0 auto;gap:5px;align-items:center;min-height:32px;padding:5px 8px;border-color:transparent;border-radius:7px;background:transparent;color:var(--mut);font-size:12px;font-weight:600;white-space:nowrap}.prof .sa-tabs .pgx-btn:hover{border-color:var(--line);background:var(--elev);color:var(--tx)}.prof .sa-tabs .pgx-btn.on{border-color:var(--line);background:var(--elev-hi);color:var(--tx)}.prof .sa-tabs .pgx-btn small{font-size:10px;font-weight:500;color:var(--mut)}.prof .sa-tabs .pgx-btn.on small{color:var(--tx);opacity:.7}