:root{--bgcolor: #fff;--navbg: #eaeaea;--navbgtext: #4d4d4d;--navbgicon: #4d4d4d;--white: #fff;--brokenwhite: #e1e1e1;--yellow: #fff8f2;--text: #4d4d4d;--whitetext: #fff;--darktext: #4d4d4d;--link: #2f5c6b;--linkhover: #21505f;--brown: #543829;--red: #d44444;--shadowlight: #7a7a7a;--shadowdark: #4d4d4d;--taleforgeteaser: #49816f;--taleforgeteaserhover: #386859;--generatorlink: #2dc4ea;--generatorlinkhover: #1a94b2;--badge: linear-gradient(194deg, #3C8192 2%, #292E30 100%);--badgeborder: #7a7a7a;--card: #fff;--tablesecondary: #e1e1e1;--coins: #f8b749;--coinsinactive: #7a7a7a;--coinsgradient: linear-gradient(194deg, var(--coins) 2%, #dec396 100%);--button: #3c8192;--buttongradient: linear-gradient(194deg, #3C8192 2%, #294F5C 100%);--buttongradienthover: linear-gradient(194deg, rgb(71, 151, 171) 2%, rgb(33, 70, 82) 100%);--toolheromobile: linear-gradient(168deg, rgba(51,51,51,0.10) 6%, rgba(0,0,0,0.10) 100%), url(https://assets.thestoryshack.com/assets/rock-texture-bg-mobile.webp);--toolherodesktop: linear-gradient(168deg, rgba(51,51,51,0.10) 6%, rgba(0,0,0,0.10) 100%), url(https://assets.thestoryshack.com/assets/rock-texture-bg.webp)}.theme-dark{--bgcolor: #030303;--link: #0bc5f3;--linkhover: #00ccff;--navbg: #373737;--navbgicon: #fff;--text: #f0f0f0;--shadowlight: #000;--shadowdark: #000;--card: #171717;--brown: #fff;--tablesecondary: #131212;--badgeborder: #fff;--coinsinactive: #e0e0e0;--darktext: #4d4d4d}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}body{background:var(--bgcolor)}body *{box-sizing:border-box;font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-display:swap;color:var(--text)}.skip-link-main{background:#a6b2d5;height:30px;left:50%;padding:8px;position:absolute;transform:translateY(-100%);transition:transform .3s}.skip-link-main:focus{transform:translateY(0%)}.skip-link{background:#a6b2d5;height:30px;left:-100%;padding:8px;position:absolute}.skip-link:focus{left:40%;z-index:99}[v-cloak]{display:none !important}#sw-update{height:40vh;display:grid;text-align:center}#sw-update.hide{display:none}#sw-update>div{place-self:center}#sw-update button{display:block;border:none;background:var(--link);padding:20px 30px;color:#fff;font-size:18px;margin:20px auto;border-radius:10px}[class*=-width]{margin:0 auto;padding:0 15px}@media screen and (min-width: 1080px){[class*=-width]{padding:0 30px}}#main-content{display:grid;grid-template-columns:100%}@media screen and (min-width: 1080px){#main-content{grid-template-columns:auto minmax(960px, 1080px) auto}}.opaquebg{background-color:var(--bgcolor)}.wide-width{max-width:1100px;width:100%}@media screen and (min-width: 1080px){.wide-width{padding-left:20px;padding-right:20px}}.nav-width{width:100%;max-width:960px}.reading-width{max-width:640px}.filter-container{min-height:700px}.center-container{margin-left:auto;margin-right:auto}.mt{margin-top:30px}.mts{margin-top:20px}.mtl{margin-top:60px}.mb{margin-bottom:20px}.mbl{margin-bottom:60px}#search-box{border-radius:20px;width:98%;padding:15px 30px;border:1px solid var(--brokenwhite);font-size:18px;margin:20px auto;display:block;color:var(--text);background:var(--card);border-color:var(--shadowlight)}h1,h2,h3,h4,h5,h6,.headline{font-family:"Amaranth",sans-serif;margin-bottom:10px;font-weight:700;font-style:normal;font-display:swap}.headline{display:block}h1{font-size:28px}h2{font-size:24px}h3,h4,h5,h6{font-size:21px}@media screen and (min-width: 1080px){h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}h4,h5,h6,.headline-small{font-size:18px}}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}a{text-decoration:none;font-weight:600;transition:.3s all ease-in-out;cursor:pointer;color:var(--link)}a:hover{color:var(--linkhover)}.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)}#breadcrumbs{margin:0 0 5px 0;font-size:11px;line-height:1.4}#breadcrumbs li{display:inline-block;padding:8px 0}#breadcrumbs .icon-angle-right{margin-left:5px;margin-right:5px;transform:translateY(2px);display:inline-block}@media screen and (min-width: 1080px){#breadcrumbs{font-size:14px}}@font-face{font-family:"icomoon";src:url("https://storyshack.b-cdn.net/files/fonts/icomoon.eot");src:url("https://storyshack.b-cdn.net/files/fonts/icomoon.eot") format("embedded-opentype"),url("https://storyshack.b-cdn.net/files/fonts/icomoon.ttf") format("truetype"),url("https://storyshack.b-cdn.net/files/fonts/icomoon.woff") format("woff"),url("https://storyshack.b-cdn.net/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-code: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:""}.badges{display:grid;grid-template-columns:100%}@media screen and (min-width: 460px){.badges{grid-template-columns:50% 50%}}@media screen and (min-width: 1080px){.badges{grid-template-columns:25% 25% 25% 25%}}.badges .badge{padding:5px}.badges .badge a{display:block;padding:15px 10px;border-radius:0 10px 10px 10px;text-align:center}.badges .badge a.gradient{background-image:var(--badge);text-shadow:2px 2px 6px rgba(0,0,0,.7);color:var(--white)}.badges .badge a.gradient:hover{filter:brightness(140%)}.badges .badge a.ghost{border:1px solid var(--badgeborder);font-size:14px}.badges .badge a.ghost:hover{background:var(--link);color:var(--white)}#main-navigation{position:relative;z-index:99;transition:.5s all ease-in-out;height:64px;display:grid;grid-template-columns:60px auto;padding-left:20px;padding-right:20px;padding-top:10px}@media screen and (min-width: 460px){#main-navigation{grid-template-columns:180px auto}}@media screen and (min-width: 1080px){#main-navigation #logo{place-self:center}}#main-navigation #logo{display:grid;grid-template-columns:60px auto;column-gap:20px;place-self:center start}@media screen and (min-width: 1080px){#main-navigation #logo{column-gap:30px}}#main-navigation #logo a{place-self:center}#main-navigation #logo img{width:45px}#main-navigation #logo .install{display:inline-block;place-self:center;opacity:0;color:var(--text);font-weight:600;cursor:pointer}#main-navigation #logo .install .icon-arrow-alt-circle-down{transform:translateY(1px);display:inline-block;color:var(--text)}#main-navigation.white nav .menu-items li a{color:var(--white)}#main-navigation.white #logo .install{display:inline-block;place-self:center;opacity:0;color:var(--white);font-weight:600;cursor:pointer}#main-navigation.white #logo .install .icon-arrow-alt-circle-down{transform:translateY(1px);display:inline-block;color:var(--white);font-size:20px}#main-navigation.white .icon-bars:before,#main-navigation.white .icon-search:before,#main-navigation.white .icon-angle-down:before{color:var(--white)}@media screen and (max-width: 1080px){#main-navigation.white .with-sub-menu .icon-angle-down:before{color:var(--darktext)}}#main-navigation .icon-angle-down{transform:translateY(3px);display:inline-block}#main-navigation .icon-angle-down:before{color:var(--navbgicon)}@media screen and (min-width: 1080px){#main-navigation .icon-angle-down:before{color:var(--navbgicon)}}#main-navigation nav{text-align:right;place-self:center end}@media screen and (min-width: 1080px){#main-navigation nav{transform:translateY(-10px)}}#main-navigation nav.dark a,#main-navigation nav.dark:before{color:var(--text)}#main-navigation nav .icon-bars{font-size:28px;cursor:pointer}@media screen and (min-width: 1080px){#main-navigation nav .icon-bars{display:none}}#main-navigation nav .chest{display:inline-block;font-size:24px;width:30px;transform:translateY(-4px);cursor:pointer}#main-navigation nav .chest.mobile{margin-right:15px;transform:translateY(3px)}@media screen and (min-width: 1080px){#main-navigation nav .chest.mobile{display:none}}#main-navigation nav .menu-items{position:absolute;opacity:0;z-index:-1}#main-navigation nav .menu-items .icon-times:before{color:#543829}#main-navigation nav .menu-items li{display:block;padding:10px 20px;position:relative}@media screen and (max-width: 1080px){#main-navigation nav .menu-items li.no-mobile{display:none}}#main-navigation nav .menu-items li.nav-search{padding-right:5px;padding-left:15px}#main-navigation nav .menu-items li.menu-upgrade{border-radius:100%;padding:0;transition:none;cursor:pointer;width:30px;transform:translateY(3px)}@media screen and (min-width: 1080px){#main-navigation nav .menu-items li:first-of-type{padding:10px}}#main-navigation nav .menu-items li .sub-menu{display:none;position:absolute;background:var(--white);font-size:14px;margin-left:-20px;text-align:center;padding:10px 0;margin-top:5px;border-radius:5px;box-shadow:1px 2px 5px var(--shadowlight)}#main-navigation nav .menu-items li .sub-menu.show{display:block}#main-navigation nav .menu-items li .sub-menu li{white-space:nowrap}#main-navigation nav .menu-items li .sub-menu a{color:var(--navbgtext);padding:5px 0}@media screen and (max-width: 1080px){#main-navigation nav .menu-items li .sub-menu.show{display:block;position:relative;box-shadow:none;font-size:16px;text-align:left;margin-bottom:-20px;padding-top:5px}}@media screen and (min-width: 1080px){#main-navigation nav .menu-items li.with-sub-menu:hover .sub-menu,#main-navigation nav .menu-items li.with-sub-menu:focus .sub-menu{display:block}}#main-navigation nav .menu-items li.last{padding:10px}#main-navigation nav .menu-items li.last a{transform:translateY(8px)}#main-navigation nav .menu-items li a{color:var(--text)}@media screen and (min-width: 1080px){#main-navigation nav .menu-items{position:relative;opacity:1;z-index:1}#main-navigation nav .menu-items li{display:inline-block}#main-navigation nav .menu-items .icon-times{display:none}}@media screen and (max-width: 1080px){#main-navigation nav .menu-items{display:none;text-align:left;width:95%;left:2.5%;background:var(--white);box-shadow:2px 2px 10px var(--shadowlight);min-height:500px;top:10px;border-radius:5px}#main-navigation nav .menu-items #menu-main-menu{margin-top:50px}#main-navigation nav .menu-items #menu-main-menu li a,#main-navigation nav .menu-items #menu-main-menu li .mobile-only{color:var(--navbgtext)}#main-navigation nav .menu-items .sub-menu li{margin-left:15px}#main-navigation nav .menu-items .icon-angle-down{font-size:18px;padding:5px}#main-navigation nav .menu-items .icon-times{position:absolute;font-size:28px;top:10px;right:20px}#main-navigation nav .menu-items.show{opacity:1;display:block;z-index:99;animation:fadeIn .3s ease-in-out}}#main-navigation .menu-upgrade-mobile{display:inline-block;padding:0;border-radius:100%;transform:translateY(-2px);margin-right:15px;font-size:12px;width:30px}@media screen and (min-width: 1080px){#main-navigation .menu-upgrade-mobile{display:none}}#main-navigation .theme-switcher{background:var(--navbg);border-radius:20px;padding:7px 4px;cursor:pointer}#main-navigation .theme-switcher#theme-switcher{padding:7px 4px}#main-navigation .theme-switcher.mobile{display:inline-block;transform:translateY(-6px);margin-right:10px}@media screen and (min-width: 1080px){#main-navigation .theme-switcher.mobile{display:none}}#main-navigation .theme-switcher>*{border-radius:100%;padding:5px}#main-navigation .theme-switcher .icon-sun{color:#e38f56}#main-navigation .theme-switcher .icon-moon{color:#a1baf4}#main-navigation .theme-switcher .active.icon-sun{background:#fff;box-shadow:2px 6px 10px #707070}#main-navigation .theme-switcher .active.icon-moon{background:#4d4d4d;box-shadow:2px 6px 10px #1b1b1b}@keyframes fadeIn{0%{display:block;opacity:0}100%{opacity:1}}#footer{display:grid;grid-template-columns:100%;text-align:center;font-size:14px;background-color:var(--bgcolor)}@media screen and (min-width: 1080px){#footer{grid-template-columns:auto auto auto auto;text-align:left}}#footer h4{margin-bottom:10px}#footer>div{place-self:start center;margin-bottom:20px}#footer>div ul li{margin-bottom:15px;line-height:1.4}#alphabet{display:block;background-color:var(--bgcolor)}#alphabet ul{text-align:center}#alphabet li{display:inline-block;padding:10px}#copyright{margin-bottom:60px;background-color:var(--bgcolor)}@media screen and (min-width: 1080px){#copyright{margin-bottom:100px}}#home-hero{background-size:cover;background-repeat:no-repeat;background-position:bottom;display:grid;margin-top:-65px;margin-bottom:20px;min-height:60vh;box-shadow:2px 5px 20px var(--shadowdark);padding:10px 0}#home-hero.hero-image{background-image:url(https://assets.thestoryshack.com/assets/story-shack-adventurer-hero-mobile.webp)}@media screen and (min-width: 460px){#home-hero{min-height:45vh}}@media screen and (min-width: 1080px){#home-hero{min-height:45vh;background-position:right center}#home-hero.hero-image{background-image:url(https://assets.thestoryshack.com/assets/story-shack-adventurer-hero.webp)}}#home-hero>div{place-self:center start;margin-top:50px;padding-bottom:0}#home-hero>div h1{max-width:700px;font-size:24px;line-height:1.4}@media screen and (min-width: 1080px){#home-hero>div h1{font-size:28px}}#home-hero>div p{max-width:600px}#home-hero>div .badges{max-width:400px;grid-template-columns:auto auto}#home-hero>div .btn{width:auto;display:inline-block;font-size:18px;padding:22px 30px}@media screen and (min-width: 1080px){#home-hero>div .btn{font-size:20px;padding:24px 35px}}#home-hero>div .btn .icon-angle-right{margin-left:8px;display:inline-block;transform:translateY(1px)}#home-hero>div *{color:var(--white)}.classic{margin:0 auto;max-width:960px;padding:15px 30px}.classic img{border-radius:5px}.fullwidth{width:100%}.background{width:100%;margin-top:-66px}.creators{margin:-10px 0 15px;font-size:14px;border-bottom:1px solid var(--text)}#author-bio{margin-top:30px}#author-bio p{font-size:18px}#more-stories>ul{display:grid;margin-top:10px;grid-template-columns:100%;padding:0}@media screen and (min-width: 1080px){#more-stories>ul{grid-template-columns:50% 50%}}#more-stories .story-card{width:100%;padding:10px 0}#more-stories .story-card a{display:grid;height:250px;background-position:center;background-size:cover;border-radius:5px;position:relative;color:#fff;transition:color .2s ease-in-out}#more-stories .story-card a span{position:absolute;place-self:center;text-align:center;color:var(--white);font-size:22px;line-height:1.5;padding:20px;font-family:"Amaranth",sans-serif;z-index:1;opacity:1;transition:all .2s ease-in-out}#more-stories .story-card a img{height:260px;object-fit:cover;filter:brightness(40%);border-radius:5px;transition:all .3s ease-in-out}#more-stories .story-card a:hover img{filter:brightness(100%)}#more-stories .story-card a:hover span{opacity:0}@media screen and (min-width: 1080px){#more-stories .story-card{padding:10px}#more-stories .story-card a img{max-width:600px}}#tool-hero{margin-top:-70px;z-index:1;padding:90px 20px 40px;background-color:#030303}#tool-hero.hero-image{background-image:var(--toolheromobile)}@media screen and (min-width: 460px){#tool-hero{max-height:100vh}#tool-hero.hero-image{background-image:var(--toolherodesktop)}}#tool-hero .inner{display:grid;grid-template-columns:100%}#tool-hero .inner h1{font-size:22px}#tool-hero .inner .updated{font-size:12px;font-style:italic;margin-bottom:5px}#tool-hero .inner p{font-size:16px}@media screen and (min-width: 1080px){#tool-hero .inner{grid-template-columns:25% 75%}#tool-hero .inner h1{font-size:26px}#tool-hero .inner p{font-size:18px}}#tool-hero .inner .left{display:grid;padding:10px}@media screen and (min-width: 1080px){#tool-hero .inner .left{padding:20px 20px 20px 0}}#tool-hero .inner .left .polygon{width:150px;height:150px;place-self:center}@media screen and (min-width: 1080px){#tool-hero .inner .left .polygon{width:200px;height:200px}}#tool-hero .inner .right{display:grid;padding:0 0 20px 20px}#tool-hero .inner .right *{color:var(--brokenwhite)}@media screen and (min-width: 460px){#tool-hero .inner .right{padding:20px 0 20px 20px}}#results{margin:20px auto 0;display:grid;grid-template-columns:100%}@media screen and (min-width: 1080px){#results{grid-template-columns:30% auto}}#results .left{padding:5px}#results .left h2{margin-top:10px;text-align:center;font-size:22px}@media screen and (min-width: 1080px){#results .left h2{margin-top:16px;margin-bottom:24px}}#results .left button{width:100%;font-size:16px;font-weight:600;padding:18px 0}#results .left .category-more{display:block;text-align:center;margin-top:20px;font-style:italic;font-size:14px;color:var(--link)}#results .left .category-more .icon-angle-right{transform:translate(3px, 2px);display:inline-block}#results .left .category-more:hover{color:var(--linkhover)}#results .left .category-more::after{content:"";font-family:"icomoon" !important;margin-left:3px;transform:translateY(2px);display:inline-block}#results .right{margin-top:10px}@media screen and (min-width: 1080px){#results .right{margin-top:0;padding:5px;max-width:780px;overflow:hidden}}.cards{display:grid;grid-template-columns:100%}@media screen and (min-width: 1080px){.cards{grid-template-columns:50% 50%}}.cards .result-content{cursor:copy;word-break:break-word}.cards.full{grid-template-columns:100%}@media screen and (min-width: 1080px){.cards.full .card>span{grid-template-columns:5% 85% 10%}}.card{padding:5px 20px}@media screen and (min-width: 1080px){.card{padding:10px 20px}}.card>span{background:var(--card);box-shadow:2px 2px 10px var(--shadowlight);display:grid;grid-template-columns:10% 80% 10%;padding:20px;border-radius:5px;font-weight:600;line-height:1.4}.card>span span[class*=icon]{place-self:center}.card>span .icon-heart{font-size:22px}.card>span .icon-heart:before{color:var(--brokenwhite)}.card .icon-left{padding-right:5px}.card .icon-share-square{cursor:pointer}.card .icon-share-square:hover:before{color:var(--button)}.card .icon-heart{cursor:pointer}.card .icon-heart:hover:before{color:var(--red)}.card .icon-times{cursor:pointer;font-size:22px}.card.saved>span .icon-heart:before{color:var(--red)}.icons{position:relative;display:block;padding:10px 20px;font-size:24px}.icons span{padding:5px}.icons .icon-treasure-chest{display:inline-block}.icons .icon-treasure-chest:before{color:var(--brown)}.icons .chest-count{position:relative;display:inline-block;width:1.6em;aspect-ratio:1/1;vertical-align:.15em}.icons .chest-count::before{content:attr(data-count);position:absolute;inset:0;display:grid;place-content:center;border-radius:50%;background:var(--button);color:var(--white);font:700 clamp(0.45em, 0.55em + 1ch, 0.8em)/1 sans-serif;user-select:none}.icons>span[class*=icon]{display:inline-block;cursor:pointer}.icons>span[class*=icon]:active{animation:bob 1s ease-in-out}.right-links{position:absolute;top:6px;right:17px;display:grid;grid-template-columns:auto auto;place-items:center}.right-links button{border:none;padding:10.5px}.right-links>*{display:grid;grid-template-columns:auto auto auto;background:var(--card);padding:5px 10px;border-radius:10px;box-shadow:2px 2px 5px var(--shadowdark);cursor:pointer;transition:box-shadow .2s ease-in-out}.right-links>*:first-of-type{margin-right:10px}.right-links>*:hover{box-shadow:2px 2px 8px var(--shadowdark)}.right-links>*>*{place-self:center}.right-links>* img{width:30px}.right-links>* span{font-size:14px;color:var(--text)}@media screen and (min-width: 800px){.right-links>*{padding:5px 20px}}@media screen and (min-width: 460px){.right-links>* .no-mobile{display:inline}}.fade{display:none}.fade.active{display:inline-block;font-size:18px;transform:translateY(-5px);animation:fadeSudden 3s forwards}.related-posts{display:grid;grid-template-columns:100%;padding-top:5px}@media screen and (min-width: 660px){.related-posts{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1400px){.related-posts{grid-template-columns:1fr 1fr 1fr}}.related-posts.collapsed{max-height:210px;overflow:hidden}.related-posts.expanded{max-height:none;overflow:auto}.related-posts li{place-self:center;width:100%;padding:0 10px;margin-bottom:20px}.tool-badge{display:grid;grid-template-columns:23px 21px auto;filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5))}.tool-badge.simple{grid-template-columns:auto}.tool-badge.light span{color:var(--card)}.tool-badge.dark span{color:var(--text)}.tool-badge .polygon img{width:50px;transform:translateY(1px)}.tool-badge .filler{background:var(--card);border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:-2px}.tool-badge span{place-self:center;width:100%;padding:19px;font-size:14px;text-align:center;background:var(--card);color:var(--text);border-top-right-radius:10px;border-bottom-right-radius:10px}.tool-badge:hover .filler,.tool-badge:hover span{filter:brightness(1.4)}.related-cats{display:grid;grid-template-columns:1fr 1fr;padding-top:5px;min-height:280px}@media screen and (min-width: 660px){.related-cats{grid-template-columns:repeat(4, 1fr)}}.related-cats.secondary .cat-badge img{max-width:200px;min-width:153px;min-height:153px}@media screen and (min-width: 1080px){.related-cats.secondary{grid-template-columns:repeat(6, 1fr)}}.related-cats li{place-self:center;width:100%;padding:0 10px;margin-bottom:20px;text-align:center}.cat-badge{position:relative;display:inline-block;color:#fff;aspect-ratio:1/1;filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));border-radius:20px;background-color:#5c5c5c}.cat-badge img{display:block;max-width:200px;min-width:153px;min-height:153px;z-index:0;border-radius:20px}@media screen and (min-width: 460px){.cat-badge img{min-width:200px;min-height:200px}}.cat-badge::before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));z-index:1;pointer-events:none}.cat-badge span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;padding:19px;font-family:"Amaranth",sans-serif;font-size:20px;text-align:center;color:var(--white);text-shadow:2px 2px 5px #000;pointer-events:none;z-index:2;hyphens:auto}.cat-badge:hover img{filter:brightness(1.4)}.show-more{display:block;margin-top:10px;text-align:center;cursor:pointer}.show-more>[class*=icon]{position:absolute;margin-left:5px;margin-top:2px}@keyframes bob{0%{transform:scale(1)}20%{transform:scale(0.8)}100%{transform:scale(1)}}@keyframes fadeSudden{0%,30%{opacity:1}100%{opacity:0}}@keyframes fade{0%,100%{opacity:0}5%,95%{opacity:1}}#saved-results .card,#saved-results .icons{padding:10px 0 10px 0}@media screen and (min-width: 1080px){#saved-results .card,#saved-results .icons{padding:10px 20px 10px 0}}#tab-switcher{font-weight:600;width:100%;white-space:nowrap;overflow-x:auto;margin-top:20px}#tab-switcher li{padding:10px 15px;cursor:pointer;text-align:center;display:inline-block}#tab-switcher .active{border-bottom:3px solid var(--text)}#upgrade{display:grid;grid-template-columns:auto}@media screen and (min-width: 1080px){#upgrade{grid-template-columns:45% 55%;column-gap:10px}}.ideas{font-size:18px}.ideas li{padding:10px;border:1px solid;border-radius:10px;text-align:center;margin:10px;line-height:1.4}.polygon{z-index:1}.polygon img{clip-path:polygon(45% 0, 55% 0, 95% 25%, 95% 75%, 55% 100%, 45% 100%, 5% 75%, 5% 25%)}.dot-container{padding:6px 0;margin-left:16px}.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:var(--text);color:var(--text);animation:dot-elastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:"";display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:var(--text);color:var(--text);animation:dot-elastic-before 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:var(--text);color:var(--text);animation:dot-elastic-after 1s infinite linear}@keyframes dot-elastic-before{0%{transform:scale(1, 1)}25%{transform:scale(1, 1.5)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dot-elastic{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 1.5)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dot-elastic-after{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1.5)}100%{transform:scale(1, 1)}}#not-found{height:100vh;margin-top:-67px;background-image:url(https://assets.thestoryshack.com/assets/small-404.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;display:grid}@media screen and (min-width: 1080px){#not-found{background-image:url(https://assets.thestoryshack.com/assets/404.jpg)}}#not-found div{place-self:center;max-width:400px;text-align:center;margin-top:-150px;padding:20px}#not-found *{color:var(--white)}.flash-container{position:relative;text-align:center;width:100%;margin-top:10px}@media screen and (min-width: 1080px){.flash-container{padding:10px}}.rect-flash,.billboard-flash{min-height:290px}.horizontal-flash{min-height:60px}@media screen and (min-width: 1080px){.horizontal-flash{min-height:130px}}.variable-flash{min-height:270px}.video-flash{height:270px}.side-flash{display:none}@media screen and (min-width: 1080px){.side-flash{display:block}.side-flash>*{position:sticky;top:80px}}#map img{border-radius:10px;box-shadow:2px 2px 15px #292929;max-width:600px}#map .toolbar{margin:15px auto 0 auto;display:grid;grid-template-columns:auto auto auto;max-width:600px;font-weight:600}#map .toolbar.supporter{grid-template-columns:auto auto}#map .toolbar>*{place-self:center;width:80%;cursor:pointer;padding:10px;border-radius:10px;background:var(--navbg);box-shadow:2px 2px 5px #4d4d4d}.promo{display:grid;grid-template-columns:50% 50%;padding-top:5px;min-height:340px}@media screen and (min-width: 660px){.promo{grid-template-columns:33% 33% 33%}}.promo li{place-self:center;width:100%;padding:0 10px;margin-bottom:20px;text-align:center}.promo-badge{position:relative;display:inline-block;color:#fff;filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));aspect-ratio:250/142;border-radius:20px;background-color:#5c5c5c}.promo-badge img{display:block;max-width:250px;min-width:150px;min-height:110px;z-index:0;border-radius:20px}@media screen and (min-width: 460px){.promo-badge img{min-width:200px;min-height:143px}}.promo-badge::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));z-index:1;pointer-events:none}.promo-badge span{font-family:"Amaranth",sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:18px;text-shadow:2px 2px 5px #000;padding:19px;width:100%;text-align:center;color:var(--white);z-index:2;pointer-events:none}@media screen and (min-width: 460px){.promo-badge span{font-size:22px}}.promo-badge:hover{color:#fff}.promo-badge:hover img{filter:brightness(1.4)}#usermade ul{display:grid;margin-top:30px;grid-template-columns:auto;row-gap:15px;column-gap:15px}@media screen and (min-width: 1080px){#usermade ul{grid-template-columns:auto auto}}#usermade ul li{display:inherit}#usermade ul li a{padding:20px;border-radius:10px;background:#15453a;color:#fff;width:100%;box-shadow:2px 2px 5px #1b1b1b}#usermade ul li a:hover{background:#143b32}.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}.modal.active{display:grid}@media screen and (min-width: 380px){.modal{padding:20px}}.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}.modal .inner.single{grid-template-columns:100%;text-align:center;max-width:640px}@media screen and (min-width: 1080px){.modal .inner{place-self:center;min-width:700px;max-width:850px;height:fit-content;padding:60px 30px 10px 30px;grid-template-columns:50% 50%}}.modal .inner *{color:var(--darktext)}.modal .inner .left{padding-left:10px;padding-right:10px}.modal .inner p{font-size:16px;line-height:1.3;margin-bottom:10px;font-weight:400}@media screen and (min-width: 380px){.modal .inner p{font-size:20px;margin-bottom:20px}}.modal .inner .close{position:absolute;right:30px;top:20px;font-size:30px;cursor:pointer;color:var(--darktext)}.modal .inner .code-block{background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);margin:20px 0;padding:20px}.modal .inner .code-block code{color:#e6edf3;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:13px;line-height:1.5;white-space:pre;display:block}#spark-banner{margin:30px auto;padding:0 20px}@media screen and (min-width: 1080px){#spark-banner{margin:40px auto}}.spark-banner-content{background:linear-gradient(135deg, #ffdfc6 0%, #fff5eb 50%, #ffffff 100%);border-radius:20px;padding:30px 25px;box-shadow:0 10px 40px rgba(139,90,60,.25);display:flex;flex-direction:column;gap:20px;align-items:center;position:relative;overflow:hidden}@media screen and (min-width: 460px){.spark-banner-content{padding:35px 30px}}@media screen and (min-width: 1080px){.spark-banner-content{flex-direction:row;justify-content:space-between;padding:35px 45px;gap:30px}}.spark-banner-content::before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle, rgba(139, 90, 60, 0.06) 0%, transparent 70%);border-radius:50%;pointer-events:none}.theme-dark .spark-banner-content{background:linear-gradient(135deg, #2a1f17 0%, #1a1410 50%, #0f0d0a 100%);box-shadow:0 8px 30px rgba(0,0,0,.5)}.theme-dark .spark-banner-content::before{background:radial-gradient(circle, rgba(139, 90, 60, 0.15) 0%, transparent 70%)}.spark-logo{width:70px;height:auto;filter:drop-shadow(0 4px 8px rgba(139, 90, 60, 0.2));flex-shrink:0}@media screen and (min-width: 1080px){.spark-logo{width:100px}}.theme-dark .spark-logo{filter:drop-shadow(0 4px 8px rgba(139, 90, 60, 0.4))}.spark-banner-text{text-align:center;flex:0 1 auto;max-width:500px;width:100%}@media screen and (min-width: 1080px){.spark-banner-text{text-align:left;width:auto}}.spark-banner-text h2{font-size:24px;font-weight:700;color:#2c2c2c;margin:0 0 5px 0;letter-spacing:-0.5px}@media screen and (min-width: 1080px){.spark-banner-text h2{font-size:28px;margin-bottom:6px}}.theme-dark .spark-banner-text h2{color:#f0f0f0}.spark-banner-text .spark-tagline{font-size:14px;color:#8b5a3c;font-weight:600;margin:0 0 8px 0;line-height:1.5}@media screen and (min-width: 1080px){.spark-banner-text .spark-tagline{font-size:15px;margin-bottom:8px}}.theme-dark .spark-banner-text .spark-tagline{color:#e8a578}.spark-banner-text .spark-description{font-size:14px;line-height:1.5;color:#4d4d4d;margin:0}@media screen and (min-width: 1080px){.spark-banner-text .spark-description{font-size:15px}}.theme-dark .spark-banner-text .spark-description{color:silver}.spark-features{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;flex-shrink:0}@media screen and (min-width: 1080px){.spark-features{gap:15px;flex-wrap:nowrap}}.spark-features .spark-feature{display:flex;align-items:center;gap:6px;font-size:13px;color:#2c2c2c;white-space:nowrap}@media screen and (min-width: 1080px){.spark-features .spark-feature{font-size:14px;gap:8px}}.theme-dark .spark-features .spark-feature{color:#d0d0d0}.spark-features .spark-feature .icon-check-circle{color:#8b5a3c;font-size:16px;flex-shrink:0}@media screen and (min-width: 1080px){.spark-features .spark-feature .icon-check-circle{font-size:18px}}.theme-dark .spark-features .spark-feature .icon-check-circle{color:#e8a578}.spark-features .spark-feature span:last-child{font-weight:500}.spark-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg, #8B5A3C 0%, #724a31 100%);color:#fff !important;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 4px 15px rgba(139,90,60,.3);transition:all .3s ease;text-decoration:none;white-space:nowrap;flex-shrink:0}@media screen and (min-width: 1080px){.spark-cta{padding:16px 30px;font-size:17px}}.spark-cta span{color:#fff !important}.theme-dark .spark-cta{background:linear-gradient(135deg, #a8724d 0%, #8B5A3C 100%);box-shadow:0 4px 15px rgba(168,114,77,.4);color:#fff !important}.theme-dark .spark-cta span{color:#fff !important}.spark-cta:hover{background:linear-gradient(135deg, #724a31 0%, #5d3a26 100%);box-shadow:0 6px 20px rgba(139,90,60,.4);transform:translateY(-2px);color:#fff !important}.spark-cta:hover span{color:#fff !important}.theme-dark .spark-cta:hover{background:linear-gradient(135deg, #c28659 0%, #a8724d 100%);box-shadow:0 6px 20px rgba(194,134,89,.5);color:#fff !important}.theme-dark .spark-cta:hover span{color:#fff !important}.spark-cta:active{transform:translateY(0)}.spark-cta .icon-arrow-right{font-size:14px;transition:transform .3s ease;color:#fff !important}@media screen and (min-width: 1080px){.spark-cta .icon-arrow-right{font-size:16px}}.spark-cta:hover .icon-arrow-right{transform:translateX(4px)}.exercise-hero .left{justify-items:center;align-items:start}.exercise-hero .right .btn{width:auto;display:inline-block}.exercise-hero .left .exercise-hero-image{width:100%;max-width:120px;height:auto;object-fit:contain;display:block}@media screen and (min-width: 460px){.exercise-hero .left .exercise-hero-image{max-width:160px}}@media screen and (min-width: 1080px){.exercise-hero .left .exercise-hero-image{max-width:200px}}#spark-hero{background-size:cover;background-repeat:no-repeat;background-position:bottom;display:grid;margin-top:-65px;margin-bottom:20px;min-height:60vh;box-shadow:2px 5px 20px var(--shadowdark);padding:10px 0;position:relative}#spark-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));z-index:0}@media screen and (min-width: 1080px){#spark-hero::before{background:linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2))}}#spark-hero.hero-image{background-image:url(https://assets.thestoryshack.com/assets/spark-hero-mobile.webp)}@media screen and (min-width: 460px){#spark-hero{min-height:45vh}}@media screen and (min-width: 1080px){#spark-hero{min-height:45vh;background-position:right center}#spark-hero.hero-image{background-image:url(https://assets.thestoryshack.com/assets/spark-hero.webp)}}#spark-hero>div{place-self:center start;margin-top:70px;padding-bottom:40px;position:relative;z-index:1}@media screen and (min-width: 1080px){#spark-hero>div{padding-bottom:60px}}#spark-hero>div h1{max-width:700px;font-size:24px;line-height:1.4}@media screen and (min-width: 1080px){#spark-hero>div h1{font-size:28px}}#spark-hero>div p{max-width:600px}#spark-hero>div .btn{margin-top:20px;width:auto;display:inline-block;font-size:18px;padding:22px 30px}@media screen and (min-width: 1080px){#spark-hero>div .btn{font-size:20px;padding:24px 35px}}#spark-hero>div .btn .icon-angle-right{margin-left:8px;display:inline-block;transform:translateY(1px)}#spark-hero>div *{color:var(--white)}.spark-content-section{max-width:1000px;margin-left:auto;margin-right:auto}.spark-content-section .spark-content-inner{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}@media screen and (min-width: 1080px){.spark-content-section .spark-content-inner{grid-template-columns:30% 70%;gap:40px}}@media screen and (min-width: 1080px){.spark-content-section .spark-content-inner.spark-content-reverse{grid-template-columns:70% 30%}.spark-content-section .spark-content-inner.spark-content-reverse .spark-image{order:2}.spark-content-section .spark-content-inner.spark-content-reverse .spark-text{order:1}}.spark-content-section .spark-image{display:flex;justify-content:center;align-items:center}.spark-content-section .spark-image img{width:100%;max-width:200px;height:200px;width:200px;object-fit:cover;border-radius:50%;display:block}.spark-content-section .spark-text h2{margin-top:0}.exercise-list{display:grid;grid-template-columns:100%;gap:15px;padding:0;list-style:none}@media screen and (min-width: 660px){.exercise-list{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1080px){.exercise-list{grid-template-columns:repeat(3, 1fr)}}.exercise-item{width:100%}.exercise-item a{display:grid;grid-template-columns:100px 1fr;gap:15px;background:var(--card);border-radius:10px;padding:15px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;text-decoration:none;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.1);align-items:center}.exercise-item a:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.exercise-item .exercise-item-image{width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.exercise-item .exercise-item-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block}.exercise-item .exercise-item-content{display:flex;flex-direction:column;gap:8px;min-width:0}.exercise-item .exercise-item-content h4{margin:0;font-size:18px;font-weight:600;color:var(--text);line-height:1.3}.exercise-item .exercise-item-content p{margin:0;font-size:14px;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.badge-free{background:#5db85b;color:#fff}.badge.badge-premium{background:#f39c12;color:#fff}.badge.badge-category{background:var(--badgeborder);color:var(--text);margin-left:8px}.no-mobile{display:none}.no-mobile.show-override{display:block}@media screen and (min-width: 1080px){.no-mobile{display:block}}.mobile-only{display:block}@media screen and (min-width: 1080px){.mobile-only{display:none}}.hide{display:none}.show{display:block}.show.no-mobile{display:none}@media screen and (min-width: 1080px){.show.no-mobile{display:block}}.cv{content-visibility:auto}.show-grid{display:grid}.inline{display:inline}.pointer{cursor:pointer}.fadein{animation:fadeIn .4s ease-in-out forwards;display:block}.delayedfadein{animation:delayedFadeIn 1.4s ease-in-out forwards;display:block}.fadein-grid{animation:fadeIn .4s ease-in-out forwards;display:grid}.fadeout{animation:fadeOut 5s ease-in-out forwards}.slidein{animation:slideIn ease-in-out .5s forwards;display:grid}.pulse{animation:pulse 10s infinite}.wiggle{animation:wiggle 1s forwards}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes delayedFadeIn{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes wiggle{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(20deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}@keyframes pulse{0%{filter:brightness(1);transform:rotate(45deg)}8%{filter:brightness(1.4);transform:rotate(135deg)}18%{filter:brightness(1);transform:rotate(135deg)}26%{filter:brightness(1.4);transform:rotate(135deg)}36%{filter:brightness(1);transform:rotate(135deg)}100%{filter:brightness(1);transform:rotate(135deg)}}img{width:100%;height:auto}/*# sourceMappingURL=style.css.map */