/* Uiverse candidates reviewed: Progee45/lucky-turkey-67,
 * simontheonlyone/ordinary-starfish-54, ActiveIceDigital/fuzzy-fly-47.
 * Their sweeping shine, hearts, and looping arrows do not fit classroom use;
 * this small status surface extends the existing Panpan button/tokens. */
.pp-rollcall-button {
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  min-height:44px;min-width:100px;padding:9px 14px;border:1px solid var(--orange,#bd5328);
  border-radius:7px;background:var(--orange,#bd5328);color:#fff8ef;
  font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;
  white-space:nowrap;cursor:pointer;touch-action:manipulation;
  transition:transform 120ms var(--ease,cubic-bezier(.23,1,.32,1)),background-color 120ms ease;
}
.pp-rollcall-button:active:not(:disabled){transform:scale(.97)}
.pp-rollcall-button:focus-visible{outline:3px solid #60311d;outline-offset:3px}
.pp-rollcall-button:disabled{opacity:.76;cursor:default}
.pp-rollcall-button[aria-busy=true]{background:#8e3d1d;border-color:#8e3d1d}
@media(hover:hover) and (pointer:fine){.pp-rollcall-button:hover:not(:disabled){background:#a34420;border-color:#a34420}}
.pp-rollcall-card,.pp-rollcall-notice {
  position:fixed;z-index:35;box-sizing:border-box;pointer-events:none;
  width:max-content;max-width:calc(100vw - 24px);margin:0;
  font-family:inherit;overflow-wrap:anywhere;white-space:normal;
}
.pp-rollcall-card {
  padding:12px 21px 15px;border:1px solid #81482c;border-left:5px solid #eba858;
  border-radius:10px;background:#41291f;color:#fff3dd;
  box-shadow:0 8px 24px #41291f26;min-width:160px;
}
.pp-rollcall-label{display:block;font-size:12px;font-weight:500;line-height:1.4;color:#f0c9a2;letter-spacing:.06em;margin-bottom:3px}
.pp-rollcall-name{display:block;font-size:clamp(30px,3vw,40px);font-weight:750;line-height:1.3;letter-spacing:.04em}
.pp-rollcall-notice{padding:9px 12px;border:1px solid #d9bca5;border-radius:7px;background:#fff4e6;color:#743b21;font-size:14px;line-height:1.55;box-shadow:0 4px 14px #41291f14}
.pp-rollcall-card[hidden],.pp-rollcall-notice[hidden]{display:none!important}
@media(max-width:699px){.pp-rollcall-button{min-width:88px;padding-inline:10px;font-size:13px}.pp-rollcall-card{padding:10px 16px 12px;min-width:144px}.pp-rollcall-name{font-size:30px}}
@media(prefers-reduced-motion:reduce){.pp-rollcall-button{transition:none}.pp-rollcall-button:active:not(:disabled){transform:none}}