/* Word Wise LXVI: game picker (home dashboard) and Number Rush. Loaded after bb.css; uses its variables. */

/* ---------- game picker ---------- */
.games{display:flex;flex-direction:column;gap:14px;}
.gamecard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;color:var(--ink);cursor:pointer;
  background:var(--surface);border:2px solid var(--edge);border-radius:20px 22px 19px 23px;
  padding:14px;min-height:104px;box-shadow:0 4px 0 rgba(var(--shadow),.16);transition:border-color .12s,transform .08s,box-shadow .12s;}
.gamecard:hover{border-color:var(--accent);}
.gamecard:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(var(--shadow),.16);}
.gbadge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;
  font-family:var(--serif);font-weight:800;font-size:25px;color:var(--accent-ink);
  background:var(--accent);transform:rotate(-4deg);box-shadow:0 3px 0 var(--accent-deep);}
.gbadge.numrush{background:var(--olive);color:var(--olive-ink);font-size:21px;transform:rotate(4deg);box-shadow:0 3px 0 rgba(var(--shadow),.3);}
.gbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.gtag{font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);}
.gname{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.15;}
.gdesc{font-size:15px;color:var(--muted);line-height:1.35;margin-top:2px;}
.gmeta{font-size:13px;color:var(--muted);margin-top:5px;font-weight:700;}
.garrow{flex:none;font-size:32px;line-height:1;color:var(--accent);}
.gamepill{display:inline-block;align-self:flex-start;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px;
  background:var(--tint);color:var(--accent);border:2px solid var(--accent);margin:0 0 10px;}
.rules{border-radius:15px 17px 16px 18px;background:var(--surface);border:2px dashed var(--edge);padding:12px 16px;margin:14px 0 0;}
.rules b{display:block;margin-bottom:2px;font-family:var(--serif);}
.rules p{margin:0;color:var(--muted);font-size:15px;}

/* ---------- Number Rush: phone ---------- */
.ready{text-align:center;padding:6vh 0 2vh;}
.ready .k{color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:15px;}
.rcount{font-family:var(--serif);font-size:clamp(110px,42vw,210px);font-weight:800;line-height:1;margin:10px 0 6px;color:var(--accent);font-variant-numeric:tabular-nums;}
.ready .lede{text-align:center;margin:8px auto 0;max-width:22em;}
.opt.big{min-height:68px;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;}
.opt.big .ltr{width:40px;height:40px;font-size:18px;}
.verdict{border-radius:15px 17px 16px 18px;padding:14px 16px;margin:4px 0 14px;border:2px solid var(--edge);background:var(--surface);}
.verdict b{display:block;font-family:var(--serif);font-size:23px;}
.verdict span{color:var(--muted);}
.verdict.good{border-color:var(--good);background:var(--good-tint);}
.verdict.good b{color:var(--good);}
.verdict.bad{border-color:var(--bad);background:var(--bad-tint);}
.verdict.bad b{color:var(--bad);}
.rank{margin-top:6px;border-top:2px solid var(--edge);}
.rank .r{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 2px;border-bottom:2px dotted var(--line);}
.rank .nm{display:flex;align-items:center;gap:12px;min-width:0;}
.rank .nm b{overflow:hidden;text-overflow:ellipsis;font-size:18px;}
.rank .rk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface2);color:var(--muted);font-style:normal;font-family:var(--serif);font-weight:800;font-size:15px;}
.rank .r.first .rk{background:var(--accent);color:var(--accent-ink);}
.rank .tm{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px;}
.rank .p{font-weight:800;color:var(--good);min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums;}
.rank .r.me .nm b{color:var(--accent);}
.rank .r.out{opacity:.75;}
.rank .r.out .tm{grid-column:2 / span 2;text-align:right;}
.picks{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.pick{display:flex;align-items:center;gap:12px;border-radius:13px 15px 14px 16px;padding:10px 14px;background:var(--surface);border:2px solid var(--line);font-weight:700;}
.pick .ltr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface2);font-family:var(--serif);font-weight:800;font-size:14px;}
.pick .t{flex:1;font-variant-numeric:tabular-nums;}
.pick .c{color:var(--muted);font-size:14px;font-weight:600;}
.pick.right{border-color:var(--good);background:var(--good-tint);}
.pick.right .ltr{background:var(--olive);color:var(--olive-ink);}

/* ---------- Number Rush: big screen ---------- */
.tv .ready-tv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.tv .ready-tv .k{color:var(--muted);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:1em;}
.tv .ready-tv .rcount{font-size:clamp(120px,34vh,420px);margin:1vh 0;}
.tv .ready-tv .join{max-width:30em;}
.tv .grid.ngrid .card{font-size:1.5em;font-weight:800;font-variant-numeric:tabular-nums;padding:2.2vh 1.6vw;}
.tv .grid.ngrid .card .ltr{width:1.5em;height:1.5em;}
.tv .grid.ngrid .card .n{margin-left:auto;font-size:.5em;font-weight:700;color:var(--muted);white-space:nowrap;}
.tv .grid.ngrid .card.right{border-color:var(--good);background:var(--good-tint);}
.tv .grid.ngrid .card.right .ltr{background:var(--olive);color:var(--olive-ink);}
.tv .grid.ngrid .card.dim{opacity:.55;}
.tv .nrank{display:grid;grid-template-columns:1fr 1fr;gap:.8vh 3vw;margin-top:2vh;}
.tv .nrank.one{grid-template-columns:1fr;max-width:34em;}
.tv .nrank .r{display:grid;grid-template-columns:1fr auto auto;gap:1.2vw;align-items:center;padding:.7vh 1vw;border-radius:14px;background:var(--surface);border:2px solid var(--line);font-weight:700;}
.tv .nrank .r .nm{display:flex;align-items:center;gap:.9vw;min-width:0;}
.tv .nrank .r .rk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--surface2);color:var(--muted);font-style:normal;font-family:var(--serif);font-weight:800;font-size:.8em;}
.tv .nrank .r.first{border-color:var(--accent);}
.tv .nrank .r.first .rk{background:var(--accent);color:var(--accent-ink);}
.tv .nrank .tm{color:var(--muted);font-size:.8em;font-variant-numeric:tabular-nums;}
.tv .nrank .p{color:var(--good);font-weight:800;min-width:2.2em;text-align:right;}
.tv .nrank .r.out{opacity:.7;}
.tv .nrank .r.out .tm{grid-column:2 / span 2;}
.tv .none{color:var(--muted);font-size:.9em;margin-top:2vh;}

/* Number Rush reveal layout on the big screen */
.tv .nr-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:3vw;margin-top:1.6vh;align-items:start;}
.tv .nr-stage.gone,.tv .gone{display:none;}
.tv .nr-board{max-width:62em;}
.tv .nr-board .board{margin-top:.6vh;}
@media (max-aspect-ratio:1/1){ .tv .nr-cols{grid-template-columns:1fr;} .tv .nrank.one{max-width:none;} }
.tv .nr-board.hide{display:none;}
.tv .nr-board.show{animation:pop .5s ease-out;}