.sa-card{display:flex;flex-direction:column;gap:8px}

.sa-shield{position:relative;padding:18px 16px 36px;color:var(--text);box-shadow:var(--shadow);overflow:hidden;
background:radial-gradient(130% 65% at 50% -8%,#2f9e6e22,transparent 60%),linear-gradient(165deg,#1b2825 0%,#101a18 55%,#0b1312 100%);
border:1px solid #2f9e6e4d;
clip-path:polygon(16px 0%,calc(100% - 16px) 0%,100% 16px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0% calc(100% - 26px),0% 16px)}
.sa-shield-inner{position:relative;z-index:1}

.sa-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.sa-number{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:32px;line-height:1;color:var(--lime)}
.sa-number small{display:block;margin-top:7px;font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}
.sa-crest{width:40px;height:44px;border:1px solid #2f9e6e55;border-radius:4px 4px 12px 4px;background:#0d1716;text-align:center;padding-top:4px;font-weight:700;font-size:17px;color:var(--lime)}
.sa-crest small{display:block;font-size:5px;letter-spacing:1px;font-weight:600;color:var(--muted);margin-top:1px}

.sa-watermark{position:absolute;inset:30px 0 auto 0;text-align:center;font-family:'IBM Plex Mono',monospace;font-weight:800;font-size:92px;line-height:1;letter-spacing:-3px;color:#f2efe60d;pointer-events:none;user-select:none;z-index:0}

.sa-identity{position:relative;z-index:1;text-align:center;padding:46px 0 14px}
.sa-identity>span{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#6f8f82}
.sa-identity h3{margin:6px 0 0;font-size:19px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}

.sa-six{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2f9e6e33;padding-top:13px;row-gap:14px}
.sa-six>div{text-align:center}
.sa-six strong{display:block;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:21px;color:var(--lime)}
.sa-six abbr{display:block;margin-top:3px;font-size:10px;letter-spacing:1px;font-weight:600;color:var(--muted);text-decoration:underline dotted;text-decoration-color:#2f9e6e66;text-underline-offset:3px;cursor:help}

.sa-footer-bar{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;padding:10px 6px}
.sa-footer-bar>div{text-align:center;padding:0 4px;min-width:0}
.sa-footer-bar>div+div{border-left:1px solid var(--line)}
.sa-footer-bar b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-footer-bar span{display:block;margin-top:3px;font-size:9px;letter-spacing:1px;font-weight:600;color:var(--muted)}

.sa-actions{display:flex;gap:8px}
.sa-actions button{flex:1;padding:9px 6px;font-size:11px;font-weight:600;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:38px}
.sa-actions button:hover{background:#2f9e6e1a;border-color:#2f9e6e55}

.sa-card-back{min-height:330px}
.sa-card-back .eyebrow{color:var(--lime);font-size:10px}
.sa-radar{display:block;width:100%;max-height:185px;color:#d1dddf}
.sa-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding-left:18px;font-size:11px;margin:10px 0}
.sa-card-back p,.sa-card-back small{font-size:11px;color:#c5d0d8;line-height:1.6}
.sa-history{border-block:1px solid #f3f3f124;padding:8px 0;margin-top:4px}
.sa-history>div{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:10px;gap:5px;padding:4px 0}
.sa-history span{color:var(--lime)}

#playerSort{min-width:190px}

.sa-profile-showcase{display:flex;justify-content:center;padding:10px 0 28px}
.sa-full{width:min(100%,360px)}
.players:has(.sa-card){align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1450px){.players:has(.sa-card){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.players:has(.sa-card){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.players:has(.sa-card){grid-template-columns:1fr;max-width:370px;margin:auto}
.sa-watermark{font-size:104px}
.sa-six strong{font-size:23px}
.sa-identity h3{font-size:21px}
.sa-actions button{font-size:12px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.sa-card{transition:transform 220ms,box-shadow 220ms}.sa-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px #1013144}}
@media print{.sa-actions{display:none}}

.field label{color:var(--text)}