html {\n height: 100%;\n height: 100vh;\n}\nbody {\n background-image: -webkit-linear-gradient(bottom, hsla(255,100%,20%,0.4) 0%,hsla(219,100%,50%,0) 100%);\n background-image: linear-gradient(to top, hsla(255,100%,20%,0.4) 0%,hsla(219,100%,50%,0) 100%);\n background-repeat: no-repeat;\n background-attachment:fixed;\n height: 90%;\n}\n.passage {\n color: hsl(240,100%,90%);\n font-weight: lighter;\n font-size: 1.5em;\n}\n#passages {\n margin: 0 0 0 18rem;\n border-left: 0;\n}\n#snapback, #share {\n\tdisplay:none;\n}\na.internalLink, a.externaLink {\n\tcolor: hsl(300,100%,40%);\n\ttransition: 0.5s;\n\t-webkit-transition: 0.5s;\n}\n.passage ul {\n\tpadding-top:1.3em; \n\ttext-align:center;\n}\n.passage li {\n\tdisplay:inline;\n\tmargin-right:6em;\n}\na.internalLink:hover, a.externaLink:hover, #sidebar li:hover, #sidebar li a:hover {\n\tcolor: hsl(300,100%,70%);\n\ttext-shadow: fuchsia 0 0 1emt;\n\ttext-decoration: none;\n}\n#sidebar li, #sidebar li a {\n\tcolor: hsla(300, 100%, 40%, 0.25);\n\ttransition: 1s;\n\t-webkit-transition: 1s;\n}\n#sidebar li a {\n\tcolor: hsla(300, 100%, 40%, 0.35);\n}\n#sidebar, #sidebar:hover {\n\tbackground:#005;\n\tfont-size: 1.6em;\n background: -webkit-linear-gradient(top, hsla(255,100%,50%,0.3) 0%,hsla(219,100%,50%,0) 100%);\n background: linear-gradient(to bottom, hsla(255,100%,50%,0.3) 0%,hsla(219,100%,50%,0) 100%);\n\tleft: 0;\n\ttop: 0;\n\twidth: 12.5rem;\n\tpadding: 4rem 2rem 0rem 4rem;\n\theight: 100%;\n}\n#storyTitle {\n\tcolor: rgba(255,0,255,0.75) !important;\n\tfont-size: 1.4em;\n}\n#sidebar #title, #sidebar #title:hover {\n\tcolor: rgba(255,0,255,0.50);\n\ttransition: 1s;\n\t-webkit-transition: 1s;\n}\n#sidebar #title:hover {\n\tcolor: rgba(255,128,255,0.50);\n\ttext-shadow: fuchsia 0 0 2em;\n}\n\n@media screen and (max-width: 960px) {\n #sidebar, #sidebar:hover {\n width: 10rem;\n padding: 2rem 1rem 0rem 2rem;\n }\n #passages {\n margin: 0 0 0 12rem;\n }\n .passage li {\n\tdisplay:list-item;\n list-style-type: none;\n }\n}\n@media screen and (max-width: 640px) {\n #sidebar, #sidebar:hover {\n width: 100%;\n height: 5rem;\n padding: 2rem 1rem 0rem 2rem;\n text-align:center;\n background: #000;\n }\n #sidebar #storySubtitle { display: inline-block; padding-left: 2em;}\n #sidebar li { display:inline; margin-right: 2em; }\n #credits, #snapback, #share { display: none !important; }\n #passages {\n margin: 12rem 0 0 0em;\n }\n}

<<styleswap "Closed In">>\n<<replace>>The leash pulls, and I stagger after him.<<becomes>>I want to beg but I can only cry.<<becomes>>The fires become a distant glow.<<becomes>>Against the sheen of the lake, he turns to me.<<becomes>>//"Quiet. \n\nWe need to [[escape|https://www.dragonsneck.com/threads/efren-silvermere.126/]] before they come lookin'."//<<fadeoutsound "Efren.ogg">><<endreplace>>\n

body {\n margin: 0;\n background-color:#000;\n}\n#passages {\n margin: 0;\n padding: 0;\n border: 0;\n}\n.passage {\n width: 40%;\n min-width: 26em;\n height: 33%;\n min-height: 33%;\n font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;\n letter-spacing: 0.1em;\n padding: 1.5em;\n padding-left: 2em;\n font-size:1.8em;\n background-color:#000;\n color:#eee;\n margin: 10%;\n border: silver ridge 0.8em;\n border-radius: 1em;\n}\n.passage[data-tags~=mint] {\n border-color: MediumAquaMarine;\n}\n.passage[data-tags~=strawberry] {\n border-color: HotPink;\n}\n.passage[data-tags~=banana] {\n border-color: Gold;\n}\n.passage[data-tags~=peanut] {\n border-color: Peru;\n}\n.content::before {\n content: '&#8226;';\n position: relative;\n left: -0.6em;\n margin-right: -0.4em;\n}\na.internalLink, a.externalLink {\n border-bottom: solid #fff 1px;\n color:#eee;\n font-weight:normal;\n}\na.internalLink:hover, a.externalLink:hover {\n text-decoration:none;\n border-bottom: solid #fff 2px;\n color:#fff;\n font-weight:normal;\n padding-left: 0;\n}\na.internalLink:active, a.externalLink:active {\n border-bottom: 0;\n}\n#sidebar {\n display:none;\n}

/* Hexagon */\nhead {\n display:block;\n z-index:-10;\n position:fixed;\n top: 50%;\n left: 50%;\n margin-left: -10em;\n margin-top: -10em;\n animation: spin 10s linear infinite, colour 10s linear infinite; -webkit-animation: spin 10s linear infinite,colour 10s linear infinite;\n}\nhead, head::before, head::after {\n width: 20em;\n height: 11.54em;\n background-color:transparent;\n border-left: 1em solid #f38506;\n border-right: 1em solid #f38506; \n box-sizing: border-box;\n -moz-box-sizing: border-box;\n}\nhead::before, head::after {\n content: "";\n position: absolute;\n left: -1em;\n transform:rotate(60deg);-webkit-transform:rotate(60deg);\n animation: colour 10s linear infinite; -webkit-animation: colour 10s linear infinite;\n}\nhead::after {\n transform:rotate(-60deg);-webkit-transform:rotate(-60deg);\n}\n@keyframes colour {\n 0%, 50%,100% { border-left: 1em solid #f38506; border-right: 1em solid #f38506; }\n 25%, 75% { border-left: 1em solid #2ce969; border-right: 1em solid #2ce969; }\n}\n@-webkit-keyframes colour {\n 0%, 100% { border-left: 1em solid #f38506; border-right: 1em solid #f38506; }\n 50% { border-left: 1em solid #2ce969; border-right: 1em solid #2ce969; }\n}\n@keyframes spin {\n 0% {}\n 100% { transform:rotate(60deg); }\n 50% { transform:rotate(30deg); }\n}\n@-webkit-keyframes spin {\n 0% {}\n 100% { -webkit-transform:rotate(60deg); }\n 50% { -webkit-transform:rotate(30deg); }\n}\n/* Text */\nhtml {\n animation: bgcolour 10s linear infinite; -webkit-animation: bgcolour 10s linear infinite;\n}\nbody {\n margin: 0;\n background:transparent;\n}\n@keyframes bgcolour {\n 25%, 75% { background-color: #000; }\n 0%, 100% { background-color: #271400; }\n 50% { background-color: #072400; }\n}\n@-webkit-keyframes bgcolour {\n 25%, 75% { background-color: #000; }\n 0%, 100% { background-color: #271400; }\n 50% { background-color: #072400; }\n}\n#passages {\n border-left: 0;\n margin: 0;\n padding: 0;\n line-height:100vh;\n}\n.passage {\n position:absolute;\n top: 0; bottom: 0; left: 0; right: 0;\n width: 75%;\n height: 75%;\n margin:auto;\n font: bold 5em/1.25em Verdana, Geneva, Tahoma, sans-serif;\n text-shadow: 0.15em 0.15em 0 #000;\n color: #fff;\n letter-spacing: -0.04em;\n text-align:center;\n}\na.internalLink:hover, a.externalLink:hover {\n color:#c4ff40 !important;\n text-decoration: none;\n}\na.internalLink, a.externalLink {\n color:#8cc740;\n}\n/* Sidebar */\n#sidebar #title, #sidebar li {\n font-size:100% !important;\n}\n#storyTitle::before, #restart::before {\n content: "";\n position:absolute;\n top:0;\n left:0;\n z-index:-2;\n width:110%;\n height:100%;\n transform: skewX(-30deg); -webkit-transform: skewX(-30deg);\n animation: bgcolour2 10s linear infinite; -webkit-animation: bgcolour2 10s linear infinite;\n}\nli#restart::before {\n left:auto; right:0;\n transform: skewX(30deg); -webkit-transform: skewX(30deg);\n}\n#storyTitle, li#restart {\n position:fixed;\n left: 0;\n top: 0;\n font: bold 4em/1.25em Verdana, Geneva, Tahoma, sans-serif !important;\n letter-spacing: -0.04em;\n padding: 0.05em 0.75em 0.1em 0.75em;\n animation: bgcolour2 10s linear infinite; -webkit-animation: bgcolour2 10s linear infinite;\n color:#fff;\n}\nli#restart {\n left: auto;\n right: 0;\n}\n@keyframes bgcolour2 {\n 0%, 100% { background-color: #f38506; }\n 50% { background-color: #2ce969; }\n}\n@-webkit-keyframes bgcolour2 {\n 0%, 100% { background-color: #f38506; }\n 50% { background-color: #2ce969; }\n}\n#title :not(#storyTitle){\n display:none;\n}\n#storymenu, #snapback, #share, #credits {\n display:none;\n}\n@media screen and (max-width: 960px) {\n body { font-size: 55%; }\n}\n@media screen and (max-width: 840px) {\n body { font-size: 45%; }\n}\n@media screen and (max-width: 720px) {\n body { font-size: 40%; }\n}

<<styleswap "Closed In">> <<playsound "doorsmash.ogg">>\n\nThey tear me from safety. I hit the ground hard.\n\n<<timedinsert 4s>>I am just a child.<<endtimedinsert>> \n\n<<timedinsert 6s>>Sometimes I [[fight back|a03]], other times I [[give up|a03]].<<endtimedinsert>>

/*#storeArea {\n display:block;\n position:fixed;\n background-color: lightblue;\n background-image: -webkit-radial-gradient(center, ellipse cover, #c1e3ff 0%,#329fff 99%);\n background-image: radial-gradient(ellipse at center, #c1e3ff 0%,#329fff 99%);\n border-radius:35rem; border-radius:35vw;\n box-shadow: 0 0 3rem 0.5rem #329fff;\n width: 35rem; width: 35vw;\n height: 35rem; height: 35vw;\n top: 70%; top: 70vh;\n left: 70%; left: 70vw;\n z-index: -8;\n}\n#storeArea * {\n display:none;\n}*/\n#sidebar {\n font-family: inherit;\n font-size: 0.9rem;\n width: 100%;\n max-height: 30em;\n padding: 2em;\n top: 0;\n left: 0;\n z-index:5;\n background-color: rgba(22,22,44,0.9);\n}\n#sidebar #titleSeparator, #sidebar #share {\n display:none;\n}\n#sidebar li {\n color: inherit;\n text-align:inherit;\n display:inline;\n font-weight:normal;\n}\n#sidebar #storyMenu, #sidebar #storyMenu ul {\n text-align: left;\n color: #bbb;\n display:inline-block !important;\n}\n#sidebar #storyTitle {\n position:relative;\n top:-0.1em;\n}\n#sidebar #snapback, #sidebar #restart, #sidebar a, .menu {\n border-radius:0.5em;\n border: solid 1px #333;\n padding: 0.2em 0.8em;\n color:#bbb !important;\n}\n#sidebar #snapback, #sidebar #restart, #sidebar a {\n margin-left: 1.5em;\n}\n#sidebar #snapback:hover, #sidebar #restart:hover, #sidebar a:hover, .menu {\n border: solid 1px white;\n}\n.menu {\n padding: 0;\n background-color: rgba(22,22,44,0.9);\n}\n.menu div {\n padding: 0.2em 0.8em;\n}\n.passage a {\n border-radius:0.5em;\n border: solid 1px #666;\n padding: 0.05em 0.3em;\n color: #fff;\n font-weight:normal;\n white-space:pre-line;\n}\n.passage a:hover {\n text-decoration:none;\n border-color:#fff;\n color: #fff;\n}\n#sidebar #credits {\n display:none;\n}\n#passages {\n border-left: 0;\n margin: 30em 0 4em 0;\n}\n.passage {\n font-size: 1.9em;\n}\nbody {\n font-family: "Century Gothic", CenturyGothic, sans-serif;\n background-image: -webkit-linear-gradient(-45deg, #002 0%,#000 100%);\n background-image: linear-gradient(135deg, #002 0%,#000 100%);\n letter-spacing:2px;\n}

<<styleswap "Closed In">><<timedinsert 3s>>Again, I am hiding.<<endtimedinsert>><<fadeinsound "firecrackles.mp3">><<fadeinsound "riot.ogg">>\n\n<<timedinsert 7s>>The roar of fire is broken only by yelling.<<endtimedinsert>>\n\n<<timedinsert 11s>>Someone barges into the room, looking for me.<<endtimedinsert>> \n\n<<timedinsert 14s>><<replace "I try to hold my breath.">>But the acrid smoke makes me [[cough|a02]].<<playsound "cough.ogg">>\n<<endreplace>><<endtimedinsert>>

<<styleswap "Closed In">>\n\n<<timedinsert 2s>>I don't notice the hooded figure arrive.<<endtimedinsert>>\n\n<<timedinsert 6s>>He shatters a man's jaw and puts another out cold.<<fadeoutsound "riot.ogg">><<playsound "punch.ogg">><<endtimedinsert>>\n\n<<timedinsert 9s>>[[Hope flickers within me.|a07]]<<endtimedinsert>>\n

<<styleswap "Closed In">><<fadeoutsound "riot.ogg">>//"This sod's mine! They did me wrong.\n\nI'll drown their line with me own hands!\n\nAin't no one's gonna get in my way."//\n\n[[No one did.|a08]]

<<styleswap "Closed In">>\n\nFriends. <<timedinsert 2s>>Family.<<endtimedinsert>> \n\n<<timedinsert 4s>>Lifeless faces all, dangled from [[the arch|a06]].<<endtimedinsert>>\n\n\n

<<styleswap "Closed In">>\n<<loopsound "Efren.ogg">>\n\nI would tell you my <<hoverreplace "[[dream|a01]]">>[[nightmare|a01]]<<endreplace>>.

html {\n width: 100%;\n background: [img[background]];\n height: 100%;\n display: table;\n}\nbody {\n font-size: 100%;\n background-color: transparent;\n margin: 0;\n height:100%;\n display:table-cell;\n vertical-align: middle;\n}\n#passages {\n border-left: 0px;\n margin: 0;\n padding: 5% 0;\n}\n.passage {\n /* Horizontal centering */\n width: 60%;\n background-color: darkgray;\n color: black;\n font-size: 100%;\n padding: 5em;\n}\n\n/* No sidebar */\n#sidebar {\n display:none;\n}\n\n/* Links */\n.passage a {\n background-color:dimgray;\n padding: 2px;\n font-weight: normal;\n color: lightgray;\n}\n.passage a:hover {\n background-color:lightgray;\n color: black;\n text-decoration: none;\n}\n@media screen and (max-width: 960px) {\n .passage { font-size: 90%; width: 70%; }\n}\n@media screen and (max-width: 840px) {\n .passage { font-size: 87.5%; width: 80%; }\n}\n@media screen and (max-width: 720px) {\n .passage { font-size: 75%; width: 90%; }\n}

body {\n margin: 5% 0 0 0;\n background-color:#000;\n}\n#passages{\n margin: 0;\n padding: 0;\n border: 0;\n}\n.passage {\n font-family: "Times New Roman",serif;\n text-align:left;\n color:#000;\n width: 40em;\n padding: 2em;\n font-size:3em;\n background-color:#fff;\n background: -webkit-linear-gradient(left, #aaa 0%,#fff 19%);\n background: linear-gradient(to right, #aaa 0%,#fff 19%);\n}\na.internalLink {\n color:#620;\n background-color:hsla(48, 100%, 50%, 0.75);\n}\na.externalLink {\n color:#602;\n background-color:hsla(320, 100%, 50%, 0.75);\n}\na.internalLink:hover {\n color:#410;\n background-color:hsla(40, 100%, 50%, 0.9);\n text-decoration: none;\n}\na.externalLink:hover {\n color:#401;\n background-color:hsla(320, 100%, 50%, 0.9);\n text-decoration: none;\n}\na.internalLink:active {\n color:#140;\n background-color:hsla(80, 100%, 50%, 0.9);\n text-decoration: none;\n}\na.externalLink:active {\n color:#104;\n background-color:hsla(280, 100%, 50%, 0.9);\n text-decoration: none;\n}\n#sidebar {\n display:none;\n}

#passages {\n position:relative;\n width: 75%;\n width: 75vw;\n max-width:950px;\n background-color:#c6c6c6;\n margin:0 auto 0 auto;\n padding:24px 0 24px 0;\n border:0;\n transition: height 2s; -webkit-transition:height 2s;\n}\n.passage {\n font: bold 1.75em Courier, monospace !important;\n background-color:#eee;\n width: 51.3vw;\n max-width:650px;\n color:black;\n margin:0 auto 0 auto;\n padding:2em 2.5em;\n text-align:center;\n}\na.internalLink, a.externalLink, a.internalLink:hover, a.externalLink:hover {\n color:#00E;\n text-decoration:underline;\n}\nli a.internalLink, li a.externalLink {\n font-size: x-large;\n}\n.passage blockquote {\n border: 1px dashed gray;\n padding: 1em;\n}\n.header {\n height: 7px;\n}\nbody {\n background-color:#5a5a5a;\n margin:0;\n padding:0;\n}\n#sidebar {\n position:relative;\n text-align:center;\n top:0px;\n left:0px;\n width: 75%;\n width: 75vw;\n max-width: 950px;\n height: 1.5em;\n margin:0 auto 0 auto;\n padding: 0.2em 0;\n overflow:hidden;\n background-color:#000;\n}\n#storyTitle { color: #fff; }\n#storySubtitle { color: deepskyblue; }\n#storyAuthor { color: lime; }\n#sidebar #snapback { color: yellow; }\n#sidebar #restart { color: orange; }\n#sidebar #share { color: red; }\n#sidebar * {\n font:bold 12px Arial, sans-serif !important;\n background-color:clear !important;\n display:inline !important;\n}\n#sidebar a.internalLink {\n color: #00e !important;\n}\n#sidebar a.externalLink {\n color: #f6f !important;\n}\n#sidebar a:hover, #sidebar #snapback:hover, #sidebar #restart:hover, #sidebar #share:hover {\n color:#fff !important;\n text-decoration:underline !important;\n}\n#sidebar a:active, #sidebar #snapback:active, #sidebar #restart:active, #sidebar #share:active {\n color:#fff !important;\n background-color:#000 !important;\n display:inline !important;\n}\n#sidebar li, #sidebar li span {\n margin-left: 1em;\n margin-right: 1em;\n}\n#sidebar a, #sidebar a:hover {\n border: 0 !important;\n box-shadow: none;\n}\n.menu {\n z-index:4;\n background-color:#eee;\n color:#00e;\n opacity:1;\n border: solid #000 1px;\n box-shadow: #000 0.1em 0.1em 0;\n}\n.menu div:hover {\n background-color:deepskyblue;\n color:#fff;\n}\n#credits, #titleSeparator {\n display:none !important;\n}\n@media screen and (max-width: 960px) {\n .passage {\n font-size: 1.33em !important;\n }\n #storySubtitle {\n display:none !important;\n }\n}\n@media screen and (max-width: 640px) {\n .passage {\n font-size: 1.25em !important;\n }\n #share, #storyAuthor {\n display:none !important;\n }\n}

body {\n margin: 10% 0 10% 0;\n}\n#passages{\n margin: 0;\n padding: 0;\n border: 0;\n}\n.passage, #sidebar * {\n font-family: Geneva, "Helvetica Neue", Helvetica, sans-serif;\n color:#000;\n text-align:left;\n}\n.passage {\n border-radius: 0.2em;\n width: 60%;\n margin: auto;\n padding: 2em;\n font-size:1.5rem;\n background-color:#fff;\n border: solid #000 0.05em;\n box-shadow: #000 0.5em 0.5em 0;\n}\na.internalLink, a.externalLink {\n border: solid #000 0.05em;\n white-space: nowrap;\n padding: 0.1em 0.2em 0.1em 0.2em;\n border-radius: 0.5em;\n color:#000;\n}\na.internalLink:hover, a.externalLink:hover {\n text-decoration: none;\n box-shadow: #000 0 0 0 0.1em;\n color:#000;\n}\na.internalLink:active, a.externalLink:active {\n color: #fff;\n background-color:#000;\n}\nbody {\n background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAA////pdmf3QAAAA5JREFUeF5jOACEBgwGAAnIAeGomjuiAAAAAElFTkSuQmCC);\n}\n#sidebar {\n position:absolute;\n top:0px;\n left:0px;\n width:99.2%;\n overflow-x:hidden;\n background-color:#fff;\n border-bottom: solid #000 1px;\n}\n#sidebar * {\n color: #000 !important;\n font-size:1.5rem;\n background-color:clear !important;\n display:inline !important;\n}\n#sidebar a:hover, #sidebar #snapback:hover, #sidebar #restart:hover {\n text-decoration:underline !important;\n}\n#sidebar a:active, #sidebar #snapback:active, #sidebar #restart:active {\n color:#fff !important;\n font-size:1.5rem;\n background-color:#000 !important;\n display:inline !important;\n}\n#sidebar li, #sidebar li > span {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n#sidebar a, #sidebar a:hover {\n border: 0 !important;\n box-shadow: none;\n}\n.menu {\n background-color:#fff;\n color:#000;\n opacity:1;\n font-size: 1.5rem;\n border: solid #000 1px;\n box-shadow: #000 0.1em 0.1em 0;\n}\n.menu div:hover {\n background-color:#000;\n color:#fff;\n}\n#credits, #share, #titleSeparator, #sidebar li br {\n display:none !important;\n}

body {\n background:LightGrey;\n color: #000;\n font: medium "Times New Roman", Times, serif;\n margin: auto;\n padding: 8px;\n}\n#passages {\n margin: auto;\n border: 0;\n padding: 0;\n}\n.header, .footer {\n border: 1px inset;\n margin: 0.5rem auto;\n}\n.passage {\n font: inherit;\n line-height: inherit;\n margin: auto;\n}\n.passage ul {\n padding: 0;\n text-align: left;\n}\n.passage li {\n display:inherit;\n margin: 0;\n}\na, #sidebar #snapback, #sidebar #restart, #sidebar #share, .menu div {\n font-weight:inherit !important;\n text-decoration: underline !important;\n color: #00F !important;\n}\na.visited {\n color: #7F007F;\n}\n#sidebar {\n font: inherit !important;\n position:static;\n width: auto;\n list-style: disc outside;\n}\n#sidebar ul {\n padding: inherit;\n}\n#sidebar li {\n color: inherit;\n text-align:inherit;\n margin:inherit;\n display:inline;\n}\n#sidebar #titleSeparator {\n display:none;\n}\n#sidebar #title, #sidebar #title:hover {\n color:inherit;\n}\n#sidebar #storyTitle, #sidebar #storyTitle:hover {\n font-size: 2rem;\n margin: .67rem 0;\n font-weight:bold;\n}\n#sidebar #storySubtitle {\n font-size: inherit;\n font-weight:bold;\n}\n#sidebar #storyAuthor::before {\n content: "by ";\n}\n#sidebar #storyAuthor {\n font-size:medium;\n display:block;\n font-weight:bold !important;\n}\n#sidebar #credits {\n display:block;\n font-size: smaller;\n padding: inherit;\n}\n#snapbackMenu::before {\n content: "Rewind to:";\n font-weight:bold;\n}\n#shareMenu::before {\n content: "Share this story at:";\n font-weight:bold;\n}\n.menu::before {\n content: "Rewind to:";\n font-weight:bold;\n}\n.menu, .menu div:hover {\n position: static;\n background-color:inherit;\n color:inherit;\n opacity:1;\n border:0;\n font:inherit;\n line-height:inherit;\n}\n.menu div {\n margin: 0 1.12rem;\n display: list-item;\n list-style:disc outside;\n}

<<styleswap "Closed In">>\nIt doesn't matter in the end. \n\n<<replace>>They beat and kick me<<playsound "beating.ogg">><<becomes>>Pain and fear engulfs me<<becomes>>They pull a noose about my throat<<becomes>>I am [[dragged outside|a04]]<<endreplace>>. \n

A dream

(function () {\n "use strict";\n version.extensions['soundMacros'] = {\n major: 1,\n minor: 1,\n revision: 2\n };\n var p = macros['playsound'] = {\n soundtracks: {},\n handler: function (a, b, c, d) {\n var loop = function (m) {\n if (m.loop == undefined) {\n m.loopfn = function () {\n this.play();\n };\n m.addEventListener('ended', m.loopfn, 0);\n } else m.loop = true;\n m.play();\n };\n var s = eval(d.fullArgs());\n if (s) {\n s = s.toString();\n var m = this.soundtracks[s.slice(0, s.lastIndexOf("."))];\n if (m) {\n if (b == "playsound") {\n m.play();\n } else if (b == "loopsound") {\n loop(m);\n } else if (b == "pausesound") {\n m.pause();\n } else if (b == "unloopsound") {\n if (m.loop != undefined) {\n m.loop = false;\n } else if (m.loopfn) {\n m.removeEventListener('ended', m.loopfn);\n delete m.loopfn;\n }\n } else if (b == "stopsound") {\n m.pause();\n m.currentTime = 0;\n } else if (b == "fadeoutsound" || b == "fadeinsound") {\n if (m.interval) clearInterval(m.interval);\n if (b == "fadeinsound") {\n if (m.currentTime>0) return;\n m.volume = 0;\n loop(m);\n } else {\n if (!m.currentTime) return;\n m.play();\n }\n var v = m.volume;\n m.interval = setInterval(function () {\n v = Math.min(1, Math.max(0, v + 0.005 * (b == "fadeinsound" ? 1 : -1)));\n m.volume = Math.easeInOut(v);\n if (v == 0 || v == 1) clearInterval(m.interval);\n if (v == 0) {\n m.pause();\n m.currentTime = 0;\n m.volume = 1;\n }\n }, 10);\n }\n }\n }\n }\n }\n macros['fadeinsound'] = p;\n macros['fadeoutsound'] = p;\n macros['unloopsound'] = p;\n macros['loopsound'] = p;\n macros['pausesound'] = p;\n macros['stopsound'] = p;\n macros['stopallsound'] = {\n handler: function () {\n var s = macros.playsound.soundtracks;\n for (var j in s) {\n\t\tif (s.hasOwnProperty(j)) {\n s[j].pause();\n if (s[j].currentTime) {\n\t\t s[j].currentTime = 0;\n\t\t }\n\t\t}\n }\n }\n }\n var div = document.getElementById("storeArea").firstChild;\n var fe = ["ogg", "mp3", "wav", "webm"];\n while (div) {\n var b = String.fromCharCode(92);\n var q = '"';\n var re = "['" + q + "]([^" + q + "']*?)" + b + ".(ogg|mp3|wav|webm)['" + q + "]";\n k(new RegExp(re, "gi"));\n div = div.nextSibling;\n }\n\n function k(c, e) {\n do {\n var d = c.exec(div.innerHTML);\n if (d) {\n var a = new Audio();\n if (a.canPlayType) {\n for (var i = -1; i < fe.length; i += 1) {\n if (i >= 0) d[2] = fe[i];\n if (a.canPlayType("audio/" + d[2])) break;\n }\n if (i < fe.length) {\n a.setAttribute("src", d[1] + "." + d[2]);\n a.interval = null;\n macros.playsound.soundtracks[d[1]] = a;\n } else console.log("Browser can't play '" + d[1] + "'");\n }\n }\n } while (d);\n }\n}());

#share, #credits { display: none !important; }\n.passage {\n color:rgba(0,0,0,0) !important;\n text-shadow: #bbb 0 0 0.1em, #bbb 0 0 1em;\n}\n#passages {\n border-left: 0;\n border-left: 0;\n margin-left: 18em;\n margin-top: 6em;\n}\nhtml {\n height:100%;\n height:100vh;\n}\nbody {\n font-size: 0.9em;\n background-repeat: no-repeat;\n background-image: -webkit-linear-gradient(top, #000000 0%,#353535 57%,#1e1e1e 64%,#000000 100%);\n background-image: linear-gradient(to bottom, #000000 0%,#353535 57%,#1e1e1e 64%,#000000 100%);\n}\na.internalLink, a.externalLink {\n color:rgba(0,0,0,0);\n text-shadow: silver 0 0 0.1em, silver 0 0 1em;\n}\na.internalLink:hover, a.externalLink:hover {\n color:rgba(255,255,255,0.5) !important;\n text-shadow: silver 0 0 0.1em, silver 0 0 1em;\n text-decoration:none;\n}\n#sidebar {\n top:0;\n left:0;\n padding-top: 4.2em;\n padding-left: 4.2em;\n width: 16em;\n height: 100%;\n background-image: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);\n background-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);\n}\n#sidebar, #sidebar #title, #sidebar a {\n color: rgba(0,0,0,0);\n text-shadow: #555 0 0 0.1em, #555 0 0 1em !important;\n}\n#sidebar #title:hover, #sidebar a.hover, #sidebar li:hover {\n color:rgba(255,255,255,0.25) !important;\n}\n#sidebar li {\n text-align: left;\n}\n@media screen and (max-width: 960px) {\n body {\n font-size: 0.8em;\n }\n #sidebar {\n padding-top: 3em;\n padding-left: 3em;\n width: 9em;\n }\n #passages {\n margin-left: 15em;\n }\n}\n@media screen and (max-width: 640px) {\n body {\n font-size: 0.8em;\n }\n #sidebar, #sidebar:hover {\n width: 100%;\n height: 6em;\n padding: 2em 1em 2em 2em;\n text-align:center;\n background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);\n background-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);\n }\n #sidebar li { display:inline; margin-right: 2em; }\n #passages {\n margin: 14em 0 0 0em;\n }\n}

.passage[id=passageStart] a.internalLink {\n white-space:nowrap;\n}\n\n.revision-span-in {\n\topacity: 0;\n}\n.revision-span:not(.revision-span-out) {\n\ttransition: 1s; -webkit-transition: 1s;\n}\n.revision-span-out {\n\tposition:absolute;\n\topacity: 0;\n}

#sidebar { \n display: none; \n}\nhtml, body {\n margin: 0 !important;\n width: 100%;\n height: 100%;\n overflow: hidden;\n background-color: #420;\n}\nbody {\n font-size: 40%;\n}\n\n#passages {\n width: calc(100% - 24em);\n height: calc(100% - 24em);\n margin: 12em;\n padding: 0em;\n outline: double 9em #840;\n border: solid 9em #441800;\n background-color: linen;\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n overflow-y: auto;\n}\n.passage {\n font-size: 1.5rem;\n margin: 0;\n padding: 1.66em;\n height: calc(100% - 3.33em);\n color: black;\n background-color: linen;\n font-family: “Book Antiqua”, Palatino, Georgia, serif;\n}\na.internalLink, a.externalLink {\n color: #444;\n}\na.internalLink:hover {\n color: darkred;\n}\nhr {\n border: 0;\n border-bottom: grey solid 2px;\n}

@keyframes borderkeyframe\n{\n0% {box-shadow: 0 0 1em 1em }\n50% {box-shadow: 0 0 0.5em 0.5em }\n100% {box-shadow: 0 0 1em 1em }\n}\n@-webkit-keyframes borderkeyframe\n{\n0% {box-shadow: 0 0 2em 1em }\n50% {box-shadow: 0 0 2em 0.5em }\n100% {box-shadow: 0 0 2em 1em }\n}\n.passage[data-tags~=tier6] {\n text-shadow: 0 0 1em hsl(0,100%,60%);\n color: hsl(0,100%,50%);\n background-color: hsl(0,100%,5%);\n}\n.passage[data-tags~=tier7] {\n text-shadow: 0 0 1em hsl(45,100%,60%);\n color: hsl(45,100%,50%);\n background-color: hsl(45,100%,5%);\n}\n.passage:not([data-tags*=tier]) {\n text-shadow: 0 0 1em hsl(90,100%,70%);\n color: hsl(90,100%,50%);\n background-color: hsl(90,100%,5%);\n}\n.passage[data-tags~=tier1] {\n text-shadow: 0 0 1em hsl(135,100%,60%);\n color: hsl(135,100%,50%);\n background-color: hsl(135,100%,5%);\n}\n.passage[data-tags~=tier2] {\n text-shadow: 0 0 1em hsl(180,100%,60%);\n color: hsl(180,100%,50%);\n background-color: hsl(180,100%,5%);\n}\n.passage[data-tags~=tier3] {\n text-shadow: 0 0 1em hsl(225,100%,60%);\n color: hsl(225,100%,50%);\n background-color: hsl(225,100%,5%);\n}\n.passage[data-tags~=tier4] {\n text-shadow: 0 0 1em hsl(270,100%,60%);\n color: hsl(270,100%,50%);\n background-color: hsl(270,100%,5%);\n}\n.passage[data-tags~=tier5] {\n text-shadow: 0 0 1em hsl(315,100%,60%);\n color: hsl(315,100%,50%);\n background-color: hsl(315,100%,5%);\n}\nbody {\n width: 100%;\n margin-left: 0;\n}\n#passages {\n font-size: 1.5em;\n text-align:center;\n border-left: 0;\n margin-left: 0;\n padding-left: 0;\n}\n.passage {\n display: inline-block;\n width: 50%;\n padding: 4em;\n margin: 5em 0 5em 0;\n border-radius: 8em;\n border-color: white;\n border-width: 2px;\n box-shadow: 0 0 2.5em 2.5em;\n animation: borderkeyframe 6s infinite;\n -webkit-animation: borderkeyframe 6s infinite;\n}\na.internalLink, a.externalLink {\n color: white;\n font-size: 1.2em;\n text-shadow: 0 0 1em silver;\n}\na.internalLink:hover, a.externalLink:hover {\n color: white;\n text-decoration: none;\n text-shadow: 0 0 1.5em silver, 0 0 0.75em white;\n}\n.passage .content, .passage .body {\n color: white;\n text-shadow: inherit;\n}\n.passage .title {\n margin-top: 0.2em;\n font-style: italic;\n font-size: 2em;\n color: white;\n text-align: center;\n}\n.passage img {\n display: block;\n margin-left:auto;\n margin-right:auto;\n}\n#sidebar {\n display:none;\n}

body {\n margin: 2%;\n}\n#passages{\n margin: 0;\n padding: 0;\n border: 0;\n width:96%;\n margin: auto;\n}\n.passage {\n font-size:6em; \n color: #888;\n text-shadow: #888 0 0 0.05em;\n}\n@media screen and (max-width: 960px) {\n .passage {\n font-size: 4em;\n }\n}\n@media screen and (max-width: 640px) {\n .passage {\n font-size: 3em;\n }\n}\na.internalLink, a.externalLink {\n color: #eee;\n text-shadow: #eee 0 0 0.07em;\n}\na.internalLink:hover, a.externalLink:hover {\n color: #fff;\n text-decoration: none;\n text-shadow: #fff 0 0 0.09em;\n}\n#sidebar {\n\tdisplay:none;\n}

body {\n margin: 0;\n background-color:#000;\n}\n#passages {\n margin: 0;\n padding: 0;\n border: 0;\n}\n.passage {\n width: 40%;\n min-width: 26em;\n font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;\n letter-spacing: 0.1em;\n font-size:1.8em;\n margin: 10% 0 10% 10%;\n box-shadow: orangered 0 0 0 0.4em;\n border: gold solid 0.4em;\n padding:0.4em;\n background-color:lawngreen;\n border-radius: 1em;\n}\n.passage .content, .passage .body {\n margin: 0;\n padding: 1.5em;\n background-color:#000;\n box-shadow: lawngreen 0 0 0 0.4em;\n border: cornflowerblue solid 0.4em;\n border-radius:0.2em;\n text-align:left;\n font-family: sans-serif;\n font-weight: lighter;\n color:#fff;\n}\n\na.internalLink, a.externalLink {\n background-color:#506070;\n box-shadow: #304050 0.1em 0.1em 0 0.1em;\n position:relative;\n left: -0.1em;\n top: -0.1em;\n padding: 0.2em 0.3em 0.2em 0.3em;\n font-weight: lighter;\n color:#fff;\n}\na.internalLink:hover, a.externalLink:hover {\n color:#fff;\n background-color:slategray;\n text-decoration:none;\n}\na.internalLink:active, a.externalLink:active {\n box-shadow: none;\n background-color:#304050;\n position:static;\n margin: 0;\n}\n#sidebar {\n display:none;\n}

<<styleswap "Closed In">><<fadeoutsound "firecrackles.mp3">>\n\n<<timedremove 3.2s>>The sky is burning cinder.<<endtimedremove>>\n<<timedinsert 3.2s>><<timedremove 3s>>Broken ground shreds my skin.<<endtimedremove>><<endtimedinsert>>\n<<timedinsert 6.2s>><<timedremove 3s>>I claw at the rope and wail.<<endtimedremove>><<endtimedinsert>>\n<<timedinsert 9.2s>>But I can scream no more when I see [[what awaits|a05]].<<endtimedinsert>>\n

@keyframes blink {\n\t0%,100% { opacity:1; } 50% { opacity:0; }\n}\n\n@-webkit-keyframes blink {\n\t0%,100% { opacity:1; } 50% { opacity:0; }\n}\nhtml {\n background-color: rgb(85,87,83);\n}\nbody {\n background-color: rgb(212,208,200);\n width: 80em;\n margin: 5em auto auto auto;\n border: outset 2px #fff;\n}\n#passages {\n background-color: white;\n border: inset 2px #888;\n margin: 0.25em auto;\n width: 79.5em;\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n padding: 0.5em 1em;\n}\n.passage {\n color: black;\n font: normal 11pt/1.33em Consolas, sans-serif;\n}\n.passage .internalLink::before {\n content: "[[";\n}\n.passage a.internalLink::after {\n content: "]]"; \n}\n.passage .internalLink {\n color: #00f;\n}\n.passage .internalLink:hover, .passage .internalLink:active {\n text-decoration: none;\n color: #000;\n background-color: rgb(178,180,191);\n}\n.passage .internalLink:active {\n color: #fff;\n}\n.passage em, .passage strong, .passage u, .passage span:not([class]), .passage sup, .passage sub, .passage strike {\n color: #008200;\n text-decoration: none;\n font-weight: normal;\n font-style: normal;\n font-size: 11pt;\n vertical-align: baseline;\n}\n.passage strong::before, .passage strong::after {\n content: "''";\n}\n.passage em::before, .passage em::after {\n content: "//";\n}\n.passage u::before, .passage u::after {\n content: "__";\n}\n.passage sup::before, .passage sup::after {\n content: "^^";\n}\n.passage sub::before, .passage sub::after {\n content: "~~";\n}\n.passage strike::before, .passage strike::after {\n content: "==";\n}\n.passage span:not([class])::before, .passage span:not([class])::after {\n content: "<html>";\n}\n.passage span:not([class])::after {\n content: "</html>";\n}\n.passage hr {\n border: 0px;\n height: auto;\n}\n.passage hr::before {\n content: "-----";\n}\n.header, .content, .footer {\n display: inline;\n}\n.footer {\n\tborder-left: 1px solid #000;\n\tanimation: blink 1s steps(1,end) infinite;\n\t-webkit-animation: blink 1s steps(1,end) infinite;\n}\n#sidebar {\n position: static;\n width: 100%;\n}\n#sidebar li, #storyTitle, .menu div {\n text-align: left;\n line-height: 100% !important;\n font: 9pt Tahoma, sans-serif;\n}\n#sidebar #title :not(:first-child), #sidebar #credits {\n display:none;\n}\n#sidebar :not(:first-child) {\n display:inline-block;\n font-weight: normal;\n text-style: none;\n margin: 0 0.2em;\n padding: 0.2em 0.25em;\n border: outset 1px transparent;\n}\n#snapback {\n margin-left: 0.25em !important;\n}\n#restart:hover, #snapback:hover, #share:hover {\n color: #000 !important;\n border: outset 1px #fff;\n}\n#storyTitle {\n text-size: inherit;\n color: white;\n font-weight: bold;\n vertical-align:middle;\n}\n#sidebar #storyTitle::before {\n width: 16px;\n height: 16px;\n margin: 1px 3px 1px 1px;\n display: inline-block;\n content: "&zwnj;"; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAABWklEQVR4AYWRz0vDMBTHk7Rdaq0yvPQyRWQoE2/Dk4JnQc9e/AtE/whP/g3+BYJXLzt7UvDmcSDs5H7ZrluFdGkbk2ZtwioaystL3vt835cUOs0rkK/rm1N3fUPmPN7d3kPTLY9lYpYZZVaCVqodSzcK6I+C2dzQyuxXWAGD8cQmSDUxAbCM7Bz0NlvfXtOse+moB7UJw8CKFqoQsZOL973jzMKGZfMP1WzAc8PUgME4QDjlqu2jjtcY8jIluUMog9hqTqomBGEELHB2/ohXoWyFeaskZM4SDeCVw3YnTRIaI121yAVK40xNgIA5uL+wAYSiVP3sGt3XevjlUIJj4iqg4b1QkgkDoleE54ftabgvbZVRAWv4ozTDy29Pu7OotdTNjwpI5gklxRGC6WRLe0IFakCc0ji38udSgHgBIv6DWMWLVlndUpZP+GeEAnz/EvhKERp2VZ7f/ABn6XNPaqBuEQAAAABJRU5ErkJggg%3D%3D);\n}\n#sidebar #title #storyTitle::after {\n content: " - Twine";\n}\n#sidebar #title {\n margin: auto;\n padding: 0;\n background-color: rgb(10,36,106);\n background-image: linear-gradient(90deg, rgb(10,36,106) 0%, rgb(166,202,240) 100%);\n background-image: -webkit-linear-gradient(0deg, rgb(10,36,106) 0%, rgb(166,202,240) 100%);\n}\n.menu div {\n padding: 0.25em 1em;\n}\n.menu div i {\n font-style: normal;\n color: gray;\n text-shadow: 1px 1px white;\n}\n.menu div i:hover {\n text-shadow: 0px 0px transparent;\n}\n.menu div:hover {\n background-color: rgb(10,36,106);\n color: #fff;\n}\n.menu {\n border: 1px outset #fff;\n background-color: inherit;\n opacity: 1;\n color: #000;\n}

body {\n\n background-image: linear-gradient(20deg, rgba(63,190,255,0.4) 0%,rgba(0,0,0,0) 30%), \n linear-gradient(115deg, rgba(63,255,165,0.4) 0%,rgba(0,0,0,0) 30%), \n linear-gradient(200deg, rgba(255,190,64,0.4) 0%,rgba(0,0,0,0) 30%),\n linear-gradient(320deg, rgba(255,64,190,0.4) 0%,rgba(0,0,0,0) 30%);\n background-attachment:fixed;\n margin: 0;\n\n background-image: -webkit-linear-gradient(20deg, rgba(63,190,255,0.4) 0%,rgba(0,0,0,0) 30%), \n -webkit-linear-gradient(115deg, rgba(63,255,165,0.4) 0%,rgba(0,0,0,0) 30%), \n -webkit-linear-gradient(200deg, rgba(255,190,64,0.4) 0%,rgba(0,0,0,0) 30%),\n -webkit-linear-gradient(320deg, rgba(255,64,190,0.4) 0%,rgba(0,0,0,0) 30%);\n background-attachment:fixed;\n margin: 0;\n}\nhtml {\n height:100%;\n width:100%;\n}\n#passages {\n border-left: 0;\n margin: 0;\n padding: 0;\n line-height:100vh;\n text-align:center;\n}\n.passage {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin:auto;\n font-size: 2em;\n width: 50%;\n height: 50%;\n transform: rotate(-0.3deg);\n -webkit-transform: rotate(-0.3deg);\n}\n.passage {\n text-align:center;\n}\n#sidebar li:nth-child(3n) {\n transform: rotate(3deg);\n -webkit-transform: rotate(3deg);\n margin-right: -1em;\n}\n#sidebar li:nth-child(3n+1) {\n transform: rotate(2deg);\n -webkit-transform: rotate(2deg);\n}\n#sidebar li:nth-child(3n+2) {\n transform: rotate(-2deg);\n -webkit-transform: rotate(-2deg);\n margin-right: 1em;\n}\n#sidebar li, #sidebar li a {\n color: #555;\n}\n#sidebar #share {\n display:none;\n}\n@media screen and (max-width: 960px) {\n body { font-size: 55%; }\n}\n@media screen and (max-width: 840px) {\n body { font-size: 45%; }\n}\n@media screen and (max-width: 720px) {\n body { \n font-size: 40%;\n }\n #sidebar, #sidebar:hover {\n width: 100%;\n height: 6em;\n left: 0em;\n font-size:1.8em;\n }\n #sidebar li#title { display:block; }\n #sidebar li { margin-right: 2em; }\n #sidebar #credits { display: none; }\n #passages {\n margin: 10em 0 0 0em;\n }\n}

head {\n box-shadow: inset 0px 0px 30em #bbb;\n width:100%;\n height:100%;\n display:block;\n position:fixed;\n}\nhead * {\n display:none;\n}\nbody {\n background-color:#fff;\n margin: 0;\n text-align:center;\n}\n#passages {\n border-left: 0;\n margin: 0;\n padding: 0;\n line-height:100vh;\n}\n.passage {\n position:absolute;\n top: 0; bottom: 0; left: 0; right: 0;\n width: 75%;\n height: 75%;\n margin:auto;\n font: bolder 6em/1.25em Helvetica, "Helvetica Neue", Arial, sans-serif;\n color: #000;\n letter-spacing: -0.05em;\n text-align:center;\n}\n#sidebar {\n display:table;\n position:fixed;\n top: 0; left: 0;\n width:100%;\n height:100%;\n}\n#sidebar #title {\n display:table-cell; \n vertical-align:middle;\n text-align:center;\n}\n#sidebar #title #storyTitle {\n font: bolder 12em/1.25em Helvetica, "Helvetica Neue", Arial, sans-serif !important;\n letter-spacing: -0.05em;\n color:rgba(0,0,0,0.15);\n}\n#title :not(#storyTitle){\n display:none;\n}\n#storymenu, #snapback, #restart, #share, #credits {\n display:none;\n}\na.internalLink:hover, a.externalLink:hover {\n color:#de0000 !important;\n text-decoration: none;\n}\na.internalLink:nth-child(3n), a.externalLink:nth-child(3n) {\n color: #666;\n}\na.internalLink:nth-child(3n+1), a.externalLink:nth-child(3n+1) {\n color: #777;\n}\na.internalLink:nth-child(3n+2), a.externalLink:nth-child(3n+2) {\n color: #888;\n}\n@media screen and (max-width: 960px) {\n body { font-size: 50%; }\n}\n@media screen and (max-width: 840px) {\n body { font-size: 40%; }\n}\n@media screen and (max-width: 720px) {\n body { \n font-size: 30%;\n }\n}

(function(){version.extensions.replaceMacrosCombined={major:1,minor:1,revision:7};var nullobj={handler:function(){}};function showVer(n,notrans){if(!n){return;}n.innerHTML="";\nnew Wikifier(n,n.tweecode);n.setAttribute("data-enabled","true");n.style.display="inline";n.classList.remove("revision-span-out");if(!notrans){n.classList.add("revision-span-in");\nif(n.timeout){clearTimeout(n.timeout);}n.timeout=setTimeout(function(){n.classList.remove("revision-span-in");n=null;},20);}}function hideVer(n,notrans){if(!n){return;\n}n.setAttribute("data-enabled","false");n.classList.remove("revision-span-in");if(n.timeout){clearTimeout(n.timeout);}if(!notrans){n.classList.add("revision-span-out");\nn.timeout=setTimeout(function(){if(n.getAttribute("data-enabled")=="false"){n.classList.remove("revision-span-out");n.style.display="none";n.innerHTML="";}n=null;\n},1000);}else{n.style.display="none";n.innerHTML="";n=null;}}function tagcontents(b,starttags,desttags,endtags,k){var l=0,c="",tg,a,i;function tagfound(i,e,endtag){for(var j=0;\nj<e.length;j++){if(a.indexOf("<<"+e[j]+(endtag?">>":""),i)==i){return e[j];}}}a=b.source.slice(k);for(i=0;i<a.length;i++){if(tg=tagfound(i,starttags)){l++;}else{if((tg=tagfound(i,desttags,true))&&l==0){b.nextMatch=k+i+tg.length+4;\nreturn[c,tg];}else{if(tg=tagfound(i,endtags,true)){l--;if(l<0){return null;}}}}c+=a.charAt(i);}return null;}var begintags=[];var endtags=[];function revisionSpanHandler(g,e,f,b){var k=b.source.indexOf(">>",b.matchStart)+2,vsns=[],vtype=e,flen=f.length,becomes,c,cn,m,h,vsn;\nfunction mkspan(vtype){h=insertElement(m,"span",null,"revision-span "+vtype);h.setAttribute("data-enabled",false);h.style.display="none";h.tweecode="";return h;}if(this.shorthand&&flen){while(f.length>0){vsns.push([f.shift(),(this.flavour=="insert"?"gains":"becomes")]);\n}}else{if(this.flavour=="insert"||(this.flavour=="continue"&&this.trigger=="time")){vsns.push(["","becomes"]);}}if(this.flavour=="continue"&&flen){b.nextMatch=k+b.source.slice(k).length;\nvsns.push([b.source.slice(k),vtype]);}else{becomes=["becomes","gains"];c=tagcontents(b,begintags,becomes.concat(endtags),endtags,k);if(c&&endtags.indexOf(c[1])==-1){while(c){vsns.push(c);\nc=tagcontents(b,begintags,becomes,endtags,b.nextMatch);}c=tagcontents(b,begintags,["end"+e],endtags,b.nextMatch);}if(!c){throwError(g,"can't find matching end"+e);\nreturn;}vsns.push(c);if(this.flavour=="continue"){k=b.nextMatch;b.nextMatch=k+b.source.slice(k).length;vsns.push([b.source.slice(k),""]);}}if(this.flavour=="remove"){vsns.push(["","becomes"]);\n}cn=0;m=insertElement(g,"span",null,e);m.setAttribute("data-flavour",this.flavour);h=mkspan("initial");vsn=vsns.shift();h.tweecode=vsn[0];showVer(h,true);while(vsns.length>0){if(vsn){vtype=vsn[1];\n}vsn=vsns.shift();h=mkspan(vtype);h.tweecode=vsn[0];}if(typeof this.setup=="function"){this.setup(m,g,f);}}function quantity(m){return(m.children.length-1)+(m.getAttribute("data-flavour")=="remove");\n}function revisionSetup(m,g,f){m.className+=" "+f[0].replace(" ","_");}function keySetup(m,g,f){var key=f[0];m.setEventListener("keydown",function l(e){var done=!revise("revise",m);\nif(done){m.removeEventListener("keydown",l);}});}function timeSetup(m,g,f){function cssTimeUnit(s){if(typeof s=="string"){if(s.slice(-2).toLowerCase()=="ms"){return Number(s.slice(0,-2))||0;\n}else{if(s.slice(-1).toLowerCase()=="s"){return Number(s.slice(0,-1))*1000||0;}}}throwError(g,s+" isn't a CSS time unit");return 0;}var tm=cssTimeUnit(f[0]);var s=state.history[0].passage.title;\nsetTimeout(function timefn(){if(state.history[0].passage.title==s){var done=!revise("revise",m);if(!done){setTimeout(timefn,tm);}}},tm);}function hoverSetup(m){var fn,noMouseEnter=(document.head.onmouseenter!==null),m1=m.children[0],m2=m.children[1],gains=m2.className.indexOf("gains")>-1;\nif(!m1||!m2){return;}m1.onmouseenter=function(e){var efp=document.elementFromPoint(e.clientX,e.clientY);while(efp&&efp!==this){efp=efp.parentNode;}if(!efp){return;\n}if(this.getAttribute("data-enabled")!="false"){revise("revise",this.parentNode);}};m2.onmouseleave=function(e){var efp=document.elementFromPoint(e.clientX,e.clientY);\nwhile(efp&&efp!==this){efp=efp.parentNode;}if(efp){return;}if(this.getAttribute("data-enabled")!="false"){revise("revert",this.parentNode);}};if(gains){m1.onmouseleave=m2.onmouseleave;\n}if(noMouseEnter){fn=function(n){return function(e){if(!event.relatedTarget||(event.relatedTarget!=this&&!(this.compareDocumentPosition(event.relatedTarget)&Node.DOCUMENT_POSITION_CONTAINED_BY))){this[n]();\n}};};m1.onmouseover=fn("onmouseenter");m2.onmouseout=fn("onmouseleave");if(gains){m1.onmouseout=m2.onmouseout;}}m=null;}function mouseSetup(m){var evt=(document.head.onmouseenter===null?"onmouseenter":"onmouseover");\nm[evt]=function(){var done=!revise("revise",this);if(done){this[evt]=null;}};m=null;}function linkSetup(m,g,f){var l=Wikifier.createInternalLink(),p=m.parentNode;\nl.className="internalLink replaceLink";p.insertBefore(l,m);l.insertBefore(m,null);l.onclick=function(){var p,done=false;if(m&&m.parentNode==this){done=!revise("revise",m);\nscrollWindowTo(m);}if(done){this.parentNode.insertBefore(m,this);this.parentNode.removeChild(this);}};l=null;}function visitedSetup(m,g,f){var i,done,shv=state.history[0].variables,os="once seen",d=(m.firstChild&&(this.flavour=="insert"?m.firstChild.nextSibling:m.firstChild).tweecode);\nshv[os]=shv[os]||{};if(d&&!shv[os].hasOwnProperty(d)){shv[os][d]=1;}else{for(i=shv[os][d];i>0&&!done;i--){done=!revise("revise",m,true);}if(shv[os].hasOwnProperty(d)){shv[os][d]+=1;\n}}}[{name:"insert",flavour:"insert",trigger:"link",setup:linkSetup},{name:"timedinsert",flavour:"insert",trigger:"time",setup:timeSetup},{name:"insertion",flavour:"insert",trigger:"revisemacro",setup:revisionSetup},{name:"later",flavour:"insert",trigger:"visited",setup:visitedSetup},{name:"keyinsert",flavour:"insert",trigger:"key",setup:keySetup},{name:"replace",flavour:"replace",trigger:"link",setup:linkSetup},{name:"timedreplace",flavour:"replace",trigger:"time",setup:timeSetup},{name:"mousereplace",flavour:"replace",trigger:"mouse",setup:mouseSetup},{name:"hoverreplace",flavour:"replace",trigger:"hover",setup:hoverSetup},{name:"revision",flavour:"replace",trigger:"revisemacro",setup:revisionSetup},{name:"keyreplace",flavour:"replace",trigger:"key",setup:keySetup},{name:"timedremove",flavour:"remove",trigger:"time",setup:timeSetup},{name:"mouseremove",flavour:"remove",trigger:"mouse",setup:mouseSetup},{name:"hoverremove",flavour:"remove",trigger:"hover",setup:hoverSetup},{name:"removal",flavour:"remove",trigger:"revisemacro",setup:revisionSetup},{name:"once",flavour:"remove",trigger:"visited",setup:visitedSetup},{name:"keyremove",flavour:"remove",trigger:"key",setup:keySetup},{name:"continue",flavour:"continue",trigger:"link",setup:linkSetup},{name:"timedcontinue",flavour:"continue",trigger:"time",setup:timeSetup},{name:"mousecontinue",flavour:"continue",trigger:"mouse",setup:mouseSetup},{name:"keycontinue",flavour:"continue",trigger:"key",setup:keySetup},{name:"cycle",flavour:"cycle",trigger:"revisemacro",setup:revisionSetup},{name:"mousecycle",flavour:"cycle",trigger:"mouse",setup:mouseSetup},{name:"timedcycle",flavour:"cycle",trigger:"time",setup:timeSetup},{name:"keycycle",flavour:"replace",trigger:"key",setup:keySetup}].forEach(function(e){e.handler=revisionSpanHandler;\ne.shorthand=(["link","mouse","hover"].indexOf(e.trigger)>-1);macros[e.name]=e;macros["end"+e.name]=nullobj;begintags.push(e.name);endtags.push("end"+e.name);});function insideDepartingSpan(elem){var r=elem.parentNode;\nwhile(!r.classList.contains("passage")){if(r.classList.contains("revision-span-out")){return true;}r=r.parentNode;}}function reviseAll(rt,rname){var rall=document.querySelectorAll(".passage [data-flavour]."+rname),ret=false;\nfor(var i=0;i<rall.length;i++){if(!insideDepartingSpan(rall[i])){ret=revise(rt,rall[i])||ret;}}return ret;}function revise(rt,r,notrans){var ind2,curr,next,ind=-1,rev=(rt=="revert"),rnd=(rt.indexOf("random")>-1),fl=r.getAttribute("data-flavour"),rc=r.childNodes,cyc=(fl=="cycle"),rcl=rc.length-1;\nfunction doToGainerSpans(n,fn){for(var k=n-1;k>=0;k--){if(rc[k+1].classList.contains("gains")){fn(rc[k],notrans);}else{break;}}}for(var k=0;k<=rcl;k++){if(rc[k].getAttribute("data-enabled")=="true"){ind=k;\n}}if(rev){ind-=1;}curr=(ind>=0?rc[ind]:(cyc?rc[rcl]:null));ind2=ind;if(rnd){ind2=(ind+(Math.floor(Math.random()*rcl)))%rcl;}next=((ind2<rcl)?rc[ind2+1]:(cyc?rc[0]:null));\nvar docurr=(rev?showVer:hideVer);var donext=(rev?hideVer:showVer);var currfn=function(){if(!(next&&next.classList.contains("gains"))||rnd){docurr(curr,notrans);doToGainerSpans(ind,docurr,notrans);\n}};var nextfn=function(){donext(next,notrans);if(rnd){doToGainerSpans(ind2+1,donext,notrans);}};if(!rev){currfn();nextfn();}else{nextfn();currfn();}return(cyc?true:(rev?(ind>0):(ind2<rcl-1)));\n}macros.revert=macros.revise=macros.randomise=macros.randomize={handler:function(a,b,c){var l,rev,rname;function disableLink(l){l.style.display="none";}function enableLink(l){l.style.display="inline";\n}function updateLink(l){if(l.className.indexOf("random")>-1){enableLink(l);return;}var rall=document.querySelectorAll(".passage [data-flavour]."+rname),cannext,canprev,i,ind,r,fl;\nfor(i=0;i<rall.length;i++){r=rall[i],fl=r.getAttribute("data-flavour");if(insideDepartingSpan(r)){continue;}if(fl=="cycle"){cannext=canprev=true;}else{if(r.firstChild.getAttribute("data-enabled")==!1+""){canprev=true;\n}if(r.lastChild.getAttribute("data-enabled")==!1+""){cannext=true;}}}var can=(l.classList.contains("revert")?canprev:cannext);(can?enableLink:disableLink)(l);}function toggleText(w){w.classList.toggle(rl+"Enabled");\nw.classList.toggle(rl+"Disabled");w.style.display=((w.style.display=="none")?"inline":"none");}var rl="reviseLink";if(c.length<2){throwError(a,b+" macro needs 2 parameters");\nreturn;}rname=c.shift().replace(" ","_");l=Wikifier.createInternalLink(a,null);l.className="internalLink "+rl+" "+rl+"_"+rname+" "+b;var v="";var end=false;var out=false;\nif(c.length>1&&c[0][0]=="$"){v=c[0].slice(1);c.shift();}switch(c[c.length-1]){case"end":end=true;c.pop();break;case"out":out=true;c.pop();break;}var h=state.history[0].variables;\nfor(var i=0;i<c.length;i++){var on=(i==Math.max(c.indexOf(h[v]),0));var d=insertElement(null,"span",null,rl+((on)?"En":"Dis")+"abled");if(on){h[v]=c[i];l.setAttribute("data-cycle",i);\n}else{d.style.display="none";}insertText(d,c[i]);l.appendChild(d);}l.onclick=function(){reviseAll(b,rname);var t=this.childNodes,u=this.getAttribute("data-cycle")-0,m=t.length,n,lall,i;\nif((end||out)&&u>=m-(end?2:1)){if(end){n=this.removeChild(t[u+1]||t[u]);n.className=rl+"End";n.style.display="inline";this.parentNode.replaceChild(n,this);}else{this.parentNode.removeChild(this);\nreturn;}}else{toggleText(t[u]);u=(u+1)%m;if(v){h[v]=c[u];}toggleText(t[u]);this.setAttribute("data-cycle",u);}lall=document.getElementsByClassName(rl+"_"+rname);\nfor(i=0;i<lall.length;i++){updateLink(lall[i]);}};disableLink(l);setTimeout((function(l){return function(){updateLink(l);};}(l)),1);l=null;}};macros.mouserevise=macros.hoverrevise={handler:function(a,b,c,d){var endtags=["end"+b],evt=(window.onmouseenter===null?"onmouseenter":"onmouseover"),t=tagcontents(d,[b],endtags,endtags,d.source.indexOf(">>",d.matchStart)+2);\nif(t){var rname=c[0].replace(" ","_"),h=insertElement(a,"span",null,"hoverrevise hoverrevise_"+rname),f=function(){var done=!reviseAll("revise",rname);if(b!="hoverrevise"&&done){this[evt]=null;\n}};new Wikifier(h,t[0]);if(b=="hoverrevise"){h.onmouseover=f;h.onmouseout=function(){reviseAll("revert",rname);};}else{h[evt]=f;}h=null;}}};macros.instantrevise={handler:function(a,b,c,d){reviseAll("revise",c[0].replace(" ","_"));\n}};macros.endmouserevise=nullobj;macros.endhoverrevise=nullobj;}());

body {\n margin: 10% 0 10% 0;\n background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAABCAIAAADy9L3xAAAArElEQVR4AaWPMQrCQBBFZ2bZRFBJIaYIaBtJY+MVxAN7AEttTGFnIwrpREOEiLvrzphcYf3lh/94H6XeVseyOZQTpZlZEIJjCD4DXWzWkCYOmCCc1XlosvC61tU5QqfAA3CwGAK3OIyyFSbZ16MQBaNEJCJSzeO+343s+5+PnQMjteyneREvls4joQSLdUMCh2BulxPYJ6Hri9AgimGtx/N0lluJGVQoqd+xyA/TqkKJWL28CQAAAABJRU5ErkJggg%3D%3D);\n}\n#passages {\n padding: 0;\n border: 0;\n text-align:center;\n margin-left:0;\n}\n.passage {\n display: inline-block;\n width: 60%;\n border-radius: 0.5em;\n box-shadow: rgba(0,0,0,0.1) 0.5em 0.5em 0.4em;\n background-color: #fff;\n background-color: hsla(0,0%,100%,0.8);\n min-height:40%;\n padding: 3em;\n font-size:1.6em;\n color: rgb(80,10,0);\n}\n#sidebar {\n display:none;\n}\na.internalLink, a.externalLink {\n color: rgb(220,130,80);\n}\na.internalLink:hover, a.externalLink:hover {\n color: rgb(240,190,80);\n text-decoration:none;\n}

html {\n height: 100%;\n height:100vh;\n}\nbody {\n margin: 0;\n padding: 0;\n background-color: #000;\n height: 90%;\n background: -webkit-radial-gradient(center 99%, ellipse cover, #666 0%,#111 40%) #000;\n background: radial-gradient(ellipse at center 99%, #666 0%, #111 40%) #000;\n}\n#passages {\n margin: 0 0 0 24em;\n border-left: 0;\n}\n.passage {\n margin: 2em;\n font-size:1.7em; \n color: white;\n text-shadow: gray 0em -0.4em 0.8em;\n}\na.internalLink, a.externalLink {\n color: #58f;\n text-decoration:none;\n text-shadow: #666 0em -0.8em 6em, #58f 0em -0.3em 2em;\n}\na.internalLink:hover, a.externalLink:hover {\n color: #9Cf;\n text-decoration: none;\n text-shadow: #666 0em -0.8em 3em, #58f 0em -0.3em 1em;\n}\n#sidebar, #sidebar:hover {\n background:#000;\n left: 0;\n top: 0;\n width: 16.5em;\n padding: 4em 2em 0em 4em;\n height: 100%;\n text-shadow: #444 -1.5em -0.75em 0.6em;\n}\n#sidebar #title,#sidebar #title:hover {\n color:white;\n font-size: 2em;\n}\n#sidebar #titleSeparator, #sidebar #share {\n display:none;\n}\n@media screen and (max-width: 960px) {\n #sidebar, #sidebar:hover {\n width: 10em;\n padding: 2em 1em 0em 2em;\n }\n #passages {\n margin: 0 0 0 12em;\n }\n}\n@media screen and (max-width: 640px) {\n body {\n background: -webkit-linear-gradient(90deg, #666 0%,#111 40%) #000;\n background: linear-gradient(90deg #666 0%, #111 40%) #000;\n }\n #sidebar, #sidebar:hover {\n width: 100%;\n height: 6em;\n padding: 2em 1em 0em 2em;\n text-align:center;\n }\n #sidebar li { display:inline; margin-right: 2em; }\n #sidebar #credits { display: none; }\n #passages {\n margin: 10em 0 0 0em;\n }\n}

body {\n margin: 0;\n padding: 0;\n}\n#passages {\n margin: 0 5% 0 5%;\n padding: 2.5% 0 5% 0;\n border-left: saddlebrown solid 1.5em;\n height:auto;\n background: #3d1d08;\n background: -webkit-radial-gradient(center, ellipse cover, #3d1d08 0%,#000000 80%);\n background: radial-gradient(ellipse at center, #3d1d08 0%,#000000 80%);\n}\n.header {\n width: 25%;\n border-top: saddlebrown solid 0.1em;\n margin: auto;\n padding: 0 0 2.5% 0;\n}\n.passage {\n margin: 2em;\n font-family: "Georgia", serif;\n font-size:2.2em; \n color: peru;\n text-shadow: sienna 0.05em 0.05em 0.05em;\n}\na.internalLink, a.externalLink {\n color: burlywood;\n text-shadow: peru 0.05em 0.05em 0.05em;\n}\na.internalLink:hover, a.externalLink:hover {\n color: cornsilk;\n text-decoration: none;\n text-shadow: peru 0.05em 0.05em 0.05em;\n}\n#sidebar {\n\tdisplay:none;\n}

(function(){\n\nmacros['styleswap'] = {\n handler: function(a,name,params) {\n var ss = document.querySelector("style.swapsheet");\n if (!ss) {\n ss = document.createElement("style");\n ss.className="swapsheet";\n document.head.appendChild(ss);\n }\n ss.innerHTML = alterCSS(tale.get(params[0]).text);\n }\n}\nvar bs = String.fromCharCode(92);\nWikifier.formatters.unshift({\n name: "continuedLine",\n match: bs+bs,\n handler: function(a) {\n a.nextMatch = a.matchStart+2;\n }\n});\n}());

body {\n width: 100%;\n margin-left: 0;\n text-align:center;\n}\n#passages {\n position:relative;\n text-align:left;\n display:inline-block;\n font-size: 1.5em;\n background-color:skyblue;\n background-image: -webkit-linear-gradient(top, #87ceeb 0%,#87ceeb 75%,#008eed 75%,#008eed 100%);\n background-image: linear-gradient(to bottom, #87ceeb 0%,#87ceeb 75%,#008eed 75%,#008eed 100%);\n width: 60em;\n height: 60em;\n border-radius: 30em;\n border: darkgoldenrod 1em solid;\n margin-left: 0;\n padding-left: 0;\n}\n.passage {\n position: absolute;\n text-align:center;\n top: 20em;\n bottom: 0;\n margin: -10em 5em auto 5em;\n display:inline-block;\n width: 40em;\n height: 40em;\n overflow-y: hidden;\n /*box-shadow: 0 0 2.5em 2.5em;*/\n}\na.internalLink, a.externalLink {\n color: white;\n font-size: 1.2em;\n}\na.internalLink:hover, a.externalLink:hover {\n color: white;\n text-decoration: none;\n text-shadow: 0 0 0.5em white;\n}\n.passage .body {\n color: white;\n}\n#sidebar {\n display:none;\n}\n@media screen and (max-width: 960px) {\n body { font-size: 55%; }\n}\n@media screen and (max-width: 840px) {\n body { font-size: 45%; }\n}\n@media screen and (max-width: 720px) {\n body { font-size: 40%; }\n}

Unsilken

Bold text with ''bold markup''.\nItalic text with //italic markup//.\nUnderline text with __underline markup__.\nLinks with [[link markup|Lorem]]

version.extensions.timedgotoMacro={major:1,minor:1,revision:0};macros["goto"]=macros["timedgoto"]={timer:null,handler:function(a,b,c,d){\nfunction cssTimeUnit(s){if(typeof s=="string"){if(s.slice(-2).toLowerCase()=="ms"){return Number(s.slice(0,-2))||0;\n}else{if(s.slice(-1).toLowerCase()=="s"){return Number(s.slice(0,-1))*1000||0;}}}throwError(a,s+" isn't a CSS time unit");\nreturn 0;}var t,d,m,s;t=c[c.length-1];d=d.fullArgs();m=0;if(b!="goto"){d=d.slice(0,d.lastIndexOf(t));\nm=cssTimeUnit(t);}d=eval(Wikifier.parse(d));if(d+""){if(this.timer){clearTimeout(this.timer);\n}s=state.history[0].passage.title;this.timer=setTimeout(function(){if(state.history[0].passage.title==s){state.display(d,a);\n}},m);}}};