:root{
  --sbp-primary:#003a54; --sbp-accent:#ffcc33; --sbp-bg:#0a1d29; --sbp-text:#f7fbff;
  --sbp-reef:rgba(0,160,200,0.26); --sbp-island:#ffe6a0; --sbp-player:#ffcf4a; --sbp-ghost:rgba(255,255,255,0.9);
  --sbp-card:rgba(0,34,56,.55); --sbp-border:rgba(255,255,255,.15);
}
.stbarth-pacrun-wrap{ max-width:100%; margin:1rem auto; text-align:center; color:var(--sbp-text); }
.stbarth-pacrun-canvas{ width:100%; height:auto; border-radius:16px; background:var(--sbp-bg); box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 80px rgba(0,50,80,.6); touch-action:none; }
.stbarth-pacrun-hud{ display:flex; gap:.75rem; justify-content:center; margin-top:.6rem; font-weight:700; flex-wrap:wrap; }
.stbarth-pacrun-hud .hud-item{ background:var(--sbp-card); padding:.45rem .75rem; border-radius:10px; border:1px solid var(--sbp-border); }
.stbarth-pacrun-hud strong{ color:var(--sbp-accent); }
.stbarth-pacrun-leaderboard{ margin:1rem 0; color:var(--sbp-text); }
.stbarth-pacrun-leaderboard .pacrun-title{ margin:.25rem 0 .5rem; color:var(--sbp-accent); }
.stbarth-pacrun-leaderboard .pacrun-table{ width:100%; border-collapse:collapse; border:1px solid var(--sbp-border); border-radius:12px; overflow:hidden; }
.stbarth-pacrun-leaderboard th, .stbarth-pacrun-leaderboard td{ padding:.6rem .7rem; border-bottom:1px solid var(--sbp-border); text-align:left; }
.stbarth-pacrun-leaderboard thead th{ background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); }
.stbarth-pacrun-leaderboard tbody tr:nth-child(even){ background:rgba(255,255,255,.03); }
