diff --git a/css/main.css b/css/main.css index 339c7ac..3f7440f 100644 --- a/css/main.css +++ b/css/main.css @@ -1,4 +1,5 @@ @import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&display=swap"); + @tailwind base; @tailwind components; @tailwind utilities; @@ -105,7 +106,12 @@ body.crisis #weekPreamble { #passageContainer { @apply content-end justify-end mr-6 flex-col p-6 overflow-y-auto bg-neutral-100 bg-opacity-75 rounded-t-2xl h-full w-full; } - +#hud #passageContainer #passage { + @apply prose prose-xl prose-neutral; +} +#hud #passageContainer #passage p { + @apply mt-0; +} #hud.player-screen #passageContainer { @apply mr-0 flex-col p-6 overflow-y-auto bg-neutral-900 bg-opacity-75 rounded-2xl h-full w-full text-neutral-200; } @@ -113,11 +119,12 @@ body.crisis #weekPreamble { #hud.player-screen #passageContainer > * { @apply mb-4 text-neutral-200; } - #hud.player-screen #passageContainer #passage h2 { - @apply text-2xl font-bold text-neutral-50 mb-4; + @apply text-2xl font-bold text-neutral-50 mb-4 mt-0; +} +#hud.player-screen #passageContainer #passage { + @apply prose prose-xl prose-neutral prose-invert; } - #hud.player-screen #passageContainer #passage p { @apply text-base text-neutral-200 mb-4; } diff --git a/twine_src/css/output.css b/twine_src/css/output.css index c813687..e7a2572 100644 --- a/twine_src/css/output.css +++ b/twine_src/css/output.css @@ -1140,6 +1140,798 @@ body.crisis #weekPreamble{ padding: 1.5rem; } +#hud #passageContainer #passage{ + color: var(--tw-prose-body); + max-width: 65ch; +} + +#hud #passageContainer #passage :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +#hud #passageContainer #passage :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-lead); + font-size: 1.25em; + line-height: 1.6; + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +#hud #passageContainer #passage :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-links); + text-decoration: underline; + font-weight: 500; +} + +#hud #passageContainer #passage :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-bold); + font-weight: 600; +} + +#hud #passageContainer #passage :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: decimal; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-left: 1.625em; +} + +#hud #passageContainer #passage :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-alpha; +} + +#hud #passageContainer #passage :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-alpha; +} + +#hud #passageContainer #passage :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-alpha; +} + +#hud #passageContainer #passage :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-alpha; +} + +#hud #passageContainer #passage :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-roman; +} + +#hud #passageContainer #passage :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-roman; +} + +#hud #passageContainer #passage :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-roman; +} + +#hud #passageContainer #passage :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-roman; +} + +#hud #passageContainer #passage :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: decimal; +} + +#hud #passageContainer #passage :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: disc; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-left: 1.625em; +} + +#hud #passageContainer #passage :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ + font-weight: 400; + color: var(--tw-prose-counters); +} + +#hud #passageContainer #passage :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ + color: var(--tw-prose-bullets); +} + +#hud #passageContainer #passage :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.25em; +} + +#hud #passageContainer #passage :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-color: var(--tw-prose-hr); + border-top-width: 1px; + margin-top: 3em; + margin-bottom: 3em; +} + +#hud #passageContainer #passage :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 500; + font-style: italic; + color: var(--tw-prose-quotes); + border-left-width: 0.25rem; + border-left-color: var(--tw-prose-quote-borders); + quotes: "\201C""\201D""\2018""\2019"; + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-left: 1em; +} + +#hud #passageContainer #passage :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ + content: open-quote; +} + +#hud #passageContainer #passage :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ + content: close-quote; +} + +#hud #passageContainer #passage :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 800; + font-size: 2.25em; + margin-top: 0; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} + +#hud #passageContainer #passage :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 900; + color: inherit; +} + +#hud #passageContainer #passage :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 700; + font-size: 1.5em; + margin-top: 2em; + margin-bottom: 1em; + line-height: 1.3333333; +} + +#hud #passageContainer #passage :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 800; + color: inherit; +} + +#hud #passageContainer #passage :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + font-size: 1.25em; + margin-top: 1.6em; + margin-bottom: 0.6em; + line-height: 1.6; +} + +#hud #passageContainer #passage :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 700; + color: inherit; +} + +#hud #passageContainer #passage :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.5em; + margin-bottom: 0.5em; + line-height: 1.5; +} + +#hud #passageContainer #passage :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 700; + color: inherit; +} + +#hud #passageContainer #passage :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + display: block; + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 500; + font-family: inherit; + color: var(--tw-prose-kbd); + box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); + font-size: 0.875em; + border-radius: 0.3125rem; + padding-top: 0.1875em; + padding-right: 0.375em; + padding-bottom: 0.1875em; + padding-left: 0.375em; +} + +#hud #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-code); + font-weight: 600; + font-size: 0.875em; +} + +#hud #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ + content: "`"; +} + +#hud #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ + content: "`"; +} + +#hud #passageContainer #passage :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; + font-size: 0.875em; +} + +#hud #passageContainer #passage :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; + font-size: 0.9em; +} + +#hud #passageContainer #passage :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud #passageContainer #passage :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-pre-code); + background-color: var(--tw-prose-pre-bg); + overflow-x: auto; + font-weight: 400; + font-size: 0.875em; + line-height: 1.7142857; + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; + border-radius: 0.375rem; + padding-top: 0.8571429em; + padding-right: 1.1428571em; + padding-bottom: 0.8571429em; + padding-left: 1.1428571em; +} + +#hud #passageContainer #passage :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + background-color: transparent; + border-width: 0; + border-radius: 0; + padding: 0; + font-weight: inherit; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} + +#hud #passageContainer #passage :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ + content: none; +} + +#hud #passageContainer #passage :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ + content: none; +} + +#hud #passageContainer #passage :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + width: 100%; + table-layout: auto; + text-align: left; + margin-top: 2em; + margin-bottom: 2em; + font-size: 0.875em; + line-height: 1.7142857; +} + +#hud #passageContainer #passage :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-th-borders); +} + +#hud #passageContainer #passage :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + vertical-align: bottom; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +#hud #passageContainer #passage :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-td-borders); +} + +#hud #passageContainer #passage :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-bottom-width: 0; +} + +#hud #passageContainer #passage :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + vertical-align: baseline; +} + +#hud #passageContainer #passage :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-top-width: 1px; + border-top-color: var(--tw-prose-th-borders); +} + +#hud #passageContainer #passage :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + vertical-align: top; +} + +#hud #passageContainer #passage :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud #passageContainer #passage :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-captions); + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; +} + +#hud #passageContainer #passage{ + --tw-prose-body: #374151; + --tw-prose-headings: #111827; + --tw-prose-lead: #4b5563; + --tw-prose-links: #111827; + --tw-prose-bold: #111827; + --tw-prose-counters: #6b7280; + --tw-prose-bullets: #d1d5db; + --tw-prose-hr: #e5e7eb; + --tw-prose-quotes: #111827; + --tw-prose-quote-borders: #e5e7eb; + --tw-prose-captions: #6b7280; + --tw-prose-kbd: #111827; + --tw-prose-kbd-shadows: 17 24 39; + --tw-prose-code: #111827; + --tw-prose-pre-code: #e5e7eb; + --tw-prose-pre-bg: #1f2937; + --tw-prose-th-borders: #d1d5db; + --tw-prose-td-borders: #e5e7eb; + --tw-prose-invert-body: #d1d5db; + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: #9ca3af; + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: #9ca3af; + --tw-prose-invert-bullets: #4b5563; + --tw-prose-invert-hr: #374151; + --tw-prose-invert-quotes: #f3f4f6; + --tw-prose-invert-quote-borders: #374151; + --tw-prose-invert-captions: #9ca3af; + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: #d1d5db; + --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); + --tw-prose-invert-th-borders: #4b5563; + --tw-prose-invert-td-borders: #374151; + font-size: 1rem; + line-height: 1.75; +} + +#hud #passageContainer #passage :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud #passageContainer #passage :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +#hud #passageContainer #passage :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.375em; +} + +#hud #passageContainer #passage :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.375em; +} + +#hud #passageContainer #passage :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +#hud #passageContainer #passage :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; +} + +#hud #passageContainer #passage :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +#hud #passageContainer #passage :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; +} + +#hud #passageContainer #passage :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +#hud #passageContainer #passage :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +#hud #passageContainer #passage :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +#hud #passageContainer #passage :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.5em; + padding-left: 1.625em; +} + +#hud #passageContainer #passage :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud #passageContainer #passage :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud #passageContainer #passage :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-top: 0.5714286em; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +#hud #passageContainer #passage :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud #passageContainer #passage :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud #passageContainer #passage :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 0; +} + +#hud #passageContainer #passage{ + font-size: 1.25rem; + line-height: 1.8; +} + +#hud #passageContainer #passage :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +#hud #passageContainer #passage :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 1.2em; + line-height: 1.5; + margin-top: 1em; + margin-bottom: 1em; +} + +#hud #passageContainer #passage :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-left: 1.0666667em; +} + +#hud #passageContainer #passage :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 2.8em; + margin-top: 0; + margin-bottom: 0.8571429em; + line-height: 1; +} + +#hud #passageContainer #passage :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 1.8em; + margin-top: 1.5555556em; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} + +#hud #passageContainer #passage :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 1.5em; + margin-top: 1.6em; + margin-bottom: 0.6666667em; + line-height: 1.3333333; +} + +#hud #passageContainer #passage :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.8em; + margin-bottom: 0.6em; + line-height: 1.6; +} + +#hud #passageContainer #passage :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud #passageContainer #passage :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + border-radius: 0.3125rem; + padding-top: 0.25em; + padding-right: 0.4em; + padding-bottom: 0.25em; + padding-left: 0.4em; +} + +#hud #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; +} + +#hud #passageContainer #passage :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.8611111em; +} + +#hud #passageContainer #passage :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; +} + +#hud #passageContainer #passage :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + line-height: 1.7777778; + margin-top: 2em; + margin-bottom: 2em; + border-radius: 0.5rem; + padding-top: 1.1111111em; + padding-right: 1.3333333em; + padding-bottom: 1.1111111em; + padding-left: 1.3333333em; +} + +#hud #passageContainer #passage :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; + padding-left: 1.6em; +} + +#hud #passageContainer #passage :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; + padding-left: 1.6em; +} + +#hud #passageContainer #passage :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.6em; + margin-bottom: 0.6em; +} + +#hud #passageContainer #passage :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.4em; +} + +#hud #passageContainer #passage :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.4em; +} + +#hud #passageContainer #passage :where(.prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +#hud #passageContainer #passage :where(.prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; +} + +#hud #passageContainer #passage :where(.prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.2em; +} + +#hud #passageContainer #passage :where(.prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; +} + +#hud #passageContainer #passage :where(.prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.2em; +} + +#hud #passageContainer #passage :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +#hud #passageContainer #passage :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +#hud #passageContainer #passage :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; +} + +#hud #passageContainer #passage :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.6em; + padding-left: 1.6em; +} + +#hud #passageContainer #passage :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2.8em; + margin-bottom: 2.8em; +} + +#hud #passageContainer #passage :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + line-height: 1.5555556; +} + +#hud #passageContainer #passage :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0.6666667em; + padding-bottom: 0.8888889em; + padding-left: 0.6666667em; +} + +#hud #passageContainer #passage :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud #passageContainer #passage :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud #passageContainer #passage :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-top: 0.8888889em; + padding-right: 0.6666667em; + padding-bottom: 0.8888889em; + padding-left: 0.6666667em; +} + +#hud #passageContainer #passage :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud #passageContainer #passage :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud #passageContainer #passage :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud #passageContainer #passage :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud #passageContainer #passage :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + line-height: 1.5555556; + margin-top: 1em; +} + +#hud #passageContainer #passage :where(.prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud #passageContainer #passage :where(.prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 0; +} + +#hud #passageContainer #passage{ + --tw-prose-body: #404040; + --tw-prose-headings: #171717; + --tw-prose-lead: #525252; + --tw-prose-links: #171717; + --tw-prose-bold: #171717; + --tw-prose-counters: #737373; + --tw-prose-bullets: #d4d4d4; + --tw-prose-hr: #e5e5e5; + --tw-prose-quotes: #171717; + --tw-prose-quote-borders: #e5e5e5; + --tw-prose-captions: #737373; + --tw-prose-kbd: #171717; + --tw-prose-kbd-shadows: 23 23 23; + --tw-prose-code: #171717; + --tw-prose-pre-code: #e5e5e5; + --tw-prose-pre-bg: #262626; + --tw-prose-th-borders: #d4d4d4; + --tw-prose-td-borders: #e5e5e5; + --tw-prose-invert-body: #d4d4d4; + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: #a3a3a3; + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: #a3a3a3; + --tw-prose-invert-bullets: #525252; + --tw-prose-invert-hr: #404040; + --tw-prose-invert-quotes: #f5f5f5; + --tw-prose-invert-quote-borders: #404040; + --tw-prose-invert-captions: #a3a3a3; + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: #d4d4d4; + --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); + --tw-prose-invert-th-borders: #525252; + --tw-prose-invert-td-borders: #404040; +} + +#hud #passageContainer #passage p{ + margin-top: 0px; +} + #hud.player-screen #passageContainer{ margin-right: 0px; height: 100%; @@ -1154,19 +1946,826 @@ body.crisis #weekPreamble{ color: rgb(229 229 229 / var(--tw-text-opacity)); } -#hud.player-screen #passageContainer > *{ - margin-bottom: 1rem; - --tw-text-opacity: 1; - color: rgb(229 229 229 / var(--tw-text-opacity)); +#hud.player-screen #passageContainer > *{ + margin-bottom: 1rem; + --tw-text-opacity: 1; + color: rgb(229 229 229 / var(--tw-text-opacity)); +} + +#hud.player-screen #passageContainer #passage h2{ + margin-bottom: 1rem; + margin-top: 0px; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 700; + --tw-text-opacity: 1; + color: rgb(250 250 250 / var(--tw-text-opacity)); +} + +#hud.player-screen #passageContainer #passage{ + color: var(--tw-prose-body); + max-width: 65ch; +} + +#hud.player-screen #passageContainer #passage :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-lead); + font-size: 1.25em; + line-height: 1.6; + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-links); + text-decoration: underline; + font-weight: 500; +} + +#hud.player-screen #passageContainer #passage :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-bold); + font-weight: 600; +} + +#hud.player-screen #passageContainer #passage :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: decimal; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-left: 1.625em; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-alpha; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-alpha; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-alpha; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-alpha; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-roman; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-roman; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: upper-roman; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: lower-roman; +} + +#hud.player-screen #passageContainer #passage :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: decimal; +} + +#hud.player-screen #passageContainer #passage :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + list-style-type: disc; + margin-top: 1.25em; + margin-bottom: 1.25em; + padding-left: 1.625em; +} + +#hud.player-screen #passageContainer #passage :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ + font-weight: 400; + color: var(--tw-prose-counters); +} + +#hud.player-screen #passageContainer #passage :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ + color: var(--tw-prose-bullets); +} + +#hud.player-screen #passageContainer #passage :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-color: var(--tw-prose-hr); + border-top-width: 1px; + margin-top: 3em; + margin-bottom: 3em; +} + +#hud.player-screen #passageContainer #passage :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 500; + font-style: italic; + color: var(--tw-prose-quotes); + border-left-width: 0.25rem; + border-left-color: var(--tw-prose-quote-borders); + quotes: "\201C""\201D""\2018""\2019"; + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-left: 1em; +} + +#hud.player-screen #passageContainer #passage :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ + content: open-quote; +} + +#hud.player-screen #passageContainer #passage :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ + content: close-quote; } -#hud.player-screen #passageContainer #passage h2{ - margin-bottom: 1rem; - font-size: 1.5rem; - line-height: 2rem; +#hud.player-screen #passageContainer #passage :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 800; + font-size: 2.25em; + margin-top: 0; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} + +#hud.player-screen #passageContainer #passage :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 900; + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); font-weight: 700; - --tw-text-opacity: 1; - color: rgb(250 250 250 / var(--tw-text-opacity)); + font-size: 1.5em; + margin-top: 2em; + margin-bottom: 1em; + line-height: 1.3333333; +} + +#hud.player-screen #passageContainer #passage :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 800; + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + font-size: 1.25em; + margin-top: 1.6em; + margin-bottom: 0.6em; + line-height: 1.6; +} + +#hud.player-screen #passageContainer #passage :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 700; + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + margin-top: 1.5em; + margin-bottom: 0.5em; + line-height: 1.5; +} + +#hud.player-screen #passageContainer #passage :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 700; + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + display: block; + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-weight: 500; + font-family: inherit; + color: var(--tw-prose-kbd); + box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); + font-size: 0.875em; + border-radius: 0.3125rem; + padding-top: 0.1875em; + padding-right: 0.375em; + padding-bottom: 0.1875em; + padding-left: 0.375em; +} + +#hud.player-screen #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-code); + font-weight: 600; + font-size: 0.875em; +} + +#hud.player-screen #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ + content: "`"; +} + +#hud.player-screen #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ + content: "`"; +} + +#hud.player-screen #passageContainer #passage :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; + font-size: 0.875em; +} + +#hud.player-screen #passageContainer #passage :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; + font-size: 0.9em; +} + +#hud.player-screen #passageContainer #passage :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: inherit; +} + +#hud.player-screen #passageContainer #passage :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-pre-code); + background-color: var(--tw-prose-pre-bg); + overflow-x: auto; + font-weight: 400; + font-size: 0.875em; + line-height: 1.7142857; + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; + border-radius: 0.375rem; + padding-top: 0.8571429em; + padding-right: 1.1428571em; + padding-bottom: 0.8571429em; + padding-left: 1.1428571em; +} + +#hud.player-screen #passageContainer #passage :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + background-color: transparent; + border-width: 0; + border-radius: 0; + padding: 0; + font-weight: inherit; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} + +#hud.player-screen #passageContainer #passage :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ + content: none; +} + +#hud.player-screen #passageContainer #passage :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ + content: none; +} + +#hud.player-screen #passageContainer #passage :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + width: 100%; + table-layout: auto; + text-align: left; + margin-top: 2em; + margin-bottom: 2em; + font-size: 0.875em; + line-height: 1.7142857; +} + +#hud.player-screen #passageContainer #passage :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-th-borders); +} + +#hud.player-screen #passageContainer #passage :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-headings); + font-weight: 600; + vertical-align: bottom; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +#hud.player-screen #passageContainer #passage :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-bottom-width: 1px; + border-bottom-color: var(--tw-prose-td-borders); +} + +#hud.player-screen #passageContainer #passage :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-bottom-width: 0; +} + +#hud.player-screen #passageContainer #passage :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + vertical-align: baseline; +} + +#hud.player-screen #passageContainer #passage :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + border-top-width: 1px; + border-top-color: var(--tw-prose-th-borders); +} + +#hud.player-screen #passageContainer #passage :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + vertical-align: top; +} + +#hud.player-screen #passageContainer #passage :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud.player-screen #passageContainer #passage :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + color: var(--tw-prose-captions); + font-size: 0.875em; + line-height: 1.4285714; + margin-top: 0.8571429em; +} + +#hud.player-screen #passageContainer #passage{ + --tw-prose-body: #374151; + --tw-prose-headings: #111827; + --tw-prose-lead: #4b5563; + --tw-prose-links: #111827; + --tw-prose-bold: #111827; + --tw-prose-counters: #6b7280; + --tw-prose-bullets: #d1d5db; + --tw-prose-hr: #e5e7eb; + --tw-prose-quotes: #111827; + --tw-prose-quote-borders: #e5e7eb; + --tw-prose-captions: #6b7280; + --tw-prose-kbd: #111827; + --tw-prose-kbd-shadows: 17 24 39; + --tw-prose-code: #111827; + --tw-prose-pre-code: #e5e7eb; + --tw-prose-pre-bg: #1f2937; + --tw-prose-th-borders: #d1d5db; + --tw-prose-td-borders: #e5e7eb; + --tw-prose-invert-body: #d1d5db; + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: #9ca3af; + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: #9ca3af; + --tw-prose-invert-bullets: #4b5563; + --tw-prose-invert-hr: #374151; + --tw-prose-invert-quotes: #f3f4f6; + --tw-prose-invert-quote-borders: #374151; + --tw-prose-invert-captions: #9ca3af; + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: #d1d5db; + --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); + --tw-prose-invert-th-borders: #4b5563; + --tw-prose-invert-td-borders: #374151; + font-size: 1rem; + line-height: 1.75; +} + +#hud.player-screen #passageContainer #passage :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud.player-screen #passageContainer #passage :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +#hud.player-screen #passageContainer #passage :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.375em; +} + +#hud.player-screen #passageContainer #passage :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.375em; +} + +#hud.player-screen #passageContainer #passage :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +#hud.player-screen #passageContainer #passage :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.75em; + margin-bottom: 0.75em; +} + +#hud.player-screen #passageContainer #passage :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.25em; + margin-bottom: 1.25em; +} + +#hud.player-screen #passageContainer #passage :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.5em; + padding-left: 1.625em; +} + +#hud.player-screen #passageContainer #passage :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud.player-screen #passageContainer #passage :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud.player-screen #passageContainer #passage :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-top: 0.5714286em; + padding-right: 0.5714286em; + padding-bottom: 0.5714286em; + padding-left: 0.5714286em; +} + +#hud.player-screen #passageContainer #passage :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud.player-screen #passageContainer #passage :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud.player-screen #passageContainer #passage :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 0; +} + +#hud.player-screen #passageContainer #passage{ + font-size: 1.25rem; + line-height: 1.8; +} + +#hud.player-screen #passageContainer #passage :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 1.2em; + line-height: 1.5; + margin-top: 1em; + margin-bottom: 1em; +} + +#hud.player-screen #passageContainer #passage :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.6em; + margin-bottom: 1.6em; + padding-left: 1.0666667em; +} + +#hud.player-screen #passageContainer #passage :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 2.8em; + margin-top: 0; + margin-bottom: 0.8571429em; + line-height: 1; +} + +#hud.player-screen #passageContainer #passage :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 1.8em; + margin-top: 1.5555556em; + margin-bottom: 0.8888889em; + line-height: 1.1111111; +} + +#hud.player-screen #passageContainer #passage :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 1.5em; + margin-top: 1.6em; + margin-bottom: 0.6666667em; + line-height: 1.3333333; +} + +#hud.player-screen #passageContainer #passage :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.8em; + margin-bottom: 0.6em; + line-height: 1.6; +} + +#hud.player-screen #passageContainer #passage :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud.player-screen #passageContainer #passage :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + border-radius: 0.3125rem; + padding-top: 0.25em; + padding-right: 0.4em; + padding-bottom: 0.25em; + padding-left: 0.4em; +} + +#hud.player-screen #passageContainer #passage :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; +} + +#hud.player-screen #passageContainer #passage :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.8611111em; +} + +#hud.player-screen #passageContainer #passage :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; +} + +#hud.player-screen #passageContainer #passage :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + line-height: 1.7777778; + margin-top: 2em; + margin-bottom: 2em; + border-radius: 0.5rem; + padding-top: 1.1111111em; + padding-right: 1.3333333em; + padding-bottom: 1.1111111em; + padding-left: 1.3333333em; +} + +#hud.player-screen #passageContainer #passage :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; + padding-left: 1.6em; +} + +#hud.player-screen #passageContainer #passage :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; + padding-left: 1.6em; +} + +#hud.player-screen #passageContainer #passage :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.6em; + margin-bottom: 0.6em; +} + +#hud.player-screen #passageContainer #passage :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.4em; +} + +#hud.player-screen #passageContainer #passage :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0.4em; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.8em; + margin-bottom: 0.8em; +} + +#hud.player-screen #passageContainer #passage :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; + margin-bottom: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 1.2em; +} + +#hud.player-screen #passageContainer #passage :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0.6em; + padding-left: 1.6em; +} + +#hud.player-screen #passageContainer #passage :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2.8em; + margin-bottom: 2.8em; +} + +#hud.player-screen #passageContainer #passage :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + line-height: 1.5555556; +} + +#hud.player-screen #passageContainer #passage :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0.6666667em; + padding-bottom: 0.8888889em; + padding-left: 0.6666667em; +} + +#hud.player-screen #passageContainer #passage :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud.player-screen #passageContainer #passage :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud.player-screen #passageContainer #passage :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-top: 0.8888889em; + padding-right: 0.6666667em; + padding-bottom: 0.8888889em; + padding-left: 0.6666667em; +} + +#hud.player-screen #passageContainer #passage :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-left: 0; +} + +#hud.player-screen #passageContainer #passage :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + padding-right: 0; +} + +#hud.player-screen #passageContainer #passage :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 2em; + margin-bottom: 2em; +} + +#hud.player-screen #passageContainer #passage :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; + margin-bottom: 0; +} + +#hud.player-screen #passageContainer #passage :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + font-size: 0.9em; + line-height: 1.5555556; + margin-top: 1em; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-top: 0; +} + +#hud.player-screen #passageContainer #passage :where(.prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ + margin-bottom: 0; +} + +#hud.player-screen #passageContainer #passage{ + --tw-prose-body: #404040; + --tw-prose-headings: #171717; + --tw-prose-lead: #525252; + --tw-prose-links: #171717; + --tw-prose-bold: #171717; + --tw-prose-counters: #737373; + --tw-prose-bullets: #d4d4d4; + --tw-prose-hr: #e5e5e5; + --tw-prose-quotes: #171717; + --tw-prose-quote-borders: #e5e5e5; + --tw-prose-captions: #737373; + --tw-prose-kbd: #171717; + --tw-prose-kbd-shadows: 23 23 23; + --tw-prose-code: #171717; + --tw-prose-pre-code: #e5e5e5; + --tw-prose-pre-bg: #262626; + --tw-prose-th-borders: #d4d4d4; + --tw-prose-td-borders: #e5e5e5; + --tw-prose-invert-body: #d4d4d4; + --tw-prose-invert-headings: #fff; + --tw-prose-invert-lead: #a3a3a3; + --tw-prose-invert-links: #fff; + --tw-prose-invert-bold: #fff; + --tw-prose-invert-counters: #a3a3a3; + --tw-prose-invert-bullets: #525252; + --tw-prose-invert-hr: #404040; + --tw-prose-invert-quotes: #f5f5f5; + --tw-prose-invert-quote-borders: #404040; + --tw-prose-invert-captions: #a3a3a3; + --tw-prose-invert-kbd: #fff; + --tw-prose-invert-kbd-shadows: 255 255 255; + --tw-prose-invert-code: #fff; + --tw-prose-invert-pre-code: #d4d4d4; + --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); + --tw-prose-invert-th-borders: #525252; + --tw-prose-invert-td-borders: #404040; + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } #hud.player-screen #passageContainer #passage p{ diff --git a/twine_src/scripts/2.init.js b/twine_src/scripts/2.init.js index 0dd0700..76c81c8 100644 --- a/twine_src/scripts/2.init.js +++ b/twine_src/scripts/2.init.js @@ -583,7 +583,6 @@ $(document).ready(function () { if (planet) { planet.connections++; - // Call the function to increment the timesHelped for the currentPlanet setup.helpPlanet(planet.id); } else { console.error("currentPlanet is undefined or not found");