:root{--ypsc-rank:3ch;--ypsc-lv:5.5ch;--ypsc-kill:10ch;}
.ypsc-card{width:100%;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:8px 10px;margin:8px 0;font-size:13px;line-height:1.4;position:relative;min-width:0}
.ypsc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}
.ypsc-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ypsc-badge{font-size:11px;border:1px solid #e5e7eb;border-radius:999px;padding:1px 6px;white-space:nowrap;flex:0 0 auto}
.ypsc-table{border-top:1px solid #f3f4f6;}
.ypsc-header{background:#fff;display:grid;grid-template-columns:var(--ypsc-rank) minmax(0,1fr) var(--ypsc-lv) var(--ypsc-kill);gap:8px;
  padding:6px 0;border-bottom:1px solid #f3f4f6;color:#6b7280;align-items:start}
.ypsc-row{display:grid;grid-template-columns:var(--ypsc-rank) minmax(0,1fr) var(--ypsc-lv) var(--ypsc-kill);gap:8px;
  padding:6px 0;border-bottom:1px dashed #f3f4f6;align-items:start;min-width:0}
.ypsc-row:last-child{border-bottom:none;}
.ypsc-rank{font-variant-numeric:tabular-nums;opacity:.6;text-align:right;padding-right:4px;white-space:nowrap}
.ypsc-cell{min-width:0}
.ypsc-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ypsc-weapon{min-width:0;font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;display:block;}
.ypsc-num{display:flex;justify-content:flex-end;align-items:flex-start;gap:2px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.ypsc-row.rank-1 .ypsc-name, .ypsc-row.rank-1 .ypsc-num, .ypsc-row.rank-1 .ypsc-rank{color:#b91c1c; font-weight:400;}
.ypsc-row.rank-2 .ypsc-name, .ypsc-row.rank-2 .ypsc-num, .ypsc-row.rank-2 .ypsc-rank{color:#1d4ed8;}
.ypsc-row.rank-3 .ypsc-name, .ypsc-row.rank-3 .ypsc-num, .ypsc-row.rank-3 .ypsc-rank{color:#166534;}
.ypsc-empty{padding:8px;color:#6b7280;}
.ypsc-foot{display:flex;justify-content:flex-end;gap:10px;opacity:.8;margin-top:6px;font-size:11px;color:#6b7280;flex-wrap:wrap}
.ypsc-foot span{white-space:nowrap}
.ypsc-refresh{font-size:11px;border:1px solid #e5e7eb;border-radius:6px;padding:2px 6px;cursor:pointer;background:#f9fafb;}
.ypsc-refresh[disabled]{opacity:.6;cursor:not-allowed;}