skin-dt-32 0.3.5 → 0.3.7

package/config/vueComponents.js

@@ -258,7 +258,7 @@ Vue.component('navbar-foro', {
             </li>
             <template v-if="multiAccount.status">
                 <li class="navbar-item">
-                    <select v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">
+                    <select title="Cambiar de cuenta" v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">
                         <option value="-1" hidden selected>Selec. personaje</option>
                         <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>
                     </select>

package/config/vueComponents.min.js

@@ -1,2 +1,2 @@
-Vue.component("titulo-especial",{props:["title"],computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    '}),Vue.component("cabecera-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <div class="forum-head regular-head">\n        <i class="fa-solid fa-caret-right"></i>\n        <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    </div>\n    '}),Vue.component("cabcategoria-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <div class="forum-head category-head">\n        <i class="fa-solid fa-caret-right"></i>\n        <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    </div>\n    '}),Vue.component("cabespecial-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <div class="forum-head special-head">\n        <i class="fa-solid fa-caret-right"></i>\n        <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    </div>\n    '}),Vue.component("controles-foro",{data:()=>({maPage:0,userName:_userdata.username,userAvatar:_userdata.avatar.split('src="')[1].split('"')[0],userLevel:_userdata.user_level,userId:_userdata.user_id,userLog:_userdata.session_logged_in,userMP:0,userOut:"",isActive:!1,profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{isActiveClass(){return"has-bg"+(this.isActive?" visible":" not-visible")}},methods:{turnActive(){this.isActive=!this.isActive}},created(){0!==this.userLog&&(null!==document.getElementById("i_icon_mini_new_message")&&null!==document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.getElementById("logout").href)},template:'\n    <div class="main-body">\n        <template v-if="userId !== -1">\n            <a :href="\'/u\' + userId" :title="\'Ir a tu \' + profileName" class="top">\n                <div class="user-avatar">\n                    <img :src="userAvatar" :alt="\'Avatar de \' + userName" />\n                </div>\n                <span>{{ userName | just-name }}</span>\n            </a>\n        </template>\n        <template v-else>\n            <a href="/" title="Ir a «Inicio»" class="top">\n                <span>Invitado</span>\n            </a>\n        </template>\n        <nav class="bottom">   \n            <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n            <section v-if="maPage === 1" id="multiaccount-transition">\n                <cargando-foro text="Cambiando de cuenta…"></cargando-foro>\n            </section>\n        </nav>\n    </div>\n    '}),Vue.component("navbar-foro",{props:["username","userlevel","userid","userlog","usermp","userout"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil",items:forumContent.navbar,navigation:forumContent.links,directions:forumConfig.usableDirections,multiAccount:{status:!1,position:-1,accounts:[]}}),computed:{isStatusClass(){return(1===this.userlog?"is-logged":"is-unlogged")+(1===this.userlevel?" is-admin":" is-user")},mpText(){return 0!==this.usermp?"Tienes "+this.usermp+" mensaje"+(1===this.usermp?"":"s")+" pendientes":"Ir a tu mensajería privada"},links(){return this.navigation.filter(s=>void 0!==s.icon)}},methods:{changeAccount(){this.$parent.maPage=1,FNR.user.changeAccount(this.userout,this.multiAccount.accounts[this.multiAccount.position].name,this.multiAccount.accounts[this.multiAccount.position].password).then(s=>{s&&window.location.reload()})}},created(){this.multiAccount.status=!1!==FNR.cache.getData("usermultiaccounts")&&!1!==FNR.cache.getData("userpassword")&&FNR.cache.getData("usermultiaccounts").length>1,this.multiAccount.accounts=(!1===FNR.cache.getData("usermultiaccounts")?[]:FNR.cache.getData("usermultiaccounts").map(s=>({name:s.name,password:sjcl.decrypt(FNR.cache.getData("userpassword"),s.password)}))).filter(s=>s.name!==_userdata.username).sort((s,t)=>s.name<t.name?-1:s.name>t.name?1:0)},template:'\n    <ul :class="isStatusClass">\n        <template v-if="!userlog">\n            <li class="navbar-item">\n                <a href="/register" title="Registrarse en el foro">\n                    <div class="icon">\n                        <i class="fa-solid fa-user-plus"></i>\n                    </div>\n                    <div class="text">Registrarse</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/login" title="Iniciar sesión en el foro">\n                    <div class="icon">\n                        <i class="fa-solid fa-sign-in-alt"></i>\n                    </div>\n                    <div class="text">Conectarse</div>\n                </a>\n            </li>\n        </template>\n        <template v-else>\n            <li class="navbar-item is-hidden-desktop" v-for="link in links">\n                <a :href="link.url" :title="\'Ir a «\' + link.name + \'»\'">\n                    <div class="icon">\n                        <i :class="link.icon"></i>\n                    </div>\n                    <div class="text">{{ link.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item" v-for="item in items">\n                <a :href="item.url" :title="\'Ir a «\' + item.name + \'»\'">\n                    <div class="icon">\n                        <i :class="item.icon"></i>\n                    </div>\n                    <div class="text">{{ item.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item is-hidden-desktop">\n                <a :href="\'/u\' + userid" :title="\'Ir a tu \' + profileName">\n                    <div class="icon">\n                        <i class="fa-solid fa-id-card"></i>\n                    </div>\n                    <div class="text">Perfil</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/search?search_id=egosearch" title="Ir a tus temas personales">\n                    <div class="icon">\n                        <i class="fa-solid fa-archive"></i>\n                    </div>\n                    <div class="text">Temas</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/privmsg?folder=inbox" :title="mpText">\n                    <div class="icon">\n                        <template v-if="usermp === 0">\n                            <i class="fa-solid fa-envelope"></i>\n                        </template>\n                        <template v-else>\n                            <i class="fa-solid fa-message-exclamation"></i>\n                        </template>\n                    </div>\n                    <div class="text">Mensajería</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n                    <div class="icon">\n                        <i class="fa-solid fa-sliders-h"></i>\n                    </div>\n                    <div class="text">Editar</div>\n                </a>\n            </li>\n            <template v-if="multiAccount.status">\n                <li class="navbar-item">\n                    <select v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">\n                        <option value="-1" hidden selected>Selec. personaje</option>\n                        <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>\n                    </select>\n                    <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n                        <div class="icon">\n                            <i class="fa-solid fa-address-book"></i>\n                        </div>\n                        <div class="text">Cuentas</div>\n                    </a>\n                </li>\n            </template>\n            <template v-if="userlevel === 1">\n                <li class="navbar-item">\n                    <a href="/admin" target="_blank" title="Ir al «Panel de Administrador»">\n                        <div class="icon">\n                            <i class="fa-solid fa-cogs"></i>\n                        </div>\n                        <div class="text">Administrar</div>\n                    </a>\n                </li>\n            </template>\n            <li class="navbar-item">\n                <a :href="userout" title="Cerrar sesión">\n                    <div class="icon">\n                        <i class="fa-solid fa-sign-out-alt"></i>\n                    </div>\n                    <div class="text">Salir</div>\n                </a>\n            </li>\n        </template>\n    </ul>\n    '}),Vue.component("header-foro",{props:["sitename"],data:()=>({name:forumData.name,image:forumDefaults.logo}),template:'\n    <section id="page-header" class="main-body">\n        <a href="/" :title="\'Ir al índice de «\' + sitename + \'»\'" id="forum-logo">\n            <template v-if="image">\n                <img :src="image" :alt="name" />\n            </template>\n            <template v-else>\n                <slot name="logo"></slot>\n            </template>\n        </a>\n    </section>\n    '}),Vue.component("foro-foro",{props:["url","name","posts","topics","lasturl"],data(){return{lastname:void 0===this.$slots["last-name"]?"":this.$slots["last-name"][0].text}},mounted(){const s=null!==this.url.match(/f(\d+)-/),t=s?"forum":"category",i=this.$el.parentElement.classList,e=FNR.utility.genSlug(this.name,"-"),n=s?this.url.match(/f(\d+)-/)[1]:this.url.match(/c(\d+)-/)[1];i.add(`${t}-element`),i.add(`${t}-${n}`),i.add(`${t}-${e}`)},template:'\n    <section class="forum-forum">\n        <a class="forum-header" :href="url" :title="\'Ir al subforo «\' + name + \'»\'">\n            <div class="forum-title is-tweakeable">\n                <span class="is-measurable">{{ name }}</span>\n            </div>\n            <div class="forum-stats">{{ posts }} mensajes — {{ topics }} temas</div>\n        </a>\n        <div class="forum-content">\n            <ul class="columns is-gapless is-multiline">\n                <li class="column is-full is-half-desktop">\n                    <div class="forum-info">\n                        <ul class="columns is-gapless is-multiline">\n                            <li class="column is-full is-two-thirds-desktop">\n                                <div class="forum-misc">\n                                    <div class="forum-last">\n                                        <template v-if="lasturl.length">\n                                            <div class="lastpost-content">\n                                                <div class="is-hidden-desktop">\n                                                    <a :href="lasturl" :title="\'Último mensaje en el tema «\' + lastname + \'» por \'" class="lastpost-link">{{ lastname }}</a> por <slot name="last-who"></slot>, <slot name="last-date"></slot>\n                                                </div>\n                                                <div class="is-hidden-touch"></div>\n                                            </div>\n                                        </template>\n                                        <template v-else>Este subforo no tiene mensajes</template>\n                                    </div>\n                                </div>\n                            </li>\n                            <li class="column is-one-third is-hidden-touch">\n                                <div class="lastpost-user">\n                                    <div class="lastpost-avatar">\n                                        <slot name="last-avatar"></slot>\n                                    </div>\n                                    <div class="lastpost-name"></div>\n                                </div>\n                            </li>\n                        </ul>\n                    </div>\n                </li>\n                <li class="column is-full is-half-desktop">\n                    <div class="forum-interior">\n                        <slot name="desc"></slot>\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </section>\n    '}),Vue.component("temas-foro",{props:["type","url","replies","views","quick","lastpost","mode"],data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},computed:{currentMode(){const s=void 0!==forumConfig.skinOptions.showTopicType&&forumConfig.skinOptions.showTopicType;return this.mode.indexOf("<strong>")>-1&&s?this.mode.split("<strong>")[1].split(":</strong>")[0]:""},currentType(){let s=this.type;return window.location.pathname.indexOf("/merge")>-1?s="radio":window.location.pathname.indexOf("/modcp")>-1&&(s="checkbox"),s},currentClass(){const s={mp:"mp",draft:"draft",radio:"mp",checkbox:"mp",followed:"mp"};return"topiclist-topic"+("normal"!==this.currentType?" topic-"+s[this.currentType]:"")}},mounted(){const s=["checkbox","radio"],t=this.$el.parentElement.classList;"normal"!==this.currentType&&t.add("is-not-lastpost"),s.indexOf(this.currentType)>-1&&t.add("is-mod")},template:'\n    <div :class="currentClass">\n        <template v-if="currentType === \'draft\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-author">{{ lastpost }}</div>\n                    <div class="topic-extra">\n                        <div class="topic-repliesandviews">\n                            {{ replies }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <a class="topic-lastpost" :href="quick" :title="\'Ir al bosquejo «\' + title + \'»\'">\n                    <i class="fas fa-pencil-alt"></i>\n                </a>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'followed\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-repliesandviews">\n                            {{ replies }} - {{ views }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <slot name="radio"></slot>\n                </div>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'mp\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al mensaje privado «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-pagination">{{ views }}</div>\n                        <div class="topic-extra-separador">-</div>\n                        <div class="topic-author">Por <slot name="who"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <div class="forum-checkbox">\n                        <div class="checkbox-content">\n                            <div class="checkbox-click">\n                                <i class="fas fa-check"></i>\n                            </div>\n                        </div>\n                        <div class="checkbox-real"><slot name="checkbox"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'radio\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-author">Por <slot name="topic-author"></slot></div>\n                        <div class="topic-repliesandviews">\n                            {{ replies }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <div class="forum-checkbox">\n                        <div class="checkbox-content">\n                            <div class="checkbox-click">\n                                <i class="fas fa-check"></i>\n                            </div>\n                        </div>\n                        <div class="checkbox-real"><slot name="checkbox"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'checkbox\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Separar tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-author">{{ lastpost }}</div>\n                        <div class="topic-repliesandviews">\n                            {{ replies }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <div class="forum-checkbox">\n                        <div class="checkbox-content">\n                            <div class="checkbox-click">\n                                <i class="fas fa-check"></i>\n                            </div>\n                        </div>\n                        <div class="checkbox-real"><slot name="checkbox"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n            </div>\n        </template>\n        <template v-else>\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'"><template v-if="currentMode.length">{{ currentMode }}: </template>{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-pagination to-process">Páginas: <slot name="pagination"></slot></div>\n                        <div class="topic-extra-separador">-</div>\n                        <div class="topic-author">Por <slot name="topic-author"></slot></div>\n                        <div class="topic-repliesandviews">\n                            {{ replies }} - {{ views }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <slot name="last-avatar"></slot>\n                <div class="topic-last">\n                    <a class="topic-lastpost">\n                        <i class="fas fa-link"></i> Último mensaje\n                    </a>\n                    Por <span class="topic-lastauthor"></span>\n                    <br />\n                    <span class="topic-lastdate"></span>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n                <slot name="last-post"></slot>\n            </div>\n        </template>\n      </div>\n      '}),Vue.component("mensaje-foro",{props:["id","online","edited","date"],computed:{slugId(){return"post-"+this.id},currentClass(){return"postlist-post"+this.online},currentDate(){const s=s=>s.split("el ")[1];return this.date.length?(this.date.indexOf("el")>-1?s(this.date).trim():this.date.trim())+(this.edited.length&&-1===this.edited.indexOf("not-show")?' <a title="'+this.edited.split("<br /><br />")[1].split(",")[0]+'">Editado</a> ':""):""}},template:'\n    <section :id="slugId" :class="currentClass">\n        <a :id="id" class="page-anchor" />\n        <div class="post-header">\n            <div class="header-side"></div>\n        </div>\n        <div class="post-content">\n            <div class="post-info">\n                <div class="post-side">\n                    <a :href="\'#\' + id" title="Enlace permanente" class="post-permalink">\n                        <i class="fas fa-link"></i>\n                    </a>\n                    <div class="post-title" v-html="currentDate" v-if="currentDate.length"></div>\n                </div>\n                <ul class="post-buttons"></ul>\n            </div>\n            <div class="is-content">\n                <slot name="content"></slot>\n            </div>\n        </div>\n        <div class="post-profile">\n            <slot name="profile"></slot>\n        </div>\n    </section>\n    '}),Vue.component("memberitem-foro",{props:["profile","type"],data(){return{configType:"none"!==this.profile,configName:forumConfig.profileOptions.profileName||"perfil",configRank:forumConfig.profileOptions.profileRank,url:"/",title:`Ir al índice de «${forumData.name}»`,mp:"/",name:"Usuario",avatar:forumDefaults.avatar,alt:"Avatar por defecto",rank:"Miembro",group:"usergroup-unknown",messages:0,lastvisit:"Cargando…",currentlyLooking:""}},created(){this.$slots.name&&(this.$slots.name[0].text?this.name=this.$slots.name[0].text:this.name=this.$slots.name[0].children[0].children[0].text||"Buscador"),this.$slots.avatar&&(this.avatar=this.$slots.avatar[0].data.attrs.src),this.$slots.posts&&(this.messages=this.$slots.posts[0].text),this.$slots.last&&(this.lastvisit=this.$slots.last[0].text),this.$slots.site&&(this.currentlyLooking=this.$slots.site[0].children[0].text),this.configType&&FNR.user.getProfile(this.profile.split("/u")[1],.25).then(s=>{this.url=s.links.profile,this.title=`Ir al ${this.configName} de «${s.name}»`,this.mp=s.links.mp,this.alt=`Avatar de «${s.name}»`,this.rank=s.fields[this.configRank].content,this.group="usergroup-"+s.colour,this.$slots.name||(this.name=s.name),this.$slots.avatar||(this.avatar=s.avatar),this.$slots.posts||(this.messages=s.messages.public),this.$slots.last||(this.lastvisit=s.lastvisit)})},template:'\n    <a :class="\'memberitem-element \' + group" :href="url" target="_blank" :title="title">\n        <div class="memberlist-name">\n            <h3 class="is-tweakeable">\n                <span class="is-measurable">{{ name }}</span>\n            </h3>\n            <div class="is-tweakeable">\n                <span class="is-measurable">{{ currentlyLooking ? currentlyLooking : lastvisit }}</span>\n            </div>\n        </div>\n        <img class="memberlist-avatar" :src="avatar" :alt="alt" />\n    </a>\n    '}),Vue.component("estadisticas-foro",{props:["msg","users"],data:()=>({lastTopics:[],userLog:_userdata.session_logged_in}),created(){FNR.forum.getTopics(forumConfig.skinOptions.excludedForums,forumConfig.skinOptions.lastTopics).then(s=>{this.lastTopics=s})},template:'\n    <ul class="columns is-multiline is-gapless">\n        <li id="bloque-estadisticas" class="column is-one-third is-full-touch">\n            <div id="new-connected">\n                <h6>Ahora</h6>\n                <div class="has-users">\n                    <span class="curconnected-users"></span>\n                </div>\n            </div>\n            <div id="past-connected">\n                <h6>Últimas <span class="lastconnected-hour"></span> horas</h6>\n                <div class="has-users">\n                    <span class="lastconnected-users"></span>\n                </div>\n            </div>\n        </li>\n        <li id="bloque-grupos" class="column is-two-thirds is-full-touch">\n            <div id="image-banner"></div>\n            <ul id="census"></ul>\n        </li>\n        <li id="bloque-ultimostemas" class="column is-full">\n            <h6>Últimos temas</h6>\n            <ul class="ltopic-list">\n                <li v-for="topic in lastTopics">\n                    <tema-ref :info="topic"></tema-ref>\n                </li>\n            </ul>\n            <small>También tienes la lista <a href="/latest" target="_blank" title="Ir a la página de «Últimos temas»">general</a><template v-if="userLog !== 0"> o desde tu <a href="/search?search_id=newposts" target="_blank" title="Ir a la página de «Desde última conexión»">ultima conexión</a></template>.</small>\n        </li>\n  \t</ul>\n    '}),Vue.component("tema-ref",{props:["info"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{userColor(){return"color: "+this.info.lastpost.who.color}},template:'\n    <div class="ltopic-element">\n        <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="\'Ir al último mensaje del tema «\' + info.name + \'»\'">\n            <i class="fas fa-link"></i>\n        </a>\n        <a class="ltopic-title" :href="info.url" target="_blank" :title="\'Ir al tema «\' + info.name + \'»\'"><span>{{ info.name }}</span></a>\n        <small class="ltopic-info"><a :href="info.lastpost.who.url" target="_blank" :style="userColor" :title="\'Ir al \' + profileName + \' de «\' + info.lastpost.who.name + \'»\'">{{ info.lastpost.who.name | just-name }}</a>, {{ info.lastpost.date }} en <a :href="info.forum.url" target="_blank" :title="\'Ir al subforo «\' + info.forum.name + \'»\'">{{ info.forum.name }}</a></small>\n    </div>\n    '}),Vue.component("footer-foro",{data:()=>({afis:{},normal:forumConfig.usableDirections.normal,credits:forumCredits.paragraphs,social:forumCredits.social}),created(){FNR.forum.getAffiliates().then(s=>{this.afis=s})},template:'\n    <section id="page-afiliates" class="main-body">\n        <categoria-foro id="afiliados">\n            <div class="forum-head regular-head">\n                <i class="fa-solid fa-caret-right"></i>\n                <h3><span>Afiliados <span class="extra">+</span> Créditos</span><small>afiliados <span class="extra">+</span> creditos</small></h3>\n            </div>\n            <ul class="columns is-gapless">\n                <li id="for-afis" class="column is-two-thirds is-full-touch">\n                    <ul class="columns is-gapless is-multiline">\n                        <li id="for-afis-sis" class="column is-full afi-collection">\n                            <h3 class="section-title">Hermanas</h3>\n                            <ul v-html="afis.sister" class="no-style"></ul>\n                        </li>\n                        <li id="for-afis-nosis" class="column is-full">\n                            <ul class="columns is-gapless is-multiline">\n                                <li class="column is-two-thirds is-full-touch afi-collection">\n                                    <h3 class="section-title">Élite</h3>\n                                    <ul v-html="afis.elite" class="no-style"></ul>\n                                </li>\n                                <li class="column is-one-third is-full-touch afi-collection">\n                                    <h3 class="section-title">Directorios</h3>\n                                    <ul v-html="afis.directory" class="no-style"></ul>\n                                </li>\n                            </ul>\n                        </li>\n                        <li id="for-afis-norm" class="column is-full" v-if="normal.length">\n                            <h3 class="section-title"><a :href="normal" title="Ir a «Afiliaciones Normales»"><i class="fas fa-link"></i> Normales</a></h3>\n                        </li>\n                    </ul>\n                </li>\n                <li id="for-cred" class="column is-full-touch">\n                    <div class="is-content">\n                        <h3 class="section-title">Créditos</h3>\n                        <ul class="no-style">\n                            <li v-for="credit in credits" v-html="credit"></li>\n                            <li class="is-hidden-mobile">El diseño y programación de la skin <a href="https://darktimes-skin.foroactivo.com/" title="Ir al sitio web de «Dark Times»" target="_blank">Dark Times</a> por <a href="https://zatrapa-gaylien.tumblr.com/" title="Ir al sitio web de «Gaylien»" target="_blank">Gaylien</a>. Agradecimiento especial a los equipos desarrolladores de <a href="https://vuejs.org/" title="Ir al sitio web de «Vue»" target="_blank">Vue</a> y <a href="https://bulma.io/" title="Ir al sitio web de «Bulma»" target="_blank">Bulma</a> por sus respectivos Frameworks.</li>\n                            <li id="credits-social" v-if="social.length">\n                                <ul class="no-style">\n                                    <li v-for="platform in social">\n                                        <a :href="platform.url" target="_blank" :title="\'Ir a «\' + platform.name + \'»\'"><em :class="platform.icon"></em> {{ platform.name }}</a>\n                                    </li>\n                                </ul>\n                            </li>                                                                                          \n                        </ul>\n                    </div>\n                </li>\n            </ul>\n        </categoria-foro>\n    </section>\n    '}),Vue.component("tablon-titulo",{props:["title"],template:'\n    <h4 class="plank-title">\n        <i class="fa-solid fa-caret-right"></i><span v-html="title"></span>\n    </h4>\n    '}),Vue.component("tablon-superior",{data:()=>({name:forumData.name}),
+Vue.component("titulo-especial",{props:["title"],computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    '}),Vue.component("cabecera-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <div class="forum-head regular-head">\n        <i class="fa-solid fa-caret-right"></i>\n        <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    </div>\n    '}),Vue.component("cabcategoria-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <div class="forum-head category-head">\n        <i class="fa-solid fa-caret-right"></i>\n        <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    </div>\n    '}),Vue.component("cabespecial-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n    <div class="forum-head special-head">\n        <i class="fa-solid fa-caret-right"></i>\n        <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n    </div>\n    '}),Vue.component("controles-foro",{data:()=>({maPage:0,userName:_userdata.username,userAvatar:_userdata.avatar.split('src="')[1].split('"')[0],userLevel:_userdata.user_level,userId:_userdata.user_id,userLog:_userdata.session_logged_in,userMP:0,userOut:"",isActive:!1,profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{isActiveClass(){return"has-bg"+(this.isActive?" visible":" not-visible")}},methods:{turnActive(){this.isActive=!this.isActive}},created(){0!==this.userLog&&(null!==document.querySelector("#i_icon_mini_new_message")&&null!==document.querySelector("#i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.querySelector("#i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.querySelector("#logout").href)},template:'\n    <div class="main-body">\n        <template v-if="userId !== -1">\n            <a :href="\'/u\' + userId" :title="\'Ir a tu \' + profileName" class="top">\n                <div class="user-avatar">\n                    <img :src="userAvatar" :alt="\'Avatar de \' + userName" />\n                </div>\n                <span>{{ userName | just-name }}</span>\n            </a>\n        </template>\n        <template v-else>\n            <a href="/" title="Ir a «Inicio»" class="top">\n                <span>Invitado</span>\n            </a>\n        </template>\n        <nav class="bottom">   \n            <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n            <section v-if="maPage === 1" id="multiaccount-transition">\n                <cargando-foro text="Cambiando de cuenta…"></cargando-foro>\n            </section>\n        </nav>\n    </div>\n    '}),Vue.component("navbar-foro",{props:["username","userlevel","userid","userlog","usermp","userout"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil",items:forumContent.navbar,navigation:forumContent.links,directions:forumConfig.usableDirections,multiAccount:{status:!1,position:-1,accounts:[]}}),computed:{isStatusClass(){return(1===this.userlog?"is-logged":"is-unlogged")+(1===this.userlevel?" is-admin":" is-user")},mpText(){return 0!==this.usermp?"Tienes "+this.usermp+" mensaje"+(1===this.usermp?"":"s")+" pendientes":"Ir a tu mensajería privada"},links(){return this.navigation.filter(s=>void 0!==s.icon)}},methods:{changeAccount(){this.$parent.maPage=1,FNR.user.changeAccount(this.userout,this.multiAccount.accounts[this.multiAccount.position].name,this.multiAccount.accounts[this.multiAccount.position].password).then(s=>{s&&window.location.reload()})}},created(){this.multiAccount.status=!1!==FNR.cache.getData("usermultiaccounts")&&!1!==FNR.cache.getData("userpassword")&&FNR.cache.getData("usermultiaccounts").length>1,this.multiAccount.accounts=(!1===FNR.cache.getData("usermultiaccounts")?[]:FNR.cache.getData("usermultiaccounts").map(s=>({name:s.name,password:sjcl.decrypt(FNR.cache.getData("userpassword"),s.password)}))).filter(s=>s.name!==_userdata.username).sort((s,t)=>s.name<t.name?-1:s.name>t.name?1:0)},template:'\n    <ul :class="isStatusClass">\n        <template v-if="!userlog">\n            <li class="navbar-item">\n                <a href="/register" title="Registrarse en el foro">\n                    <div class="icon">\n                        <i class="fa-solid fa-user-plus"></i>\n                    </div>\n                    <div class="text">Registrarse</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/login" title="Iniciar sesión en el foro">\n                    <div class="icon">\n                        <i class="fa-solid fa-sign-in-alt"></i>\n                    </div>\n                    <div class="text">Conectarse</div>\n                </a>\n            </li>\n        </template>\n        <template v-else>\n            <li class="navbar-item is-hidden-desktop" v-for="link in links">\n                <a :href="link.url" :title="\'Ir a «\' + link.name + \'»\'">\n                    <div class="icon">\n                        <i :class="link.icon"></i>\n                    </div>\n                    <div class="text">{{ link.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item" v-for="item in items">\n                <a :href="item.url" :title="\'Ir a «\' + item.name + \'»\'">\n                    <div class="icon">\n                        <i :class="item.icon"></i>\n                    </div>\n                    <div class="text">{{ item.name }}</div>\n                </a>\n            </li>\n            <li class="navbar-item is-hidden-desktop">\n                <a :href="\'/u\' + userid" :title="\'Ir a tu \' + profileName">\n                    <div class="icon">\n                        <i class="fa-solid fa-id-card"></i>\n                    </div>\n                    <div class="text">Perfil</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/search?search_id=egosearch" title="Ir a tus temas personales">\n                    <div class="icon">\n                        <i class="fa-solid fa-archive"></i>\n                    </div>\n                    <div class="text">Temas</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a href="/privmsg?folder=inbox" :title="mpText">\n                    <div class="icon">\n                        <template v-if="usermp === 0">\n                            <i class="fa-solid fa-envelope"></i>\n                        </template>\n                        <template v-else>\n                            <i class="fa-solid fa-message-exclamation"></i>\n                        </template>\n                    </div>\n                    <div class="text">Mensajería</div>\n                </a>\n            </li>\n            <li class="navbar-item">\n                <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n                    <div class="icon">\n                        <i class="fa-solid fa-sliders-h"></i>\n                    </div>\n                    <div class="text">Editar</div>\n                </a>\n            </li>\n            <template v-if="multiAccount.status">\n                <li class="navbar-item">\n                    <select title="Cambiar de cuenta" v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">\n                        <option value="-1" hidden selected>Selec. personaje</option>\n                        <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>\n                    </select>\n                    <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n                        <div class="icon">\n                            <i class="fa-solid fa-address-book"></i>\n                        </div>\n                        <div class="text">Cuentas</div>\n                    </a>\n                </li>\n            </template>\n            <template v-if="userlevel === 1">\n                <li class="navbar-item">\n                    <a href="/admin" target="_blank" title="Ir al «Panel de Administrador»">\n                        <div class="icon">\n                            <i class="fa-solid fa-cogs"></i>\n                        </div>\n                        <div class="text">Administrar</div>\n                    </a>\n                </li>\n            </template>\n            <li class="navbar-item">\n                <a :href="userout" title="Cerrar sesión">\n                    <div class="icon">\n                        <i class="fa-solid fa-sign-out-alt"></i>\n                    </div>\n                    <div class="text">Salir</div>\n                </a>\n            </li>\n        </template>\n    </ul>\n    '}),Vue.component("header-foro",{props:["sitename"],data:()=>({name:forumData.name,image:forumDefaults.logo}),template:'\n    <section id="page-header" class="main-body">\n        <a href="/" :title="\'Ir al índice de «\' + sitename + \'»\'" id="forum-logo">\n            <template v-if="image">\n                <img :src="image" :alt="name" />\n            </template>\n            <template v-else>\n                <slot name="logo"></slot>\n            </template>\n        </a>\n    </section>\n    '}),Vue.component("foro-foro",{props:["url","name","posts","topics","lasturl"],data(){return{lastname:void 0===this.$slots["last-name"]?"":this.$slots["last-name"][0].text}},mounted(){const s=null!==this.url.match(/f(\d+)-/),t=s?"forum":"category",i=this.$el.parentElement.classList,e=FNR.utility.genSlug(this.name,"-"),n=s?this.url.match(/f(\d+)-/)[1]:this.url.match(/c(\d+)-/)[1];i.add(`${t}-element`),i.add(`${t}-${n}`),i.add(`${t}-${e}`)},template:'\n    <section class="forum-forum">\n        <a class="forum-header" :href="url" :title="\'Ir al subforo «\' + name + \'»\'">\n            <div class="forum-title is-tweakeable">\n                <span class="is-measurable">{{ name }}</span>\n            </div>\n            <div class="forum-stats">{{ posts }} mensajes — {{ topics }} temas</div>\n        </a>\n        <div class="forum-content">\n            <ul class="columns is-gapless is-multiline">\n                <li class="column is-full is-half-desktop">\n                    <div class="forum-info">\n                        <ul class="columns is-gapless is-multiline">\n                            <li class="column is-full is-two-thirds-desktop">\n                                <div class="forum-misc">\n                                    <div class="forum-last">\n                                        <template v-if="lasturl.length">\n                                            <div class="lastpost-content">\n                                                <div class="is-hidden-desktop">\n                                                    <a :href="lasturl" :title="\'Último mensaje en el tema «\' + lastname + \'» por \'" class="lastpost-link">{{ lastname }}</a> por <slot name="last-who"></slot>, <slot name="last-date"></slot>\n                                                </div>\n                                                <div class="is-hidden-touch"></div>\n                                            </div>\n                                        </template>\n                                        <template v-else>Este subforo no tiene mensajes</template>\n                                    </div>\n                                </div>\n                            </li>\n                            <li class="column is-one-third is-hidden-touch">\n                                <div class="lastpost-user">\n                                    <div class="lastpost-avatar">\n                                        <slot name="last-avatar"></slot>\n                                    </div>\n                                    <div class="lastpost-name"></div>\n                                </div>\n                            </li>\n                        </ul>\n                    </div>\n                </li>\n                <li class="column is-full is-half-desktop">\n                    <div class="forum-interior">\n                        <slot name="desc"></slot>\n                    </div>\n                </li>\n            </ul>\n        </div>\n    </section>\n    '}),Vue.component("temas-foro",{props:["type","url","replies","views","quick","lastpost","mode"],data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},computed:{currentMode(){const s=void 0!==forumConfig.skinOptions.showTopicType&&forumConfig.skinOptions.showTopicType;return this.mode.indexOf("<strong>")>-1&&s?this.mode.split("<strong>")[1].split(":</strong>")[0]:""},currentType(){let s=this.type;return window.location.pathname.indexOf("/merge")>-1?s="radio":window.location.pathname.indexOf("/modcp")>-1&&(s="checkbox"),s},currentClass(){const s={mp:"mp",draft:"draft",radio:"mp",checkbox:"mp",followed:"mp"};return"topiclist-topic"+("normal"!==this.currentType?" topic-"+s[this.currentType]:"")}},mounted(){const s=["checkbox","radio"],t=this.$el.parentElement.classList;"normal"!==this.currentType&&t.add("is-not-lastpost"),s.indexOf(this.currentType)>-1&&t.add("is-mod")},template:'\n    <div :class="currentClass">\n        <template v-if="currentType === \'draft\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-author">{{ lastpost }}</div>\n                    <div class="topic-extra">\n                        <div class="topic-repliesandviews">\n                            {{ replies }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <a class="topic-lastpost" :href="quick" :title="\'Ir al bosquejo «\' + title + \'»\'">\n                    <i class="fas fa-pencil-alt"></i>\n                </a>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'followed\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-repliesandviews">\n                            {{ replies }} - {{ views }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <slot name="radio"></slot>\n                </div>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'mp\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al mensaje privado «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-pagination">{{ views }}</div>\n                        <div class="topic-extra-separador">-</div>\n                        <div class="topic-author">Por <slot name="who"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <div class="forum-checkbox">\n                        <div class="checkbox-content">\n                            <div class="checkbox-click">\n                                <i class="fas fa-check"></i>\n                            </div>\n                        </div>\n                        <div class="checkbox-real"><slot name="checkbox"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'radio\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-author">Por <slot name="topic-author"></slot></div>\n                        <div class="topic-repliesandviews">\n                            {{ replies }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <div class="forum-checkbox">\n                        <div class="checkbox-content">\n                            <div class="checkbox-click">\n                                <i class="fas fa-check"></i>\n                            </div>\n                        </div>\n                        <div class="checkbox-real"><slot name="checkbox"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n            </div>\n        </template>\n        <template v-else-if="currentType === \'checkbox\'">\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Separar tema «\' + title + \'»\'">{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-author">{{ lastpost }}</div>\n                        <div class="topic-repliesandviews">\n                            {{ replies }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <div class="topic-lastpost" title="¡Seleccióname!">\n                    <div class="forum-checkbox">\n                        <div class="checkbox-content">\n                            <div class="checkbox-click">\n                                <i class="fas fa-check"></i>\n                            </div>\n                        </div>\n                        <div class="checkbox-real"><slot name="checkbox"></slot></div>\n                    </div>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n            </div>\n        </template>\n        <template v-else>\n            <div class="topic-main">\n                <div class="topic-icon"></div>\n                <div class="topic-container">\n                    <span class="topic-title">\n                        <a :href="url" :title="\'Ir al tema «\' + title + \'»\'"><template v-if="currentMode.length">{{ currentMode }}: </template>{{ title }}</a>\n                    </span>\n                    <div class="topic-extra">\n                        <div class="topic-pagination to-process">Páginas: <slot name="pagination"></slot></div>\n                        <div class="topic-extra-separador">-</div>\n                        <div class="topic-author">Por <slot name="topic-author"></slot></div>\n                        <div class="topic-repliesandviews">\n                            {{ replies }} - {{ views }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="topic-quicklink">\n                <slot name="last-avatar"></slot>\n                <div class="topic-last">\n                    <a class="topic-lastpost">\n                        <i class="fas fa-link"></i> Último mensaje\n                    </a>\n                    Por <span class="topic-lastauthor"></span>\n                    <br />\n                    <span class="topic-lastdate"></span>\n                </div>\n            </div>\n            <div class="to-process">\n                <slot name="status"></slot>\n                <slot name="last-post"></slot>\n            </div>\n        </template>\n      </div>\n      '}),Vue.component("mensaje-foro",{props:["id","online","edited","date"],computed:{slugId(){return"post-"+this.id},currentClass(){return"postlist-post"+this.online},currentDate(){const s=s=>s.split("el ")[1];return this.date.length?(this.date.indexOf("el")>-1?s(this.date).trim():this.date.trim())+(this.edited.length&&-1===this.edited.indexOf("not-show")?' <a title="'+this.edited.split("<br /><br />")[1].split(",")[0]+'">Editado</a> ':""):""}},template:'\n    <section :id="slugId" :class="currentClass">\n        <a :id="id" class="page-anchor" />\n        <div class="post-header">\n            <div class="header-side"></div>\n        </div>\n        <div class="post-content">\n            <div class="post-info">\n                <div class="post-side">\n                    <a :href="\'#\' + id" title="Enlace permanente" class="post-permalink">\n                        <i class="fas fa-link"></i>\n                    </a>\n                    <div class="post-title" v-html="currentDate" v-if="currentDate.length"></div>\n                </div>\n                <ul class="post-buttons"></ul>\n            </div>\n            <div class="is-content">\n                <slot name="content"></slot>\n            </div>\n        </div>\n        <div class="post-profile">\n            <slot name="profile"></slot>\n        </div>\n    </section>\n    '}),Vue.component("memberitem-foro",{props:["profile","type"],data(){return{configType:"none"!==this.profile,configName:forumConfig.profileOptions.profileName||"perfil",configRank:forumConfig.profileOptions.profileRank,url:"/",title:`Ir al índice de «${forumData.name}»`,mp:"/",name:"Usuario",avatar:forumDefaults.avatar,alt:"Avatar por defecto",rank:"Miembro",group:"usergroup-unknown",messages:0,lastvisit:"Cargando…",currentlyLooking:""}},created(){this.$slots.name&&(this.$slots.name[0].text?this.name=this.$slots.name[0].text:this.name=this.$slots.name[0].children[0].children[0].text||"Buscador"),this.$slots.avatar&&(this.avatar=this.$slots.avatar[0].data.attrs.src),this.$slots.posts&&(this.messages=this.$slots.posts[0].text),this.$slots.last&&(this.lastvisit=this.$slots.last[0].text),this.$slots.site&&(this.currentlyLooking=this.$slots.site[0].children[0].text),this.configType&&FNR.user.getProfile(this.profile.split("/u")[1],.25).then(s=>{this.url=s.links.profile,this.title=`Ir al ${this.configName} de «${s.name}»`,this.mp=s.links.mp,this.alt=`Avatar de «${s.name}»`,this.rank=s.fields[this.configRank].content,this.group="usergroup-"+s.colour,this.$slots.name||(this.name=s.name),this.$slots.avatar||(this.avatar=s.avatar),this.$slots.posts||(this.messages=s.messages.public),this.$slots.last||(this.lastvisit=s.lastvisit)})},template:'\n    <a :class="\'memberitem-element \' + group" :href="url" target="_blank" :title="title">\n        <div class="memberlist-name">\n            <h3 class="is-tweakeable">\n                <span class="is-measurable">{{ name }}</span>\n            </h3>\n            <div class="is-tweakeable">\n                <span class="is-measurable">{{ currentlyLooking ? currentlyLooking : lastvisit }}</span>\n            </div>\n        </div>\n        <img class="memberlist-avatar" :src="avatar" :alt="alt" />\n    </a>\n    '}),Vue.component("estadisticas-foro",{props:["msg","users"],data:()=>({lastTopics:[],userLog:_userdata.session_logged_in}),created(){FNR.forum.getTopics(forumConfig.skinOptions.excludedForums,forumConfig.skinOptions.lastTopics).then(s=>{this.lastTopics=s})},template:'\n    <ul class="columns is-multiline is-gapless">\n        <li id="bloque-estadisticas" class="column is-one-third is-full-touch">\n            <div id="new-connected">\n                <h6>Ahora</h6>\n                <div class="has-users">\n                    <span class="curconnected-users"></span>\n                </div>\n            </div>\n            <div id="past-connected">\n                <h6>Últimas <span class="lastconnected-hour"></span> horas</h6>\n                <div class="has-users">\n                    <span class="lastconnected-users"></span>\n                </div>\n            </div>\n        </li>\n        <li id="bloque-grupos" class="column is-two-thirds is-full-touch">\n            <div id="image-banner"></div>\n            <ul id="census"></ul>\n        </li>\n        <li id="bloque-ultimostemas" class="column is-full">\n            <h6>Últimos temas</h6>\n            <ul class="ltopic-list">\n                <li v-for="topic in lastTopics">\n                    <tema-ref :info="topic"></tema-ref>\n                </li>\n            </ul>\n            <small>También tienes la lista <a href="/latest" target="_blank" title="Ir a la página de «Últimos temas»">general</a><template v-if="userLog !== 0"> o desde tu <a href="/search?search_id=newposts" target="_blank" title="Ir a la página de «Desde última conexión»">ultima conexión</a></template>.</small>\n        </li>\n  \t</ul>\n    '}),Vue.component("tema-ref",{props:["info"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{userColor(){return"color: "+this.info.lastpost.who.color}},template:'\n    <div class="ltopic-element">\n        <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="\'Ir al último mensaje del tema «\' + info.name + \'»\'">\n            <i class="fas fa-link"></i>\n        </a>\n        <a class="ltopic-title" :href="info.url" target="_blank" :title="\'Ir al tema «\' + info.name + \'»\'"><span>{{ info.name }}</span></a>\n        <small class="ltopic-info"><a :href="info.lastpost.who.url" target="_blank" :style="userColor" :title="\'Ir al \' + profileName + \' de «\' + info.lastpost.who.name + \'»\'">{{ info.lastpost.who.name | just-name }}</a>, {{ info.lastpost.date }} en <a :href="info.forum.url" target="_blank" :title="\'Ir al subforo «\' + info.forum.name + \'»\'">{{ info.forum.name }}</a></small>\n    </div>\n    '}),Vue.component("footer-foro",{data:()=>({afis:{},normal:forumConfig.usableDirections.normal,credits:forumCredits.paragraphs,social:forumCredits.social}),created(){FNR.forum.getAffiliates().then(s=>{this.afis=s})},template:'\n    <section id="page-afiliates" class="main-body">\n        <categoria-foro id="afiliados">\n            <div class="forum-head regular-head">\n                <i class="fa-solid fa-caret-right"></i>\n                <h3><span>Afiliados <span class="extra">+</span> Créditos</span><small>afiliados <span class="extra">+</span> creditos</small></h3>\n            </div>\n            <ul class="columns is-gapless">\n                <li id="for-afis" class="column is-two-thirds is-full-touch">\n                    <ul class="columns is-gapless is-multiline">\n                        <li id="for-afis-sis" class="column is-full afi-collection">\n                            <h3 class="section-title">Hermanas</h3>\n                            <ul v-html="afis.sister" class="no-style"></ul>\n                        </li>\n                        <li id="for-afis-nosis" class="column is-full">\n                            <ul class="columns is-gapless is-multiline">\n                                <li class="column is-two-thirds is-full-touch afi-collection">\n                                    <h3 class="section-title">Élite</h3>\n                                    <ul v-html="afis.elite" class="no-style"></ul>\n                                </li>\n                                <li class="column is-one-third is-full-touch afi-collection">\n                                    <h3 class="section-title">Directorios</h3>\n                                    <ul v-html="afis.directory" class="no-style"></ul>\n                                </li>\n                            </ul>\n                        </li>\n                        <li id="for-afis-norm" class="column is-full" v-if="normal.length">\n                            <h3 class="section-title"><a :href="normal" title="Ir a «Afiliaciones Normales»"><i class="fas fa-link"></i> Normales</a></h3>\n                        </li>\n                    </ul>\n                </li>\n                <li id="for-cred" class="column is-full-touch">\n                    <div class="is-content">\n                        <h3 class="section-title">Créditos</h3>\n                        <ul class="no-style">\n                            <li v-for="credit in credits" v-html="credit"></li>\n                            <li class="is-hidden-mobile">El diseño y programación de la skin <a href="https://darktimes-skin.foroactivo.com/" title="Ir al sitio web de «Dark Times»" target="_blank">Dark Times</a> por <a href="https://zatrapa-gaylien.tumblr.com/" title="Ir al sitio web de «Gaylien»" target="_blank">Gaylien</a>. Agradecimiento especial a los equipos desarrolladores de <a href="https://vuejs.org/" title="Ir al sitio web de «Vue»" target="_blank">Vue</a> y <a href="https://bulma.io/" title="Ir al sitio web de «Bulma»" target="_blank">Bulma</a> por sus respectivos Frameworks.</li>\n                            <li id="credits-social" v-if="social.length">\n                                <ul class="no-style">\n                                    <li v-for="platform in social">\n                                        <a :href="platform.url" target="_blank" :title="\'Ir a «\' + platform.name + \'»\'"><em :class="platform.icon"></em> {{ platform.name }}</a>\n                                    </li>\n                                </ul>\n                            </li>                                                                                          \n                        </ul>\n                    </div>\n                </li>\n            </ul>\n        </categoria-foro>\n    </section>\n    '}),Vue.component("tablon-titulo",{props:["title"],template:'\n    <h4 class="plank-title">\n        <i class="fa-solid fa-caret-right"></i><span v-html="title"></span>\n    </h4>\n    '}),Vue.component("tablon-superior",{data:()=>({name:forumData.name}),
 template:'\n    <section id="topbar-section" class="basic-element">\n        <categoria-foro id="tablon">\n            <ul class="columns is-gapless is-multiline">\n                <li class="column is-full">\n                    <div id="plank-anmt" class="plank-block">\n                        <tablon-titulo title="Anuncios <span class=\'extra\'>+</span> Novedades"></tablon-titulo>\n                        <links-anuncios></links-anuncios>\n                    </div>\n                </li>\n                <li class="column is-full is-two-thirds-desktop">\n                    <ul class="columns is-gapless is-multiline">\n                        <li class="column is-full">\n                            <div id="plank-staff" class="plank-block">\n                                <tablon-titulo title="Administración"></tablon-titulo>\n                                <links-staff></links-staff>\n                            </div>\n                        </li>\n                        <li class="column is-half">\n                            <div id="plank-search" class="plank-block">\n                                <tablon-titulo title="Búsquedas"></tablon-titulo>\n                                <busquedas></busquedas>\n                            </div>\n                        </li>\n                        <li class="column is-half">\n                            <div id="plank-sq" class="plank-block">\n                                <tablon-titulo title="¿Sabías qué?"></tablon-titulo>\n                                <sabias-que></sabias-que>\n                            </div>\n                        </li>\n                    </ul>\n                </li>\n                <li class="column is-full is-one-third-desktop">\n                    <div id="plank-help" class="plank-block">\n                        <tablon-titulo title="Ayuda"></tablon-titulo>\n                        <links-ayuda></links-ayuda>\n                    </div>\n                </li>\n            </ul>\n        </categoria-foro>\n        <categoria-foro id="navegacion">\n            <ul class="columns is-gapless is-multiline">\n                <li class="column">\n                    <nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">\n                        <ul>\n                            <li>\n                                <a href="/" title="Ir al inicio">{{ name }}</a>\n                            </li>\n                        </ul>\n                    </nav>\n                </li>\n            </ul>\n        </categoria-foro>\n    </section>\n    '}),Vue.component("links-ayuda",{data:()=>({links:forumContent.links}),template:'\n    <div id="help-main">\n        <a target="_blank" :href="link.url" :title="\'Ir a «\' + link.name + \'»\'" v-for="link in links">{{ link.name }}</a>\n    </div>\n    '}),Vue.component("links-anuncios",{data:()=>({announcements:forumContent.announcements.list}),template:'\n    <ul class="columns is-multiline">\n        <li v-for="announcement in announcements" class="column is-one-quarter is-half-tablet is-half-mobile">\n            <a target="_blank" :href="announcement.url" :title="\'Ir al anuncio «\' + announcement.name + \'»\'" class="anmt-element">\n                <span class="anmt-title">{{ announcement.name }}</span>\n                <span class="anmt-date">{{ announcement.date }}</span>\n            </a>\n        </li>\n    </ul>\n    '}),Vue.component("sabias-que",{data:()=>({content:forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]}),created(){setInterval(()=>{this.content=forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]},12e3)},template:'\n    <div id="sq-img" class="msg-element topbar-element" :style="\'background-image: url(\' + content + \')\'"></div>\n    '}),Vue.component("busquedas",{data:()=>({content:forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]}),created(){setInterval(()=>{this.content=forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]},16e3)},template:'\n    <a id="search-img" class="msg-element topbar-element" :style="\'background-image: url(\' + content.img + \')\'" :href="content.url" target="_blank" :title="content.desc"></a>\n    '});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skin-dt-32",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "main": "readme.md",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/stylesheet.css

@@ -2255,18 +2255,17 @@ body.is-monochrome .category-estadisticas>.columns:hover #image-banner {
 }
 
 #census {
-    display: flex;
-    flex-flow: row wrap;
-    padding: .75rem;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1.5rem;
+    padding: 1.5rem;
     background: var(--color-two);
 }
 
 #census>li {
-    width: calc(50% - 1.5rem);
     background: var(--color-one);
     padding: 1rem;
     text-align: center;
-    margin: .75rem;
     position: relative;
 }
 

package/stylesheet.min.css

@@ -1 +1 @@
-body{background:var(--color-one);color:var(--color-four);font-size:16px;font-family:var(--font-two);line-height:24px;min-height:100vh;background-image:var(--pattern);background-attachment:fixed;background-repeat:repeat}a{font-family:var(--font-one);color:var(--color-contrast);font-weight:700}.page-anchor{position:absolute;top:calc(-80px - 1.5rem)}.main-body{max-width:1280px}#forum-body>.main-body{padding:0}#forum-body>.main-body>article{max-width:calc(100% - 80px)}body>#forum-body{padding:0!important}.button1,.button2,input[type=Submit],input[type=reset]{font-family:var(--font-one);font-weight:700;border:none;background:var(--color-three);color:var(--color-four);cursor:pointer;line-height:28px;white-space:nowrap;height:2.75rem;padding:.5rem 1rem;font-size:.825rem;text-align:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;text-transform:uppercase;letter-spacing:1px}.btn-main{color:var(--color-contrast)!important;line-height:20px!important}.button1:hover,.button2:hover,input[type=Submit]:hover,input[type=reset]:hover{background:var(--color-contrast)!important;color:var(--color-one)!important}input[type=number][disabled],input[type=password][disabled],input[type=text][disabled],select[disabled]{background:var(--color-four)!important;color:var(--color-one)!important}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:100%;padding:.5rem 1rem;background:var(--color-two);color:var(--color-four);font-family:var(--font-two);font-size:1rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none}input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{background:var(--color-three)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select option{background:var(--color-three);color:var(--color-four)}.select-container{position:relative;width:100%}.select-container::after{border:3px solid var(--color-four);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;right:.825em}.select-container select{cursor:pointer}textarea{padding:1rem;min-height:200px}.checkbox-click>i{display:none}.checkbox-content{height:2.5rem}.checkbox-name{position:relative;top:-2px}.checkbox-click{width:1.5rem;height:1.5rem;border:2px solid var(--color-contrast);margin-right:.75rem;display:flex;justify-content:center;align-items:center}.checkbox-content a{font-family:var(--font-two)}.forum-checkbox.is-active .checkbox-click::before{width:.75rem;height:.75rem;background:var(--color-contrast);content:''}.checkbox-click.is-radio,.forum-checkbox.is-active .checkbox-click.is-radio::before{border-radius:100%}.forum-fieldlist:not(.is-horizontal) .forum-checkbox{max-width:385px}.date-dmy{display:flex;justify-content:space-between;height:100%}.date-dmy>label{margin-left:1rem;display:flex;align-items:center}.date-dmy>label:first-child{margin-left:0}.date-dmy>label input{flex:1 1 auto;margin-left:.5rem}.page-buttons{display:flex;justify-content:flex-end}.btn-element{margin-left:.5rem}.btn-element:first-child{margin-left:0}.forum-button{display:flex;justify-content:center;align-items:center;padding:.725rem;background:var(--color-two);color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-button>.text{font-weight:700;text-transform:uppercase;margin-left:.5rem;letter-spacing:1px}.forum-button>.icon{font-size:1.25rem}.forum-button:hover{background:var(--color-contrast);color:var(--color-one)}.dropdown.is-active .forum-button{background:var(--color-contrast);color:var(--color-one)}.dropdown .forum-button .text{padding-right:1.75rem;position:relative}.dropdown .forum-button .text::after{content:'';border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;display:block;height:.625em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;margin-top:-.375em;right:5px;border-color:inherit}.dropdown-menu{padding:0;min-width:100%}.dropdown-content{background:var(--color-three);border:none;box-shadow:none;border-radius:0;color:var(--color-four)}.dropdown-item{padding:.5rem 1rem!important;background:0 0!important;color:var(--color-four)!important;font-weight:400;font-family:var(--font-two)}.lower-controls .dropdown-menu{bottom:100%;top:initial}.lower-controls .dropdown .forum-button .text::after{transform:rotate(135deg);top:60%}.forum-infoblock{padding:1rem;margin-bottom:1.5rem;background:var(--color-four);color:var(--color-one)}.forum-infoblock h5{font-size:.925rem;margin-bottom:.5rem!important;font-family:var(--font-two)}.forum-infoblock ul{list-style:square;padding-left:1rem;font-size:.925rem}.forum-infoblock ul li{margin-bottom:.5rem!important}.forum-infoblock ul li:last-child{margin-bottom:0!important}.usereply-button{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-two)}.dropdown.is-dropeable.is-active .usereply-button,.usereply-button:hover{background:var(--color-three)}#usereply-top small{font-family:var(--font-two)}#usereply-editor{height:300px}.usereply-option{padding:.25rem 1rem;font-weight:400;font-family:var(--font-two);margin:0}#forum-preview>.post-content>.is-content{cursor:initial;width:788px}.character-selector{position:relative;height:55px!important}.selector-list{display:none;position:absolute;z-index:5;width:calc(100% - .85rem);background:var(--color-three);max-height:200px;overflow:auto;border-top:0;margin-left:.425rem}.character-selector>input+.selector-list:hover,.character-selector>input:focus+.selector-list{display:block}.selector-list li{padding:.5rem 1rem;font-family:var(--font-one);display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:0!important;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.selector-list li::before{display:none}.selector-list li:last-child{border-bottom:0}.selector-list li i{color:var(--color-contrast)}.selector-list li:hover{background:var(--color-contrast);color:var(--color-one)}.selector-list li:hover i{color:var(--color-one)}.character-list{margin:.5rem -.25rem -.25rem -.25rem;display:flex;flex-flow:wrap;height:auto!important}.character-list>li{margin:.25rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;background:var(--color-four);color:var(--color-one);font-weight:700;font-family:var(--font-one);line-height:normal;font-size:.825rem;cursor:pointer;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.character-list>li:hover{background:var(--color-contrast)}.character-list>li i{margin-right:.25rem}.character-custom{position:absolute;top:0;right:1rem;display:flex;align-items:center;justify-content:center;height:100%}.forum-field .field-content .character-custom i{width:24px;display:flex;justify-content:center}.msg-element{display:block;background:var(--color-two);padding:1rem 1.5rem}.forumseparator-element{display:flex;justify-content:center;align-items:center;margin:0 0 2rem 0}.forumseparator-element>*{display:none}.subforum-element .category-element+.forumseparator-element{display:none}.forum-field .field-name{color:var(--color-contrast);font-weight:700;font-family:var(--font-one);width:200px;display:flex;align-items:center;margin-right:1rem;border-bottom:4px solid;align-self:flex-start;height:52px;flex:0 0 auto}.forum-field .field-content{min-height:55px;flex:1 1 auto}.forum-field .field-content>*{width:100%;height:100%}#usereply-dice ul li{height:55px}#forum-header{display:flex;justify-content:center;align-items:center;height:450px;padding:2rem;background-image:var(--header);background-position:center;background-size:cover;letter-spacing:3px}#forum-logo{display:block;max-width:60%}#forum-logo>img{display:block}#content-container{position:relative;left:80px}#forum-navbar{width:80px;position:fixed;left:calc((100vw - 1200px)/ 2 - 40px);top:0;z-index:900;align-self:baseline;height:100vh;background:var(--color-two);padding:0!important}#forum-navbar .main-body{height:100%;display:flex;flex-flow:column;justify-content:space-between}#forum-navbar .top{width:80px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .top:hover{background:var(--color-three)}#forum-navbar .top span{display:flex;align-items:center;width:100%;font-weight:900;letter-spacing:.225rem;font-size:2rem;text-transform:uppercase;writing-mode:tb-rl;padding:1.5rem 1rem}#forum-navbar .user-avatar{display:flex;justify-content:center;align-items:center;overflow:hidden;width:52px;height:52px;border-radius:100%;border:5px solid var(--color-two);box-shadow:0 0 0 3px var(--color-contrast);margin:1rem .875rem 0 .875rem}body.is-monochrome #forum-navbar .user-avatar img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome #forum-navbar .top:hover img{filter:none}#forum-navbar .navbar-item{position:relative;padding:0}#forum-navbar .navbar-item a{display:flex;flex-flow:column;width:80px;height:80px;justify-content:center;align-items:center}#forum-navbar .navbar-item .icon{font-size:1.5rem}#forum-navbar .navbar-item .text{font-size:.5rem;margin-top:.5rem;font-weight:600;text-transform:uppercase;color:var(--color-four)}#forum-navbar .navbar-item a{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .navbar-item:hover a{background:var(--color-three)}#forum-navbar .navbar-item select:focus+a{background:var(--color-three)}#forum-navbar .navbar-item select{position:absolute;opacity:0;cursor:pointer}#forum-navbar #loading-element{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-one);color:var(--color-four);z-index:900}#forum-content,#forum-wiki{padding:2rem;background:var(--color-one)}.basic-element>section{margin-bottom:3rem}.basic-element>section:last-child{margin-bottom:0}.is-content{text-align:justify}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6{text-align:left;font-weight:700}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6,.is-content p{margin-bottom:1rem}.is-content hr{height:1rem;margin:0;background:top}.is-content ol li,.is-content ul li{position:relative;margin-bottom:1rem}.is-content h6{margin-bottom:.25rem;margin-top:1.5rem}.is-content u{text-decoration:none}.is-content a,.is-content u{padding-bottom:2px;font-family:inherit;border-bottom:2px solid}.is-content table{width:100%;table-layout:fixed}.is-content table th{font-family:var(--font-one);background:var(--color-contrast);color:var(--color-one)}.is-content table td,.is-content table th{font-size:.825rem;padding:.5rem .75rem;text-align:left}.is-content table td{color:var(--color-four)}.is-content ul{list-style:square;padding-left:1rem}.is-content ol{list-style:decimal;padding-left:2rem}.is-content ol>li::marker{font-family:var(--font-one);color:var(--color-contrast);font-weight:700}.is-content a,.is-content u{padding-bottom:0}.is-content table tbody{background:var(--color-one)}.is-content table tr:nth-child(2n){background:var(--color-three)}.is-content code{background:var(--color-three);color:var(--color-contrast)}.is-content iframe{max-width:100%;aspect-ratio:16/9}.codebox,.hidecode,.spoiler,blockquote{background:var(--color-two);position:relative;z-index:10;overflow:hidden;padding:1rem;color:var(--color-four);font-size:.925rem;max-width:calc(740px + 3rem);margin:0 auto}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-one)}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-one)}.codebox>dt,.spoiler>dt,blockquote>div>cite{position:relative;z-index:20;font-size:1.125rem;font-family:var(--font-one);color:var(--color-contrast);cursor:default}.codebox>dd,.hidecode>dd,.spoiler>dd,blockquote>div{position:relative;z-index:20}.adminbox-icon{position:absolute;right:1rem;top:1rem;font-size:4rem;color:var(--color-contrast);opacity:.2;z-index:10}blockquote>div>cite a{border:none!important;padding:0!important}.codebox>dt,blockquote>div>cite{margin-bottom:1rem;display:block;font-style:normal}.codebox>dt em{color:var(--color-four);font-style:normal}.codebox>code{position:relative;display:block;padding:0;background:0 0;color:inherit;z-index:15}.spoiler{padding:0;border-left:0}.spoiler>dt{padding:1rem;cursor:pointer}.spoiler_content{padding:0 1rem 1rem 1rem}.spoiler_content.hidden{display:block}.is-content h1:last-child,.is-content h2:last-child,.is-content h3:last-child,.is-content h4:last-child,.is-content h5:last-child,.is-content h6:last-child,.is-content li:last-child,.is-content p:last-child{margin-bottom:0}.postlist-post.post-diceroll .post-header,.postlist-post.post-diceroll .post-info .post-buttons,.postlist-post.post-diceroll .post-profile:not(:first-child){display:none}.postlist-post.post-diceroll .post-content{background:var(--color-two);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;color:var(--color-four);width:100%;padding:1.5rem}.postlist-post.post-diceroll .post-content:hover{background:var(--color-three)}.is-content.content-dice blockquote{max-width:100%;background:var(--color-four);color:var(--color-one)}.is-content.content-dice ul{list-style:none;padding:0}.dice-rolllist{margin:2rem 0 0 0}.is-content.content-dice .rolllist-roll h6{margin:0 0 .5rem 0}.roll-results{display:flex;flex-flow:wrap;gap:.5rem}.is-content.content-dice ul .roll-result{margin:0}.roll-result img{display:block}.post-diceroll .post-datafields+.post-content{width:auto;background:0 0!important}.main-slat{display:flex;flex-flow:column;max-width:calc(740px + 3rem);margin:0 auto;background:var(--color-one);color:var(--color-four)}.mainslat-title{padding:4rem 1.5rem;font-size:2.25rem;font-family:var(--font-one);font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:default;text-align:center;background:var(--color-contrast);color:var(--color-one)}.mainslat-content{padding:1.5rem}.userecord-head{margin:0 0 .5rem 0}.userecord-image{display:block}.userecord-fc{text-align:center;background:var(--color-contrast);color:var(--color-one);padding:.225rem .5rem;font-size:.925rem;cursor:default}.userecord-data{padding:0!important;list-style:none!important;display:flex;flex-flow:row wrap;margin:.725rem -.5rem -.5rem -.5rem}.userecord-data li{cursor:default}.userecord-field{margin:.5rem!important;width:calc(100% / 3 - 1rem);text-align:center;font-size:.925rem;line-height:.925rem}.userecord-fieldname{font-family:var(--font-one);font-weight:700;text-transform:uppercase;color:var(--color-contrast);letter-spacing:1px}.slatinterior-title{padding:.5rem 1rem;font-weight:700;font-family:var(--font-one);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-one);margin:0 0 1.25rem 0}.slatinterior-content{padding:1.5rem;background:var(--color-two)}.slat-interior{margin:0 0 .5rem 0}.slat-interior:last-child{margin:0}.slatinterior-content strong>font{color:var(--color-contrast);font-size:1.05rem}#forum-footer{display:flex;align-items:center;padding:0 2rem;text-transform:uppercase;height:80px;background:var(--color-contrast);color:var(--color-one);font-size:.825rem;font-weight:600}#forum-footer>.main-body{display:flex;justify-content:space-between;width:100%}#forum-footer .right{text-align:right;max-width:70%}#forum-footer a{color:var(--color-one);font-weight:600}#forum-credits{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}#forum-topbar{background:var(--color-one)}#topbar-section{padding:1rem}#topbar-section .category-element{margin:0}.plank-block{padding:1rem}.plank-title{margin-bottom:1.25rem;text-transform:uppercase;font-weight:900;letter-spacing:2px}.plank-title i{font-size:70%;color:var(--color-contrast);margin-right:.5rem}.forum-head .extra,.plank-title .extra{color:var(--color-contrast)}#help-main{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:-.5rem}#help-main>a{display:flex;width:45%;height:88px;padding:.5rem;justify-content:center;align-items:center;text-transform:uppercase;border:2px solid;margin:.5rem;text-align:center;color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#help-main>a:nth-child(2n-1):last-child{width:calc(95% - 2px)}#help-main>a:hover{background:var(--color-four);border-color:var(--color-four);color:var(--color-one)}#search-img,#sq-img{display:block;width:358px;height:193px;background-size:cover;background-position:center}#admin-main{display:flex}.admin-element{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-left:1rem;width:25%;height:131px;text-align:center;background-size:cover;background-position:center;position:relative}.admin-element:first-child{margin:0}.admin-element *{color:var(--color-four);opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;position:relative;z-index:2}.admin-element::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;opacity:0}.admin-element:hover *{opacity:1}.admin-element:hover::after{opacity:.4}.admin-name{font-weight:700;font-size:1.5rem;text-transform:uppercase}.admin-desc{font-size:.75rem}.anmt-element{display:flex;padding:1rem;background:var(--color-two);height:100px;justify-content:center;align-items:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.anmt-element:hover{background:var(--color-three)}.anmt-date{order:0;font-weight:700;color:var(--color-contrast);font-size:2rem;margin-right:1rem}.anmt-title{order:1;color:var(--color-four)}#forum-breadcrumb{display:flex;justify-content:center;align-items:center;position:sticky;top:0;padding:0 2rem;background:var(--color-contrast);color:var(--color-one);font-size:.825rem;font-weight:600;text-transform:uppercase;height:80px;margin:0;text-align:center;z-index:90}#forum-breadcrumb a{color:var(--color-one)}#forum-breadcrumb li+li::before{content:"\f054";font-family:'Font Awesome 6 Pro';font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-size:60%;color:var(--color-one)}#forum-breadcrumb li:last-child:not(:first-child){display:none}.forum-head{display:flex;align-items:center;margin-bottom:2rem;letter-spacing:3px}.forum-head i{color:var(--color-contrast);margin-right:1rem;font-size:2rem}.forum-head h3{font-size:3rem}.forum-head h3>*{line-height:3rem}h3 span{font-weight:700;text-transform:uppercase}h3 small{font-family:var(--font-three)}.mp-main h3 small{font-family:var(--font-one)}.forum-forum .forum-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-contrast);color:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-title{max-width:500px;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}.forum-forum .forum-stats{text-transform:uppercase;letter-spacing:1px;font-weight:700}.forum-forum .forum-info,.forum-forum .forum-interior{height:235px}.forum-forum .forum-info{background:var(--color-two);padding:1rem 1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum:hover .forum-info{background:var(--color-three)}.forum-forum .forum-info .columns{height:100%}.forum-forum .forum-image{display:flex;align-items:center;height:100%;background-size:cover;background-position:center;position:relative}body.is-monochrome .forum-forum .forum-image{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .forum-image{filter:none}.forum-forum .forum-image+br{display:none}.forum-forum .forum-misc{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.825rem}.forum-forum .forum-box{margin-bottom:.925rem}.forum-forum .forum-last{text-align:center}.forum-forum .forum-links{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;padding:2rem;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links::before{content:'';width:100%;height:100%;position:absolute;background:var(--color-two);opacity:.4;margin:-2rem}.forum-forum:hover .forum-links{opacity:1}.forum-forum .forum-links>a{font-weight:700;text-transform:uppercase;padding:.5rem;background:var(--color-two);position:relative;z-index:1;margin:.25rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links>a:hover{background:var(--color-contrast);color:var(--color-one)}.forum-forum .lastpost-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-family:var(--font-one);margin-left:1.5rem}.forum-forum .lastpost-avatar{display:flex;width:100px;height:100px;overflow:hidden;margin-bottom:.925rem;border-radius:100%}.forum-forum .lastpost-avatar>img{width:100%;align-self:center}body.is-monochrome .forum-forum .lastpost-avatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .lastpost-avatar>img{filter:none}.forum-forum .lastpost-name{text-transform:uppercase}.forum-controls{display:flex;justify-content:space-between;padding:.5rem;background:var(--color-two)}.forum-controls.upper-controls{margin-bottom:2rem}.forum-controls.lower-controls{margin-top:2rem}.page-buttons{display:flex}.topiclist-header{margin-bottom:1.5rem}.topiclist-header>li:last-child{display:none}.topiclist-header h3{font-size:1.3rem}.topiclist-header h3 small{display:none}.topiclist-header h3 span{display:flex;align-items:center}.topiclist-header h3 span::after{content:'';display:block;width:100%;height:4px;background:var(--color-four);margin-left:.725rem;flex:1}.topiclist-topics>li{margin-bottom:.75rem}.topiclist-topics>li:last-child{margin:0}.topiclist-topic{background:var(--color-two);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.topiclist-topic:hover{background:var(--color-three)}.topic-main{display:flex;width:calc(100% - 1.5rem - 275px)}.topic-icon{display:flex;align-items:center;margin-right:1.5rem;color:var(--color-contrast);font-size:1.5rem}.topic-icon::before{content:'\f15b';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 6 Pro';font-weight:900}.topiclist-topics>li.row.is-unread .topic-icon::before{content:'\f12a'!important}.topiclist-topics>li.row.is-closed .topic-icon::before{content:'\f023'!important}.topiclist-topics>li.row.is-sticky .topic-icon::before{content:'\e1ff'!important}.topiclist-topics>li.row.is-announcement .topic-icon::before{content:'\f27a'!important}.topiclist-topics>li.row.is-global-announcement .topic-icon::before{content:'\f0f3'!important}.topic-container{width:calc(100% - 28px - 1.5rem)}.topic-container .topic-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-extra{display:flex;align-items:center;margin-top:.5rem}.topic-extra>.topic-extra-separador{display:none;margin:0 .5rem}.topic-author{order:0}.topic-pagination+.topic-extra-separador{display:block;order:1}.topic-pagination{order:2;display:flex}.topic-pagination .pagination{margin:0 0 0 .35rem}.topic-pagination .pagination .page-sep:last-child{display:none}.topic-repliesandviews{background:var(--color-contrast);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-one);padding:.25rem .5rem;font-size:.925rem;font-weight:700;color:var(--color-one);margin-left:.5rem;order:3}.topic-quicklink{display:flex;align-items:center}.topic-quicklink .topic-lastavatar{width:52px;height:52px;border-radius:100%;border:5px solid var(--color-two)!important;box-shadow:0 0 0 3px var(--color-contrast);margin:3px;display:flex;align-items:center;overflow:hidden}.topic-lastavatar>img{width:100%}.topic-quicklink .topic-last strong{font-family:var(--font-one)}body.is-monochrome .topic-lastavatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .topiclist-topic:hover .topic-lastavatar>img{filter:none}.topic-last{margin-left:1rem;font-size:.925rem;line-height:1.25rem}.topic-lastpost{text-transform:uppercase;padding:.25rem;display:block;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;letter-spacing:1px}.topic-lastpost:hover{background:var(--color-contrast);color:var(--color-one)}.topiclist-topic.topic-mp{padding:1rem 1.5rem}.topiclist-topic.topic-draft .topic-main,.topiclist-topic.topic-mp .topic-main{width:calc(100% - 1.5rem)}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost{padding:0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost:hover{background:0 0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost .checkbox-click{margin:0}.topiclist-topic.topic-draft .topic-quicklink .topic-lastpost:hover{background:0 0;color:var(--color-contrast)}.pagination-manager{display:flex;flex-flow:wrap}.pagination-manager>*{height:48px;font-family:var(--font-one);font-weight:700;font-size:1rem}.pagination-input>input{width:initial;height:100%;max-width:40px;padding:.25rem;text-align:center;margin-right:.325rem;background:var(--color-one)}.pagination-manager>.page-action{display:flex;justify-content:center;align-items:center}.pagination-manager>.page-action>*{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;background:var(--color-two);color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.pagination-manager>.page-action>:hover{background:var(--color-contrast);color:var(--color-one)}.pagination-manager>.page-action>.page-next{margin-left:.5rem}.pagination-manager>.page-action>.page-prev{margin-right:.5rem}.pagination-manager>:last-child{margin-right:0}.pagination-input:last-child{margin:0 .5rem 0 0}#forum-rules h3{padding:.5rem 1rem;font-weight:700;font-family:var(--font-one);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-one);margin:0 0 1.25rem 0}.post{margin:0 0 1.5rem 0}.post:last-child{margin:0}.postlist-post{display:flex;position:relative;flex-flow:row wrap}.forum-otherposts .postlist-post{flex-flow:row nowrap}.post-header{width:100%;background:var(--color-two);padding:1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;display:flex;align-items:center}.postlist-post.usergroup-unknown .post-header{display:none}.header-side{width:100%}.miniprofile-sigcontent{width:100%}.miniprofile-signature,.miniprofile-signature img{display:block}.miniprofile-signature{margin:0 1.5rem 0 0;flex:1 0 auto}.miniprofile-signature .is-avatar{display:none}.miniprofile-quote{border-left:4px solid var(--color-four);padding:0 0 0 1rem;font-style:italic}.miniprofile-name{margin:1.25rem 0;text-transform:uppercase;letter-spacing:3px}.miniprofile-name a{font-weight:900}.miniprofile-fields{display:flex}.miniprofile-field strong{display:none}.miniprofile-field::before{content:'■';font-size:.725rem;margin:0 .5rem;color:var(--color-contrast);font-style:normal;position:relative;top:-1px}.miniprofile-field:first-child::before{display:none}.miniprofile-field{display:flex;align-items:center;font-style:italic}.postlist-post:hover .post-header{background:var(--color-three)}.post-content{display:flex;padding:1.5rem;background:var(--color-four);color:var(--color-one)}.postlist-post .post-content{width:calc(100% - 160px);padding:1.5rem calc(1.5rem + 140px) 1.5rem 1.5rem;position:relative;flex-flow:column}.postlist-post>.post-content>.is-content{cursor:initial}.post-info{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem 0;font-size:.735rem}.post-side{display:flex;align-items:center}.post-permalink{font-size:1rem;margin:0 1rem 0 0}.post-title>a{margin:0 0 0 .5rem;text-transform:uppercase;background:var(--color-one);color:var(--color-four);padding:.5rem;cursor:default;letter-spacing:1px}.post-buttons{display:flex}.post-button{margin:0 0 0 .5rem}.post-button:last-child{margin:0}.post-button a{text-transform:uppercase}.post-button i{display:none}.post-button.post-button-enlace-permanente{display:none}.post-profile{width:calc(100% - (100% - 160px));align-self:flex-start}.profile-sticky{position:sticky;top:calc(80px + 1.5rem)}.miniprofile-main,.miniprofile-main img{display:block}.miniprofile-main{background:var(--color-contrast);height:calc(400px + 3rem)}.miniprofile-main img{min-width:275px;height:400px;position:absolute;right:1.5rem;top:1.5rem}.miniprofile-contacts{margin:1.5rem 0 0 1.5rem;text-transform:uppercase}.miniprofile-contact{margin:0 0 .225rem 0}.miniprofile-contact a{display:block;letter-spacing:1px;color:var(--color-four);border-bottom:2px solid var(--color-contrast);padding:0 0 3px 0;font-size:.825rem}.forum-otherposts .postlist-post{background:var(--color-two);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-otherposts .postlist-post:hover{background:var(--color-three)}.forum-otherposts .post-content{padding:1.5rem;min-height:inherit;flex-flow:row}.forum-otherposts .post-content .is-content{width:788px}.forum-otherposts .post-profile{order:1;padding:1.5rem;padding-top:0;margin-top:1.5rem!important;width:calc(100% - 788px)}.memberlist-members{display:flex;flex-flow:wrap;margin:-.5rem}.memberlist-members>li{margin:.5rem}.memberlist-members:not(.no-results)>li{width:calc(100% / 4 - .5rem * 2)}.memberitem-element{display:block}.memberlist-avatar,.memberlist-name{display:block}.memberlist-name h3{background:var(--color-two);color:var(--color-contrast);padding:1.5rem 1rem;text-transform:uppercase;font-size:1.15rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.memberitem-element:hover .memberlist-name h3{background:var(--color-three)}.memberlist-name h3 span{font-weight:900;letter-spacing:2px}.memberlist-name div{padding:.5rem 1rem;background:var(--color-contrast);color:var(--color-one);font-size:.825rem}.wiki-index{margin-right:4rem}.wiki-index h3{text-transform:uppercase;letter-spacing:1px;font-size:1.25rem;margin-bottom:.725rem!important}.wiki-content{max-width:780px}.wiki-controls,.wiki-index h3{font-weight:700}.wiki-controls>a{font-weight:400}.wiki-index .router-link-exact-active.router-link-active,.wiki-index li.is-selected>.wiki-controls>a .text,.wiki-index li.is-selected>.wiki-controls>a .text+.icon{color:var(--color-four);font-weight:700}.wiki-index li{margin-bottom:.5rem!important}.wiki-index li:last-child{margin-bottom:0!important}#bloque-estadisticas h6{display:flex;align-items:center;font-weight:700;text-transform:uppercase;color:var(--color-one);letter-spacing:1px}#bloque-estadisticas h6::after{content:'';display:block;width:100%;height:4px;background:var(--color-one);margin-left:.725rem;flex:1}#new-connected,#past-connected{padding:1.5rem;padding-bottom:1.5rem;background:var(--color-four)}#bloque-estadisticas #new-connected{padding-bottom:0}#bloque-estadisticas .has-users{font-size:0;margin:1.25rem -.25rem -.25rem -.25rem;height:175px;overflow:auto;padding-top:.25rem}#bloque-estadisticas .has-users a{display:inline-block;font-size:.725rem;padding:.5rem .75rem .5rem .75rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-one);margin:.25rem;text-transform:uppercase;letter-spacing:1px}#bloque-estadisticas .has-users a:hover{background:var(--color-three)}#image-banner{background-image:url(http://via.placeholder.com/600/2f3237);width:100%;height:100%;background-size:cover;background-position:center}#bloque-grupos{display:flex;flex-flow:column}#census{display:flex;flex-flow:row wrap;padding:.75rem;background:var(--color-two)}#census>li{width:calc(50% - 1.5rem);background:var(--color-one);padding:1rem;text-align:center;margin:.75rem;position:relative}#census>li>a{color:currentColor;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:1rem}.census-count{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-text-fill-color:var(--color-three);background:currentColor;display:flex;justify-content:center;align-items:center;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.census-count::after{content:'personajes';margin-left:.5rem}#census>li:hover .census-count{opacity:1}#bloque-ultimostemas h6{padding:1.5rem;background:var(--color-contrast);color:var(--color-one);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:2rem;line-height:2rem}.ltopic-list{background:var(--color-two);padding:.75rem;display:flex;flex-flow:row wrap}.ltopic-list>li{width:calc(50% - 1.5rem);margin:.75rem}.ltopic-element{display:flex;background:var(--color-four);flex-flow:row wrap}.ltopic-last{padding:1rem;background:var(--color-contrast);display:flex;justify-content:center;align-items:center;width:52px;height:52px;color:var(--color-one)!important}.ltopic-data{display:flex;align-items:center;margin-left:1rem;flex:1;overflow:hidden;padding-right:1rem}.ltopic-title{display:flex;align-items:center;padding:0 1rem;flex:1;overflow:hidden;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:var(--color-one)!important;white-space:nowrap;width:calc(100% - 2rem)}.ltopic-title>span{overflow:hidden;text-overflow:ellipsis}.ltopic-info{font-size:.725rem;padding:.5rem .75rem;background:var(--color-one);width:100%;color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.ltopic-element:hover .ltopic-info{background:var(--color-three)}#bloque-ultimostemas>small{padding:0 1.5rem 1.5rem 1.5rem;display:block;background:var(--color-two)}#profile-head{display:flex;justify-content:space-between;min-height:400px}#profile-minifields,#profile-subhead,#profile-userinfo{padding:1.5rem}#profile-minifields{display:flex;flex-flow:column;justify-content:center;width:275px;height:100%;text-align:center;background:var(--color-two);color:var(--color-four);margin:0;align-self:auto}.minifield-element{margin-bottom:1rem}.minifield-element:last-child{margin-bottom:0}.minifield-element>*{display:block;white-space:nowrap}.minifield-label{font-family:var(--font-one);color:var(--color-contrast);font-weight:700}.minifield-content{font-size:.925rem}#profile-userinfo{display:flex;flex-flow:column-reverse;justify-content:space-between;text-align:right;flex:1 1 auto;background-size:cover;background-position:center}#profile-username{font-size:3rem;line-height:3rem;font-family:var(--font-one);color:var(--color-four);text-transform:uppercase;font-weight:900;letter-spacing:3px}#profile-rank{font-family:var(--font-one);color:var(--color-contrast);font-weight:700;text-transform:uppercase;margin:0 .35rem 0 0;letter-spacing:1px}#profile-subhead{display:flex;background:var(--color-contrast)}#profile-subhead>*{width:100%}#profile-quote{display:flex;justify-content:flex-start;padding:1rem 0}#profile-quote>.admin-block{width:300px;font-size:.925rem;font-style:italic;padding-left:1rem;border-left:2px solid;color:var(--color-one)}#profile-quote .coolquote-from,#profile-quote .fas{display:none}#profile-quote>.admin-block .coolquote-quote{padding:0;text-align:left}#profile-links{margin-left:2rem}.profile-linklist{display:flex;flex-flow:column}.profile-linklist a{display:inline-flex;align-items:center;color:var(--color-one)!important;font-size:.825rem;font-weight:400;letter-spacing:1px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:0 .325rem 0 0;text-transform:uppercase;white-space:nowrap}.profile-linklist a:hover{background:var(--color-one);color:var(--color-four)!important}.profile-linklist i{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin-right:.5rem}.profilefield-element{margin-bottom:2rem}.profilefield-element:last-child{margin-bottom:0}.field-head{display:flex;flex-flow:column;margin-bottom:1rem}.field-head h4{font-size:2.25rem;order:1}.field-head h6{order:0;color:var(--color-contrast);font-size:1rem;font-style:italic}.profile-extra{display:flex;min-height:300px}#profile-extras .profile-extra-header{order:1}#profile-extras .profile-extra-space{order:0}.profile-extra-header{padding:1.5rem;font-family:var(--font-one);font-size:2rem;background:var(--color-contrast);color:var(--color-one);width:90px;display:flex;justify-content:center;text-transform:uppercase}.profile-extra-header span{display:block;align-self:center;font-size:2.25rem;transform:rotate(90deg);font-weight:700;letter-spacing:2px}.profile-extra-space{width:100%}.extrafield-head{margin-bottom:1.5rem}.extrafield-element{margin-bottom:1.5rem}.extrafield-element:last-child{margin-bottom:0}.extrafield-content table{max-width:inherit}#profile-fields{display:flex;justify-content:space-between}#profile-infominifields+#profile-infofields{max-width:861px;flex:1 1 auto}#profile-usergest{color:var(--color-four)}.profile-container{padding:0;background:var(--color-four)}#profile-infofields{padding:1.5rem;background:var(--color-two)}#profile-infominifields{width:275px;margin:0;padding:0 1.5rem 1.5rem 1.5rem;max-width:initial;margin-top:1.5rem;flex:0 0 auto;color:var(--color-one)}.profile-extra .profile-container{padding:1.5rem;background:var(--color-two)}.field-head h4{text-transform:uppercase;font-weight:700;letter-spacing:2px}.extrafield-head h4{text-transform:uppercase;font-weight:700;font-style:italic;color:var(--color-contrast);font-size:1.75rem;letter-spacing:2px}.rp-list{margin-bottom:0}#forum-rplist .rp-list{margin-bottom:1rem}#forum-rplist .rp-list:last-child{margin-bottom:0}.rp-list .rp-element{padding:1rem!important;background:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none!important}.rp-list .rp-element:hover{background:var(--color-three)!important}.rp-icon{margin-right:1rem;font-size:1.25rem}.rp-name{color:var(--color-four)!important;font-size:1rem;line-height:1rem}.rp-name>span{font-weight:700}.rp-name>small{font-size:.825rem;font-style:italic;padding-right:.25rem;font-weight:400}.rp-controls{color:var(--color-four);font-size:.925rem}.rela-element{padding:1rem!important;background:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;align-items:center;border:none!important}.rela-element:hover{background:var(--color-three)!important}.rela-list .rela-element .rela-image{align-self:center!important;background-position:center;background-size:cover;border-radius:100%;border:5px solid var(--color-two);box-shadow:0 0 0 3px var(--color-contrast)}.rela-content{color:var(--color-four)}.rela-title>h4{font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:normal}.rela-content>.is-content{font-weight:400}.slatinterior-content>.rela-list{margin-bottom:0!important}.extrafield-element,.profilefield-element{margin-bottom:2rem}.extrafield-element:last-child,.profilefield-element:last-child{margin-bottom:0}.extrafield-head{margin-bottom:1rem}#chronology-element,#relationships-element{margin:1rem -.5rem -.5rem -.5rem}#forum-multiaccount .rp-controls{display:block;height:auto;top:.925rem;color:var(--color-one);font-weight:700}#forum-multiaccount .rp-controls span{color:var(--color-contrast);letter-spacing:1px}#forum-rplist .rela-list,#forum-rplist .rp-list{margin-bottom:.75rem!important}#forum-rplist .rela-list:last-child,#forum-rplist .rp-list:last-child{margin-bottom:0!important}#extracredits-section{margin-top:3rem}#extracredits-section .section-title{text-align:center;font-weight:700;text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}#for-afis{display:flex;align-items:center;background:var(--color-two)}#for-afis>ul{padding:1.5rem}#for-afis ul{justify-content:center}#for-afis-nosis{margin-top:1.5rem}#for-afis-norm{margin-top:1rem}#for-afis-norm h3 a{margin-bottom:.5rem;color:var(--color-four)}#for-afis-norm h3 a i{font-size:80%;color:var(--color-contrast)}.afi-collection .section-title{margin-bottom:1rem}.afi-collection>ul{display:flex;flex-flow:row wrap}.afi-collection>ul>li{margin:.25rem}.afi-collection>ul>li>a,.afi-collection>ul>li>a>img{display:block}#for-afis-nosis{margin-top:1.5rem}#for-cred{background:var(--color-four);color:var(--color-one);display:flex;align-items:center}#for-cred .is-content{font-size:.925rem;padding:1.5rem}#for-cred a,#for-cred strong{font-weight:700;font-family:var(--font-one)}#credits-social a{color:var(--color-one);font-weight:900;display:flex;align-items:center}#credits-social a em{color:var(--color-contrast);font-size:1.225rem;margin:0 .225rem 0 0;height:17px}#credits-social>ul{display:flex;justify-content:space-around}#credits-social>ul>li{margin:0}#for-afis-sis a,#for-afis-sis img{width:105px;height:105px}#for-afis-nosis a,#for-afis-nosis img{width:50px;height:50px}#forum-modal{position:fixed;top:0;left:0;padding:1rem;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:900}.is-bgmodal.bg-active{width:100vw;height:100vh;display:block;background:var(--color-three);position:fixed;top:0;left:0;opacity:.6}.modal-element{position:relative;z-index:10;width:100%;max-width:700px}.modal-title{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-contrast)}.modal-title h3{font-size:1.25rem;color:var(--color-one);font-weight:700;text-transform:uppercase;letter-spacing:2px}.modal-title a{color:var(--color-one)}.modal-content{max-height:initial;width:100%;padding:1.5rem;background:var(--color-one);margin:0}.modal-buttons{display:flex;justify-content:center}.modal-content .is-content input{min-height:55px}.notification-element{display:flex;padding:1rem;background:var(--color-four);color:var(--color-one)!important;position:relative;height:70px}.notification-controls{margin:-.225rem 0 0 1rem}.notification-content{font-size:.825rem;margin:-.225rem 0}.notification-content>h3{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.notification-content p{margin:-.225rem 0 0 0}.notification-icon{background:var(--color-contrast);color:var(--color-one);position:absolute;width:70px;height:70px;font-size:1.725rem;display:flex;justify-content:center;align-items:center;left:-70px;top:0}#frmAgreement .post-content{padding:0;background:0 0;color:var(--color-four)}#frmAgreement .forum-checkbox{max-width:100%}#bloque-login .field-name{max-width:250px}#mod-section>.generic-element>.is-content h6{margin-bottom:.5rem}@media only screen and (max-width:1280px){#forum-navbar{left:0}}
+body{background:var(--color-one);color:var(--color-four);font-size:16px;font-family:var(--font-two);line-height:24px;min-height:100vh;background-image:var(--pattern);background-attachment:fixed;background-repeat:repeat}a{font-family:var(--font-one);color:var(--color-contrast);font-weight:700}.page-anchor{position:absolute;top:calc(-80px - 1.5rem)}.main-body{max-width:1280px}#forum-body>.main-body{padding:0}#forum-body>.main-body>article{max-width:calc(100% - 80px)}body>#forum-body{padding:0!important}.button1,.button2,input[type=Submit],input[type=reset]{font-family:var(--font-one);font-weight:700;border:none;background:var(--color-three);color:var(--color-four);cursor:pointer;line-height:28px;white-space:nowrap;height:2.75rem;padding:.5rem 1rem;font-size:.825rem;text-align:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;text-transform:uppercase;letter-spacing:1px}.btn-main{color:var(--color-contrast)!important;line-height:20px!important}.button1:hover,.button2:hover,input[type=Submit]:hover,input[type=reset]:hover{background:var(--color-contrast)!important;color:var(--color-one)!important}input[type=number][disabled],input[type=password][disabled],input[type=text][disabled],select[disabled]{background:var(--color-four)!important;color:var(--color-one)!important}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:100%;padding:.5rem 1rem;background:var(--color-two);color:var(--color-four);font-family:var(--font-two);font-size:1rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none}input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{background:var(--color-three)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select option{background:var(--color-three);color:var(--color-four)}.select-container{position:relative;width:100%}.select-container::after{border:3px solid var(--color-four);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;right:.825em}.select-container select{cursor:pointer}textarea{padding:1rem;min-height:200px}.checkbox-click>i{display:none}.checkbox-content{height:2.5rem}.checkbox-name{position:relative;top:-2px}.checkbox-click{width:1.5rem;height:1.5rem;border:2px solid var(--color-contrast);margin-right:.75rem;display:flex;justify-content:center;align-items:center}.checkbox-content a{font-family:var(--font-two)}.forum-checkbox.is-active .checkbox-click::before{width:.75rem;height:.75rem;background:var(--color-contrast);content:''}.checkbox-click.is-radio,.forum-checkbox.is-active .checkbox-click.is-radio::before{border-radius:100%}.forum-fieldlist:not(.is-horizontal) .forum-checkbox{max-width:385px}.date-dmy{display:flex;justify-content:space-between;height:100%}.date-dmy>label{margin-left:1rem;display:flex;align-items:center}.date-dmy>label:first-child{margin-left:0}.date-dmy>label input{flex:1 1 auto;margin-left:.5rem}.page-buttons{display:flex;justify-content:flex-end}.btn-element{margin-left:.5rem}.btn-element:first-child{margin-left:0}.forum-button{display:flex;justify-content:center;align-items:center;padding:.725rem;background:var(--color-two);color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-button>.text{font-weight:700;text-transform:uppercase;margin-left:.5rem;letter-spacing:1px}.forum-button>.icon{font-size:1.25rem}.forum-button:hover{background:var(--color-contrast);color:var(--color-one)}.dropdown.is-active .forum-button{background:var(--color-contrast);color:var(--color-one)}.dropdown .forum-button .text{padding-right:1.75rem;position:relative}.dropdown .forum-button .text::after{content:'';border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;display:block;height:.625em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;margin-top:-.375em;right:5px;border-color:inherit}.dropdown-menu{padding:0;min-width:100%}.dropdown-content{background:var(--color-three);border:none;box-shadow:none;border-radius:0;color:var(--color-four)}.dropdown-item{padding:.5rem 1rem!important;background:0 0!important;color:var(--color-four)!important;font-weight:400;font-family:var(--font-two)}.lower-controls .dropdown-menu{bottom:100%;top:initial}.lower-controls .dropdown .forum-button .text::after{transform:rotate(135deg);top:60%}.forum-infoblock{padding:1rem;margin-bottom:1.5rem;background:var(--color-four);color:var(--color-one)}.forum-infoblock h5{font-size:.925rem;margin-bottom:.5rem!important;font-family:var(--font-two)}.forum-infoblock ul{list-style:square;padding-left:1rem;font-size:.925rem}.forum-infoblock ul li{margin-bottom:.5rem!important}.forum-infoblock ul li:last-child{margin-bottom:0!important}.usereply-button{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-two)}.dropdown.is-dropeable.is-active .usereply-button,.usereply-button:hover{background:var(--color-three)}#usereply-top small{font-family:var(--font-two)}#usereply-editor{height:300px}.usereply-option{padding:.25rem 1rem;font-weight:400;font-family:var(--font-two);margin:0}#forum-preview>.post-content>.is-content{cursor:initial;width:788px}.character-selector{position:relative;height:55px!important}.selector-list{display:none;position:absolute;z-index:5;width:calc(100% - .85rem);background:var(--color-three);max-height:200px;overflow:auto;border-top:0;margin-left:.425rem}.character-selector>input+.selector-list:hover,.character-selector>input:focus+.selector-list{display:block}.selector-list li{padding:.5rem 1rem;font-family:var(--font-one);display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:0!important;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.selector-list li::before{display:none}.selector-list li:last-child{border-bottom:0}.selector-list li i{color:var(--color-contrast)}.selector-list li:hover{background:var(--color-contrast);color:var(--color-one)}.selector-list li:hover i{color:var(--color-one)}.character-list{margin:.5rem -.25rem -.25rem -.25rem;display:flex;flex-flow:wrap;height:auto!important}.character-list>li{margin:.25rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;background:var(--color-four);color:var(--color-one);font-weight:700;font-family:var(--font-one);line-height:normal;font-size:.825rem;cursor:pointer;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.character-list>li:hover{background:var(--color-contrast)}.character-list>li i{margin-right:.25rem}.character-custom{position:absolute;top:0;right:1rem;display:flex;align-items:center;justify-content:center;height:100%}.forum-field .field-content .character-custom i{width:24px;display:flex;justify-content:center}.msg-element{display:block;background:var(--color-two);padding:1rem 1.5rem}.forumseparator-element{display:flex;justify-content:center;align-items:center;margin:0 0 2rem 0}.forumseparator-element>*{display:none}.subforum-element .category-element+.forumseparator-element{display:none}.forum-field .field-name{color:var(--color-contrast);font-weight:700;font-family:var(--font-one);width:200px;display:flex;align-items:center;margin-right:1rem;border-bottom:4px solid;align-self:flex-start;height:52px;flex:0 0 auto}.forum-field .field-content{min-height:55px;flex:1 1 auto}.forum-field .field-content>*{width:100%;height:100%}#usereply-dice ul li{height:55px}#forum-header{display:flex;justify-content:center;align-items:center;height:450px;padding:2rem;background-image:var(--header);background-position:center;background-size:cover;letter-spacing:3px}#forum-logo{display:block;max-width:60%}#forum-logo>img{display:block}#content-container{position:relative;left:80px}#forum-navbar{width:80px;position:fixed;left:calc((100vw - 1200px)/ 2 - 40px);top:0;z-index:900;align-self:baseline;height:100vh;background:var(--color-two);padding:0!important}#forum-navbar .main-body{height:100%;display:flex;flex-flow:column;justify-content:space-between}#forum-navbar .top{width:80px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .top:hover{background:var(--color-three)}#forum-navbar .top span{display:flex;align-items:center;width:100%;font-weight:900;letter-spacing:.225rem;font-size:2rem;text-transform:uppercase;writing-mode:tb-rl;padding:1.5rem 1rem}#forum-navbar .user-avatar{display:flex;justify-content:center;align-items:center;overflow:hidden;width:52px;height:52px;border-radius:100%;border:5px solid var(--color-two);box-shadow:0 0 0 3px var(--color-contrast);margin:1rem .875rem 0 .875rem}body.is-monochrome #forum-navbar .user-avatar img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome #forum-navbar .top:hover img{filter:none}#forum-navbar .navbar-item{position:relative;padding:0}#forum-navbar .navbar-item a{display:flex;flex-flow:column;width:80px;height:80px;justify-content:center;align-items:center}#forum-navbar .navbar-item .icon{font-size:1.5rem}#forum-navbar .navbar-item .text{font-size:.5rem;margin-top:.5rem;font-weight:600;text-transform:uppercase;color:var(--color-four)}#forum-navbar .navbar-item a{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .navbar-item:hover a{background:var(--color-three)}#forum-navbar .navbar-item select:focus+a{background:var(--color-three)}#forum-navbar .navbar-item select{position:absolute;opacity:0;cursor:pointer}#forum-navbar #loading-element{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-one);color:var(--color-four);z-index:900}#forum-content,#forum-wiki{padding:2rem;background:var(--color-one)}.basic-element>section{margin-bottom:3rem}.basic-element>section:last-child{margin-bottom:0}.is-content{text-align:justify}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6{text-align:left;font-weight:700}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6,.is-content p{margin-bottom:1rem}.is-content hr{height:1rem;margin:0;background:top}.is-content ol li,.is-content ul li{position:relative;margin-bottom:1rem}.is-content h6{margin-bottom:.25rem;margin-top:1.5rem}.is-content u{text-decoration:none}.is-content a,.is-content u{padding-bottom:2px;font-family:inherit;border-bottom:2px solid}.is-content table{width:100%;table-layout:fixed}.is-content table th{font-family:var(--font-one);background:var(--color-contrast);color:var(--color-one)}.is-content table td,.is-content table th{font-size:.825rem;padding:.5rem .75rem;text-align:left}.is-content table td{color:var(--color-four)}.is-content ul{list-style:square;padding-left:1rem}.is-content ol{list-style:decimal;padding-left:2rem}.is-content ol>li::marker{font-family:var(--font-one);color:var(--color-contrast);font-weight:700}.is-content a,.is-content u{padding-bottom:0}.is-content table tbody{background:var(--color-one)}.is-content table tr:nth-child(2n){background:var(--color-three)}.is-content code{background:var(--color-three);color:var(--color-contrast)}.is-content iframe{max-width:100%;aspect-ratio:16/9}.codebox,.hidecode,.spoiler,blockquote{background:var(--color-two);position:relative;z-index:10;overflow:hidden;padding:1rem;color:var(--color-four);font-size:.925rem;max-width:calc(740px + 3rem);margin:0 auto}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-one)}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-one)}.codebox>dt,.spoiler>dt,blockquote>div>cite{position:relative;z-index:20;font-size:1.125rem;font-family:var(--font-one);color:var(--color-contrast);cursor:default}.codebox>dd,.hidecode>dd,.spoiler>dd,blockquote>div{position:relative;z-index:20}.adminbox-icon{position:absolute;right:1rem;top:1rem;font-size:4rem;color:var(--color-contrast);opacity:.2;z-index:10}blockquote>div>cite a{border:none!important;padding:0!important}.codebox>dt,blockquote>div>cite{margin-bottom:1rem;display:block;font-style:normal}.codebox>dt em{color:var(--color-four);font-style:normal}.codebox>code{position:relative;display:block;padding:0;background:0 0;color:inherit;z-index:15}.spoiler{padding:0;border-left:0}.spoiler>dt{padding:1rem;cursor:pointer}.spoiler_content{padding:0 1rem 1rem 1rem}.spoiler_content.hidden{display:block}.is-content h1:last-child,.is-content h2:last-child,.is-content h3:last-child,.is-content h4:last-child,.is-content h5:last-child,.is-content h6:last-child,.is-content li:last-child,.is-content p:last-child{margin-bottom:0}.postlist-post.post-diceroll .post-header,.postlist-post.post-diceroll .post-info .post-buttons,.postlist-post.post-diceroll .post-profile:not(:first-child){display:none}.postlist-post.post-diceroll .post-content{background:var(--color-two);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;color:var(--color-four);width:100%;padding:1.5rem}.postlist-post.post-diceroll .post-content:hover{background:var(--color-three)}.is-content.content-dice blockquote{max-width:100%;background:var(--color-four);color:var(--color-one)}.is-content.content-dice ul{list-style:none;padding:0}.dice-rolllist{margin:2rem 0 0 0}.is-content.content-dice .rolllist-roll h6{margin:0 0 .5rem 0}.roll-results{display:flex;flex-flow:wrap;gap:.5rem}.is-content.content-dice ul .roll-result{margin:0}.roll-result img{display:block}.post-diceroll .post-datafields+.post-content{width:auto;background:0 0!important}.main-slat{display:flex;flex-flow:column;max-width:calc(740px + 3rem);margin:0 auto;background:var(--color-one);color:var(--color-four)}.mainslat-title{padding:4rem 1.5rem;font-size:2.25rem;font-family:var(--font-one);font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:default;text-align:center;background:var(--color-contrast);color:var(--color-one)}.mainslat-content{padding:1.5rem}.userecord-head{margin:0 0 .5rem 0}.userecord-image{display:block}.userecord-fc{text-align:center;background:var(--color-contrast);color:var(--color-one);padding:.225rem .5rem;font-size:.925rem;cursor:default}.userecord-data{padding:0!important;list-style:none!important;display:flex;flex-flow:row wrap;margin:.725rem -.5rem -.5rem -.5rem}.userecord-data li{cursor:default}.userecord-field{margin:.5rem!important;width:calc(100% / 3 - 1rem);text-align:center;font-size:.925rem;line-height:.925rem}.userecord-fieldname{font-family:var(--font-one);font-weight:700;text-transform:uppercase;color:var(--color-contrast);letter-spacing:1px}.slatinterior-title{padding:.5rem 1rem;font-weight:700;font-family:var(--font-one);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-one);margin:0 0 1.25rem 0}.slatinterior-content{padding:1.5rem;background:var(--color-two)}.slat-interior{margin:0 0 .5rem 0}.slat-interior:last-child{margin:0}.slatinterior-content strong>font{color:var(--color-contrast);font-size:1.05rem}#forum-footer{display:flex;align-items:center;padding:0 2rem;text-transform:uppercase;height:80px;background:var(--color-contrast);color:var(--color-one);font-size:.825rem;font-weight:600}#forum-footer>.main-body{display:flex;justify-content:space-between;width:100%}#forum-footer .right{text-align:right;max-width:70%}#forum-footer a{color:var(--color-one);font-weight:600}#forum-credits{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}#forum-topbar{background:var(--color-one)}#topbar-section{padding:1rem}#topbar-section .category-element{margin:0}.plank-block{padding:1rem}.plank-title{margin-bottom:1.25rem;text-transform:uppercase;font-weight:900;letter-spacing:2px}.plank-title i{font-size:70%;color:var(--color-contrast);margin-right:.5rem}.forum-head .extra,.plank-title .extra{color:var(--color-contrast)}#help-main{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:-.5rem}#help-main>a{display:flex;width:45%;height:88px;padding:.5rem;justify-content:center;align-items:center;text-transform:uppercase;border:2px solid;margin:.5rem;text-align:center;color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#help-main>a:nth-child(2n-1):last-child{width:calc(95% - 2px)}#help-main>a:hover{background:var(--color-four);border-color:var(--color-four);color:var(--color-one)}#search-img,#sq-img{display:block;width:358px;height:193px;background-size:cover;background-position:center}#admin-main{display:flex}.admin-element{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-left:1rem;width:25%;height:131px;text-align:center;background-size:cover;background-position:center;position:relative}.admin-element:first-child{margin:0}.admin-element *{color:var(--color-four);opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;position:relative;z-index:2}.admin-element::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;opacity:0}.admin-element:hover *{opacity:1}.admin-element:hover::after{opacity:.4}.admin-name{font-weight:700;font-size:1.5rem;text-transform:uppercase}.admin-desc{font-size:.75rem}.anmt-element{display:flex;padding:1rem;background:var(--color-two);height:100px;justify-content:center;align-items:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.anmt-element:hover{background:var(--color-three)}.anmt-date{order:0;font-weight:700;color:var(--color-contrast);font-size:2rem;margin-right:1rem}.anmt-title{order:1;color:var(--color-four)}#forum-breadcrumb{display:flex;justify-content:center;align-items:center;position:sticky;top:0;padding:0 2rem;background:var(--color-contrast);color:var(--color-one);font-size:.825rem;font-weight:600;text-transform:uppercase;height:80px;margin:0;text-align:center;z-index:90}#forum-breadcrumb a{color:var(--color-one)}#forum-breadcrumb li+li::before{content:"\f054";font-family:'Font Awesome 6 Pro';font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-size:60%;color:var(--color-one)}#forum-breadcrumb li:last-child:not(:first-child){display:none}.forum-head{display:flex;align-items:center;margin-bottom:2rem;letter-spacing:3px}.forum-head i{color:var(--color-contrast);margin-right:1rem;font-size:2rem}.forum-head h3{font-size:3rem}.forum-head h3>*{line-height:3rem}h3 span{font-weight:700;text-transform:uppercase}h3 small{font-family:var(--font-three)}.mp-main h3 small{font-family:var(--font-one)}.forum-forum .forum-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-contrast);color:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-title{max-width:500px;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}.forum-forum .forum-stats{text-transform:uppercase;letter-spacing:1px;font-weight:700}.forum-forum .forum-info,.forum-forum .forum-interior{height:235px}.forum-forum .forum-info{background:var(--color-two);padding:1rem 1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum:hover .forum-info{background:var(--color-three)}.forum-forum .forum-info .columns{height:100%}.forum-forum .forum-image{display:flex;align-items:center;height:100%;background-size:cover;background-position:center;position:relative}body.is-monochrome .forum-forum .forum-image{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .forum-image{filter:none}.forum-forum .forum-image+br{display:none}.forum-forum .forum-misc{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.825rem}.forum-forum .forum-box{margin-bottom:.925rem}.forum-forum .forum-last{text-align:center}.forum-forum .forum-links{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;padding:2rem;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links::before{content:'';width:100%;height:100%;position:absolute;background:var(--color-two);opacity:.4;margin:-2rem}.forum-forum:hover .forum-links{opacity:1}.forum-forum .forum-links>a{font-weight:700;text-transform:uppercase;padding:.5rem;background:var(--color-two);position:relative;z-index:1;margin:.25rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links>a:hover{background:var(--color-contrast);color:var(--color-one)}.forum-forum .lastpost-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-family:var(--font-one);margin-left:1.5rem}.forum-forum .lastpost-avatar{display:flex;width:100px;height:100px;overflow:hidden;margin-bottom:.925rem;border-radius:100%}.forum-forum .lastpost-avatar>img{width:100%;align-self:center}body.is-monochrome .forum-forum .lastpost-avatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .lastpost-avatar>img{filter:none}.forum-forum .lastpost-name{text-transform:uppercase}.forum-controls{display:flex;justify-content:space-between;padding:.5rem;background:var(--color-two)}.forum-controls.upper-controls{margin-bottom:2rem}.forum-controls.lower-controls{margin-top:2rem}.page-buttons{display:flex}.topiclist-header{margin-bottom:1.5rem}.topiclist-header>li:last-child{display:none}.topiclist-header h3{font-size:1.3rem}.topiclist-header h3 small{display:none}.topiclist-header h3 span{display:flex;align-items:center}.topiclist-header h3 span::after{content:'';display:block;width:100%;height:4px;background:var(--color-four);margin-left:.725rem;flex:1}.topiclist-topics>li{margin-bottom:.75rem}.topiclist-topics>li:last-child{margin:0}.topiclist-topic{background:var(--color-two);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.topiclist-topic:hover{background:var(--color-three)}.topic-main{display:flex;width:calc(100% - 1.5rem - 275px)}.topic-icon{display:flex;align-items:center;margin-right:1.5rem;color:var(--color-contrast);font-size:1.5rem}.topic-icon::before{content:'\f15b';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 6 Pro';font-weight:900}.topiclist-topics>li.row.is-unread .topic-icon::before{content:'\f12a'!important}.topiclist-topics>li.row.is-closed .topic-icon::before{content:'\f023'!important}.topiclist-topics>li.row.is-sticky .topic-icon::before{content:'\e1ff'!important}.topiclist-topics>li.row.is-announcement .topic-icon::before{content:'\f27a'!important}.topiclist-topics>li.row.is-global-announcement .topic-icon::before{content:'\f0f3'!important}.topic-container{width:calc(100% - 28px - 1.5rem)}.topic-container .topic-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-extra{display:flex;align-items:center;margin-top:.5rem}.topic-extra>.topic-extra-separador{display:none;margin:0 .5rem}.topic-author{order:0}.topic-pagination+.topic-extra-separador{display:block;order:1}.topic-pagination{order:2;display:flex}.topic-pagination .pagination{margin:0 0 0 .35rem}.topic-pagination .pagination .page-sep:last-child{display:none}.topic-repliesandviews{background:var(--color-contrast);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-one);padding:.25rem .5rem;font-size:.925rem;font-weight:700;color:var(--color-one);margin-left:.5rem;order:3}.topic-quicklink{display:flex;align-items:center}.topic-quicklink .topic-lastavatar{width:52px;height:52px;border-radius:100%;border:5px solid var(--color-two)!important;box-shadow:0 0 0 3px var(--color-contrast);margin:3px;display:flex;align-items:center;overflow:hidden}.topic-lastavatar>img{width:100%}.topic-quicklink .topic-last strong{font-family:var(--font-one)}body.is-monochrome .topic-lastavatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .topiclist-topic:hover .topic-lastavatar>img{filter:none}.topic-last{margin-left:1rem;font-size:.925rem;line-height:1.25rem}.topic-lastpost{text-transform:uppercase;padding:.25rem;display:block;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;letter-spacing:1px}.topic-lastpost:hover{background:var(--color-contrast);color:var(--color-one)}.topiclist-topic.topic-mp{padding:1rem 1.5rem}.topiclist-topic.topic-draft .topic-main,.topiclist-topic.topic-mp .topic-main{width:calc(100% - 1.5rem)}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost{padding:0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost:hover{background:0 0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost .checkbox-click{margin:0}.topiclist-topic.topic-draft .topic-quicklink .topic-lastpost:hover{background:0 0;color:var(--color-contrast)}.pagination-manager{display:flex;flex-flow:wrap}.pagination-manager>*{height:48px;font-family:var(--font-one);font-weight:700;font-size:1rem}.pagination-input>input{width:initial;height:100%;max-width:40px;padding:.25rem;text-align:center;margin-right:.325rem;background:var(--color-one)}.pagination-manager>.page-action{display:flex;justify-content:center;align-items:center}.pagination-manager>.page-action>*{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;background:var(--color-two);color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.pagination-manager>.page-action>:hover{background:var(--color-contrast);color:var(--color-one)}.pagination-manager>.page-action>.page-next{margin-left:.5rem}.pagination-manager>.page-action>.page-prev{margin-right:.5rem}.pagination-manager>:last-child{margin-right:0}.pagination-input:last-child{margin:0 .5rem 0 0}#forum-rules h3{padding:.5rem 1rem;font-weight:700;font-family:var(--font-one);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-one);margin:0 0 1.25rem 0}.post{margin:0 0 1.5rem 0}.post:last-child{margin:0}.postlist-post{display:flex;position:relative;flex-flow:row wrap}.forum-otherposts .postlist-post{flex-flow:row nowrap}.post-header{width:100%;background:var(--color-two);padding:1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;display:flex;align-items:center}.postlist-post.usergroup-unknown .post-header{display:none}.header-side{width:100%}.miniprofile-sigcontent{width:100%}.miniprofile-signature,.miniprofile-signature img{display:block}.miniprofile-signature{margin:0 1.5rem 0 0;flex:1 0 auto}.miniprofile-signature .is-avatar{display:none}.miniprofile-quote{border-left:4px solid var(--color-four);padding:0 0 0 1rem;font-style:italic}.miniprofile-name{margin:1.25rem 0;text-transform:uppercase;letter-spacing:3px}.miniprofile-name a{font-weight:900}.miniprofile-fields{display:flex}.miniprofile-field strong{display:none}.miniprofile-field::before{content:'■';font-size:.725rem;margin:0 .5rem;color:var(--color-contrast);font-style:normal;position:relative;top:-1px}.miniprofile-field:first-child::before{display:none}.miniprofile-field{display:flex;align-items:center;font-style:italic}.postlist-post:hover .post-header{background:var(--color-three)}.post-content{display:flex;padding:1.5rem;background:var(--color-four);color:var(--color-one)}.postlist-post .post-content{width:calc(100% - 160px);padding:1.5rem calc(1.5rem + 140px) 1.5rem 1.5rem;position:relative;flex-flow:column}.postlist-post>.post-content>.is-content{cursor:initial}.post-info{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem 0;font-size:.735rem}.post-side{display:flex;align-items:center}.post-permalink{font-size:1rem;margin:0 1rem 0 0}.post-title>a{margin:0 0 0 .5rem;text-transform:uppercase;background:var(--color-one);color:var(--color-four);padding:.5rem;cursor:default;letter-spacing:1px}.post-buttons{display:flex}.post-button{margin:0 0 0 .5rem}.post-button:last-child{margin:0}.post-button a{text-transform:uppercase}.post-button i{display:none}.post-button.post-button-enlace-permanente{display:none}.post-profile{width:calc(100% - (100% - 160px));align-self:flex-start}.profile-sticky{position:sticky;top:calc(80px + 1.5rem)}.miniprofile-main,.miniprofile-main img{display:block}.miniprofile-main{background:var(--color-contrast);height:calc(400px + 3rem)}.miniprofile-main img{min-width:275px;height:400px;position:absolute;right:1.5rem;top:1.5rem}.miniprofile-contacts{margin:1.5rem 0 0 1.5rem;text-transform:uppercase}.miniprofile-contact{margin:0 0 .225rem 0}.miniprofile-contact a{display:block;letter-spacing:1px;color:var(--color-four);border-bottom:2px solid var(--color-contrast);padding:0 0 3px 0;font-size:.825rem}.forum-otherposts .postlist-post{background:var(--color-two);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-otherposts .postlist-post:hover{background:var(--color-three)}.forum-otherposts .post-content{padding:1.5rem;min-height:inherit;flex-flow:row}.forum-otherposts .post-content .is-content{width:788px}.forum-otherposts .post-profile{order:1;padding:1.5rem;padding-top:0;margin-top:1.5rem!important;width:calc(100% - 788px)}.memberlist-members{display:flex;flex-flow:wrap;margin:-.5rem}.memberlist-members>li{margin:.5rem}.memberlist-members:not(.no-results)>li{width:calc(100% / 4 - .5rem * 2)}.memberitem-element{display:block}.memberlist-avatar,.memberlist-name{display:block}.memberlist-name h3{background:var(--color-two);color:var(--color-contrast);padding:1.5rem 1rem;text-transform:uppercase;font-size:1.15rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.memberitem-element:hover .memberlist-name h3{background:var(--color-three)}.memberlist-name h3 span{font-weight:900;letter-spacing:2px}.memberlist-name div{padding:.5rem 1rem;background:var(--color-contrast);color:var(--color-one);font-size:.825rem}.wiki-index{margin-right:4rem}.wiki-index h3{text-transform:uppercase;letter-spacing:1px;font-size:1.25rem;margin-bottom:.725rem!important}.wiki-content{max-width:780px}.wiki-controls,.wiki-index h3{font-weight:700}.wiki-controls>a{font-weight:400}.wiki-index .router-link-exact-active.router-link-active,.wiki-index li.is-selected>.wiki-controls>a .text,.wiki-index li.is-selected>.wiki-controls>a .text+.icon{color:var(--color-four);font-weight:700}.wiki-index li{margin-bottom:.5rem!important}.wiki-index li:last-child{margin-bottom:0!important}#bloque-estadisticas h6{display:flex;align-items:center;font-weight:700;text-transform:uppercase;color:var(--color-one);letter-spacing:1px}#bloque-estadisticas h6::after{content:'';display:block;width:100%;height:4px;background:var(--color-one);margin-left:.725rem;flex:1}#new-connected,#past-connected{padding:1.5rem;padding-bottom:1.5rem;background:var(--color-four)}#bloque-estadisticas #new-connected{padding-bottom:0}#bloque-estadisticas .has-users{font-size:0;margin:1.25rem -.25rem -.25rem -.25rem;height:175px;overflow:auto;padding-top:.25rem}#bloque-estadisticas .has-users a{display:inline-block;font-size:.725rem;padding:.5rem .75rem .5rem .75rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-one);margin:.25rem;text-transform:uppercase;letter-spacing:1px}#bloque-estadisticas .has-users a:hover{background:var(--color-three)}#image-banner{background-image:url(http://via.placeholder.com/600/2f3237);width:100%;height:100%;background-size:cover;background-position:center}#bloque-grupos{display:flex;flex-flow:column}#census{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem;background:var(--color-two)}#census>li{background:var(--color-one);padding:1rem;text-align:center;position:relative}#census>li>a{color:currentColor;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:1rem}.census-count{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-text-fill-color:var(--color-three);background:currentColor;display:flex;justify-content:center;align-items:center;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.census-count::after{content:'personajes';margin-left:.5rem}#census>li:hover .census-count{opacity:1}#bloque-ultimostemas h6{padding:1.5rem;background:var(--color-contrast);color:var(--color-one);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:2rem;line-height:2rem}.ltopic-list{background:var(--color-two);padding:.75rem;display:flex;flex-flow:row wrap}.ltopic-list>li{width:calc(50% - 1.5rem);margin:.75rem}.ltopic-element{display:flex;background:var(--color-four);flex-flow:row wrap}.ltopic-last{padding:1rem;background:var(--color-contrast);display:flex;justify-content:center;align-items:center;width:52px;height:52px;color:var(--color-one)!important}.ltopic-data{display:flex;align-items:center;margin-left:1rem;flex:1;overflow:hidden;padding-right:1rem}.ltopic-title{display:flex;align-items:center;padding:0 1rem;flex:1;overflow:hidden;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:var(--color-one)!important;white-space:nowrap;width:calc(100% - 2rem)}.ltopic-title>span{overflow:hidden;text-overflow:ellipsis}.ltopic-info{font-size:.725rem;padding:.5rem .75rem;background:var(--color-one);width:100%;color:var(--color-four);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.ltopic-element:hover .ltopic-info{background:var(--color-three)}#bloque-ultimostemas>small{padding:0 1.5rem 1.5rem 1.5rem;display:block;background:var(--color-two)}#profile-head{display:flex;justify-content:space-between;min-height:400px}#profile-minifields,#profile-subhead,#profile-userinfo{padding:1.5rem}#profile-minifields{display:flex;flex-flow:column;justify-content:center;width:275px;height:100%;text-align:center;background:var(--color-two);color:var(--color-four);margin:0;align-self:auto}.minifield-element{margin-bottom:1rem}.minifield-element:last-child{margin-bottom:0}.minifield-element>*{display:block;white-space:nowrap}.minifield-label{font-family:var(--font-one);color:var(--color-contrast);font-weight:700}.minifield-content{font-size:.925rem}#profile-userinfo{display:flex;flex-flow:column-reverse;justify-content:space-between;text-align:right;flex:1 1 auto;background-size:cover;background-position:center}#profile-username{font-size:3rem;line-height:3rem;font-family:var(--font-one);color:var(--color-four);text-transform:uppercase;font-weight:900;letter-spacing:3px}#profile-rank{font-family:var(--font-one);color:var(--color-contrast);font-weight:700;text-transform:uppercase;margin:0 .35rem 0 0;letter-spacing:1px}#profile-subhead{display:flex;background:var(--color-contrast)}#profile-subhead>*{width:100%}#profile-quote{display:flex;justify-content:flex-start;padding:1rem 0}#profile-quote>.admin-block{width:300px;font-size:.925rem;font-style:italic;padding-left:1rem;border-left:2px solid;color:var(--color-one)}#profile-quote .coolquote-from,#profile-quote .fas{display:none}#profile-quote>.admin-block .coolquote-quote{padding:0;text-align:left}#profile-links{margin-left:2rem}.profile-linklist{display:flex;flex-flow:column}.profile-linklist a{display:inline-flex;align-items:center;color:var(--color-one)!important;font-size:.825rem;font-weight:400;letter-spacing:1px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:0 .325rem 0 0;text-transform:uppercase;white-space:nowrap}.profile-linklist a:hover{background:var(--color-one);color:var(--color-four)!important}.profile-linklist i{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin-right:.5rem}.profilefield-element{margin-bottom:2rem}.profilefield-element:last-child{margin-bottom:0}.field-head{display:flex;flex-flow:column;margin-bottom:1rem}.field-head h4{font-size:2.25rem;order:1}.field-head h6{order:0;color:var(--color-contrast);font-size:1rem;font-style:italic}.profile-extra{display:flex;min-height:300px}#profile-extras .profile-extra-header{order:1}#profile-extras .profile-extra-space{order:0}.profile-extra-header{padding:1.5rem;font-family:var(--font-one);font-size:2rem;background:var(--color-contrast);color:var(--color-one);width:90px;display:flex;justify-content:center;text-transform:uppercase}.profile-extra-header span{display:block;align-self:center;font-size:2.25rem;transform:rotate(90deg);font-weight:700;letter-spacing:2px}.profile-extra-space{width:100%}.extrafield-head{margin-bottom:1.5rem}.extrafield-element{margin-bottom:1.5rem}.extrafield-element:last-child{margin-bottom:0}.extrafield-content table{max-width:inherit}#profile-fields{display:flex;justify-content:space-between}#profile-infominifields+#profile-infofields{max-width:861px;flex:1 1 auto}#profile-usergest{color:var(--color-four)}.profile-container{padding:0;background:var(--color-four)}#profile-infofields{padding:1.5rem;background:var(--color-two)}#profile-infominifields{width:275px;margin:0;padding:0 1.5rem 1.5rem 1.5rem;max-width:initial;margin-top:1.5rem;flex:0 0 auto;color:var(--color-one)}.profile-extra .profile-container{padding:1.5rem;background:var(--color-two)}.field-head h4{text-transform:uppercase;font-weight:700;letter-spacing:2px}.extrafield-head h4{text-transform:uppercase;font-weight:700;font-style:italic;color:var(--color-contrast);font-size:1.75rem;letter-spacing:2px}.rp-list{margin-bottom:0}#forum-rplist .rp-list{margin-bottom:1rem}#forum-rplist .rp-list:last-child{margin-bottom:0}.rp-list .rp-element{padding:1rem!important;background:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none!important}.rp-list .rp-element:hover{background:var(--color-three)!important}.rp-icon{margin-right:1rem;font-size:1.25rem}.rp-name{color:var(--color-four)!important;font-size:1rem;line-height:1rem}.rp-name>span{font-weight:700}.rp-name>small{font-size:.825rem;font-style:italic;padding-right:.25rem;font-weight:400}.rp-controls{color:var(--color-four);font-size:.925rem}.rela-element{padding:1rem!important;background:var(--color-one);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;align-items:center;border:none!important}.rela-element:hover{background:var(--color-three)!important}.rela-list .rela-element .rela-image{align-self:center!important;background-position:center;background-size:cover;border-radius:100%;border:5px solid var(--color-two);box-shadow:0 0 0 3px var(--color-contrast)}.rela-content{color:var(--color-four)}.rela-title>h4{font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:normal}.rela-content>.is-content{font-weight:400}.slatinterior-content>.rela-list{margin-bottom:0!important}.extrafield-element,.profilefield-element{margin-bottom:2rem}.extrafield-element:last-child,.profilefield-element:last-child{margin-bottom:0}.extrafield-head{margin-bottom:1rem}#chronology-element,#relationships-element{margin:1rem -.5rem -.5rem -.5rem}#forum-multiaccount .rp-controls{display:block;height:auto;top:.925rem;color:var(--color-one);font-weight:700}#forum-multiaccount .rp-controls span{color:var(--color-contrast);letter-spacing:1px}#forum-rplist .rela-list,#forum-rplist .rp-list{margin-bottom:.75rem!important}#forum-rplist .rela-list:last-child,#forum-rplist .rp-list:last-child{margin-bottom:0!important}#extracredits-section{margin-top:3rem}#extracredits-section .section-title{text-align:center;font-weight:700;text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}#for-afis{display:flex;align-items:center;background:var(--color-two)}#for-afis>ul{padding:1.5rem}#for-afis ul{justify-content:center}#for-afis-nosis{margin-top:1.5rem}#for-afis-norm{margin-top:1rem}#for-afis-norm h3 a{margin-bottom:.5rem;color:var(--color-four)}#for-afis-norm h3 a i{font-size:80%;color:var(--color-contrast)}.afi-collection .section-title{margin-bottom:1rem}.afi-collection>ul{display:flex;flex-flow:row wrap}.afi-collection>ul>li{margin:.25rem}.afi-collection>ul>li>a,.afi-collection>ul>li>a>img{display:block}#for-afis-nosis{margin-top:1.5rem}#for-cred{background:var(--color-four);color:var(--color-one);display:flex;align-items:center}#for-cred .is-content{font-size:.925rem;padding:1.5rem}#for-cred a,#for-cred strong{font-weight:700;font-family:var(--font-one)}#credits-social a{color:var(--color-one);font-weight:900;display:flex;align-items:center}#credits-social a em{color:var(--color-contrast);font-size:1.225rem;margin:0 .225rem 0 0;height:17px}#credits-social>ul{display:flex;justify-content:space-around}#credits-social>ul>li{margin:0}#for-afis-sis a,#for-afis-sis img{width:105px;height:105px}#for-afis-nosis a,#for-afis-nosis img{width:50px;height:50px}#forum-modal{position:fixed;top:0;left:0;padding:1rem;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:900}.is-bgmodal.bg-active{width:100vw;height:100vh;display:block;background:var(--color-three);position:fixed;top:0;left:0;opacity:.6}.modal-element{position:relative;z-index:10;width:100%;max-width:700px}.modal-title{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-contrast)}.modal-title h3{font-size:1.25rem;color:var(--color-one);font-weight:700;text-transform:uppercase;letter-spacing:2px}.modal-title a{color:var(--color-one)}.modal-content{max-height:initial;width:100%;padding:1.5rem;background:var(--color-one);margin:0}.modal-buttons{display:flex;justify-content:center}.modal-content .is-content input{min-height:55px}.notification-element{display:flex;padding:1rem;background:var(--color-four);color:var(--color-one)!important;position:relative;height:70px}.notification-controls{margin:-.225rem 0 0 1rem}.notification-content{font-size:.825rem;margin:-.225rem 0}.notification-content>h3{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.notification-content p{margin:-.225rem 0 0 0}.notification-icon{background:var(--color-contrast);color:var(--color-one);position:absolute;width:70px;height:70px;font-size:1.725rem;display:flex;justify-content:center;align-items:center;left:-70px;top:0}#frmAgreement .post-content{padding:0;background:0 0;color:var(--color-four)}#frmAgreement .forum-checkbox{max-width:100%}#bloque-login .field-name{max-width:250px}#mod-section>.generic-element>.is-content h6{margin-bottom:.5rem}@media only screen and (max-width:1280px){#forum-navbar{left:0}}