.sa{display:grid;gap:12px;justify-items:center;padding:clamp(10px,2.5vw,20px);background:#1F2A44;color:#F2EEE4}
.sa-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,3vw,24px);width:100%;max-width:560px}
.sa-who{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#F6C333;text-align:center;margin-bottom:6px}
.sa-card{--c:#57D27A;background:#FBF8EF;color:#1B1D33;border:4px solid #1B1D33;border-radius:8px;padding:8px;display:grid;gap:6px;box-shadow:4px 4px 0 #000;min-height:300px}
.sa-card.back{background:#7B4BC9 repeating-linear-gradient(45deg,#6A3DB4 0 6px,#8B5CD9 6px 12px);display:grid;place-items:center}
.sa-card.back span{font-family:var(--display);font-size:3rem;color:#FFFFFF;text-shadow:3px 3px 0 #000}
.sa-card.empty{display:grid;place-items:center;font-family:var(--body);color:#5C5F8A}
.sa-art{background:var(--c);border:3px solid #1B1D33;display:grid;place-items:center;padding:6px}
.sa-art svg{width:min(110px,60%);height:auto}
.sa-card h3{font-size:1.15rem;text-align:center}
.sa-stats{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sa-stats button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;border:2px solid #1B1D33;background:#FFFFFF;color:#1B1D33;
  font-family:var(--body);font-weight:600;font-size:.92rem;cursor:pointer}
.sa-stats button:disabled{cursor:default}
.sa-stats button:not(:disabled):hover{background:#F6C333}
.sa-stats button b{font-variant-numeric:tabular-nums}
.sa-stats button.hl{background:#F6C333}
.sa-stats button.won{background:#57D27A}
.sa-stats button.lost{background:#FF8A80}
.sa-msg{font-family:var(--body);font-weight:600;text-align:center;min-height:3em;max-width:46ch}