/* Shared arcade leaderboard, used by Stat Match, YARDLE and the 25-0 Challenge. */
.arcade{ max-width:470px; margin:22px auto 0; }
.arcade h3{ font-family:'Luckiest Guy',cursive; font-weight:400; font-size:20px; margin:0 0 9px;
  text-align:center; color:var(--ink); letter-spacing:.6px; }
.arcade .tabs{ display:flex; gap:7px; justify-content:center; margin:0 0 11px; flex-wrap:wrap; }
.arcade .tab{ font-family:'Luckiest Guy',cursive; font-size:13px; letter-spacing:.4px; color:var(--ink);
  background:var(--surface); border:3px solid var(--ink); border-radius:11px; padding:5px 14px;
  cursor:pointer; box-shadow:0 3px 0 rgba(42,32,19,.24); }
.arcade .tab.on{ background:var(--gold); color:#3a2a05; }
.arcade .tab:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(42,32,19,.24); }
.arcade .rows{ background:#1d1508; border:4px solid var(--ink); border-radius:14px; padding:9px 10px;
  box-shadow:0 6px 0 rgba(42,32,19,.3); }
.arcade .brow{ display:grid; grid-template-columns:28px 1fr auto; align-items:baseline; gap:9px;
  font-family:ui-monospace,Menlo,Consolas,monospace; font-size:15px; letter-spacing:1px;
  color:#ffd23f; padding:5px 4px; border-bottom:1px dashed rgba(255,210,63,.18); }
.arcade .brow:last-child{ border-bottom:0; }
.arcade .rk{ color:#8a7551; }
.arcade .cd{ color:#fff2c4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.arcade .sc{ font-variant-numeric:tabular-nums; text-align:right; }
.arcade .lb{ grid-column:2 / -1; font-family:'Nunito',sans-serif; font-weight:800; font-size:11px;
  letter-spacing:0; color:#a4906a; margin-top:-3px; }
.arcade .brow.mine{ color:#7dffa0; } .arcade .brow.mine .cd{ color:#7dffa0; }
.arcade .brow.owner .cd{ color:#ff9de0; }
/* "MP" is Master Pain's tag, lime so his runs stand out. Listed after .mine and .owner
   so it wins when a row is both. */
.arcade .brow.mp, .arcade .brow.mp .cd, .arcade .brow.mp .sc{ color:#a6ff1f; }
.arcade .brow.mp .cd{ text-shadow:0 0 8px rgba(166,255,31,.45); }
.arcade .brow.mp .lb{ color:#7fbe1f; }
.arcade .bempty{ color:#8a7551; font-family:'Nunito',sans-serif; font-weight:800; font-size:12.5px;
  text-align:center; padding:12px 6px; line-height:1.5; }

/* initials entry */
.ac-entry{ margin:14px 0 4px; text-align:center; }
.ac-entry p{ margin:0 0 8px; font-size:13px; }
.ac-initrow{ display:flex; gap:8px; justify-content:center; align-items:center; }
.ac-init{ width:132px; text-align:center; font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:30px; font-weight:900; letter-spacing:10px; text-indent:10px; color:var(--ink);
  background:var(--surface2); border:3px solid var(--ink); border-radius:12px; padding:7px 0 6px;
  text-transform:uppercase; box-shadow:inset 0 3px 0 rgba(42,32,19,.1); }
.ac-init:focus{ outline:none; border-color:var(--gold-deep); }
/* initials are big and spaced out; anything longer tightens up so it still fits the box */
.ac-init.long{ font-size:15px; letter-spacing:2px; text-indent:2px; width:210px; }
.ac-go{ font-family:'Luckiest Guy',cursive; font-size:19px; color:#3a2a05; background:var(--gold);
  border:3px solid var(--ink); border-radius:14px; padding:9px 22px; cursor:pointer;
  box-shadow:0 5px 0 rgba(42,32,19,.28); }
.ac-go:active{ transform:translateY(3px); box-shadow:0 1px 0 rgba(42,32,19,.28); }
.ac-go:disabled{ opacity:.6; cursor:default; }
.ac-say{ margin-top:9px; font-weight:900; font-size:12.5px; min-height:16px; }
.ac-say.ok{ color:var(--grass-deep); } .ac-say.bad{ color:var(--red); }