@-webkit-keyframes appear {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes appear {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes fade-in-out {
	0%,
	to {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@keyframes fade-in-out {
	0%,
	to {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@-webkit-keyframes rumble {
	50% {
		-webkit-transform: translateY(-0.2em);
		transform: translateY(-0.2em)
	}
}

@keyframes rumble {
	50% {
		-webkit-transform: translateY(-0.2em);
		transform: translateY(-0.2em)
	}
}

@-webkit-keyframes shudder {
	50% {
		-webkit-transform: translateX(0.2em);
		transform: translateX(0.2em)
	}
}

@keyframes shudder {
	50% {
		-webkit-transform: translateX(0.2em);
		transform: translateX(0.2em)
	}
}

@-webkit-keyframes box-flash {
	0% {
		background-color: white;
		color: white
	}
}

@keyframes box-flash {
	0% {
		background-color: white;
		color: white
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
	20% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}
	40% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9)
	}
	60% {
		-webkit-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05)
	}
	80% {
		-webkit-transform: scale(0.925, 0.925);
		transform: scale(0.925, 0.925)
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
	20% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2)
	}
	40% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9)
	}
	60% {
		-webkit-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05)
	}
	80% {
		-webkit-transform: scale(0.925, 0.925);
		transform: scale(0.925, 0.925)
	}
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@-webkit-keyframes shudder-in {
	0%,
	to {
		-webkit-transform: translateX(0em);
		transform: translateX(0em)
	}
	5%,
	25%,
	45% {
		-webkit-transform: translateX(-1em);
		transform: translateX(-1em)
	}
	15%,
	35%,
	55% {
		-webkit-transform: translateX(1em);
		transform: translateX(1em)
	}
	65% {
		-webkit-transform: translateX(-0.6em);
		transform: translateX(-0.6em)
	}
	75% {
		-webkit-transform: translateX(0.6em);
		transform: translateX(0.6em)
	}
	85% {
		-webkit-transform: translateX(-0.2em);
		transform: translateX(-0.2em)
	}
	95% {
		-webkit-transform: translateX(0.2em);
		transform: translateX(0.2em)
	}
}

@keyframes shudder-in {
	0%,
	to {
		-webkit-transform: translateX(0em);
		transform: translateX(0em)
	}
	5%,
	25%,
	45% {
		-webkit-transform: translateX(-1em);
		transform: translateX(-1em)
	}
	15%,
	35%,
	55% {
		-webkit-transform: translateX(1em);
		transform: translateX(1em)
	}
	65% {
		-webkit-transform: translateX(-0.6em);
		transform: translateX(-0.6em)
	}
	75% {
		-webkit-transform: translateX(0.6em);
		transform: translateX(0.6em)
	}
	85% {
		-webkit-transform: translateX(-0.2em);
		transform: translateX(-0.2em)
	}
	95% {
		-webkit-transform: translateX(0.2em);
		transform: translateX(0.2em)
	}
}

.debug-mode tw-expression[type=hookref] {
	background-color: rgba(115, 123, 140, 0.15)
}

.debug-mode tw-expression[type=hookref]::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "?" attr(name)
}

.debug-mode tw-expression[type=variable] {
	background-color: rgba(140, 128, 115, 0.15)
}

.debug-mode tw-expression[type=variable]::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "$" attr(name)
}

.debug-mode tw-expression[type=tempVariable] {
	background-color: rgba(140, 128, 115, 0.15)
}

.debug-mode tw-expression[type=tempVariable]::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "_" attr(name)
}

.debug-mode tw-expression[type=macro]:nth-of-type(4n+0) {
	background-color: rgba(136, 153, 102, 0.15)
}

.debug-mode tw-expression[type=macro]:nth-of-type(2n+1) {
	background-color: rgba(102, 153, 102, 0.15)
}

.debug-mode tw-expression[type=macro]:nth-of-type(4n+2) {
	background-color: rgba(102, 153, 136, 0.15)
}

.debug-mode tw-expression[type=macro][name="display"] {
	background-color: rgba(0, 170, 255, 0.1) !important
}

.debug-mode tw-expression[type=macro][name="if"],
.debug-mode tw-expression[type=macro][name="if"]+tw-hook:not([name]),
.debug-mode tw-expression[type=macro][name="unless"],
.debug-mode tw-expression[type=macro][name="unless"]+tw-hook:not([name]),
.debug-mode tw-expression[type=macro][name="elseif"],
.debug-mode tw-expression[type=macro][name="elseif"]+tw-hook:not([name]),
.debug-mode tw-expression[type=macro][name="else"],
.debug-mode tw-expression[type=macro][name="else"]+tw-hook:not([name]) {
	background-color: rgba(0, 255, 0, 0.1) !important
}

.debug-mode tw-expression[type=macro].false {
	background-color: rgba(255, 0, 0, 0.2) !important
}

.debug-mode tw-expression[type=macro].false+tw-hook:not([name]) {
	display: none
}

.debug-mode tw-expression[type=macro][name="a"],
.debug-mode tw-expression[type=macro][name="array"],
.debug-mode tw-expression[type=macro][name="datamap"],
.debug-mode tw-expression[type=macro][name="dataset"],
.debug-mode tw-expression[type=macro][name="colour"],
.debug-mode tw-expression[type=macro][name="color"],
.debug-mode tw-expression[type=macro][name="num"],
.debug-mode tw-expression[type=macro][name="number"],
.debug-mode tw-expression[type=macro][name="text"],
.debug-mode tw-expression[type=macro][name="print"] {
	background-color: rgba(255, 255, 0, 0.2) !important
}

.debug-mode tw-expression[type=macro][name="put"],
.debug-mode tw-expression[type=macro][name="set"] {
	background-color: rgba(255, 128, 0, 0.2) !important
}

.debug-mode tw-expression[type=macro][name="script"] {
	background-color: rgba(255, 191, 0, 0.2) !important
}

.debug-mode tw-expression[type=macro][name="style"] {
	background-color: rgba(185, 198, 198, 0.2) !important
}

.debug-mode tw-expression[type=macro][name^="link"],
.debug-mode tw-expression[type=macro][name^="click"],
.debug-mode tw-expression[type=macro][name^="mouseover"],
.debug-mode tw-expression[type=macro][name^="mouseout"] {
	background-color: rgba(128, 223, 32, 0.2) !important
}

.debug-mode tw-expression[type=macro][name^="replace"],
.debug-mode tw-expression[type=macro][name^="prepend"],
.debug-mode tw-expression[type=macro][name^="append"],
.debug-mode tw-expression[type=macro][name^="remove"] {
	background-color: rgba(223, 96, 32, 0.2) !important
}

.debug-mode tw-expression[type=macro][name="live"] {
	background-color: rgba(32, 96, 223, 0.2) !important
}

.debug-mode tw-expression[type=macro]::before {
	content: "(" attr(name) ":)";
	padding: 0 0.5rem;
	font-size: 1rem;
	vertical-align: middle;
	line-height: normal;
	background-color: inherit;
	border: 1px solid rgba(255, 255, 255, 0.5)
}

.debug-mode tw-hook {
	background-color: rgba(0, 85, 255, 0.1) !important
}

.debug-mode tw-hook::before {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "["
}

.debug-mode tw-hook::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "]"
}

.debug-mode tw-hook[name]::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "]<" attr(name) "|"
}

.debug-mode tw-pseudo-hook {
	background-color: rgba(255, 170, 0, 0.1) !important
}

.debug-mode tw-collapsed::before {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content:"{"
}

.debug-mode tw-collapsed::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "}"
}

.debug-mode tw-verbatim::before,
.debug-mode tw-verbatim::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: "`"
}

.debug-mode tw-align[style*="text-align: center"] {
	background: linear-gradient(to right, rgba(255, 204, 189, 0) 0%, rgba(255, 204, 189, 0.25) 50%, rgba(255, 204, 189, 0) 100%)
}

.debug-mode tw-align[style*="text-align: left"] {
	background: linear-gradient(to right, rgba(255, 204, 189, 0.25) 0%, rgba(255, 204, 189, 0) 100%)
}

.debug-mode tw-align[style*="text-align: right"] {
	background: linear-gradient(to right, rgba(255, 204, 189, 0) 0%, rgba(255, 204, 189, 0.25) 100%)
}

.debug-mode tw-column {
	background-color: rgba(189, 228, 255, 0.2)
}

.debug-mode tw-enchantment {
	animation: enchantment 0.5s infinite;
	-webkit-animation: enchantment 0.5s infinite;
	border: 1px solid
}

.debug-mode tw-link::after,
.debug-mode tw-broken-link::after {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: attr(passage-name)
}

.debug-mode tw-include {
	background-color: rgba(204, 128, 51, 0.1)
}

.debug-mode tw-include::before {
	font-size: 0.8rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	vertical-align: top;
	content: attr(type) ' "' attr(title) '"'
}

@keyframes enchantment {
	0%,
	to {
		border-color: #ffb366
	}
	50% {
		border-color: #6fc
	}
}

@-webkit-keyframes enchantment {
	0%,
	to {
		border-color: #ffb366
	}
	50% {
		border-color: #6fc
	}
}

tw-debugger {
	position: fixed;
	box-sizing: border-box;
	bottom: 0;
	right: 0;
	z-index: 999999;
	min-width: 10em;
	min-height: 1em;
	padding: 1em;
	font-size: 1.25em;
	font-family: sans-serif;
	border-left: solid #000 2px;
	border-top: solid #000 2px;
	border-top-left-radius: .5em;
	background: #fff;
	opacity: 1
}

tw-debugger select {
	margin-right: 1em;
	width: 12em
}

tw-debugger button {
	border-radius: 3px;
	border: solid #999 1px;
	margin: auto 4px;
	background-color: #fff;
	font-size: inherit
}

tw-debugger button.enabled {
	background-color: #eee;
	box-shadow: inset #ddd 3px 5px 0.5em
}

tw-debugger .variables {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	bottom: 100%;
	left: -2px;
	right: 0;
	padding: 1em;
	max-height: 40vh;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 999998;
	background: #fff;
	border: inherit;
	border-top-left-radius: .5em;
	border-bottom-left-radius: .5em;
	font-size: 0.8em
}

tw-debugger .variables:empty,
tw-debugger .variables[hidden] {
	display: none
}

tw-debugger .variables .variable-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-shrink: 0
}

tw-debugger .variables .variable-row:nth-child(2n) {
	background: #EEE
}

tw-debugger .variables .variable-name {
	display: inline-block;
	width: 50%
}

tw-debugger .variables .variable-name::before {
	content: "$"
}

tw-debugger .variables .variable-name.temporary::before {
	content: "_"
}

tw-debugger .variables .variable-name .temporary-variable-scope {
	opacity: 0.8;
	font-size: 0.75em
}

tw-debugger .variables .variable-name .temporary-variable-scope::before {
	content: " in "
}

tw-debugger .variables .variable-value {
	display: inline-block;
	width: 50%
}

tw-link,
.link,
tw-icon,
.enchantment-clickblock {
	cursor: pointer
}

tw-link,
.enchantment-link {
	color: #4169E1;
	font-weight: bold;
	text-decoration: none;
	transition: color 0.2s ease-in-out
}

tw-enchantment[style^="color"] tw-link:not(:hover),
tw-enchantment[style*=" color"] tw-link:not(:hover),
tw-enchantment[style^="color"] .enchantment-link:not(:hover),
tw-enchantment[style*=" color"] .enchantment-link:not(:hover) {
	color: inherit
}

tw-link:hover,
.enchantment-link:hover {
	color: #00bfff
}

tw-link:active,
.enchantment-link:active {
	color: #DD4B39
}

.visited {
	color: #6941e1
}

tw-enchantment[style^="color"] .visited:not(:hover),
tw-enchantment[style*=" color"] .visited:not(:hover) {
	color: inherit
}

.visited:hover {
	color: #E3E
}

tw-broken-link {
	color: #993333;
	border-bottom: 2px solid #993333;
	cursor: not-allowed
}

tw-enchantment[style^="color"] tw-broken-link:not(:hover),
tw-enchantment[style*=" color"] tw-broken-link:not(:hover) {
	color: inherit
}

.enchantment-mouseover {
	border-bottom: 1px dashed #666
}

.enchantment-mouseout {
	border: rgba(64, 149, 191, 0.25) 1px solid
}

.enchantment-mouseout:hover {
	background-color: rgba(64, 149, 191, 0.25);
	border: transparent 1px solid;
	border-radius: 0.2em
}

.enchantment-clickblock {
	box-shadow: inset 0 0 0 0.5vmax;
	display: block;
	color: rgba(65, 105, 225, 0.5);
	transition: color 0.2s ease-in-out
}

.enchantment-clickblock:hover {
	color: rgba(0, 191, 255, 0.5)
}

.enchantment-clickblock:active {
	color: rgba(222, 78, 59, 0.5)
}

html {
	margin: 0;
	height: 100%;
	overflow-x: hidden
}

*,
:before,
:after {
	position: relative;
	box-sizing: inherit
}

body {
	margin: 0;
	height: 100%
}

tw-storydata {
	display: none
}

tw-story {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font: 100% Georgia, serif;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 5% 20%;
	margin: 0;
	background-color: #000;
	color: #fff
}

tw-passage {
	display: block
}

br+br {
	display: block;
	height: 0;
	margin: 0.8ex 0
}

tw-sidebar {
	left: -5em;
	width: 3em;
	position: absolute;
	text-align: center;
	display: block
}

tw-icon {
	display: block;
	margin: 0.5em 0;
	opacity: 0.1;
	font-size: 2.75em
}

tw-icon:hover {
	opacity: 0.3
}

tw-hook:empty,
tw-expression:empty {
	display: none
}

tw-error {
	display: inline-block;
	border-radius: 0.2em;
	padding: 0.2em;
	font-size: 1rem;
	cursor: help
}

tw-error.error {
	background-color: rgba(223, 58, 190, 0.4);
	color: #fff
}

tw-error.warning {
	background-color: rgba(223, 140, 58, 0.4);
	color: #fff;
	display: none
}

.debug-mode tw-error.warning {
	display: inline
}

tw-error-explanation {
	display: block;
	font-size: 0.8rem;
	line-height: 1rem
}

tw-error-explanation-button {
	cursor: pointer;
	line-height: 0em;
	border-radius: 1px;
	border: 1px solid black;
	font-size: 0.8rem;
	margin: 0 0.4rem;
	opacity: 0.5
}

tw-error-explanation-button .folddown-arrowhead {
	display: inline-block
}

tw-notifier {
	border-radius: 0.2em;
	padding: 0.2em;
	font-size: 1rem;
	background-color: rgba(223, 182, 58, 0.4);
	display: none
}

.debug-mode tw-notifier {
	display: inline
}

tw-notifier::before {
	content: attr(message)
}

tw-colour {
	border: 1px solid black;
	display: inline-block;
	width: 1em;
	height: 1em
}

h1 {
	font-size: 3em
}

h2 {
	font-size: 2.25em
}

h3 {
	font-size: 1.75em
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1em;
	margin: 0.3em 0 0.6em 0
}

pre {
	font-size: 1rem
}

small {
	font-size: 70%
}

big {
	font-size: 120%
}

mark {
	color: rgba(0, 0, 0, 0.6);
	background-color: #ff9
}

ins {
	color: rgba(0, 0, 0, 0.6);
	background-color: rgba(255, 242, 204, 0.5);
	border-radius: 0.5em;
	box-shadow: 0em 0em 0.2em #ffe699;
	text-decoration: none
}

center {
	text-align: center;
	margin: 0 auto;
	width: 60%
}

blink {
	text-decoration: none;
	animation: fade-in-out 1s steps(1, end) infinite alternate;
	-webkit-animation: fade-in-out 1s steps(1, end) infinite alternate
}

tw-align {
	display: block
}

tw-columns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between
}

tw-outline {
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

tw-shadow {
	text-shadow: 0.08em 0.08em 0.08em #000
}

tw-emboss {
	text-shadow: 0.08em 0.08em 0em #000;
	color: white
}

tw-condense {
	letter-spacing: -0.08em
}

tw-expand {
	letter-spacing: 0.1em
}

tw-blur {
	color: transparent;
	text-shadow: 0em 0em 0.08em #000
}

tw-blurrier {
	color: transparent;
	text-shadow: 0em 0em 0.2em #000
}

tw-blurrier::selection {
	background-color: transparent;
	color: transparent
}

tw-blurrier::-moz-selection {
	background-color: transparent;
	color: transparent
}

tw-smear {
	color: transparent;
	text-shadow: 0em 0em 0.02em rgba(0, 0, 0, 0.75), -0.2em 0em 0.5em rgba(0, 0, 0, 0.5), 0.2em 0em 0.5em rgba(0, 0, 0, 0.5)
}

tw-mirror {
	display: inline-block;
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1)
}

tw-upside-down {
	display: inline-block;
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1)
}

tw-fade-in-out {
	text-decoration: none;
	animation: fade-in-out 2s ease-in-out infinite alternate;
	-webkit-animation: fade-in-out 2s ease-in-out infinite alternate
}

tw-rumble {
	-webkit-animation: rumble linear 0.1s 0s infinite;
	animation: rumble linear 0.1s 0s infinite;
	display: inline-block
}

tw-shudder {
	-webkit-animation: shudder linear 0.1s 0s infinite;
	animation: shudder linear 0.1s 0s infinite;
	display: inline-block
}

tw-shudder-in {
	animation: shudder-in 1s ease-out;
	-webkit-animation: shudder-in 1s ease-out
}

.transition-in {
	-webkit-animation: appear 0ms step-start;
	animation: appear 0ms step-start
}

.transition-out {
	-webkit-animation: appear 0ms step-end;
	animation: appear 0ms step-end
}

[data-t8n^=fade-in].transition-in {
	-webkit-animation: appear .8s;
	animation: appear .8s
}

[data-t8n^=fade-in].transition-out {
	display: none
}

[data-t8n^=dissolve].transition-in {
	-webkit-animation: appear .8s;
	animation: appear .8s
}

[data-t8n^=dissolve].transition-out {
	-webkit-animation: appear .8s reverse;
	animation: appear .8s reverse
}

[data-t8n^=shudder-in].transition-in,
.transition-in[data-t8n^=shudder] {
	display: inline-block;
	-webkit-animation: shudder-in .8s;
	animation: shudder-in .8s
}

[data-t8n^=shudder-out].transition-out,
.transition-out[data-t8n^=shudder] {
	display: inline-block;
	-webkit-animation: shudder-out .8s;
	animation: shudder-out .8s
}

[data-t8n^=boxflash].transition-in {
	-webkit-animation: box-flash .8s;
	animation: box-flash .8s
}

[data-t8n^=pulse].transition-in {
	-webkit-animation: pulse .8s;
	animation: pulse .8s;
	display: inline-block
}

[data-t8n^=pulse].transition-out {
	-webkit-animation: pulse .8s reverse;
	animation: pulse .8s reverse;
	display: inline-block
}

[data-t8n$=fast] {
	animation-duration: .4s;
	-webkit-animation-duration: .4s
}

[data-t8n$=slow] {
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s
}




