html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{height:-webkit-fill-available}body{height:100vh;background-color:#030303;color:#f0f0f0;height:-webkit-fill-available}body *{box-sizing:border-box;font-family:"Open Sans",sans-serif}#app{--bg-main: url();--bg-alt: url();display:none}#app.ready{display:grid;background:linear-gradient(323deg, rgba(0, 0, 0, 0.8) 56%, rgba(0, 0, 0, 0.1) 100%),var(--bg-main) center/cover no-repeat;position:fixed;width:100%;height:100vh;overflow:auto}@media screen and (min-width: 1080px){#app.ready{background:#030303}}@media screen and (max-width: 1080px){#app.ready:after{content:"";position:absolute;inset:0;background:linear-gradient(323deg, rgba(0, 0, 0, 0.8) 56%, rgba(0, 0, 0, 0.1) 100%),var(--bg-alt) center/cover no-repeat;opacity:0;transition:opacity .8s ease-in-out;z-index:-1}}#app.ready.swap::after{opacity:1}@media screen and (min-width: 1080px){#app.ready{grid-template-columns:1fr minmax(0, 1200px) 1fr;position:relative;height:auto;background:none}}main{text-align:center;display:grid}@media screen and (min-width: 1080px){main{margin-top:40px}}#main-content{display:grid;grid-template-columns:100%;max-width:1200px;width:100%;margin:0 auto;padding:0 20px;grid-template-rows:60px auto;row-gap:5px;height:100vh;height:-webkit-fill-available}.side-flash{display:none}@media screen and (min-width: 1080px){.side-flash{display:block;margin-top:60px}.side-flash>div{max-width:120px;margin:0 auto}}.mts{margin-top:10px}.nav-width{width:100%;max-width:960px;margin:0 auto}.reading-width{max-width:640px;margin:0 auto}@font-face{font-family:"icomoon";src:url("/files/fonts/icomoon.eot");src:url("/files/fonts/icomoon.eot") format("embedded-opentype"),url("/files/fonts/icomoon.ttf") format("truetype"),url("/files/fonts/icomoon.woff") format("woff"),url("/files/fonts/icomoon.svg") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-telegram:before{content:""}.icon-whatsapp:before{content:""}.icon-twitter:before{content:""}.icon-facebook:before{content:""}.icon-reddit:before{content:""}.icon-sinaweibo:before{content:""}.icon-taleforge:before{content:""}.icon-angle-double-left:before{content:""}.icon-angle-double-right:before{content:""}.icon-angle-double-up:before{content:""}.icon-angle-down:before{content:""}.icon-angle-right:before{content:""}.icon-angle-up:before{content:""}.icon-bars:before{content:""}.icon-bookmark:before{content:""}.icon-books:before{content:""}.icon-bullseye:before{content:""}.icon-coffee-togo:before{content:""}.icon-cog:before{content:""}.icon-coins:before{content:""}.icon-copy:before{content:""}.icon-external-link:before{content:""}.icon-eye:before{content:""}.icon-flag-checkered:before{content:""}.icon-hand-pointer:before{content:""}.icon-heart:before{content:""}.icon-home-lg-alt:before{content:""}.icon-info-circle:before{content:""}.icon-leaf-heart:before{content:""}.icon-link:before{content:""}.icon-lock-alt:before{content:""}.icon-lock-open-alt:before{content:""}.icon-mars:before{content:""}.icon-palette:before{content:""}.icon-pen-alt:before{content:""}.icon-pencil:before{content:""}.icon-plus:before{content:""}.icon-robot:before{content:""}.icon-search:before{content:""}.icon-share-square:before{content:""}.icon-sliders-v:before{content:""}.icon-sync-alt:before{content:""}.icon-times:before{content:""}.icon-tools:before{content:""}.icon-trash-alt:before{content:""}.icon-treasure-chest:before{content:""}.icon-venus:before{content:""}.icon-download:before{content:""}.icon-map:before{content:""}.icon-arrow-alt-circle-down:before{content:""}.icon-sun:before{content:""}.icon-moon:before{content:""}.btn{display:block;border-radius:10px;border:none;color:var(--whitetext);min-width:150px;width:100%;padding:20px;text-align:center;transition:.3s all ease-in-out;cursor:pointer}.btn span{transform:translateY(1px);display:inline-block}.btn:hover{color:var(--whitetext)}@media screen and (min-width: 1080px){.btn{width:initial}}.btn-primary{background-color:var(--button);background-image:var(--buttongradient);position:relative}.btn-primary:hover{background-image:var(--buttongradienthover)}.btn-primary span{color:var(--whitetext)}.btn-ghost{border:2px solid var(--text);color:var(--text);padding:10px 20px;border-radius:10px}.btn-ghost:hover{color:var(--text)}p{font-size:18px;line-height:40px;margin-bottom:20px}@media screen and (min-width: 1080px){p{font-size:21px}}.smaller{font-size:12px}@media screen and (min-width: 1080px){.smaller{font-size:14px}}em{font-style:italic}strong,.strong{font-weight:600}.text-center{text-align:center}.italic{font-style:italic}.path1,.path2{font-family:"icomoon"}.text ul{list-style-type:disc}.text ol{list-style-type:decimal}.text ul,.text ol{font-size:18px;margin-left:20px;margin-bottom:30px;margin-top:20px}.text ul li,.text ol li{margin-bottom:15px;line-height:1.8}@media screen and (min-width: 1080px){.text ul,.text ol{font-size:21px}}.fineprint{font-size:12px;font-style:italic}.warning{color:#b03100;font-weight:600}h1,h2,h3,h4,h5,h6{font-family:"Amaranth",sans-serif;color:#f0f0f0;font-weight:600;margin-bottom:20px}h1{font-size:24px}@media screen and (min-width: 1080px){h1{font-size:32px}}h2,h3{font-size:20px}@media screen and (min-width: 1080px){h2,h3{font-size:24px}}p{font-size:16px;line-height:1.7;margin-bottom:20px;font-weight:200}@media screen and (min-width: 1080px){p{font-size:21px}}a{text-decoration:none;font-weight:600;color:#42c7e2;display:inline-block;transition:.4s color ease-in-out}a:hover{color:#32adc5}button{cursor:pointer;border:none}span[class^=icon-]{transform:translateY(1px);display:inline-block}.primary-btn{box-shadow:2px 2px 5px #dadada;border:none;padding:20px;margin-top:10px;margin-bottom:20px;border-radius:10px;font-size:16px;font-weight:600;background:#198169;color:#fff;transition:.4s all ease-in-out;cursor:pointer}.primary-btn:hover{background:#21876f;color:#fff}span.dismiss{display:block;text-align:right;font-size:20px;padding:10px;cursor:pointer}@media screen and (min-width: 1080px){span.dismiss{font-size:32px;right:40px}}.warning{color:#ffccb8}.no-mobile{display:none}@media screen and (min-width: 1080px){.no-mobile{display:inline-block}}#entry-modal *{color:#4d4d4d;text-shadow:none}header{display:grid;grid-template-columns:60px auto max-content;column-gap:10px;z-index:99}header>*{align-self:center;color:#fff}header .views{display:none;place-self:center end;cursor:default}@media screen and (min-width: 380px){header .views{display:inline-block}}header nav{text-align:right}header button,header a{background:none;border:none;font-size:16px;font-weight:600;color:#fff;padding:10px}@media screen and (min-width: 1080px){header .icon-arrow-alt-circle-down{padding-right:5px}}header img{width:40px}@media screen and (min-width: 1080px){header img{width:60px}}.fadein{animation:fadeIn .4s ease-in-out forwards;display:block}.fadeout{animation:fadeOut .3s ease-in-out forwards}.slidein{animation:slideIn ease-in-out .5s forwards}.slideout{animation:slideOut ease-in-out .5s forwards}.rotate{animation:spin 1.1s infinite}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}20%{opacity:1}100%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.introduction ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));justify-items:center;justify-content:center;column-gap:20px;row-gap:20px}.introduction ul li{height:200px;background-position:center;background-size:cover;border-radius:10px;display:grid;place-content:center;font-size:28px;font-family:"Amaranth",sans-serif;font-weight:600;padding:20px;cursor:pointer;filter:brightness(1);transition:.4s filter ease-in-out;min-width:300px;text-shadow:2px 2px 5px #000}.introduction ul li:hover{filter:brightness(1.3)}.adventure{max-width:1440px;margin:0 auto}.adventure img{width:100%}.node-content{display:grid;grid-template-columns:auto;column-gap:60px;text-align:left;margin-bottom:120px;padding-bottom:80px}.node-content p{font-size:14px}@media screen and (min-width: 880px){.node-content{grid-template-columns:2fr 1fr}.node-content p{font-size:18px}}.node-image{display:none}@media screen and (min-width: 880px){.node-image{display:block;width:100%}}.choices{display:grid;gap:20px}.choices button{font-size:14px;background-color:#19574f}@media screen and (min-width: 1080px){.choices{font-size:20px}.choices button{font-size:18px}}.byline{margin-bottom:10px;display:block;font-style:italic;cursor:pointer;margin-left:5px;color:#fff}.masked{position:relative;mask-position:center;mask-clip:border-box;mask-repeat:no-repeat;mask-size:100% 100%;aspect-ratio:2/3;max-width:640px}.mask-1{mask-image:url(https://assets.images.thestoryshack.com/mask-1.webp)}.mask-2{mask-image:url(https://assets.images.thestoryshack.com/mask-2.webp)}.mask-3{mask-image:url(https://assets.images.thestoryshack.com/mask-3.webp)}.mask-4{mask-image:url(https://assets.images.thestoryshack.com/mask-4.webp)}.mask-5{mask-image:url(https://assets.images.thestoryshack.com/mask-5.webp)}#entry-modal{width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));display:none;position:fixed;top:0;left:0;z-index:100000000000000000;padding:10px}#entry-modal.active{display:grid}@media screen and (min-width: 380px){#entry-modal{padding:20px}}#entry-modal .inner{min-width:300px;max-width:95%;min-height:100px;padding:55px 15px 25px 15px;border-radius:10px;box-shadow:2px 2px 5px #4d4d4d;background:#fff;position:relative;overflow-y:auto;text-align:center;display:grid;grid-template-columns:auto;text-align:left;margin:0 auto}@media screen and (min-width: 1080px){#entry-modal .inner{place-self:center;min-width:700px;max-width:850px;height:fit-content;padding:60px 30px 10px 30px;grid-template-columns:50% 50%}}#entry-modal .inner .left{padding-left:10px;padding-right:10px}#entry-modal .inner .left *{color:var(--darktext)}#entry-modal .inner p{font-size:16px;line-height:1.3;margin-bottom:10px;font-weight:400}@media screen and (min-width: 380px){#entry-modal .inner p{font-size:20px;margin-bottom:20px}}#entry-modal .inner .close{position:absolute;right:30px;top:20px;font-size:30px;cursor:pointer;color:var(--darktext)}/*# sourceMappingURL=cyoa.css.map */