/* The dancers' buttons (dancer-buttons-20261109.mjs; owner 9 Nov 2026 night): a row at the dancers' box's bottom right
   corner, inside the box's width, its bottom on the box's bottom line (the box reaches .6rem over Play). From the right:
   MAKE with a peace sign or BE COOL when their moment is on (the corner switch REST/MOVE of 9 Nov 2026 night went the same
   night: the Movement switch is under Listening again). The buttons are the CLOSE box (buttons-box: padding 0 .45rem, .46rem). The line under the row, right-aligned, only when nothing happened.
   On a phone the row sits under the box, right-aligned. */
.dancer-buttons{position:relative;width:240px;max-width:90vw;height:0;margin:0 auto;pointer-events:none}
.dancer-buttons-inner{position:absolute;right:0;bottom:-.6rem;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;width:max-content;max-width:14rem;text-align:right}
.dancer-buttons-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}
.dancer-buttons button{display:inline-block;width:auto;height:auto;margin:0;padding:0 .45rem;border:1px solid var(--box-line);border-radius:2px;background:var(--box-fill);color:var(--klf-text-secondary);font-family:Montserrat,sans-serif;font-size:.46rem;font-weight:400;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity 1.2s ease,color 200ms ease,background 400ms ease,border-color 400ms ease}
.dancer-buttons button.is-on{opacity:1}
.dancer-peace-icon{display:inline-block;width:.62rem;height:.62rem;margin-left:.12rem;vertical-align:-.15rem;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.dancer-buttons button[hidden]{display:none}
.dancer-buttons button:disabled{color:var(--klf-text-faint);cursor:default}
@media(hover:hover){.dancer-buttons button:not(:disabled):hover{background:var(--box-fill-hover);border-color:var(--box-line-hover);color:var(--box-text-hover)}}
.dancer-buttons button:focus-visible{outline:1px solid #778395;outline-offset:3px}
.dancer-buttons-note{margin:0;color:var(--klf-text-body);font-family:Montserrat,sans-serif;font-size:.5rem;font-weight:300;letter-spacing:.04em;line-height:1.5;pointer-events:none}
.dancer-buttons-note[hidden]{display:none}
html.is-idle .dancer-buttons{display:none}
@media(max-width:600px){
  .dancer-buttons{height:auto;margin-top:.9rem}
  .dancer-buttons-inner{position:static;max-width:none;margin:0 0 0 auto}
}
@media(prefers-reduced-motion:reduce){.dancer-buttons button{transition:none}}