/* Figures for "GPT-4 passed the Turing test". The figure shell comes from /essays/eth/figures.css. */
.tt-fig button:focus-visible{outline:2px solid var(--mark);outline-offset:2px;}
.tt-tog{display:flex;flex-wrap:wrap;gap:6px;}
.tt-tog button,.tt-act button{font-family:'Inter',sans-serif;font-size:13px;padding:6px 11px;border-radius:6px;border:1px solid var(--hair);background:none;color:var(--ink);cursor:pointer;}
.tt-tog button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.tt-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;}
.tt-act button.solid{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.tt-act button:disabled{opacity:.4;cursor:default;}
.tt-msg{font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.55;margin:0;min-height:22px;}

/* bars */
.tt-bars{display:flex;flex-direction:column;gap:9px;font-family:'Inter',sans-serif;margin:0;padding:0;}
.tt-bar{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;}
.tt-bar .lab{line-height:1.25;}
.tt-bar .track{height:22px;background:var(--eth-card);border-radius:4px;position:relative;overflow:hidden;}
.tt-bar .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);border-radius:4px;transition:width .9s cubic-bezier(.2,.8,.2,1);}
.tt-bar.hi .fill{background:var(--mark);box-shadow:inset 0 0 0 1px var(--ink);}
.tt-bar .val{font-weight:600;font-variant-numeric:tabular-nums;text-align:right;}

/* spot the human */
.tt-game{font-family:'Inter',sans-serif;display:flex;flex-direction:column;gap:10px;}
.tt-game .k{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin:0;}
.tt-q{font-size:14px;margin:0;padding:10px 12px;border-radius:8px;background:var(--eth-card);max-width:80%;}
.tt-q b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);font-weight:500;margin-bottom:2px;}
.tt-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.tt-pair button{font:inherit;font-size:14px;line-height:1.45;text-align:left;color:var(--ink);background:var(--paper);border:1.4px solid var(--ink);border-radius:10px;padding:12px;cursor:pointer;min-height:84px;transition:background-color .3s,opacity .3s;}
.tt-pair button small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin-bottom:4px;}
.tt-pair button.human{background:var(--mark);color:#1a1a17;}
.tt-pair button.human small{color:#1a1a17;}
.tt-pair button.ai{opacity:.55;}
.tt-pair button.picked{box-shadow:0 0 0 3px var(--ink);}
.tt-pair button:disabled{cursor:default;}
.tt-dots{display:flex;gap:5px;}
.tt-dots i{width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);display:block;}
.tt-dots i.ok{background:var(--mark);}
.tt-dots i.no{background:var(--quiet);border-color:var(--quiet);}

@media (max-width:560px){
  .tt-bar{grid-template-columns:110px minmax(0,1fr) 40px;font-size:12px;}
  .tt-pair{grid-template-columns:minmax(0,1fr);}
  .tt-q{max-width:100%;}
}
@media (prefers-reduced-motion:reduce){.tt-bar .fill,.tt-pair button{transition:none;}}