:root{font-family:Playfair Display,serif}body{margin:0;background-size:cover;background-color:#060612;background-repeat:no-repeat;transition:background-image .3s ease-in-out;background-image:url(/assets/background-image-JfKlPR8o.webp)}.loading-overlay{top:0;left:0;opacity:1;width:100%;height:100%;display:flex;z-index:9999;position:fixed;align-items:center;flex-direction:column;justify-content:center;font-family:Aleo,serif;background-color:#f4dbba;transition:opacity .5s ease-out}.loading-overlay .loading-logo{width:164px;height:218px;animation:pulse 2s ease-in-out infinite}.loading-overlay .loading-text{font-size:14px;color:#9f3900;font-weight:500}.loading-overlay .game-title{bottom:24px;font-size:14px;color:#3b2119;position:absolute}.loading-overlay.hidden{opacity:0;pointer-events:none}.app-container{height:100vh;transform-origin:top left;transform:scale(var(--proportion));width:calc(100% / var(--proportion))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media screen and (max-width: 768px){body{background-size:unset}}.divider{width:50%;height:1px;margin:0 auto;background-size:16px 1px;background-image:linear-gradient(to right,#ffe5b5 8px,transparent 8px)}@media screen and (max-width: 768px){.divider{width:90%}}.shop{display:flex;margin-top:100px;align-items:center;padding-bottom:36px;flex-direction:column}.shop .title{font-size:48px;color:#f39913;font-weight:700}.shop .character{display:flex;margin-top:16px}.shop .character img{margin:0 20px}@media screen and (max-width: 768px){.shop{margin-top:72px;overflow-x:hidden}.shop .title{font-size:24px;text-align:center}}.banner{display:flex;margin-top:190px;align-items:center;flex-direction:column}.banner .content{width:90%;display:flex;align-items:end;margin-top:-210px}.banner .content .main-characters{margin-right:99px}.banner .content .description .description-text{font-size:18px;color:#ffe5b5;line-height:32px;white-space:pre-line;font-family:Aleo,serif}.banner .content .description .platform .platform-title{color:#ffe5b5;margin-top:36px;margin-bottom:24px;font-family:Plus Jakarta Sans,sans-serif}.banner .content .description .platform .list{display:flex;align-items:center}.banner .content .description .platform .list .item{cursor:pointer;position:relative;margin-right:24px}.banner .content .description .platform .list .item .item-background{width:246px}.banner .content .description .platform .list .item .item-content{top:50%;left:50%;display:flex;position:absolute;width:max-content;align-items:center;transform:translate(-50%,-50%)}.banner .content .description .platform .list .item .item-content img{margin-right:12px}.banner .content .description .platform .list .item .item-content span{font-size:14px;color:#fff;font-weight:600;font-family:Aleo,serif}@media screen and (max-width: 768px){.banner{margin-top:48px;overflow-x:hidden}.banner .background{margin-top:32px;margin-left:400px}.banner .content{width:100%;margin-top:-248px;align-items:center;flex-direction:column}.banner .content .main-characters{width:251px;height:287px;margin-left:0;margin-right:0}.banner .content .description{margin-top:16px}.banner .content .description .description-text{font-size:13px;color:#f4dbba;line-height:18px;padding:0 24px;text-align:center}.banner .content .description .platform .platform-title{font-size:14px;margin:24px 0;text-align:center}.banner .content .description .platform .list{margin-bottom:0;flex-direction:column}.banner .content .description .platform .list .item{margin:4px 0}}footer{display:flex;margin-top:160px;align-items:center;padding-bottom:48px;flex-direction:column}footer img{width:224px;height:127px}footer span{font-size:18px;color:#ffe5b5;margin-top:24px;font-family:Aleo,serif}@media screen and (max-width: 768px){footer{margin-top:96px;padding-bottom:24px}footer span{font-size:13px;margin-top:16px}}nav{display:flex;align-items:center;margin:32px 200px 0;justify-content:space-between}nav .menu{display:none}nav a{cursor:pointer;color:#ffe5b5;font-weight:700;text-decoration:none}nav .logo{width:324px;height:183px}nav .language-dropdown{position:relative}nav .language-dropdown span{color:#ffe5b5;font-weight:700}nav .language-dropdown .dropdown-toggle{border:none;display:flex;cursor:pointer;font-size:16px;align-items:center;background:transparent;font-family:Playfair Display,serif}nav .language-dropdown .dropdown-toggle .dropdown-arrow{margin-left:12px;display:inline-block;transition:transform .2s ease}nav .language-dropdown .dropdown-toggle .open{transform:rotate(180deg)}nav .language-dropdown .dropdown-menu{left:50%;margin-top:4px;border-radius:4px;position:absolute;transform:translate(-50%);background-color:#3b2119}nav .language-dropdown .dropdown-menu .dropdown-item{border:none;display:flex;cursor:pointer;color:#ffe5b5;text-align:left;padding:8px 16px;font-size:inherit;width:max-content;align-items:center;background:transparent;font-family:Playfair Display,serif}nav .language-dropdown .dropdown-menu .active{font-weight:700}.mobile-menu-overlay{top:0;left:0;width:100vw;height:100vh;z-index:9998;position:fixed;background-color:#0000004d}.mobile-menu-content{left:0;bottom:0;display:flex;z-index:9999;position:fixed;padding:16px 32px;box-sizing:border-box;flex-direction:column;background-color:#3b2119;border-top-left-radius:16px;border-top-right-radius:16px;transform-origin:bottom left;transform:scale(var(--proportion));width:calc(100% / var(--proportion))}.mobile-menu-content .mobile-menu-item{font-weight:700;color:#ffe5b5;padding:32px 0;text-align:center}.mobile-menu-content .item-divider{height:1px;width:100%;opacity:30%;background-size:17.6px 1px;background-image:linear-gradient(to right,#ffe5b5 8.8px,transparent 8.8px)}@media screen and (max-width: 768px){nav{margin:24px 12px 0}nav .menu{display:block;margin-right:auto}nav a{display:none}nav .logo{width:84px;height:48px;margin:auto}nav .language-dropdown span{font-weight:400}nav .language-dropdown .dropdown-toggle{font-size:13px}nav .language-dropdown .dropdown-toggle .dropdown-arrow{margin-left:8px}nav .language-dropdown .dropdown-menu{margin-top:2px;border-radius:2px}nav .language-dropdown .dropdown-menu .dropdown-item{font-size:13px;padding:4px 8px}}.buy-book{display:flex;margin-top:100px;align-items:center;margin-bottom:48px;flex-direction:column}.buy-book .title{font-size:48px;color:#f39913;font-weight:700;margin-bottom:96px}.buy-book .book-list{display:flex}.buy-book .book-list .book-item{width:362px;display:flex;margin:0 24px;justify-content:center;background-position:center;background-repeat:no-repeat}.buy-book .book-list .book-item img{width:240px;height:345px;border-radius:16px}.buy-book .slide-indicators{display:flex;margin-top:64px}.buy-book .slide-indicators .indicator{width:12px;height:12px;border:none;cursor:pointer;margin:0 6px;border-radius:50%;background:#ccc;transition:all .3s ease}.buy-book .slide-indicators .active{background:#f39913}.buy-book .discover-more{cursor:pointer;color:#f39913;font-weight:700;margin-top:64px;padding:12px 36px;border:1px solid #f39913;background-color:#f3991317}@media screen and (max-width: 768px){.buy-book{margin-top:36px}.buy-book .title{font-size:24px;margin-bottom:0;text-align:center}.buy-book .book-list{flex-direction:column}.buy-book .book-list .book-item{margin:56px 0}.buy-book .slide-indicators{margin-top:32px}.buy-book .discover-more{font-size:13px;margin-top:48px;padding:10px 30px}}.read-online{display:flex;margin-top:200px;align-items:center;flex-direction:column}.read-online .title{font-size:48px;color:#f39913;font-weight:700;margin-bottom:48px}.read-online .book-content{display:flex;height:714px;width:1262px;color:#3b2119;background-size:cover;font-family:Aleo,serif;justify-content:space-evenly;background-image:url(/assets/story-book-Ks3GAVCC.webp)}.read-online .book-content .book-column{margin-top:88px;max-width:455px;line-height:26px;text-align:center}.read-online .book-content .chapter-title{font-weight:600}.read-online .read-full{cursor:pointer;color:#f39913;font-weight:700;margin-top:36px;padding:12px 36px;border:1px solid #f39913;background-color:#f3991317}@media screen and (max-width: 768px){.read-online{margin-top:72px}.read-online .title{font-size:24px;padding:0 12px;text-align:center;margin-bottom:36px}.read-online .book-content{width:100%;color:#f4dbba;height:max-content;background-image:none;flex-direction:column}.read-online .book-content .book-column{font-size:13px;margin-top:0;line-height:18px;padding:0 36px}.read-online .book-content .book-column:nth-child(2n){display:none}.read-online .read-full{font-size:13px;margin-top:64px}}.tale-adventure{display:flex;margin-top:96px;align-items:center;flex-direction:column}.tale-adventure .title{font-size:64px;color:#f39913;font-weight:700}.tale-adventure .subtitle{width:75%;font-size:32px;margin-top:8px;color:#ffe5b5;font-weight:700;text-align:center}.tale-adventure .content-container{width:75%;display:flex;margin-top:72px;flex-direction:column}.tale-adventure .story-item{display:flex;margin-bottom:48px}.tale-adventure .story-item .story-content{display:flex;flex-direction:column;justify-content:center}.tale-adventure .story-item:nth-child(odd) .story-content{margin-left:120px}.tale-adventure .story-item:nth-child(2n) .story-content{margin-right:120px}.tale-adventure .story-item .story-title{font-size:32px;color:#f39913;font-weight:700}.tale-adventure .story-item .story-description{font-size:18px;color:#ffe5b5;margin-top:36px;line-height:32px;font-family:"Aleo, serif"}.tale-adventure .ready-to-tell-container{display:flex;margin-top:36px;align-items:center;flex-direction:column}.tale-adventure .ready-to-tell-container .ready-to-tell-title{font-size:32px;color:#ffe5b5;font-weight:700}.tale-adventure .ready-to-tell-container .start-writing-button{display:flex;cursor:pointer;font-size:32px;font-weight:700;margin-top:24px;padding:12px 24px;border-radius:16px;background:linear-gradient(90deg,#f39913 0px,#f39913 8.8px,transparent 8.8px,transparent 17.6px) repeat-x,linear-gradient(180deg,#f39913 0px,#f39913 8.8px,transparent 8.8px,transparent 17.6px) repeat-y,linear-gradient(270deg,#f39913 0px,#f39913 8.8px,transparent 8.8px,transparent 17.6px) repeat-x,linear-gradient(0deg,#f39913 0px,#f39913 8.8px,transparent 8.8px,transparent 17.6px) repeat-y;background-position:1% 0,100% 10%,10% 100%,0 1%;background-size:17.6px 1px,1px 17.6px,17.6px 1px,1px 17.6px}.tale-adventure .ready-to-tell-container .start-writing-button .button-text{color:#f39913;margin-left:12px}@media screen and (max-width: 768px){.tale-adventure{margin-top:64px}.tale-adventure .title{font-size:24px;padding:0 90px;text-align:center}.tale-adventure .subtitle{font-size:14px;margin-top:12px;text-align:center}.tale-adventure .content-container{width:90%;margin-top:32px}.tale-adventure .story-item{margin-bottom:24px;flex-direction:column}.tale-adventure .story-item:nth-child(2n){flex-direction:column-reverse}.tale-adventure .story-item:nth-child(odd) .story-content{margin-left:0}.tale-adventure .story-item:nth-child(2n) .story-content{margin-right:0}.tale-adventure .story-item .story-title{font-size:24px;margin-top:12px}.tale-adventure .story-item .story-description{font-size:13px;margin-top:12px;line-height:18px}.tale-adventure .ready-to-tell-container{margin-top:8px}.tale-adventure .ready-to-tell-container .ready-to-tell-title{font-size:16px}.tale-adventure .ready-to-tell-container .start-writing-button{font-size:16px;margin-top:24px;border-radius:8px;padding:10px 20px}.tale-adventure .ready-to-tell-container .start-writing-button img{width:24px;height:24px}}