@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";.main-page-container,.container{display:flex;align-items:center;gap:15px;box-sizing:border-box;margin:0 auto}.container{flex-direction:column;max-width:100vw;min-width:0;padding:20px 10px;flex:1}@media screen and (min-width: 900px){.container{max-width:1100px;padding:50px 25px}}.main-page-container{justify-content:center;flex-direction:column;flex-wrap:wrap;max-width:100vw;min-width:0}@media screen and (min-width: 900px){.main-page-container{max-width:1100px;padding:20px 10px;height:100%;flex-direction:column}}.heading-1,.message__title{font-family:Cabin,sans-serif;font-size:calc(1.375rem + 1.5vw)}@media screen and (min-width: 1200px){.heading-1,.message__title{font-size:2.5rem}}.message__title{font-weight:700}.message__title--not-found{color:red}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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;padding:0;cursor:pointer}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:none;padding:0}legend{padding:0}html{background-color:#1b1b1f;color:#fff;overflow-x:hidden}.app-layout{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 900px){.app-layout{min-height:100vh;width:100vw;align-items:stretch;flex-direction:row}}.heading-4,.side-menu__section,.side-menu__title{font-family:Cabin,sans-serif;font-size:calc(1.275rem + .3vw)}@media screen and (min-width: 1200px){.heading-4,.side-menu__section,.side-menu__title{font-size:1.5rem}}.side-menu{top:0;left:0;width:100%;height:64px}@media screen and (min-width: 900px){.side-menu{width:300px;height:100vh}.side-menu .side-menu__link{display:block!important;pointer-events:auto!important}.side-menu .side-menu__section,.side-menu .side-menu__footer{visibility:visible}.side-menu .side-menu__header{border-bottom:0px}}.side-menu__spacing{width:100%;height:64px}@media screen and (min-width: 900px){.side-menu__spacing{width:300px;flex:0 0 300px;height:100vh}}.side-menu{transition:max-height .4s cubic-bezier(.4,0,.2,1);position:fixed;display:flex;flex-direction:column;justify-content:space-between;border:2px solid #b84024;background-color:#111;z-index:2}.side-menu__credit{text-decoration:underline}.side-menu__icon{margin-right:8px}.side-menu__link{display:none;pointer-events:none}.side-menu--expanded{height:100%}.side-menu--expanded .side-menu__section,.side-menu--expanded .side-menu__footer{visibility:visible}.side-menu--expanded .side-menu__link{display:block;pointer-events:auto}.side-menu__footer{visibility:hidden;text-align:center;margin-bottom:16px}.side-menu__section{height:64px;display:flex;align-items:center;padding-left:25px;visibility:hidden}.side-menu__section:hover{color:#111;background-color:#b3b3b3}.side-menu__title{height:64px;display:flex;align-items:center;overflow:hidden;z-index:1;position:relative;justify-content:center;padding-left:0;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #b84024}.side-menu__title:hover{background-color:#b3b3b3}.side-menu__title:before{content:"";position:absolute;inset:0;background-image:url(/assets/PathOfTitansCover-3kfu6ZPa.jpeg);background-size:cover;background-position:center;filter:blur(2px);z-index:-1}.heading-6,.button{font-family:Cabin,sans-serif;font-size:1rem}@media screen and (min-width: 1200px){.heading-6,.button{font-size:1rem}}.button{display:inline-block;border-radius:4px;padding:12px 16px;background-color:#b84024;border:1px solid #b84024;color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.button--disabled{opacity:.6;pointer-events:none}.button:hover{background-color:#fff;color:#b84024}.button--red{background-color:#ad3e4f;border-color:#ad3e4f}.button--red:hover{color:#ad3e4f}.button--green{background-color:#0d9488;border-color:#0d9488}.button--green:hover{color:#0d9488}.auth{padding:0 14px;display:flex;flex-direction:column}.auth__name,.auth__action{display:flex;flex-direction:column;margin-bottom:12px}.auth__name-text,.auth__name-edit{margin-bottom:8px}.heading-2,.approval-dialog__header{font-family:Cabin,sans-serif;font-size:calc(1.325rem + .9vw)}@media screen and (min-width: 1200px){.heading-2,.approval-dialog__header{font-size:2rem}}.paragraph,.body,.approval-dialog__body{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.approval-dialog{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:fixed;width:100vw;max-width:calc(100% - 32px);height:300px;left:2vw;top:20vw;max-height:calc(100vh - 32px);border:2px solid #b84024;background:#111;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px;outline:none;padding:20px}.approval-dialog__overlay{z-index:99999;position:fixed;inset:0;background-color:#ffffff1f}.approval-dialog__header{font-weight:600;color:#fff;margin-bottom:16px}.approval-dialog__body{color:#fff;margin-bottom:24px}.approval-dialog__footer{display:flex;flex-direction:row;justify-content:flex-end;gap:12px}@media screen and (min-width: 900px){.approval-dialog{position:fixed;top:10vh;left:25vw;width:50vw;max-height:80vh;height:auto;overflow-y:auto}}.heading-1,.about__title{font-family:Cabin,sans-serif;font-size:calc(1.375rem + 1.5vw)}@media screen and (min-width: 1200px){.heading-1,.about__title{font-size:2.5rem}}.heading-2,.about__message{font-family:Cabin,sans-serif;font-size:calc(1.325rem + .9vw)}@media screen and (min-width: 1200px){.heading-2,.about__message{font-size:2rem}}.heading-4,.about__description{font-family:Cabin,sans-serif;font-size:calc(1.275rem + .3vw)}@media screen and (min-width: 1200px){.heading-4,.about__description{font-size:1.5rem}}.heading-5,.about__disclaimer{font-family:Cabin,sans-serif;font-size:1.25rem}@media screen and (min-width: 1200px){.heading-5,.about__disclaimer{font-size:1.25rem}}.about{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;height:85svh}.about__header{display:flex;flex-direction:column;align-items:center;gap:16px}.about a{text-decoration:underline}.about__disclaimer{background-color:#111}.about__disclaimer--title{color:red}.ability{width:87px;height:87px}.ability__icon{width:100%;height:100%;border-radius:12px;border:2px solid #b84024;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#551d10}.ability:hover,.ability--active{cursor:pointer;box-shadow:0 2px 4px #0003;transform:scale(1.05);filter:brightness(1.5)}.heading-4,.slot__ability-name{font-family:Cabin,sans-serif;font-size:calc(1.275rem + .3vw)}@media screen and (min-width: 1200px){.heading-4,.slot__ability-name{font-size:1.5rem}}.heading-5,.slot__ability-type,.slot__ability-price{font-family:Cabin,sans-serif;font-size:1.25rem}@media screen and (min-width: 1200px){.heading-5,.slot__ability-type,.slot__ability-price{font-size:1.25rem}}.paragraph,.body,.slot__name,.slot__ability-details,.slot__ability-description{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.slot{display:flex;flex-direction:column;align-items:center;justify-content:center}.slot__abilities{display:flex;flex-direction:column;flex-wrap:wrap;gap:4px}.slot__abilities--modal{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px}.slot__name{font-weight:600;color:#fff;margin-bottom:8px}.slot__ability-details{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.slot__modal{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:absolute;inset:40px 1px;border:1px solid #ccc;background:#111;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:2px solid #b84024;outline:none;padding:20px}.slot__modal-overlay{z-index:99999;position:fixed;inset:0;background-color:#ffffff1f}.slot__ability-name{font-weight:600;color:#b84024;margin-bottom:8px}.slot__ability-type{font-weight:400;color:#fff;margin-bottom:8px}.slot__ability-description{font-weight:400;color:#fff;margin-bottom:16px}.slot__ability-price{display:flex;flex-direction:row;align-items:center}.slot__ability-price img{width:25px;height:25px;margin-right:8px}.slot__modal-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (min-width: 900px){.slot__modal{position:fixed;top:10vh;left:25vw;width:50vw;max-height:80vh;height:auto;overflow-y:auto}}.heading-6,.creature-build__footer,.creature-build__description{font-family:Cabin,sans-serif;font-size:1rem}@media screen and (min-width: 1200px){.heading-6,.creature-build__footer,.creature-build__description{font-size:1rem}}.creature-build{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:16px;height:auto;background-color:#111;border-radius:12px;border:2px solid #b84024;margin-top:16px;gap:16px}.creature-build__input{outline:none;background:none;color:#fff;font-size:inherit;font-family:inherit;padding:4px 0;width:100%}.creature-build__footer{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start}.creature-build__price{display:flex}.creature-build__price img{width:25px;height:25px;margin-right:4px;margin-left:4px}.creature-build__description{font-weight:400;color:#fff;margin-bottom:16px;width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.creature-build__abilities{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px;justify-content:center}@media screen and (min-width: 900px){.creature-build{height:auto;min-height:500px;max-height:800px;display:flex;align-items:stretch;justify-content:space-between}}.build-actions{gap:16px;display:flex}.heading-5,.creature-build-card__name{font-family:Cabin,sans-serif;font-size:1.25rem}@media screen and (min-width: 1200px){.heading-5,.creature-build-card__name{font-size:1.25rem}}.heading-6,.creature-build-card__species-name--list,.creature-build-card__date{font-family:Cabin,sans-serif;font-size:1rem}@media screen and (min-width: 1200px){.heading-6,.creature-build-card__species-name--list,.creature-build-card__date{font-size:1rem}}.paragraph,.body,.creature-build-card__species-name{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.react-dropdown-select-dropdown-position-bottom{width:246px!important}.creature-build-card{border:2px solid #b84024;border-radius:12px;background-color:#111;box-shadow:0 2px 4px #0000001a;display:flex;padding:10px;flex-direction:row;width:100%;justify-content:space-between;align-items:center}.creature-build-card__header{display:flex;justify-content:space-between}.creature-build-card__species-name{color:#fff;height:21px}.creature-build-card__species-name--list{color:#111;padding:4px;border:1px solid #b84024}.creature-build-card__species-name--list:hover{background-color:#b3b3b3}.creature-build-card__species-name__dropdown{height:32px;padding:0;gap:4px!important}.creature-build-card__species{display:flex;flex-direction:column;align-items:center;width:90px;height:90px;margin:0 5px}.creature-build-card__species:hover{cursor:pointer}.creature-build-card__species__icon{width:100%;height:100%;border-radius:12px;border:2px solid #b84024;background-size:cover;background-position:center;background-repeat:no-repeat}.creature-build-card__details{display:flex;flex-direction:column;align-items:flex-start;width:100%}.creature-build-card__data{display:flex;flex-direction:row;width:100%}.creature-build-card__data:hover{cursor:pointer}.creature-build-card__name{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80svw;width:100%}.creature-build-card__input{outline:none;background:none;color:#fff;font-size:inherit;font-family:inherit;padding:4px 0;width:100%}.creature-build-card__date{font-weight:100;color:#d5d1d1;margin-bottom:10px}.creature-build-card__info{display:flex;flex-direction:column;align-items:stretch;width:100%}.creature-build-card__arrow{display:none}.creature-build-card__arrow svg{height:48px;width:48px}@media screen and (min-width: 900px){.creature-build-card__data{margin-left:20px}.creature-build-card__info{display:flex;flex-direction:row;align-items:center}.creature-build-card__header{display:flex;justify-content:flex-end;flex-direction:row-reverse;width:200px}.creature-build-card__species{min-width:95px}.creature-build-card__arrow{display:flex}}.creature-build-select__control{background:none!important;border:none!important;box-shadow:none!important;min-height:unset!important;height:auto!important;padding:0!important;margin:0!important;width:auto!important;cursor:pointer!important;color:#fff!important}.creature-build-select__value-container{padding:0!important}.creature-build-select__single-value{white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;color:#fff!important;margin:0!important;padding:0!important}.creature-build-select__indicators{padding:0!important;margin:0!important}.creature-build-select__indicator-separator{display:none!important}.creature-build-select__dropdown-indicator{padding:0!important;margin-left:4px!important}.creature-build-select__menu{min-width:max-content!important;z-index:9999!important}.creature-build-select__menu-list{min-width:max-content!important;color:#000!important}.votes{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#fff}.votes__icon{width:24px;height:24px;fill:#fff}.votes__upvotes,.votes__downvotes{display:flex;align-items:center;margin-right:10px}.votes__upvotes:hover,.votes__downvotes:hover{cursor:pointer;scale:1.05}@media screen and (min-width: 900px){.votes{display:flex;flex-direction:column;justify-content:space-around;align-items:center;min-width:95px}}.heading-3,.create-card__title{font-family:Cabin,sans-serif;font-size:calc(1.3rem + .6vw)}@media screen and (min-width: 1200px){.heading-3,.create-card__title{font-size:1.75rem}}.create-card{border:2px solid #b84024;border-radius:12px;background-color:#551d10;box-shadow:0 2px 4px #0000001a;display:flex;padding:10px;flex-direction:row;width:100%;justify-content:center;align-items:center}.create-card__icon{height:64px;width:64px}.create-card__link{width:100%}.create-card:hover{background-color:#b84024;transform:scale(1.01);cursor:pointer}.paragraph,.body,.build-search-bar::placeholder,.build-search-bar__radio-group label,.build-search-bar__subspecies-select label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.build-search-bar{width:100%;border-radius:12px;height:64px;background-color:#b8402499;border-color:#111;color:#fff;text-indent:24px;margin-top:24px;box-shadow:0 4px 8px #0000001a}.build-search-bar::placeholder{color:#fff;opacity:.7}.build-search-bar__container{display:flex;align-items:stretch;flex-direction:column;gap:16px;width:100%}.build-search-bar__radio-group{display:flex;align-items:center;margin-right:16px}.build-search-bar__radio-group label{margin-left:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.build-search-bar__select{color:#111;width:100%}.build-search-bar__subspecies-select{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.build-search-bar__subspecies-select label{width:auto;border-radius:12px}.build-search-bar__subspecies-select input{border-radius:6px;width:100%;padding:6px}.build-search-bar__radio{margin-left:16px;accent-color:#111111;width:20px;height:20px;cursor:pointer}.build-search-bar--herbivore{color:#08ff00;text-shadow:0px 0px 20px black}.build-search-bar--carnivore{color:red;text-shadow:0px 0px 20px black}.build-search-bar__loading{position:absolute;top:48px}.build-search-bar__loading img{width:72px;height:72px}@media screen and (min-width: 900px){.build-search-bar{width:600px;margin-top:0}.build-search-bar__container{width:auto}.build-search-bar__loading{top:-4px}}.pagination{display:flex;justify-content:center;margin-top:20px;gap:12px}.pagination li{list-style:none;cursor:pointer;min-width:50px;min-height:50px;border:1px solid #ccc;border-radius:4px;-webkit-user-select:none;user-select:none;transition:background-color .3s,color .3s;display:flex;align-items:center;justify-content:center}.pagination li:hover{background-color:#bfbfbf;color:#fff}.pagination li a{min-width:100%;min-height:100%;text-align:center;text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:center}.selected{background-color:#b84024;color:#fff;border-color:#b84024}.selected:hover{background-color:#a33920;border-color:#a33920}.disabled{opacity:.6;pointer-events:none;cursor:default}.heading-1,.contact{font-family:Cabin,sans-serif;font-size:calc(1.375rem + 1.5vw)}@media screen and (min-width: 1200px){.heading-1,.contact{font-size:2.5rem}}.heading-4,.contact__option{font-family:Cabin,sans-serif;font-size:calc(1.275rem + .3vw)}@media screen and (min-width: 1200px){.heading-4,.contact__option{font-size:1.5rem}}.contact__option{display:flex;flex-direction:row;align-items:center;gap:8px}.contact__option a{text-decoration:underline}.heading-3,.creature-component__name{font-family:Cabin,sans-serif;font-size:calc(1.3rem + .6vw)}@media screen and (min-width: 1200px){.heading-3,.creature-component__name{font-size:1.75rem}}.paragraph,.body,.creature-component__diet{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.creature-component{display:flex;flex-direction:column;align-items:center;width:274px;padding:15px;background-color:#111;border:2px solid #b84024;border-radius:12px;box-shadow:0 2px 4px #0000001a}.creature-component:hover{cursor:pointer;scale:1.02}.creature-component__header{width:100%;height:177px;margin-bottom:10px;border-radius:12px;border:2px solid #b84024}.creature-component__header__image{width:100%;height:100%;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat}.creature-component__icon{border:2px solid #b84024;border-radius:12px}.creature-component__body{color:#fff;display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;cursor:pointer}.creature-component__body__arrow svg{height:48px;width:48px}.creature-component__name{font-weight:700}.creature-component__diet{font-weight:400;color:#d5d1d1}.paragraph,.body,.species-search-bar::placeholder,.species-search-bar__radio-group label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.species-search-bar{width:100%;border-radius:12px;height:64px;background-color:#b8402499;border-color:#111;color:#fff;text-indent:24px;margin-top:24px;box-shadow:0 4px 8px #0000001a}.species-search-bar::placeholder{color:#fff;opacity:.7}.species-search-bar__container{display:flex;align-items:stretch;flex-direction:column;gap:16px}.species-search-bar__radio-group{display:flex;align-items:center;margin-right:16px}.species-search-bar__radio-group label{margin-left:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.species-search-bar__radio{margin-left:16px;accent-color:#111111;width:20px;height:20px;cursor:pointer}.species-search-bar--herbivore{color:#08ff00;text-shadow:0px 0px 20px black}.species-search-bar--carnivore{color:red;text-shadow:0px 0px 20px black}@media screen and (min-width: 900px){.species-search-bar{width:600px;margin-top:0}}.heading-1{font-family:Cabin,sans-serif;font-size:calc(1.375rem + 1.5vw)}@media screen and (min-width: 1200px){.heading-1{font-size:2.5rem}}.heading-2{font-family:Cabin,sans-serif;font-size:calc(1.325rem + .9vw)}@media screen and (min-width: 1200px){.heading-2{font-size:2rem}}.heading-3{font-family:Cabin,sans-serif;font-size:calc(1.3rem + .6vw)}@media screen and (min-width: 1200px){.heading-3{font-size:1.75rem}}.heading-4{font-family:Cabin,sans-serif;font-size:calc(1.275rem + .3vw)}@media screen and (min-width: 1200px){.heading-4{font-size:1.5rem}}.heading-5{font-family:Cabin,sans-serif;font-size:1.25rem}@media screen and (min-width: 1200px){.heading-5{font-size:1.25rem}}.heading-6{font-family:Cabin,sans-serif;font-size:1rem}@media screen and (min-width: 1200px){.heading-6{font-size:1rem}}.default,h1,h2,h3,h4,h5,h6,p{color:#fff}.paragraph,.body{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5}.creature-card-container{display:flex;align-items:center;gap:15px;box-sizing:border-box;margin:0 auto;justify-content:center;flex-wrap:wrap;max-width:100vw;min-width:0}@media screen and (min-width: 900px){.creature-card-container{max-width:1100px;padding:20px 10px;flex-direction:row}}