/* Local typefaces and the shared Lucide icon set. */
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-number: "Inter", "Segoe UI", system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.pot-heading-identity, .pft-heading-identity,
.notes-title, .appearance-dialog-heading {
  font-family: var(--font-heading);
}

input[type="number"], .ui-number,
#pft-rng-value, #pft-score-hits, #pft-score-total,
#pft-stats-hands, #pft-stats-moves, #pft-stats-score,
#pft-overview-score, #pft-villain-stack, #pft-hero-stack,
#pft-villain-bet, #pft-hero-bet,
#pot-rng, #pot-score, #pot-overview-score,
.pot-player-stack, .pft-range-values em,
[data-role="pot-value"], [data-role="villain-wager-value"],
[data-role="hero-wager-value"] {
  font-family: var(--font-number);
  font-variant-numeric: tabular-nums;
}

.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask-image: var(--ui-icon-url);
  mask-image: var(--ui-icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon-btn .ui-icon { font-size: 16px; }
.topbar-settings .icon-btn .ui-icon { font-size: 18px; }
.cfg-menu-links [data-ui-icon]::before {
  -webkit-mask-image: var(--ui-icon-url);
  mask-image: var(--ui-icon-url);
}

.ui-action-icon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .35em;
  flex: none;
  vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask: var(--ui-icon-url) center / contain no-repeat;
  mask: var(--ui-icon-url) center / contain no-repeat;
}

.ui-icon--chart-no-axes-combined { --ui-icon-url: url("../icons/lucide/chart-no-axes-combined.svg"); }
.ui-icon--book-text { --ui-icon-url: url("../icons/lucide/book-text.svg"); }
.ui-icon--chart-pie { --ui-icon-url: url("../icons/lucide/chart-pie.svg"); }
.ui-icon--check-check { --ui-icon-url: url("../icons/lucide/check-check.svg"); }
.ui-icon--check { --ui-icon-url: url("../icons/lucide/check.svg"); }
.ui-icon--arrow-left { --ui-icon-url: url("../icons/lucide/arrow-left.svg"); }
.ui-icon--arrow-right { --ui-icon-url: url("../icons/lucide/arrow-right.svg"); }
.ui-icon--asterisk { --ui-icon-url: url("../icons/lucide/asterisk.svg"); }
.ui-icon--calendar { --ui-icon-url: url("../icons/lucide/calendar.svg"); }
.ui-icon--chevron-down { --ui-icon-url: url("../icons/lucide/chevron-down.svg"); }
.ui-icon--chevron-left { --ui-icon-url: url("../icons/lucide/chevron-left.svg"); }
.ui-icon--chevron-right { --ui-icon-url: url("../icons/lucide/chevron-right.svg"); }
.ui-icon--chevrons-right { --ui-icon-url: url("../icons/lucide/chevrons-right.svg"); }
.ui-icon--chevron-up { --ui-icon-url: url("../icons/lucide/chevron-up.svg"); }
.ui-icon--circle-alert { --ui-icon-url: url("../icons/lucide/circle-alert.svg"); }
.ui-icon--circle-dashed { --ui-icon-url: url("../icons/lucide/circle-dashed.svg"); }
.ui-icon--circle-plus { --ui-icon-url: url("../icons/lucide/circle-plus.svg"); }
.ui-icon--circle-question-mark { --ui-icon-url: url("../icons/lucide/circle-question-mark.svg"); }
.ui-icon--circle-user-round { --ui-icon-url: url("../icons/lucide/circle-user-round.svg"); }
.ui-icon--circle-x { --ui-icon-url: url("../icons/lucide/circle-x.svg"); }
.ui-icon--cloud-upload { --ui-icon-url: url("../icons/lucide/cloud-upload.svg"); }
.ui-icon--clipboard-minus { --ui-icon-url: url("../icons/lucide/clipboard-minus.svg"); }
.ui-icon--club { --ui-icon-url: url("../icons/lucide/club.svg"); }
.ui-icon--copy { --ui-icon-url: url("../icons/lucide/copy.svg"); }
.ui-icon--component { --ui-icon-url: url("../icons/lucide/component.svg"); }
.ui-icon--database { --ui-icon-url: url("../icons/lucide/database.svg"); }
.ui-icon--diamond { --ui-icon-url: url("../icons/lucide/diamond.svg"); }
.ui-icon--door-open { --ui-icon-url: url("../icons/lucide/door-open.svg"); }
.ui-icon--droplet { --ui-icon-url: url("../icons/lucide/droplet.svg"); }
.ui-icon--eye-off { --ui-icon-url: url("../icons/lucide/eye-off.svg"); }
.ui-icon--chart-bar-stacked { --ui-icon-url: url("../icons/lucide/chart-bar-stacked.svg"); }
.ui-icon--file-digit { --ui-icon-url: url("../icons/lucide/file-digit.svg"); }
.ui-icon--funnel { --ui-icon-url: url("../icons/lucide/funnel.svg"); }
.ui-icon--panel-right { --ui-icon-url: url("../icons/lucide/panel-right.svg"); }
.ui-icon--gamepad-directional { --ui-icon-url: url("../icons/lucide/gamepad-directional.svg"); }
.ui-icon--gamepad-2 { --ui-icon-url: url("../icons/lucide/gamepad-2.svg"); }
.ui-icon--graduation-cap { --ui-icon-url: url("../icons/lucide/graduation-cap.svg"); }
.ui-icon--heart { --ui-icon-url: url("../icons/lucide/heart.svg"); }
.ui-icon--whistle { --ui-icon-url: url("../icons/lucide/whistle.svg"); }
.ui-icon--info { --ui-icon-url: url("../icons/lucide/info.svg"); }
.ui-icon--log-in { --ui-icon-url: url("../icons/lucide/log-in.svg"); }
.ui-icon--log-out { --ui-icon-url: url("../icons/lucide/log-out.svg"); }
.ui-icon--menu { --ui-icon-url: url("../icons/lucide/menu.svg"); }
.ui-icon--minus { --ui-icon-url: url("../icons/lucide/minus.svg"); }
.ui-icon--move-left { --ui-icon-url: url("../icons/lucide/move-left.svg"); }
.ui-icon--move-right { --ui-icon-url: url("../icons/lucide/move-right.svg"); }
.ui-icon--arrow-big-left { --ui-icon-url: url("../icons/lucide/arrow-big-left.svg"); }
.ui-icon--arrow-big-right { --ui-icon-url: url("../icons/lucide/arrow-big-right.svg"); }
.ui-icon--notebook-tabs { --ui-icon-url: url("../icons/lucide/notebook-tabs.svg"); }
.ui-icon--octagon-x { --ui-icon-url: url("../icons/lucide/octagon-x.svg"); }
.ui-icon--pen { --ui-icon-url: url("../icons/lucide/pen.svg"); }
.ui-icon--percent { --ui-icon-url: url("../icons/lucide/percent.svg"); }
.ui-icon--play { --ui-icon-url: url("../icons/lucide/play.svg"); }
.ui-icon--plus { --ui-icon-url: url("../icons/lucide/plus.svg"); }
.ui-icon--playing-card { --ui-icon-url: url("../icons/lucide/playing-card.svg"); }
.ui-icon--playing-cards { --ui-icon-url: url("../icons/lucide/playing-cards.svg"); }
.ui-icon--playing-cards-fan { --ui-icon-url: url("../icons/lucide/playing-cards-fan.svg"); }
.ui-icon--rocket { --ui-icon-url: url("../icons/lucide/rocket.svg"); }
.ui-icon--replay-pause { --ui-icon-url: url("../icons/lucide/replay-pause.svg"); }
.ui-icon--replay-play { --ui-icon-url: url("../icons/lucide/replay-play.svg"); }
.ui-icon--save { --ui-icon-url: url("../icons/lucide/save.svg"); }
.ui-icon--settings { --ui-icon-url: url("../icons/lucide/settings.svg"); }
.ui-icon--share { --ui-icon-url: url("../icons/lucide/share.svg"); }
.ui-icon--skip-back { --ui-icon-url: url("../icons/lucide/skip-back.svg"); }
.ui-icon--skip-forward { --ui-icon-url: url("../icons/lucide/skip-forward.svg"); }
.ui-icon--shield-ellipsis { --ui-icon-url: url("../icons/lucide/shield-ellipsis.svg"); }
.ui-icon--spade { --ui-icon-url: url("../icons/lucide/spade.svg"); }
.ui-icon--star { --ui-icon-url: url("../icons/lucide/star.svg"); }
.ui-icon--star-check { --ui-icon-url: url("../icons/lucide/star-check.svg"); }
.ui-icon--sword { --ui-icon-url: url("../icons/lucide/sword.svg"); }
.ui-icon--swords { --ui-icon-url: url("../icons/lucide/swords.svg"); }
.ui-icon--trending-down { --ui-icon-url: url("../icons/lucide/trending-down.svg"); }
.ui-icon--trending-up { --ui-icon-url: url("../icons/lucide/trending-up.svg"); }
.ui-icon--triangle-alert { --ui-icon-url: url("../icons/lucide/triangle-alert.svg"); }
.ui-icon--user { --ui-icon-url: url("../icons/lucide/user.svg"); }
.ui-icon--x { --ui-icon-url: url("../icons/lucide/x.svg"); }

.combo-suit-icon {
  display: inline-block;
  width: .7em;
  height: .7em;
  margin-left: 1px;
  vertical-align: -.02em;
  background: currentColor;
  -webkit-mask: var(--combo-suit-url) center / contain no-repeat;
  mask: var(--combo-suit-url) center / contain no-repeat;
}
.combo-suit-icon--club { --combo-suit-url: url("../icons/svgrepo/clubs-svgrepo-com.svg"); }
.combo-suit-icon--diamond { --combo-suit-url: url("../icons/svgrepo/diamond-svgrepo-com.svg"); }
.combo-suit-icon--heart { --combo-suit-url: url("../icons/svgrepo/heart-svgrepo-com.svg"); }
.combo-suit-icon--spade { --combo-suit-url: url("../icons/svgrepo/spade-fill-svgrepo-com.svg"); }