:root {
  --font-body: -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  --font-code: Lucida Console, DejaVu Sans Mono, Ubuntu Mono, Monaco, monospace;
  --color-primary: #206ea7;
  --color-primary-light: #206ea726;
  --color-link: #206ea7;
  --color-page: #206ea7;
  --color-page-draft: #7e50b1;
  --color-chapter: #af4d0d;
  --color-book: #077b70;
  --color-bookshelf: #a94747;
  --color-positive: #0f7d15;
  --color-negative: #ab0f0e;
  --color-info: #0288d1;
  --color-warning: #cf4d03;
  --bg-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='19' height='19' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(143)'%3E%3Crect width='100%25' height='100%25' fill='rgba(42, 67, 101,0)'/%3E%3Cpath d='M-10 30h60v20h-60zM-10-10h60v20h-60' fill='rgba(26, 32, 44,0)'/%3E%3Cpath d='M-10 10h60v20h-60zM-10-30h60v20h-60z' fill='rgba(0, 0, 0,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E");
}

:root.dark-mode {
  --bg-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='19' height='19' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(143)'%3E%3Crect width='100%25' height='100%25' fill='rgba(42, 67, 101,0)'/%3E%3Cpath d='M-10 30h60v20h-60zM-10-10h60v20h-60' fill='rgba(26, 32, 44,0)'/%3E%3Cpath d='M-10 10h60v20h-60zM-10-30h60v20h-60z' fill='rgba(255, 255, 255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E");
  color-scheme: dark only;
  --color-positive: #4aa850;
  --color-negative: #e85c5b;
  --color-warning: #de8a5a;
}

:root:not(.dark-mode) {
  color-scheme: light only;
}

* {
  box-sizing: border-box;
  outline-color: var(--color-primary);
  outline-width: 1px;
}

:focus {
  outline-style: dotted;
}

html {
  background-color: #f2f2f2;
  height: 100%;
  overflow-y: scroll;
}

html.flexbox {
  overflow-y: hidden;
}

html.dark-mode {
  background-color: #111;
}

body {
  color: #444;
  -webkit-font-smoothing: antialiased;
  flex-direction: column;
  height: 100%;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
}

html.dark-mode body {
  color: #aaa;
}

body, button, input, select, label, textarea {
  font-family: var(--font-body);
}

pre, #markdown-editor-input, .text-mono, .code-base, span.code, code {
  font-family: var(--font-code);
}

h1 {
  margin-top: .488889em;
  margin-bottom: .488889em;
  font-size: 3.425em;
  line-height: 1.22222em;
}

h2 {
  margin-top: .862745em;
  margin-bottom: .431373em;
  font-size: 2.8275em;
  line-height: 1.29412em;
}

h3 {
  margin-top: .785714em;
  margin-bottom: .431373em;
  font-size: 2.333em;
  line-height: 1.22143em;
}

h4 {
  margin-top: .785714em;
  margin-bottom: .431373em;
  font-size: 1.666em;
  line-height: 1.375em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-family: var(--font-heading, var(--font-body));
  color: #222;
  display: block;
  position: relative;
}

html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6 {
  color: #bbb;
}

h5 {
  font-size: 1.4em;
}

h5, h6 {
  margin-top: .785714em;
  margin-bottom: .66em;
  line-height: 1.2em;
}

@media screen and (width <= 600px) {
  h1 {
    font-size: 2.8275em;
  }

  h2 {
    font-size: 2.333em;
  }

  h3 {
    font-size: 1.666em;
  }

  h4 {
    font-size: 1.333em;
  }

  h5 {
    font-size: 1.16162em;
  }
}

.list-heading {
  font-size: 2rem;
}

h2.list-heading {
  font-size: 1.333rem;
}

a {
  color: var(--color-link);
  fill: currentColor;
  cursor: pointer;
  line-height: 1.6;
  text-decoration: none;
  transition: filter 80ms ease-in-out;
}

a:hover {
  text-decoration: underline;
}

a.icon {
  display: inline-block;
}

a svg {
  display: inline-block;
  position: relative;
}

a:focus img:only-child {
  outline: 2px dashed var(--color-link);
  outline-offset: 2px;
}

a.no-link-style {
  color: inherit;
}

a.no-link-style:hover {
  text-decoration: none;
}

.blended-links a {
  color: inherit;
}

.blended-links a svg {
  fill: currentColor;
}

p, ul, ol, pre, table, blockquote {
  margin-top: .3em;
  margin-bottom: 1.375em;
}

hr {
  background: #eaeaea;
  border: 0;
  height: 1px;
  margin-bottom: 24px;
}

html.dark-mode hr {
  background: #555;
}

hr.faded {
  background-image: linear-gradient(to right, #fff, #e3e0e0 20% 80%, #fff);
}

hr.darker {
  background: #ddd;
}

html.dark-mode hr.darker {
  background: #666;
}

hr.margin-top, hr.even {
  margin-top: 24px;
}

strong, b, .bold, .strong {
  font-weight: bold;
}

strong > strong, strong > b, strong > .bold, strong > .strong, b > strong, b > b, b > .bold, b > .strong, .bold > strong, .bold > b, .bold > .bold, .bold > .strong, .strong > strong, .strong > b, .strong > .bold, .strong > .strong {
  font-weight: bolder;
}

em, i, .italic {
  font-style: italic;
}

small, p.small, span.small, .text-small {
  font-size: .75rem;
}

sup, .superscript {
  vertical-align: super;
  font-size: .8em;
}

sub, .subscript {
  vertical-align: sub;
  font-size: .8em;
}

pre {
  padding-inline-start: 26px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  position: relative;
}

html.dark-mode pre {
  background-color: #2b2b2b;
  border-color: #111;
}

pre:before {
  content: "";
  top: 0;
  background-color: #f5f5f5;
  border-inline-end: 1px solid #ddd;
  width: 22.4px;
  height: 100%;
  display: block;
  position: absolute;
  inset-inline-start: 0;
}

html.dark-mode pre:before {
  background-color: #313335;
  border-inline-end: none;
}

@media print {
  pre {
    padding-left: 12px;
  }

  pre:before {
    display: none;
  }
}

blockquote {
  border-left: 4px solid #0000;
  border-left-color: var(--color-primary);
  background-color: #f8f8f8;
  padding: 12px 16px 12px 32px;
  display: block;
  position: relative;
  overflow: auto;
}

html.dark-mode blockquote {
  background-color: #333;
}

blockquote:before {
  content: "“";
  color: #777;
  font-size: 2em;
  font-weight: bold;
  position: absolute;
  top: 12px;
  left: 12px;
}

.text-mono {
  font-family: var(--font-code);
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitals {
  text-transform: capitalize;
}

.code-base, span.code, code {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: .84em;
}

html.dark-mode .code-base, html.dark-mode span.code, html.dark-mode code {
  background-color: #2b2b2b;
  border-color: #444;
}

code {
  white-space: pre-wrap;
  padding: 1px 3px;
  line-height: 1.2em;
  display: inline;
}

span.code {
  padding: 1px 6px;
}

pre code {
  background-color: #0000;
  border: 0;
  font-size: 1em;
  line-height: 1.6;
  display: block;
}

span.highlight {
  padding: 2px 4px;
  font-weight: bold;
}

ul, ol {
  padding-left: 32px;
  padding-right: 32px;
  display: flow-root;
}

ul p, ol p {
  margin: 0;
}

ul {
  list-style: outside;
}

ul ul {
  list-style: circle;
}

ul label {
  margin: 0;
}

ol {
  list-style: decimal;
}

li > ol, li > ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-block: 0;
  margin-block: 0;
  padding-left: 19.2px;
  padding-right: 19.2px;
}

li.checkbox-item, li.task-list-item {
  margin-left: -19.2px;
  margin-inline: -19.2px 0;
  list-style: none;
  display: list-item;
}

li.checkbox-item input[type="checkbox"], li.task-list-item input[type="checkbox"] {
  margin-right: 6px;
  margin-inline: 0 6px;
}

li.checkbox-item li.checkbox-item, li.checkbox-item li.task-list-item, li.task-list-item li.checkbox-item, li.task-list-item li.task-list-item {
  margin-left: 6px;
  margin-inline: 6px 0;
}

.underlined {
  text-decoration: underline;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: start;
}

.text-right {
  text-align: end;
}

@media screen and (width >= 360px) {
  .text-xxs-center {
    text-align: center;
  }

  .text-xxs-left {
    text-align: start;
  }

  .text-xxs-right {
    text-align: end;
  }
}

@media screen and (width >= 400px) {
  .text-xs-center {
    text-align: center;
  }

  .text-xs-left {
    text-align: start;
  }

  .text-xs-right {
    text-align: end;
  }
}

@media screen and (width >= 600px) {
  .text-s-center {
    text-align: center;
  }

  .text-s-left {
    text-align: start;
  }

  .text-s-right {
    text-align: end;
  }
}

@media screen and (width >= 880px) {
  .text-m-center {
    text-align: center;
  }

  .text-m-left {
    text-align: start;
  }

  .text-m-right {
    text-align: end;
  }
}

@media screen and (width >= 1000px) {
  .text-l-center {
    text-align: center;
  }

  .text-l-left {
    text-align: start;
  }

  .text-l-right {
    text-align: end;
  }
}

@media screen and (width >= 1100px) {
  .text-xl-center {
    text-align: center;
  }

  .text-xl-left {
    text-align: start;
  }

  .text-xl-right {
    text-align: end;
  }
}

.text-bigger {
  font-size: 1.1em;
}

.text-large {
  font-size: 1.6666em;
}

.no-color {
  color: inherit;
}

.break-text {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.text-limit-lines-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-limit-lines-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.header-group {
  margin: 16px 0;
}

.header-group h1, .header-group h2, .header-group h3, .header-group h4, .header-group h5, .header-group h6 {
  margin: 0;
}

span.sep {
  color: #bbb;
  padding: 0 6px;
}

.list > * {
  display: block;
}

.svg-icon {
  pointer-events: none;
  fill: currentColor;
  width: 1em;
  height: 1em;
  margin-inline-end: 6px;
  display: inline-block;
  position: relative;
  bottom: -.105em;
}

table {
  min-width: 100px;
  max-width: 100%;
}

table thead {
  background-color: #f8f8f8;
  font-weight: 500;
}

html.dark-mode table thead {
  background-color: #333;
}

table td, table th {
  word-break: break-word;
  vertical-align: top;
  border: 1px solid #ddd;
  min-width: 10px;
  padding: 6px 8px;
  line-height: 1.2;
  overflow: auto;
}

table td p, table th p {
  margin: 0;
}

table.table {
  width: 100%;
}

table.table tr td, table.table tr th {
  border-bottom: 1px solid #0000000d;
}

table.table th, table.table td {
  text-align: start;
  vertical-align: middle;
  border: none;
  margin: 0;
  padding: 12px;
  overflow: visible;
}

table.table th {
  font-weight: bold;
}

table.table tr:hover {
  background-color: #f2f2f2;
}

html.dark-mode table.table tr:hover {
  background-color: #333;
}

table.table .text-right {
  text-align: end;
}

table.table .text-center {
  text-align: center;
}

table.table td.actions {
  overflow: visible;
}

table.table a {
  display: inline-block;
}

table.table.expand-to-padding {
  width: calc(100% + 24px);
  max-width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px;
}

table.no-style td {
  border: 0;
  padding: 0;
}

table.list-table {
  margin: 0 -6px;
}

table.list-table td {
  vertical-align: middle;
  border: 0;
  padding: 6px;
}

.page-content {
  overflow-wrap: break-word;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}

.page-content .align-left {
  text-align: left;
}

.page-content img.align-left, .page-content table.align-left, .page-content iframe.align-left, .page-content video.align-left {
  margin: 6px 16px 16px 0;
  float: left !important;
}

.page-content .align-right {
  text-align: right !important;
}

.page-content img.align-right, .page-content table.align-right, .page-content iframe.align-right, .page-content video.align-right {
  margin: 6px 0 6px 12px;
  float: right !important;
}

.page-content .align-center {
  text-align: center;
}

.page-content img.align-center, .page-content video.align-center, .page-content iframe.align-center {
  display: block;
}

.page-content img.align-center, .page-content table.align-center, .page-content iframe.align-center, .page-content video.align-center {
  margin-left: auto;
  margin-right: auto;
}

.page-content .align-justify {
  text-align: justify;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content pre {
  clear: left;
}

.page-content hr {
  clear: both;
  margin: 16px 0;
}

.page-content table {
  hyphens: auto;
  table-layout: fixed;
  max-width: 100%;
  height: auto !important;
}

.page-content ins, .page-content del {
  text-decoration: none;
}

.page-content ins {
  background: #dbffdb;
}

.page-content del {
  background: #ffecec;
}

.page-content details {
  border: 1px solid #ddd;
  margin-bottom: 1em;
  padding: 12px;
}

html.dark-mode .page-content details {
  border-color: #555;
}

.page-content details > summary {
  background-color: #eee;
  margin: -12px;
  padding: 6px 12px;
  font-weight: bold;
}

html.dark-mode .page-content details > summary {
  background-color: #333;
}

.page-content details[open] > summary {
  border-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 12px;
}

html.dark-mode .page-content details[open] > summary {
  border-color: #555;
}

.page-content details > summary + * {
  margin-top: .2em;
}

.page-content details:after {
  content: "";
  clear: both;
  display: block;
}

.page-content li > input[type="checkbox"] {
  vertical-align: top;
  margin-top: .3em;
}

.page-content p:empty {
  min-height: 1.6em;
}

.page-content.page-revision pre code {
  white-space: pre-wrap;
}

.page-content .cm-editor {
  margin-bottom: 1.375em;
}

.page-content video, .page-content iframe {
  max-width: 100%;
}

.page-content a {
  text-decoration: underline;
}

body .page-content img, .page-content img:not([data-mce-object]) {
  max-width: 100%;
  height: auto;
}

.callout {
  border-left: 3px solid #bbb;
  padding: 12px 12px 12px 32px;
  background-color: #eee;
  border-inline-start: 3px solid #bbb;
  border-inline-end: none;
  padding-inline: 32px 12px;
  display: block;
  position: relative;
  overflow: auto;
}

.callout:before {
  content: "";
  left: 8px;
  width: 1.2em;
  height: 1.2em;
  opacity: .8;
  inset-inline-start: 8px;
  inset-inline-end: unset;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMTUzODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  margin-top: -9px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 50%;
}

.callout.success {
  color: #063409;
  background-color: #eafdeb;
  border-color: #0f7d15;
}

html.dark-mode .callout.success {
  color: #4aa850;
  background-color: #122913;
  border-color: #4aa850;
}

.callout.success:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMzNzZjMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+");
}

.callout.danger {
  color: #4d0706;
  background-color: #fcdbdb;
  border-color: #ab0f0e;
}

html.dark-mode .callout.danger {
  color: #e85c5b;
  background-color: #250505;
  border-color: #e85c5b;
}

.callout.danger:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNiOTE4MTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0xNS43MyAzSDguMjdMMyA4LjI3djcuNDZMOC4yNyAyMWg3LjQ2TDIxIDE1LjczVjguMjdMMTUuNzMgM3pNMTIgMTcuM2MtLjcyIDAtMS4zLS41OC0xLjMtMS4zIDAtLjcyLjU4LTEuMyAxLjMtMS4zLjcyIDAgMS4zLjU4IDEuMyAxLjMgMCAuNzItLjU4IDEuMy0xLjMgMS4zem0xLTQuM2gtMlY3aDJ2NnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
}

.callout.info {
  color: #01466c;
  background-color: #d3efff;
  border-color: #0288d1;
}

html.dark-mode .callout.info {
  color: #0288d1;
  background-color: #001825;
  border-color: #0288d1;
}

.callout.warning {
  color: #6a2802;
  background-color: #fee3d3;
  border-color: #cf4d03;
}

html.dark-mode .callout.warning {
  color: #de8a5a;
  background-color: #30170a;
  border-color: #de8a5a;
}

.callout.warning:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNiNjUzMWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEgMjFoMjJMMTIgMiAxIDIxem0xMi0zaC0ydi0yaDJ2MnptMC00aC0ydi00aDJ2NHoiLz48L3N2Zz4=");
}

.callout a {
  color: inherit;
  text-decoration: underline;
}

html, body {
  background-color: #fff;
}

body {
  margin: 0;
  padding: 0;
  font-family: DejaVu Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: block;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

.page-content {
  overflow: hidden;
}

pre {
  padding-left: 12px;
}

pre:before {
  display: none;
}

pre code {
  white-space: pre-wrap;
}

.page-break {
  page-break-after: always;
}

@media screen {
  .page-break {
    border-top: 1px solid #ddd;
  }
}

ul.contents ul li {
  list-style: circle;
}

.chapter-hint {
  color: #888;
  margin-top: 32px;
}

.chapter-hint + h1 {
  margin-top: 0;
}

body.export-format-pdf {
  font-size: 14px;
  line-height: 1.2;
}

body.export-format-pdf h1, body.export-format-pdf h2, body.export-format-pdf h3, body.export-format-pdf h4, body.export-format-pdf h5, body.export-format-pdf h6 {
  line-height: 1.2;
}

body.export-format-pdf table {
  font-size: .8em;
  width: 100% !important;
  max-width: 800px !important;
}

body.export-format-pdf table td {
  width: auto !important;
}

body.export-format-pdf .page-content .float {
  float: none !important;
}

body.export-format-pdf .page-content img.align-left, body.export-format-pdf .page-content img.align-right {
  clear: both;
  display: block;
  float: none !important;
}

body.export-format-pdf.export-engine-dompdf .page-content a > img {
  max-width: 700px;
}

body.export-format-pdf.export-engine-dompdf .page-content td a > img {
  max-width: 100%;
}
/*# sourceMappingURL=guides-game-master.d70d7454.css.map */