.sp-page .sp-gu-card { display:flex; align-items:center; min-width:0; max-width:100%; min-height:48px; gap:8px; padding:10px 16px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-bg-secondary); text-decoration:none; }
.sp-page .sp-gu-card:hover { border-color:var(--game-accent,var(--color-accent)); background:var(--color-card-hover); }
.sp-page .sp-gu-card:focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
.sp-page .sp-gu-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; background:var(--color-status-unknown); }
.sp-page .sp-gu-dot.sp-gu-dot--danger { background:var(--color-status-error); }
.sp-page .sp-gu-dot.sp-gu-dot--warning { background:var(--sp-updating-mark); }
.sp-page .sp-gu-dot.sp-gu-dot--safe { background:var(--sp-working-mark); }
.sp-page .sp-gu-name { min-width:0; flex:1; font-size:.82rem; font-weight:600; line-height:1.5; color:var(--color-text); white-space:normal; overflow-wrap:anywhere; }
.sp-page .sp-gu-age { flex:0 1 auto; max-width:45%; font-family:var(--font-mono); font-size:.8125rem; line-height:1.5; color:var(--color-text-secondary); white-space:normal; overflow-wrap:anywhere; text-align:end; }