.reveal .coldcall-box {
  width: 100%;
  margin-top: 0.5em;
  border-radius: 0.3em;
  background: #e4effb;
  box-sizing: border-box;
  padding: 0.3em 0.6em;
}

.coldcall-widget {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
}

.coldcall-stage {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
}

.coldcall-big {
  font-weight: bold;
  line-height: 1.1;
  overflow-wrap: anywhere;
  color: var(--r-link-color, #2a76dd);
}

.coldcall-big .coldcall-icon {
  width: 1.3em;
  height: 1.3em;
  cursor: pointer;
}

.coldcall-buttons {
  display: flex;
  justify-content: center;
  gap: 0.6em;
  margin: 0.2em 0;
}

.coldcall-buttons button {
  font: inherit;
  padding: 0.25em 0.9em;
  border-radius: 0.3em;
  border: 2px solid var(--r-link-color, #2a76dd);
  background: transparent;
  color: var(--r-link-color, #2a76dd);
  cursor: pointer;
}

.coldcall-buttons button.primary {
  background: var(--r-link-color, #2a76dd);
  color: white;
}

.coldcall-buttons button.active {
  background: #fff3b0;
}

.coldcall-buttons kbd {
  display: inline-block;
  min-width: 1.1em;
  margin-right: 0.45em;
  padding: 0 0.25em;
  border-radius: 0.25em;
  border: 1px solid currentColor;
  font: inherit;
  font-size: 0.8em;
  line-height: 1.3;
  opacity: 0.8;
}

.coldcall-big.wheel {
  width: 100%;
  height: 100%;
}

.coldcall-big.wheel canvas {
  display: block;
}

.coldcall-big.answer {
  width: 100%;
  font-weight: normal;
  text-align: left;
  line-height: 1.25;
  max-height: 100%;
  overflow: auto;
  color: var(--r-main-color, black);
}

.coldcall-big.answer p {
  margin: 0.15em 0;
}

.reveal .coldcall-big.answer ul {
  display: block;
  margin: 0;
  padding-left: 1.1em;
}

.reveal .coldcall-big.answer li {
  margin: 0.1em 0;
}

.reveal .coldcall-box .coldcall-big.answer {
  font-size: calc(var(--coldcall-h, 240px) * 0.095);
}

.coldcall-overlay .coldcall-big.answer {
  font-size: 2.2rem;
}

.reveal span.coldcall-correct {
  display: inline-block;
  padding: 0 0.3em;
  background: #fff3b0;
  border: 2px solid var(--r-link-color, #2a76dd);
  border-radius: 0.3em;
}

.reveal tr.coldcall-correct td {
  background: #fff3b0;
  border-top: 2px solid var(--r-link-color, #2a76dd);
  border-bottom: 2px solid var(--r-link-color, #2a76dd);
}

.reveal tr.coldcall-correct td:first-child {
  border-left: 2px solid var(--r-link-color, #2a76dd);
}

.reveal tr.coldcall-correct td:last-child {
  border-right: 2px solid var(--r-link-color, #2a76dd);
}

.coldcall-footer {
  white-space: pre;
  opacity: 0.75;
}

.coldcall-widget.stale {
  opacity: 0.45;
}

.coldcall-widget.stale .coldcall-buttons,
.coldcall-widget.stale .coldcall-big {
  pointer-events: none;
}

.reveal .coldcall-box .coldcall-big {
  font-size: calc(var(--coldcall-h, 240px) * 0.3);
}

.reveal .coldcall-box .coldcall-big:has(.coldcall-icon) {
  width: 122px;
  height: 100%;
  max-height: 122px;
}

.reveal .coldcall-box .coldcall-icon {
  display: block;
  width: 100%;
  height: 100%;
  background: url('socrates_ai_small.png') center / contain no-repeat;
  mix-blend-mode: darken;
  -webkit-mask: none;
  mask: none;
}

.reveal .coldcall-box .coldcall-buttons {
  font-size: 0.5em;
}

.reveal .coldcall-box .coldcall-footer {
  font-size: 0.4em;
}

.reveal .coldcall-overlay {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  padding: 2vh 4vw;
  box-sizing: border-box;
  background: #e4effb;
  color: var(--r-main-color, black);
  font-family: var(--r-main-font, sans-serif);
}

.reveal .coldcall-overlay[hidden] {
  display: none;
}

.coldcall-overlay .coldcall-header {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 1.6rem;
}

.coldcall-overlay .coldcall-title {
  flex: 1;
  font-weight: bold;
}

.coldcall-overlay .coldcall-close {
  font: inherit;
  font-size: 2rem;
  line-height: 1;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
}

.coldcall-overlay .coldcall-widget {
  flex: 1;
}

.coldcall-overlay .coldcall-big {
  font-size: clamp(4rem, 12vw, 14rem);
}

.reveal .coldcall-overlay .coldcall-icon {
  display: block;
  width: min(44vh, 40vw, 420px);
  height: min(44vh, 40vw, 420px);
  background: url('socrates_ai_big.png') center / contain no-repeat;
  mix-blend-mode: darken;
  -webkit-mask: none;
  mask: none;
}

.coldcall-overlay .coldcall-buttons {
  font-size: 1.8rem;
  margin: 1.5rem 0;
}

.coldcall-overlay .coldcall-footer {
  font-size: 1.4rem;
}

.reveal .coldcall-button .coldcall-icon {
  height: 1.45rem;
  width: 1.45rem;
  vertical-align: 0.1em;
}

.reveal .coldcall-icon {
  color: var(--r-link-color, #2a76dd);
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm0 1h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/%3E%3Ccircle cx="4.5" cy="4.5" r="1.5"/%3E%3Ccircle cx="11.5" cy="4.5" r="1.5"/%3E%3Ccircle cx="8" cy="8" r="1.5"/%3E%3Ccircle cx="4.5" cy="11.5" r="1.5"/%3E%3Ccircle cx="11.5" cy="11.5" r="1.5"/%3E%3C/svg%3E');
  mask: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm0 1h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z"/%3E%3Ccircle cx="4.5" cy="4.5" r="1.5"/%3E%3Ccircle cx="11.5" cy="4.5" r="1.5"/%3E%3Ccircle cx="8" cy="8" r="1.5"/%3E%3Ccircle cx="4.5" cy="11.5" r="1.5"/%3E%3Ccircle cx="11.5" cy="11.5" r="1.5"/%3E%3C/svg%3E');
}