/* Controls: buttons, inputs, option pills, hints, headings and the turn clock. */

button{font:inherit;font-weight:780;border:0;border-radius:var(--r);
  padding:.86rem 1rem;min-height:44px;background:var(--ink);color:#14231C;width:100%;
  margin-top:.5rem;letter-spacing:0;cursor:pointer;
  box-shadow:0 9px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .14s var(--ease),box-shadow .14s var(--ease),border-color .18s,background .18s,color .18s}
button:first-child{margin-top:0}
button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
button:active:not(:disabled){transform:translateY(1px) scale(.995)}
button:hover:not(:disabled){box-shadow:0 11px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.55)}
.ghost{background:rgba(255,255,255,.045);color:var(--ink);border:1px solid rgba(255,248,232,.16)}
.hit{background:var(--brass);
  color:#3C2904;box-shadow:0 3px 0 #8C641F,0 12px 24px rgba(0,0,0,.35),
  inset 0 1px 0 rgba(255,255,255,.55)}
.hit:active:not(:disabled){box-shadow:0 1px 0 #8C641F,0 8px 18px rgba(0,0,0,.3)}
.warn{background:rgba(239,104,96,.08);color:#FFAAA4;border:1px solid rgba(239,104,96,.55)}
button:focus-visible{outline:3px solid rgba(106,183,245,.78);outline-offset:2px}
.two{display:flex;gap:.55rem}.two button{flex:1;margin-top:0}
input{font:inherit;width:100%;padding:.88rem;border-radius:8px;
  border:1px solid rgba(255,248,232,.14);background:rgba(0,0,0,.24);color:var(--ink);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28)}
input:focus{outline:3px solid rgba(106,183,245,.22);border-color:rgba(106,183,245,.62)}
input::placeholder{color:#719083}
label{display:block;font-size:.78rem;color:var(--dim);margin:1rem 0 .35rem;
  letter-spacing:.01em}
.opts{display:flex;gap:.4rem;flex-wrap:wrap}
.opts button{width:auto;margin:0;padding:.52rem .8rem;font-size:.84rem;
  min-height:44px;min-width:44px;background:rgba(255,255,255,.035);color:var(--ink);
  border:1px solid rgba(255,248,232,.14);box-shadow:none}
.opts button.sel{background:var(--ink);color:#16241D;border-color:var(--ink)}
.hint{color:var(--dim);font-size:.83rem;margin:0 0 .55rem}
.err{color:var(--red);font-size:.84rem;margin:.6rem 0 0}
.h2{font-size:.78rem;font-weight:700;color:var(--dim);letter-spacing:.06em;
  text-transform:uppercase;margin:1.2rem 0 .55rem}
.h2:first-child{margin-top:0}
.big{font-size:1.75rem;font-weight:850;margin:.1rem 0 .7rem;line-height:1.12;
  letter-spacing:0}
.clock{height:5px;border-radius:3px;background:rgba(0,0,0,.32);overflow:hidden;
  margin-bottom:.65rem}
.clock i{display:block;height:100%;background:linear-gradient(90deg,var(--good),var(--gold));border-radius:3px;
  transition:width .28s linear}
.clock.low i{background:var(--red)}
#cd{font-variant-numeric:tabular-nums;color:var(--ink)}

/* Quick Play's first-round coach card. */
.coach{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .8rem;
  margin-bottom:.7rem;border-radius:var(--r);background:rgba(106,183,245,.12);
  border:1px solid rgba(106,183,245,.4);font-size:.83rem;line-height:1.4}
.coach b:first-child{color:var(--blue);flex:0 0 auto}
.coach button{width:auto;margin:0 0 0 auto;padding:0 .3rem;flex:0 0 auto;
  background:transparent;color:var(--dim);box-shadow:none;font-size:1.1rem;line-height:1}