/* Runtime choices use a fixed font allowlist and numeric CSS variables. */
:root {
  --planner-font: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --assignment-font: var(--planner-font);
  --arena-font: var(--planner-font);
  --planner-text-size: 14;
  --assignment-text-size: 13;
  --arena-text-size: 14;
  --map-label-size: 12;
  --arena-label-size: 12;
  --grid-size: 5;
}
:is([data-surface='planner'], .shared-shell, [data-appearance-preview='planner']) {
  --ui-font: var(--planner-font);
  --ui-text-size: var(--planner-text-size);
  --active-label-size: var(--map-label-size);
  font-family: var(--ui-font);
  font-size: calc(var(--ui-text-size) * 1px);
}
:is([data-surface='arena'], [data-appearance-preview='arena']) {
  --ui-font: var(--arena-font);
  --ui-text-size: var(--arena-text-size);
  --active-label-size: var(--arena-label-size);
  font-family: var(--ui-font);
  font-size: calc(var(--ui-text-size) * 1px);
}
:is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
  :is(input, select, textarea, button) {
  font-family: inherit;
}
:is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
  :is(
    .form-field,
    .button,
    .phase-tab,
    .properties-tabs button,
    .object-tool,
    .canvas-header,
    .tool-heading
  ) {
  font-size: calc(var(--ui-text-size) * 0.86px);
}
:is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
  :is(.field-help, .small, .canvas-footer, .editor-footnote, .tool-label) {
  font-size: calc(var(--ui-text-size) * 0.79px);
}
:is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
  :is(input, select, textarea) {
  font-size: calc(var(--ui-text-size) * 1px);
}
:is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
  :is(.raid-plan-card strong, .encounter-plan-row strong, .settings-preview-title) {
  font-size: calc(var(--ui-text-size) * 1.21px);
}
:is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
  :is(.raid-player-list, .raid-notes, .shared-notes, .page-heading > div > p) {
  font-size: calc(var(--ui-text-size) * 1px);
}
:is(
  .simple-assignment-card,
  .published-assignment,
  .assignment-builder,
  .focused-assignment,
  .personal-job,
  [data-appearance-preview='assignment']
) {
  --ui-font: var(--assignment-font);
  --ui-text-size: var(--assignment-text-size);
  font-family: var(--assignment-font);
  font-size: calc(var(--assignment-text-size) * 1px);
}
:is(
    .simple-assignment-card,
    .published-assignment,
    .assignment-builder,
    .focused-assignment,
    .personal-job,
    [data-appearance-preview='assignment']
  )
  :is(
    .assignment-type,
    .assignment-type strong,
    .assigned-name,
    .assignment-recipient,
    .personal-job strong
  ) {
  font-family: var(--assignment-font);
  font-size: calc(var(--assignment-text-size) * 1px);
}
:is(
    .simple-assignment-card,
    .published-assignment,
    .assignment-builder,
    .focused-assignment,
    .personal-job,
    [data-appearance-preview='assignment']
  )
  .assignment-note {
  font-family: var(--assignment-font);
  font-size: calc(var(--assignment-text-size) * 0.92px);
}
.encounter-svg {
  font-family: var(--ui-font, var(--planner-font));
}
.encounter-svg .object-text {
  font-size: calc(var(--active-label-size, 12) * 0.233px);
}
.simple-assignment-card,
.published-assignment,
.personal-job,
.settings-preview-title {
  overflow-wrap: anywhere;
}
.assignment-type strong,
.assignment-recipient,
.assigned-name {
  min-width: 0;
}
.assignment-type,
.assignment-recipient {
  flex-wrap: wrap;
}
.editor-toolbar,
.editor-page-heading,
.properties-tabs {
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  :is([data-surface='planner'], [data-surface='arena'], .shared-shell, [data-appearance-preview])
    :is(input, select, textarea) {
    font-size: max(16px, calc(var(--ui-text-size) * 1px));
  }
}