/* Table chat: reactions, the message log, host moderation, and the
   spectator prediction widget/reveal that live on the felt itself. */

.emotes{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem}
.emotes button{width:auto;margin:0;padding:.5rem .65rem;font-size:1.2rem;
  min-height:44px;min-width:44px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,248,232,.14);box-shadow:none}

.chatlog{display:flex;flex-direction:column;gap:.4rem;max-height:52vh;
  overflow-y:auto;-webkit-overflow-scrolling:touch}
.crow2{position:relative;padding:.5rem .6rem;border-radius:var(--r);
  background:rgba(255,255,255,.04);font-size:.86rem;line-height:1.4;
  padding-right:2.2rem}
.crow2.mine{background:rgba(242,195,91,.1);border:1px solid rgba(242,195,91,.28)}
.crow2 .cwho{color:var(--gold);margin-right:.3rem;cursor:pointer}
.crow2 .cwho[data-a]:hover{text-decoration:underline}
.crm{position:absolute;top:.3rem;right:.3rem;width:auto;min-height:0;
  padding:.15rem .5rem;margin:0;font-size:.9rem;line-height:1;
  background:transparent;color:var(--dim);box-shadow:none}

.chatinputrow{display:flex;gap:.5rem;margin-bottom:.5rem}
.chatinputrow input{flex:1}
.chatinputrow button{width:auto;margin:0;padding:.86rem 1.1rem}

/* The spectator prediction widget (views/table.js's predictionWidget()),
   filling the space a seated player's own hand would occupy. */
.predict{margin-top:.8rem;padding:.8rem;border-radius:var(--r2);
  background:rgba(255,255,255,.03);border:1px solid var(--line2)}

.predictresult{text-align:center;font-weight:750;font-size:.92rem;
  padding:.55rem .7rem;margin-bottom:.8rem;border-radius:var(--r);
  background:rgba(255,255,255,.05);color:var(--dim)}
.predictresult.correct{background:rgba(104,212,156,.14);color:var(--good)}