.panel-fade{position:absolute;width:100%;height:100%;z-index:500;display:flex;justify-content:center;background-color:var(--black-fade)}.panel-close{position:absolute;width:100%;height:100%}.info-panel{max-width:1000px;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--white);color:var(--black);box-sizing:border-box;z-index:501;padding-bottom:10px;scrollbar-color:var(--black-2up) var(--white-2down)}@media (max-width: 1100px){.info-panel{padding-bottom:70px}}.info-panel-title{background-color:var(--black);color:var(--white);text-align:center;font-size:36px;font-weight:700;padding:5px 0;margin-bottom:10px}.info-description{display:flex;flex-direction:column;row-gap:10px}.info-column{display:flex;flex-direction:column}.info-column-row-gap{display:flex;flex-direction:column;row-gap:10px}.info-controller{position:fixed;display:flex;justify-content:flex-end;top:10px;left:calc(50% + 510px);column-gap:10px;box-sizing:border-box;z-index:501}@media (max-width: 1100px){.info-controller{left:0;bottom:0;width:100%;height:60px;background-color:var(--black);z-index:502;justify-content:flex-start;padding:10px;top:auto;border-top:1px solid var(--white)}}.info-controller-close{display:none}@media (max-width: 1100px){.info-controller-close{display:block}}.info-controller-button{width:40px;height:40px;padding:5px;border:none;cursor:pointer;transition:.5s;color:var(--white);background-color:var(--color)}@media (max-width: 1100px){.info-controller-button{width:auto;height:auto;flex:1 1 50%}}.info-controller-button:hover{background-color:var(--color-2up)}.info-container-title{border:2px solid var(--black);border-left:none;border-right:none;margin-bottom:10px;display:block;font-size:24px;font-weight:600;padding:5px 0 5px 10px;cursor:pointer;transition:.5s}.info-container-title:hover{background-color:var(--white-2down)}@media (max-width: 1100px){.info-container-title:hover{background-color:var(--white)}}.dt-text{color:var(--black);margin-bottom:1em;padding:0 10px;line-height:1.3}.dt-small-icon-container{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:10px;row-gap:10px;padding:0 10px}.dt-small-icon{height:256px;width:475px;display:flex;flex-direction:row;cursor:pointer;background-color:var(--black);transition:.5s}@media (max-width: 1100px){.dt-small-icon{height:128px;width:100%}}.dt-small-icon:hover{background-color:var(--color)}.dt-small-icon-img{flex:0 0 256px;position:relative;box-sizing:border-box;padding:10px}@media (max-width: 1100px){.dt-small-icon-img{flex:0 0 128px}}.dt-small-icon-img img{width:100%;height:100%}.dt-small-icon-info{flex:1 1 100%;display:flex;position:relative;flex-direction:column;box-sizing:border-box;color:var(--white);padding:10px 0 10px 10px;row-gap:5px}.dt-small-icon-info-title{border-bottom:1px solid var(--white);padding-bottom:5px;margin-bottom:5px}.sub-text{font-size:14px}.dt-small-icon-tag{position:absolute;bottom:10px;width:calc(100% - 10px);text-align:center;border:2px solid var(--white);box-sizing:border-box;padding:5px 0}@media (max-width: 1100px){.dt-small-icon-tag{border:1px solid var(--white);padding:0}}.dt-small-icon-info label{cursor:pointer}.dt-character-death-img{position:absolute;top:0;left:0}.dt-character-img{float:left;margin:0 10px;height:auto;width:50%}@media (max-width: 1100px){.dt-character-img{width:calc(100% - 20px);margin:0 10px 10px}}.dt-character-text{display:block;margin-bottom:1em;padding:0 10px;line-height:1.3}.dt-stats-table-container{display:grid;width:100%;padding:0 10px}@media (max-width: 1100px){.dt-stats-table-container{width:calc(100% - 20px);font-size:14px}}.dt-stats-table{border:2px solid var(--black);border-collapse:collapse;table-layout:fixed;max-width:600px;width:100%}.dt-stats-table th{background-color:var(--color);color:var(--white)}.dt-stats-table th,td{border-right:2px solid var(--black);padding:3px;text-align:center;width:16.66%}.dt-skill-container{display:flex;flex-direction:column;margin:0 10px}.dt-skill-title{font-weight:700;font-size:18px;padding-bottom:3px}.dt-big-image-list{display:flex;flex-direction:column;row-gap:10px;padding:0 10px}.dt-big-image-container{height:240px;cursor:pointer;display:flex;flex-direction:column;background-color:var(--black);transition:.5s}@media (max-width: 1100px){.dt-big-image-container{height:190px}}.dt-big-image-container:hover{background-color:var(--color)}.dt-big-image{flex:1 1 100%;height:100%;object-fit:none;object-position:center}.dt-big-image-text{padding:10px;flex:0 0 20px;color:var(--white)}.dt-big-image-text>label{cursor:pointer}.dt-main-info-container{display:flex;flex-direction:column;row-gap:5px;padding:0 10px}.home-page-main-container{padding:10px}.home-page-header-container{border-top:2px solid var(--black);border-bottom:2px solid var(--black);padding:10px 0;margin-bottom:20px;font-weight:700}.home-page-version{float:right}.home-page-url-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:5px}@media (max-width: 1100px){.home-page-url-container{display:flex;flex-direction:column}}.home-page-url-component{background-color:var(--black);display:flex;flex-direction:row;height:100px;text-decoration:none;border-right:0px solid var(--color);transition:.5s}.home-page-url-component:hover{border-right:40px solid var(--color)}.home-page-url-disable{background-color:var(--black);display:flex;flex-direction:row;height:100px;text-decoration:none;opacity:.7;pointer-events:none}.home-page-url-image{flex:0 0 150px;padding:5px;box-sizing:border-box}.home-page-url-text-container{color:var(--white);flex:1 1 100%;padding:10px;display:flex;flex-direction:column}@media (max-width: 1100px){.home-page-url-text-container{font-size:12px}}.home-page-url-title{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid var(--white);width:100%;display:block;cursor:pointer}.home-page-url-description{font-size:12px;cursor:pointer}.left-panel{position:fixed;width:40px;height:100%;background-color:var(--black);z-index:300;padding:10px;row-gap:10px;display:flex;flex-direction:column}@media (max-width: 1100px){.left-panel{width:100%;height:40px;bottom:0;flex-direction:row;row-gap:0px;column-gap:10px}}.left-button{box-sizing:border-box;width:40px;height:40px;cursor:pointer;background-color:var(--color);color:var(--white);padding:5px;border:none;display:flex;text-decoration:none;justify-content:center;align-items:center;transition:.5s}.left-button:hover{background-color:var(--color-2up)}.left-button-disable{background-color:var(--color-4down);color:var(--white-2down)}.left-button-disable:hover{background-color:var(--color-2down);color:var(--white)}.return-menu-button{position:absolute;bottom:30px}@media (max-width: 1100px){.return-menu-button{right:30px;bottom:10px}}.filter-panel{position:fixed;width:40px;background-color:var(--black);z-index:300;padding:10px;left:60px;border-left:1px solid var(--white);display:flex;flex-direction:column;row-gap:10px}@media (max-width: 1100px){.filter-panel{width:auto;height:40px;bottom:60px;left:0;flex-direction:row;row-gap:0px;column-gap:10px;border-left:none;border-bottom:1px solid var(--white)}}.map-container{width:100vw;height:100vh;cursor:grab}.map-container:active{cursor:grabbing}.map-controll{position:absolute;will-change:transform}.tiles-container{position:absolute;z-index:100}.point-container{position:absolute;z-index:200}.tile{position:absolute;background-size:cover;image-rendering:crisp-edges;pointer-events:none}.point{position:absolute;will-change:transform;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--black);color:var(--white)}.point-icon{box-sizing:border-box;height:29px;width:15px;padding:5px}.point-label{cursor:pointer;padding:5px 10px;font-weight:700;white-space:nowrap}:root{--white: #f5e9dd;--white-2up: #f7ede3;--white-2down: #c4bab0;--black: #494949;--black-fade: #494949dd;--black-2up: #6d6d6d;--color: #e85d56;--color-2up: #ec7d77;--color-2down: #b94a44;--color-4down: #8b3733}body{padding:0;margin:0;font-family:Montserrat,sans-serif;color:var(--black);font-size:16px;background-color:var(--white)}#app{width:100%;height:100%;position:relative;overflow:hidden}