/* =========================================================================
   WALL · STATS → the Cups points-table · BADGES → a toran of medallions
   (owner 2026-08-28). Stats is the same table hand as the Mohalla Tournament
   standings; Badges hangs the six achievements from a marigold toran, earned
   ones gold, locked ones dim. Scoped to #paneWall so it reaches nothing else.
   Rendered by renderWallPane() (12-home.js) + wallToranHTML() (13-presence.js).
   ========================================================================= */
#homeOv #paneWall .wsb-lbl{font-family:'Baloo 2',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#e6bd5c;margin:16px 2px 6px;opacity:.88}
#homeOv #paneWall .wsb-lbl:first-child{margin-top:2px}

/* ---- STATS: the points-table ---- */
#homeOv #paneWall .wsb-ptable{border-radius:8px;overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.4), inset 0 0 0 1.5px #caa040}
#homeOv #paneWall .wsb-pth{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;
  padding:8px 12px;background:linear-gradient(180deg,#8a3f1e,#6d2f16);color:#f7e0c0;
  font-family:'Baloo 2',sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
#homeOv #paneWall .wsb-pth .r{opacity:.85}
#homeOv #paneWall .wsb-prow{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;
  padding:11px 12px;background:linear-gradient(180deg,#faf3e1,#f0e4c6);color:#4a3313;
  border-top:1px solid rgba(120,85,30,.18);cursor:pointer;width:100%;text-align:left;border-left:0;border-right:0;border-bottom:0;
  font:inherit;-webkit-appearance:none;appearance:none}
#homeOv #paneWall .wsb-prow:nth-of-type(even){background:linear-gradient(180deg,#f5ecd6,#ebddb8)}
/* leader row: an OPAQUE amber→cream, not a translucent tint. The pane behind
   is dark teak, so a see-through orange turned the dark row text dark-on-dark
   (owner readability rule, caught at render 2026-08-28). Opaque keeps the ink
   dark-on-light while still reading as the row that glows. */
#homeOv #paneWall .wsb-prow.lead{background:linear-gradient(90deg,#f7d491,#f3e7c6);font-weight:800;box-shadow:inset 0 0 0 1px rgba(201,152,46,.5)}
#homeOv #paneWall .wsb-rank{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--ck-disp);font-weight:800;font-size:13px;background:rgba(120,85,30,.16);color:#6b4a1e}
#homeOv #paneWall .wsb-prow.lead .wsb-rank{background:linear-gradient(180deg,#f0c559,#c9982e);color:#3d2a06;box-shadow:0 1px 3px rgba(0,0,0,.3)}
#homeOv #paneWall .wsb-pn{font-family:'Fraunces','Baloo 2',Georgia,serif;font-weight:700;font-size:15px;
  display:flex;align-items:center;gap:7px;min-width:0;color:#4a3313}
#homeOv #paneWall .wsb-pn .wsb-avt{width:24px;height:24px;border-radius:50%;flex:0 0 24px;overflow:hidden;
  display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;font-family:'Baloo 2',sans-serif}
#homeOv #paneWall .wsb-pn .wsb-avt img{width:100%;height:100%;object-fit:cover}
#homeOv #paneWall .wsb-pn .wsb-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#homeOv #paneWall .wsb-pts{font-family:var(--ck-disp);font-weight:800;font-size:18px;color:#7c3a0d}
#homeOv #paneWall .wsb-prow.lead .wsb-pts{color:#8a1f16}

/* the current player's per-game "form" rows */
#homeOv #paneWall .wsb-form{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 0 0 1.5px rgba(120,85,30,.38)}
#homeOv #paneWall .wsb-frow{padding:10px 12px;background:linear-gradient(180deg,#faf3e1,#f0e4c6);border-top:1px solid rgba(120,85,30,.18)}
#homeOv #paneWall .wsb-frow:first-child{border-top:0}
#homeOv #paneWall .wsb-frow b{font-family:'Fraunces',Georgia,serif;color:#4a3313;font-size:14px}
#homeOv #paneWall .wsb-frow span{display:block;font-size:12px;color:#6b4a1e;margin-top:1px}
#homeOv #paneWall .wsb-empty{color:#e6d3ad;font-size:13px;padding:6px 2px}

/* ---- BADGES: the toran ---- */
#homeOv #paneWall .wsb-toran{position:relative;padding:4px 2px 6px}
#homeOv #paneWall .wsb-toran > svg{display:block;width:100%;height:46px}
#homeOv #paneWall .wsb-medals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 8px;margin-top:4px}
#homeOv #paneWall .wsb-medal{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;padding:16px 0 0;
  background:none;border:0;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;width:100%;text-align:center}
#homeOv #paneWall .wsb-medal::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:2px;height:16px;background:linear-gradient(#c9a24a,#8a5f1e)}
#homeOv #paneWall .wsb-disc{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:26px;position:relative;
  background:radial-gradient(circle at 38% 30%,#fff0c0,#e6bd5c 55%,#a8791f);
  box-shadow:0 0 0 3px #7a5514,0 4px 8px rgba(0,0,0,.45),inset 0 2px 4px rgba(255,246,214,.6)}
#homeOv #paneWall .wsb-disc::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px dashed rgba(90,60,20,.42);pointer-events:none;z-index:2}
/* the matchbox-hand SVG IS the medallion face — sized to sit inside the gold rim,
   its own painted ground + keyline showing, the disc's reeded dashed ring around it */
#homeOv #paneWall .wsb-disc svg{width:46px;height:46px;display:block}
#homeOv #paneWall .wsb-medal.locked .wsb-disc{background:radial-gradient(circle at 40% 34%,#6a563a,#463726);
  box-shadow:0 0 0 2px #2e2416,inset 0 2px 4px rgba(0,0,0,.5);filter:grayscale(.9) brightness(.72);opacity:.78}
#homeOv #paneWall .wsb-medal.locked .wsb-ico{opacity:.5}
#homeOv #paneWall .wsb-mtick{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#4bbf6a,#2f7a43 70%);color:#fff;font-size:9px;font-style:normal;
  display:grid;place-items:center;border:2px solid #f6e6c4;font-weight:800;box-shadow:0 1px 2px rgba(0,0,0,.45);z-index:3}
#homeOv #paneWall .wsb-mname{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:10.5px;color:#f6e6c4;text-align:center;line-height:1.15}
#homeOv #paneWall .wsb-medal.locked .wsb-mname{color:#b79a6a;opacity:.85}
#homeOv #paneWall .wsb-earned{margin:14px 4px 2px;text-align:center;font-size:11.5px;color:#e6bd5c}

/* THE GUEST EMPTY-STATE OWNS ITS SPACE (owner 2026-08-29, UX sweep Pass 3).
   Stats/Badges for a guest used to be one muted line pinned to the top of a
   ~1300px empty panel — it read as unfinished. Centre it in the space that IS
   there, with a drawn trophy motif above and a button that routes to the Group
   tab, so the emptiness is deliberate and actionable (the same intent as the
   Group baithak and the Profile mirror). */
#homeOv #wallWrap .wall-empty{display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;text-align:center;min-height:56vh;padding:22px 24px}
#homeOv #wallWrap .wall-empty .we-art{font-size:66px;line-height:1;opacity:.92;
  filter:drop-shadow(0 3px 9px rgba(0,0,0,.4))}
#homeOv #wallWrap .wall-empty .muted{max-width:280px;margin:0;line-height:1.4}
#homeOv #wallWrap .wall-empty .we-cta{margin-top:2px;min-height:44px}