@font-face {
  font-family: 'MontserratObfuscated';
  src: url('/fonts/ob.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

span.obfuscated-char {
  font-family: 'MontserratObfuscated', 'Montserrat', sans-serif;
  display: contents;
  font-weight: inherit;
  font-style: inherit;
  font-synthesis: weight style;
}

.obfuscate input,
.obfuscate textarea {
  font-family: 'MontserratObfuscated', 'Montserrat', sans-serif;
}

.obfuscated-node {
  font-family: 'MontserratObfuscated', 'Montserrat', sans-serif;
}

body.obfuscated .rosin-header {
  gap: 0;
}

body.obfuscated .rosin-header .obfuscated-char {
  display: inline;
  margin-left: 0;
}
body.obfuscated .rosin-header > svg,
body.obfuscated .rosin-header > [data-lucide] {
  flex-shrink: 0;
  margin-right: 6px;
  margin-left: 0 !important;
}

body.obfuscated .games-header .sort-container,
body.obfuscated .education-header .sort-container {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
body.obfuscated .education-header .sort-btn,
body.obfuscated .education-header #sortBtn,
body.obfuscated .games-header .sort-btn {
  margin-right: 2px !important;
  transform: none !important;
}

body.obfuscated .pinned-section {
  margin-left: -15px !important;
  padding-left: 15px !important;
}

body.obfuscated .pinned-title {
  transform: translateX(-15px) !important;
}

body.obfuscated .pinned-title .obfuscated-char {
  display: inline !important;
  margin-left: 0 !important;
  letter-spacing: 0.02em !important;
}
body.obfuscated .pinned-section .lesson-name .obfuscated-char,
body.obfuscated .pinned-section .lesson-title .obfuscated-char {
  margin-left: 0 !important;
  letter-spacing: 0.02em !important;
}
body.obfuscated .pinned-title [data-lucide],
body.obfuscated .pinned-title svg,
body.obfuscated .education-dropdown-menu [data-lucide],
body.obfuscated .education-dropdown-menu svg,
body.obfuscated .education-option [data-lucide],
body.obfuscated .education-option svg,
body.obfuscated .bottom-right-link [data-lucide],
body.obfuscated .bottom-right-link svg,
body.obfuscated .nav-btn [data-lucide],
body.obfuscated .nav-btn svg {
  flex-shrink: 0 !important;
  margin-left: 0 !important;
  margin-right: 4px !important;
  font-family: inherit !important;
}

.obfuscate .game-title .obfuscated-char,
.obfuscate .game-author .obfuscated-char,
.obfuscate .lesson-name .obfuscated-char,
.obfuscate .lesson-author .obfuscated-char,
.obfuscate .lesson-title .obfuscated-char {
  font-weight: 700;
  -webkit-text-stroke: 0.4px currentColor;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
}