.idle-action-control{display:flex;flex-flow:row nowrap;width:400px;height:100%}.idle-action-control .current-action-image-container{height:100%;aspect-ratio:1 / 1;background-color:var(--color-light);border:1px solid var(--color-border-light);box-sizing:border-box}.idle-action-control .current-action-image-container img{height:100%;background-color:var(--color-background-image)}.idle-action-control .main-container{flex-grow:1;position:relative;display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border-light)}.idle-action-control .main-container span{position:absolute;left:50%;transform:translate(-50%);font-size:1em;font-weight:700;text-shadow:calc(var(--text-outline-power) * -1) calc(var(--text-outline-power) * -1) 0 black,calc(var(--text-outline-power)) calc(var(--text-outline-power) * -1) 0 black,calc(var(--text-outline-power) * -1) calc(var(--text-outline-power)) 0 black,calc(var(--text-outline-power)) calc(var(--text-outline-power)) 0 black}.idle-action-control .main-container .container{position:absolute;width:100%;height:100%;display:flex;opacity:1;transition:opacity 1s;padding:5px;box-sizing:border-box}.idle-action-control .main-container .container.time{align-items:center}.idle-action-control .main-container .container.time .time-bar{background-color:#90ee90;height:100%}.idle-action-control .main-container .container.combat{flex-flow:column;justify-content:flex-start}.idle-action-control .main-container .container.combat span{bottom:2px}.idle-action-control .main-container .container.fadeoff{opacity:0;transition:opacity 1s}.idle-action-control .container.combat .turn-bar{height:5px;background-color:var(--color-combat-turn);margin-bottom:5px}.idle-action-control .container.combat .enemy-health-bar{flex-grow:1;background-color:var(--color-health-enemy);transition:width .5s}.idle-action-control .extended-info-container{position:absolute;display:flex;flex-flow:row nowrap;align-items:center;padding:0 5px;height:40px;width:auto;background-color:var(--color-main);border:1px solid var(--color-border);top:70px}.idle-action-control .cancel-action-button-container{background-color:var(--color-background);border:1px solid var(--color-border-light);padding:5px}.idle-action-control .cancel-action-button{height:30px;width:30px;background-color:var(--color-danger);border:1px solid var(--color-danger-border)}.idle-action-control .cancel-action-button:hover{background-color:var(--color-danger-hover)}.idle-action-control .refresh-action-button{display:flex;justify-content:center;align-items:center;height:30px;width:30px;box-sizing:border-box}.idle-action-control .display-extended-info-button{height:100%;width:30px;background-color:var(--color-neutral);border-style:none}.idle-action-control .display-extended-info-button:hover{background-color:var(--color-neutral-hover)}.idle-action-control .idle-time-container{position:absolute;left:10px;top:20px;display:flex;justify-content:center;width:4.5rem;height:1.5rem;padding:0 5px;border:1px solid var(--color-border-lighter);border-radius:3px;background-color:var(--color-lighter);font-family:Calibri;box-sizing:border-box;z-index:1}.idle-action-control .fade-slide-in{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.idle-action-control .faded{opacity:0;transform:translateY(-10px)}@media (max-width: 1440px){.idle-action-control{flex-grow:1}}@media (max-width: 768px){.idle-action-control{flex:1}.idle-action-control .extended-info-container{top:55px}.idle-action-control .idle-time-container{top:30px}}.top-bar{position:fixed;width:100%;height:60px;display:flex;flex-flow:row nowrap;align-items:center;padding-left:320px;background-color:var(--color-main);margin-bottom:10px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014;padding-top:10px;padding-bottom:10px;box-sizing:border-box;z-index:5}.character-button-container{margin-right:10px;margin-left:auto}.character-button-container .character-button{display:flex;align-items:center;justify-content:center;height:60px;width:60px;border-radius:50%;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);cursor:pointer}.character-button-container img{height:90%;aspect-ratio:1;border-radius:50%}.navbar-button{display:none;justify-content:center;align-items:center;flex-shrink:0;width:40px;height:100%;margin-right:5px;background-color:var(--color-light);border:1px solid var(--color-border-light)}.navbar-button i{display:flex;align-items:center;font-size:1.5em;color:var(--color-font-dark)}@media (max-width: 1440px){.top-bar{width:100vw;height:50px;padding:5px}.logout-button-container,.character-button-container{margin:0 0 0 5px}.navbar-button{display:flex}.navbar{width:80%}}.map-button{display:flex;flex-flow:row nowrap;align-items:center;height:100%;border:1px solid var(--color-border-light);background:var(--color-light);box-sizing:border-box;cursor:pointer}.map-button img{height:100%}.map-button span{padding:0 10px;font-weight:700;font-size:1.1em}.map-button:hover{background-color:var(--color-lighter);border-color:var(--color-border-lightest);transition:ease-in-out .1s}@media (max-width: 768px){.map-button span{display:none}}header{position:fixed;left:0;top:0;box-sizing:border-box;padding:25px;width:300px;height:100%;background-color:var(--color-main);box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014;overflow:scroll;z-index:10}header ul{list-style-type:none;padding-left:0;margin:0}header li{padding:3px 0}header li a{color:inherit;text-decoration:none}nav{margin-bottom:25px}nav h1{margin-bottom:5px;font-size:1.25em}.sub-list{margin-left:20px}.portrait-container{background-color:var(--color-light);height:250px;position:relative}.player-name{position:absolute;bottom:0;width:100%;text-align:center;font-size:40px;margin-bottom:5px}.social-icons-container{width:100%;height:20px;display:flex;flex-flow:row nowrap}.social-icons-container svg{height:100%}.skill-container{display:flex;flex-direction:row;width:100%}.skill-container .skill-text{width:100%;display:flex;align-items:center}.skill-container .skill-level{background-color:#484439;width:1.25em;height:100%;display:flex;justify-content:center;border:1px solid var(--color-border);padding:0 5px}.skill-container .skill-info{flex:1;display:flex;flex-direction:column;justify-content:center}.navbar-experience-bar-container{width:88%;background-color:var(--color-background-image)}.navbar-experience-bar{background-color:var(--color-lighter);height:8px}.skill-image{width:13%;height:auto}@media (max-width: 1440px){header{width:80%;transform:translate(0);transition:transform .1s ease-in-out}header.collapsed{transform:translate(-100%)}header li{margin-bottom:0;padding:5px 0}header li:not(:last-child){padding:5px 0;margin-bottom:0}header li:last-child{padding-bottom:0}}.logo-container{display:flex;flex-flow:row;align-items:center;height:64px;margin-bottom:15px;color:var(--color-font);text-decoration:none}.logo-container h1{font-size:2rem;margin-left:10px}.logo-container img{height:100%}@media (max-width: 768px){.logo-container h1{font-size:2rem;margin-left:10px}}.button-discord{height:100%;padding:3px 5px;background-color:var(--color-light);border:1px solid var(--color-border-light);border-radius:3px}.region-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;max-height:90vh;display:flex;flex-flow:column;z-index:55}.region-modal h1{font-size:1.5em;text-align:center}.region-modal h2{font-size:1.25em;font-weight:lighter;margin-top:5px;margin-bottom:5px}.region-modal .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.region-modal .item{position:relative;background-color:var(--color-background-image);border:1px solid var(--color-border-lighter)}.region-modal .item img{width:100%;display:block}.region-modal .item-badge{background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);position:absolute;bottom:2px;right:2px;height:20px;font-size:.75em;border-radius:3px;padding:0 5px;display:flex;justify-content:center;align-items:center}.region-modal .current-gold-container{position:relative;margin-top:10px}.region-modal .details-container{padding:0 10px;overflow-y:auto;height:80vh;border:1px inset var(--color-border);background-color:#36332d}@media (max-width: 768px){.region-modal{height:80vh;width:95vw}.region-modal .grid{grid-template-columns:repeat(3,1fr)}}.map-modal{width:350px;z-index:50;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5em}.map-modal h1{font-size:1.5em;text-align:center}.map-modal .region-table{display:flex;flex-flow:column nowrap}.map-modal .region-table .item{padding:5px 0;width:100%;text-align:center}.map-modal .region-table .item:not(:last-child){margin-bottom:5px}@media (max-width: 768px){.map-modal{width:95vw}}.status-layout{width:100vw;height:100vh;display:flex;flex-flow:column;justify-content:center;align-items:center}.custom-input-number{display:flex;flex-flow:row nowrap;align-items:center;height:45px;width:100%;box-sizing:border-box;border-width:2px;border-style:inset;border-color:var(--color-border-lighter)}.custom-input-number input{flex:1;width:inherit;height:100%;box-sizing:border-box;border:none;padding:0 10px;text-align:center;color:var(--color-font-dark)}.custom-input-number input:focus{box-shadow:0 0 2px 3px #ffffe9;transition:ease-in-out .1s}.custom-input-number button{width:45px;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-lighter);border:none;cursor:pointer;font-size:.9em;font-weight:700;color:var(--color-font-dark)}.custom-input-number button.border-right{border-right:1px solid var(--color-border-lighter)}.custom-input-number button.border-left{border-left:1px solid var(--color-border-lighter)}@media (max-width: 768px){.custom-input-number button{width:auto!important;min-width:40px}}.custom-input-number button.minus{border-right:1px solid var(--color-font-dark)}.custom-input-number button.plus{border-left:1px solid var(--color-font-dark)}.custom-input-number button.max{border-left:1px solid var(--color-font-dark);width:60px}.custom-input-number button.min{border-right:1px solid var(--color-font-dark);width:60px}.custom-input-number button.large{width:100px}.custom-input-number button:hover{background-color:var(--color-lightest);transition:ease-in-out .1s}.custom-input-number button:active:not(:disabled){background-color:#3d6c3d;box-shadow:0 0 3px 3px #bcff9d;transition:ease-in-out .1s}.custom-input-number button:disabled{background-color:#2f2d26;border-color:#423f38;color:#595959}.modal.crafting{width:450px;font-size:1rem}.modal.crafting h1{font-size:1.5rem;margin-bottom:10px}.modal.crafting .item-icon-container{position:relative;height:2rem;display:flex;justify-content:center;align-items:center;background-color:var(--color-background-image)}.modal.crafting .item-icon-container .item-image{object-fit:contain;width:100%;height:100%;aspect-ratio:1}.modal.crafting .item-icon-container .item-frame{position:absolute;max-height:100%;width:auto;object-fit:contain}.modal.crafting .component-container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.modal.crafting .component-badge{display:flex;flex-flow:row nowrap;align-items:center;background-color:var(--color-border-light);width:fit-content;border-radius:3px;padding-right:10px}.modal.crafting .component-container:not(:last-child){margin-bottom:5px}.modal.crafting .components-header{display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%;border-bottom:1px solid var(--color-border-light);margin-bottom:6px}.modal.crafting .crafting-data{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal.crafting .crafting-data div{flex:1;justify-content:center;padding:5px}.modal.crafting .crafting-data i{margin-right:5px}.modal.crafting .item-image-container{position:relative;width:100px;height:100px;background-color:var(--color-background-image);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.modal.crafting .item-image-container .image{width:100%;display:block}.modal.crafting .item-image-container .frame{width:100%;position:absolute}.modal.crafting .main-crafting-data{display:flex;flex-flow:row nowrap;width:100%}.modal.crafting .item-data{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal.crafting .crafting-data{display:flex;flex-flow:column nowrap;width:100%}.bottom-border{border:1px solid var(--color-border-light)}@media (max-width: 768px){.modal.crafting{width:calc(100vw - 20px);max-width:400px;max-height:calc(100vh - 20px)}.modal.crafting.panel{padding:10px}}.modal.disenchant{width:600px}.inventory-container .item.focus{outline:3px solid var(--color-neutral)}.inventory-container .item.selected{outline:3px solid var(--color-success)}.close-button{position:absolute;right:10px;top:10px;height:30px;display:flex;justify-content:center;align-items:center;aspect-ratio:1;background-color:var(--color-danger);border-color:var(--color-danger-border);color:var(--color-font);cursor:pointer}.close-button:hover{background-color:var(--color-danger-hover);transition:ease-in-out .1s}.close-button i{font-size:30px}.item-count-text{width:100%;font-size:1.25em;font-weight:700}.action-buttons-container{display:flex;flex-flow:row nowrap;justify-content:flex-end;width:100%}.action-buttons-container button{height:40px;font-size:1.25em;padding:0 10px}.action-buttons-container button:not(:last-child){margin-right:10px}@media (max-width: 768px){.action-buttons-container button{height:auto}}.experience-bar-container{background-color:var(--color-background);border:1px solid var(--color-border-light);padding:5px}.experience-bar{background:linear-gradient(to right,#7d34d7 80%,#bfa3e2);height:10px}.item-list-container{display:flex;flex-flow:column nowrap}.item-data-container{position:relative;display:flex;flex-flow:column nowrap;background-color:var(--color-light);border:1px solid var(--color-border-light);box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014;cursor:pointer}.item-data-container.disabled{background-color:#2f2d26;border-color:#423f38;color:#595959;cursor:not-allowed}.item-data-container.disabled img{filter:grayscale(100%)}.item-data-container:hover{box-shadow:0 0 3px 3px #ffffda99;transition:ease-in-out .1s}.item-data-container.disabled:hover{box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014}.item-data-container:active{background-color:#3d6c3d;box-shadow:0 0 3px 5px #bcff9d;transition:ease-in-out .1s}.item-data-container.disabled:active{background-color:#6c3d3d;box-shadow:0 0 3px 5px #ff9d9d}.item-data-container .item-data-row{display:flex;flex-flow:row nowrap;gap:5px;font-size:22px;padding:10px;height:60px}.item-data-container .item-data-row.thin{flex-flow:row wrap;height:auto;border-top:1px solid var(--color-border-light)}.item-data-container.disabled .item-data-row.thin{border-top:1px solid #423f38}.item-data-container:not(:last-child){margin-bottom:15px}.item-data-container .badge-container{display:flex;flex-flow:row nowrap}.item-data-container .component-badge{display:flex;flex-flow:row nowrap;font-size:15px;padding:1px 5px 1px 1px;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);border-radius:3px;align-items:center}.item-data-container.disabled .component-badge{background-color:#26241e;border:1px solid #35332b}.item-data-container .component-badge .sprite-container{position:relative;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--color-background-image);margin-right:10px}@media (max-width: 768px){.item-data-container .badge-container.desktop{display:none}.component-amount-tag{padding:0 5px}.item-data-container .component-badge{padding:1px}.item-data-container .component-badge .sprite-container{margin-right:0}.item-data-container .item-data-row{height:80px}}@media (min-width: 769px){.item-data-container .badge-container.mobile{display:none}}.item-data-container .badge{display:flex;flex-flow:row nowrap;font-size:15px;padding:0 5px;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);border-radius:3px;align-items:center}.item-data-container .badge.level{position:absolute;top:-10px;right:0}.item-data-container .badge.recipe{position:absolute;top:-10px;right:85px}.item-data-container.disabled .badge{background-color:#26241e;border:1px solid #35332b}.item-data-container .badge.danger{background-color:#b15252;border-color:#7e3939}.item-data-container .badge:not(:last-child){margin-right:10px}.item-data-container .badge.requirement{height:30px}.item-data-container.disabled .badge.danger{color:var(--color-font)}.item-data-container .item-name{margin-bottom:5px}.action-button-container{margin-left:auto}.action-button-container button{height:100%;width:60px;background-color:#90ee90}.action-button-container button.active{height:100%;width:60px;background-color:#daa520}.action-button-container button:disabled{height:100%;width:60px;background-color:#a9a9a9}@media (max-width: 768px){.sprite-container .sprite-image{width:100%}}.item-details{box-sizing:border-box;display:flex;flex-flow:column nowrap;width:95vw;height:auto;padding:20px;background-color:var(--color-main);border:1px solid var(--color-border);font-size:1rem;pointer-events:auto;transform:translateY(0);transition:transform .2s ease-in-out}.item-details span{font-size:1.1rem}.item-details .image-container{width:50%;float:left;margin-right:20px}.item-details .image-container img{width:100%;aspect-ratio:1;object-fit:cover}.item-details .button-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:0 25px}.item-details .button-grid .grid-full-row{grid-column:-1 / 1}.item-details .collapse-button{position:absolute;top:10px;right:10px;width:40px;height:40px;color:var(--color-font);font-weight:700;font-size:30px}@media (min-width: 769px){.item-details{position:sticky;top:70px;width:400px;border:1px solid var(--color-border);height:fit-content}.item-details.collapsed{display:none}}@media (max-width: 768px){.item-details-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:none}.item-details.collapsed{transform:translateY(100vh)}.item-details h1{font-size:1.5em;width:calc(100% - 30px)}.item-details .image-container{width:33%}}.decorated-button-container{position:relative;display:inline-block;height:40px}.decorated-button-container .button{width:100%;height:100%;background-color:var(--color-success);font-size:18px;border:none!important;z-index:1;position:relative;text-align:center;font-family:inherit;font-weight:700;cursor:pointer}.decorated-button-container .frame{position:absolute;inset:-8px;border:20px solid transparent;border-image:url(../media/frames/frame_1.png) 30 fill;border-image-slice:200;border-image-repeat:stretch;pointer-events:none;z-index:2}.decorated-button-container.disabled .frame{filter:contrast(0)}.modal.vendor{width:500px;z-index:30}.modal.vendor .details-container{display:flex;flex-flow:column nowrap}.modal.vendor span{display:flex;flex-flow:row nowrap;align-items:center;font-size:1.25rem}.modal.vendor .gold-coin{height:24px;aspect-ratio:1}@media (max-width: 768px){.modal.vendor{width:95%}}.modal .item-image-container{position:relative;width:150px;background-color:var(--color-background-image);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.modal .item-image-container .image{width:100%;display:block}.modal .item-image-container .frame{width:100%;position:absolute}.relicarium h2{margin-top:0}.relicarium h3{line-height:1rem}.relicarium .item-group-container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.relicarium .item-container{display:flex;flex-flow:column nowrap;box-sizing:border-box;color:var(--color-font-dark)}.relicarium .item-container.bronze{background:radial-gradient(circle,#b76144 25%,#d09e78 75%,#ba6244);outline:4px ridge rgb(186 116 88)}.relicarium .item-container.bronze .claimed-counter{border-color:#ba7458;background-color:#4d291a}.relicarium .item-container.silver{background:radial-gradient(circle,#b4c0f8 25%,#e0e0e0 75%,#8d8d8d);outline:4px ridge rgba(224,224,224,1)}.relicarium .item-container.silver .claimed-counter{border-color:#e0e0e0;background-color:#353535}.relicarium .item-container.gold{background:radial-gradient(circle,#c08100 25%,#fae1ad 75%,#ac7b00);outline:4px ridge #ffc14c}.relicarium .item-container.gold .claimed-counter{border-color:#ffc14c;background-color:#4a340b}.relicarium .item-container .image-container{position:relative;display:flex}.relicarium .item-container .image-overlay{position:absolute;display:none;width:100%;height:100%;background-color:#000b}.relicarium .item-container.locked{background-color:var(--color-background);color:var(--color-font-dull);border-color:var(--color-border-disabled-dark)}.relicarium .item-container.locked img{filter:grayscale(1)}.relicarium .item-container.locked .image-overlay{display:block}.relicarium .item-container .header{min-height:3.5em;display:flex;align-items:center;justify-content:center}.relicarium .item-container .time{display:flex;align-items:center;justify-content:center;height:2rem;font-weight:700}.relicarium .item-container .claimed-counter{border-radius:50%;width:2rem;aspect-ratio:1;position:absolute;border:3px ridge var(--color-border-lightest);background-color:var(--color-main);left:calc(50% - 1rem);display:flex;justify-content:center;align-items:center;font-weight:700;color:var(--color-font);bottom:-.5rem}.relicarium .item-container.locked .claimed-counter{display:none}.relicarium img{display:block;width:100%;background-color:var(--color-background-image)}.relicarium h3{margin:0;font-size:1rem}.relicarium span{font-size:1.1rem}.radiant-filter{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,red,orange,#fff,green,#00f,indigo,violet);opacity:.25;background-size:400% 100%;animation:radiant-filter-scroll 5s ease-in-out infinite alternate;pointer-events:none}@keyframes radiant-filter-scroll{0%{background-position:0% 0%}to{background-position:100% 100%}}@media (max-width: 768px){.relicarium .panel,.relicarium .sub-panel{padding:5px}.relicarium .item-group-container{grid-template-columns:repeat(3,1fr)}.relicarium h3{font-size:.9rem}.relicarium span{font-size:.8rem}}.inventory-container{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inventory-container.scrollable{overflow-y:auto;padding:5px}.inventory-container .item{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:1;cursor:pointer}.inventory-container .item .sprite-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.inventory-container .item .item-image{width:100%}.inventory-container .item .frame-image{position:absolute;width:100%}.inventory-container .item .amount-label{position:absolute;right:15px;bottom:10px;font-size:1.25em;font-weight:700;text-shadow:calc(var(--text-outline-power) * -1) calc(var(--text-outline-power) * -1) 0 black,calc(var(--text-outline-power)) calc(var(--text-outline-power) * -1) 0 black,calc(var(--text-outline-power) * -1) calc(var(--text-outline-power)) 0 black,calc(var(--text-outline-power)) calc(var(--text-outline-power)) 0 black}@media (max-width: 768px){.inventory-container{grid-template-columns:repeat(3,1fr);gap:5px}}.coin-container{box-sizing:border-box;display:flex;flex-flow:row nowrap;align-items:center;padding:0 0 0 5px!important}.coin-container span{font-weight:700}.coin-container img{height:100%;aspect-ratio:1}.filter-overlay{width:100%;height:100%;background-color:#000b;position:absolute}.item.filtered .sprite-container,.item.filtered .amount-label{filter:grayscale(1)}.item .item-overlay{position:absolute;display:none;width:100%;height:100%;background-color:#000b}.item.filtered .item-overlay{display:block}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;background-color:var(--color-light);border:1px solid var(--color-border-light)}.equipment-grid .slot{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--color-border);background-color:var(--color-background-image);font-size:16px;cursor:pointer}.equipment-grid .slot .amount-label{position:absolute;right:5px;bottom:0;font-size:1.25em;font-weight:700;text-shadow:calc(var(--text-outline-power)* -1) calc(var(--text-outline-power)* -1) 0 black,calc(var(--text-outline-power)) calc(var(--text-outline-power)* -1) 0 black,calc(var(--text-outline-power)* -1) calc(var(--text-outline-power)) 0 black,calc(var(--text-outline-power)) calc(var(--text-outline-power)) 0 black}.equipment-grid .slot img{width:100%;display:block}.equipment-grid .slot .equipment-frame{position:absolute}.equipment-grid .slot.empty{background-color:inherit;border:none;cursor:default}.equipment-grid .slot .item-overlay{position:absolute;display:none;width:100%;height:100%;background-color:#1f0000bb}.equipment-grid .slot.disallowed .item-overlay{display:block}.equipment-grid .slot.disallowed .sprite-container{filter:grayscale(1)}@media (max-width: 768px){.equipment-grid{gap:5px}}.equipment-details{top:70px;position:sticky;display:flex;flex-flow:column nowrap}.equipment-details h1{font-size:1.25em}.equipment-details .attributes-panel{display:flex;flex-flow:column nowrap;padding-left:25px;padding-right:25px;font-size:1.25em;width:350px}.equipment-details .attributes-panel span{display:flex;justify-content:space-between}.equipment-details .attributes-panel span:not(:last-child){margin-bottom:5px}.equipment-details .item-panel{display:flex;flex-flow:column nowrap;padding-left:25px;padding-right:25px;font-size:1.25em;width:350px}@media (max-width: 768px){.equipment-details{display:none}}@media (max-width: 768px){.attributes-button-container{display:flex}.attributes-button-container button{margin-left:auto;font-weight:700;font-size:1.25em}.attributes-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:95vw;padding:10px;font-size:1.2em;box-sizing:border-box}.attributes-modal span{display:flex;justify-content:space-between}.attributes-modal span:not(:last-child){margin-bottom:5px}}@media (min-width: 769px){.attributes-button-container,.attributes-modal{display:none}}.combat-skill-layout{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));width:100%;gap:10px;font-size:1em}.combat-skill{border:1px solid var(--color-border);border-radius:3px;background-color:var(--color-main);padding:10px;display:flex;flex-direction:column;align-items:center;width:auto;margin:1px}.combat-skill p{margin:4px}.combat-skill-image{width:50%;max-width:64px;height:auto;object-fit:contain}.profile-experience-bar-container{background-color:var(--color-background);border:1px solid var(--color-border-light);padding:5px;width:95%;margin-left:5px;margin-right:5px}.profile-experience-bar{background-color:#90ee90;height:20px}.crafting-skill-layout{display:grid;grid-template-columns:repeat(3,minmax(30px,1fr));width:50%;gap:3px;font-size:1em;margin-top:30px}.crafting-skill{border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-main);padding:5px;display:flex;flex-direction:column;align-items:center;width:auto}.total-level{border:1px solid var(--color-border);border-radius:8px;color:var(--color-font);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px}.crafting-skill-image{width:80%;max-width:64px;height:auto}@media (max-width: 600px){.combat-skill-layout{gap:1px;font-size:.7em}.combat-skill img{width:40%;max-width:40px}.profile-experience-bar{background-color:#90ee90;height:15px}.combat-skill{margin:1px;padding:5px;max-width:100%}.crafting-skill{padding:2px;font-size:.7rem}.total-level{font-size:1rem}}.sub-panel-container{display:flex;flex-flow:row nowrap}.sub-panel.option{flex:1;position:relative}.sub-panel.option:not(:last-child){margin-right:10px}.sub-panel.option img{width:100%}.sub-panel .attunement-container{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;background-color:var(--color-background);border-radius:50%;border-width:3px;border-style:solid}.sub-panel .attunement-container img{width:32px;height:32px}.border-melee{border-color:var(--color-melee)}.border-range{border-color:var(--color-range)}.border-magic{border-color:var(--color-magic)}.modal.dungeon{width:600px}@media (max-width: 768px){.modal.dungeon{width:95%}}.modal.dungeon h1{font-size:2.25rem}.dungeon-description{min-height:150px}.dungeon-image{float:left;width:150px;margin-right:10px}.dungeon-data{font-size:1.25rem;display:flex;flex-flow:column nowrap}.inline-skill-icon{vertical-align:middle;height:1.25em}.modal.dungeon .numeric-input-container{display:flex;flex-flow:row nowrap;align-items:center}.modal.dungeon .numeric-input-container span{margin-right:20px;font-size:1.25em}.modal.dungeon p{margin-top:0}.component-badge{display:flex;flex-flow:row nowrap;font-size:15px;padding:1px 5px 1px 1px;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);border-radius:3px;align-items:center;width:fit-content}.component-badge .sprite-container{position:relative;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--color-background-image);margin-right:10px}.sprite-container{position:relative;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-background-image)}.sprite-container .sprite-image{object-fit:contain;width:100%;height:100%;aspect-ratio:1}.sprite-container .frame-image{position:absolute;max-height:100%;width:auto;object-fit:contain}.locked{border-color:#2c2c2c}.normal{border-color:#85aa89}.rare{border-color:#718eff}.elite{border-color:#42c5cb}.boss{border-color:#c5a6ff}.dungeon-progress-bar{width:auto;grid-row:auto;grid-column:-1 / 1;margin-top:5px;margin-bottom:20px}.dungeon-progress-bar h2{font-size:1.1rem;margin:0 0 20px}.dungeon-progress-bar .segment-container{display:flex;flex-flow:row nowrap}.dungeon-progress-bar .segment{position:relative;flex:1;display:flex;flex-flow:row nowrap;height:15px;padding-right:32px}.dungeon-progress-bar .segment:not(:last-child){margin-right:15px}.dungeon-progress-bar .subsegment{position:relative;flex:1;height:15px;background-color:var(--color-health-enemy);border:1px solid var(--color-border-light)}.dungeon-progress-bar .subsegment.completed{background-color:var(--color-background)}.dungeon-progress-bar .subsegment:not(:last-child){margin-right:5px}.dungeon-progress-bar .portrait-container{position:absolute;height:50px;width:50px;border-radius:50%;top:-120%;right:-5px;background-color:var(--color-background);border:1px solid var(--color-border-light)}.dungeon-progress-bar .portrait-container .frame{width:60px;position:absolute;left:-5px;top:-5px}.dungeon-progress-bar .portrait-container .frame-skull{position:absolute;left:12px;width:24px;top:-19px}.dungeon-progress-bar .portrait-container .portrait{width:100%;border-radius:50%}.dungeon-progress-bar .pull-tag{position:absolute;top:20px;right:48px;font-size:.7em;background-color:var(--color-light);border:1px solid var(--color-border-light);font-weight:700;padding:0 5px;border-radius:3px}.modal{position:fixed!important;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-flow:column nowrap;width:400px;max-height:95vh;font-size:1rem;pointer-events:auto;z-index:20}.modal h1{font-size:1.75rem}.modal .action-buttons-container{display:flex;flex-flow:row nowrap;margin-top:20px}.modal .action-buttons-container button{flex:1;display:inline-flex;align-items:center;font-size:1.25rem;justify-content:center}.modal .action-buttons-container.column{flex-flow:column nowrap}.modal .action-buttons-container.column button{height:40px;flex:unset}.modal .action-buttons-container.column button:not(:last-child){margin:0 0 10px}.modal .inline{display:flex;flex-flow:row nowrap;align-items:center}.modal .gold-coin{height:24px;aspect-ratio:1}.modal.small{width:400px}.modal .close-button{position:absolute;right:10px;top:10px;width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:var(--color-danger);border-color:var(--color-danger-border);color:var(--color-font);cursor:pointer}.modal .close-button:hover{background-color:var(--color-danger-hover);transition:ease-in-out .1s}.modal .close-button i{font-size:30px}@media (max-width: 768px){.modal{max-width:calc(100vw - 10px)}}.slider{width:100%}.slider .bar{position:relative;height:30px;width:auto;display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border-light)}.slider .filling{position:absolute;height:30px;background-color:var(--color-health-friendly)}.slider .knob{position:absolute;height:50px;width:10px;border:1px solid var(--color-border-lighter);background-color:var(--color-lighter)}.slider .knob:hover{cursor:grab}.slider .knob:active{cursor:grabbing}.page-combat{display:flex;flex-flow:column nowrap;align-items:center}.page-combat .combat-page-layout{display:grid;grid-template-columns:1fr 1fr 1fr}.page-combat .combat-panel-right{width:auto;margin:0 30px}@media (max-width: 768px){.page-combat{width:100%;margin:5px}.page-combat .combat-page-layout{display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto}.page-combat .combat-panel-right{width:auto;margin:10px 0}}.grid-combat{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr 10px 1fr;gap:10px 0;width:900px}@media (max-width: 768px){.grid-combat{width:100%}}.grid-combat .combat-bar-row{grid-row:auto;grid-column:1 / -1;display:flex;flex-flow:column nowrap;height:45px}.grid-combat .panel{background-color:var(--color-light);border:1px solid var(--color-border-light);width:100%;overflow:auto}@media (max-width: 768px){.grid-combat .panel{padding:5px}}.grid-combat .panel.panel-left{grid-row:auto;grid-column:1;display:flex;flex-flow:column}.grid-combat .panel.panel-right{grid-row:auto;grid-column:3;display:flex;flex-flow:column}.grid-combat h2{margin:5px 0;overflow:auto}.grid-combat .row{grid-row:auto;grid-column:1 / -1;display:flex;flex-flow:row nowrap;padding:5px}.grid-combat .row .action{flex:1;display:flex;justify-content:center;align-items:center;height:auto;font-size:1em;font-weight:700;color:var(--color-font-dark)}.grid-combat .row .action.selected{background-color:var(--color-success);border-color:var(--color-success-border)}.grid-combat .row .action.disabled{background-color:var(--color-disabled)}.grid-combat .row.collapsed{display:none}.grid-combat .action:not(:last-child){margin-right:5px}.character-image-container{aspect-ratio:1;background-color:var(--color-background-image)}.character-image-container img{width:100%;background-color:var(--color-background-image);display:block}.bar-text{position:absolute;text-align:center;width:100%;font-size:large;font-weight:700;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;z-index:1}.filter-grayscale{filter:grayscale(100%)}.combat-bar-text{display:flex;width:100%;justify-content:center}.healing-control{grid-row:4;grid-column:1 / -1;display:flex;flex-flow:row nowrap;align-items:center;width:100%}.healing-control .food-data{height:50px;min-width:150px;flex-shrink:0;display:flex;flex-flow:row nowrap;align-items:center;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter)}.healing-control .food-data .item-count-container{text-align:center;flex-grow:1;font-size:1.2rem;font-weight:700}@media (max-width: 768px){.healing-control .food-data{min-width:unset}.healing-control .food-data .item-count-container{display:none}}.healing-control .healing-data{height:50px;width:150px;flex-shrink:0;display:flex;flex-flow:row nowrap;align-items:center;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter)}@media (max-width: 768px){.healing-control .healing-data{width:100px}}.healing-control .healing-data input{width:100%;text-align:center;padding:0}.skill-icon{height:25px;aspect-ratio:1}.bar-container{display:flex;flex-flow:row nowrap;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border-light);padding:5px}.bar-container.embeded-x{border-left:0;border-right:0}.bar{background-color:#90ee90;height:20px}.bar.friendly-health{transition:width .5s ease-in-out;background-color:var(--color-health-friendly)}.bar.friendly-healing{transition:width .5s ease-in-out;background-color:#90ee90}.bar.enemy-health{transition:width .5s ease-in-out;background-color:var(--color-health-enemy)}.combat-bar{height:5px}.combat-bar.turn{background-color:var(--color-combat-turn)}.combat-bar.pull{background-color:var(--color-combat-pull)}.threshold-marker{position:absolute;width:5px;height:100%;background-color:#d470ff}.navbox i{font-size:1rem}.navbox h2{display:flex;flex-flow:row nowrap;align-items:center}.navbox ul li{transition:background-color .3s ease;margin-left:20px}.hover-highlight{transition:background-color .2s ease;color:var(--color-font)}.hover-highlight:hover{color:var(--color-light)}.selected{background-color:var(--color-lighter)}@media (max-width:768px){.navbox ul li{margin-left:10px}}.game-guide{height:100%;width:100%}.game-guide.left{width:25%;border-right:1px solid var(--color-light);position:sticky;top:9%;max-height:calc(100vh - 80px);padding-right:10px}.password-strength-meter .weak{color:#cd5c5c}.password-strength-meter .medium{color:orange}.password-strength-meter .strong{color:#32cd32}.account.top-bar{position:fixed;width:100%;height:60px;display:flex;flex-flow:row nowrap;padding:10px 0;background-color:var(--color-main);margin-bottom:10px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014;box-sizing:border-box;z-index:15}.logout-button-container{display:flex;flex-flow:row;align-items:center;max-width:100vw;padding-right:10px;margin-left:auto;box-sizing:border-box}.logout-button-container span{font-size:1rem;overflow:auto}.logout-button-container .logout-button{width:40px;height:40px;flex-shrink:0}.logout-button-container a{color:var(--color-font)}.characters-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.character-container{width:100%;display:flex;flex-flow:column nowrap;align-items:center;border:1px solid var(--color-border);padding:10px;box-sizing:border-box}.character-container h2{margin:10px 0}.character-container img{width:100%}.character-container .create-button{width:100%;height:auto;aspect-ratio:1;align-items:center;justify-content:center;display:flex;font-size:5rem}.appearances-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.appearance-container{display:flex;cursor:pointer}.appearance-container.selected{outline:2px solid yellow}@media (max-width: 768px){.characters-container{grid-template-columns:unset;grid-template-columns:repeat(2,1fr)}.character-container img{width:100%;aspect-ratio:1}}.landing{position:relative;width:100vw;display:flex;flex-flow:column;align-items:center;background-image:url(https://solvendraimages.blob.core.windows.net/images/util/landing_main.png);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;z-index:0}.landing:before{content:"";position:absolute;inset:0;background-color:#00000040;z-index:-1}.landing h1,.landing h2{text-align:center}.landing h2{font-weight:lighter}.landing .main-panel{margin-top:150px!important}.landing-top-bar{position:fixed;display:flex;flex-flow:row nowrap;width:100%;height:60px;border-bottom:1px solid var(--color-border-light);background-color:#0009}.landing-top-bar .logo-container{height:100%;display:inline-block;margin:0}.landing-top-bar .logo{height:100%;width:auto;aspect-ratio:1;box-sizing:border-box;padding:5px}.landing-top-bar a{display:flex;flex-flow:column nowrap;justify-content:center;height:100%;padding:0 10px;text-decoration:none;font-size:1.5rem;font-weight:700;color:#8da9ff;cursor:pointer;border-bottom:5px solid rgba(0,0,0,0);box-sizing:border-box}.landing-top-bar a:hover{background-color:#7dffff1a;border-bottom:5px solid #8da9ff}.footer{width:100%;height:50px;background-color:#000000bf;border-top:1px solid var(--color-border);display:flex;flex-flow:row nowrap;align-items:center;margin-top:25px;justify-content:flex-end}.footer a{text-decoration:none}@media (max-width: 768px){.landing-top-bar a{font-size:1.25rem}.footer{flex-flow:row wrap;justify-content:flex-start;padding-left:25px;padding-top:10px;padding-bottom:10px}}.landing img{width:100%;display:block}.loot-table-row{height:25px;gap:5px}.loot-table-panel{position:relative;width:350px;min-height:575px!important;padding:5px 0;border:5px ridge #000000bb;box-sizing:border-box;background-color:var(--color-light)}.sprite-image{height:100%}.name-badge{background-color:gray;padding:3px;border:solid 1px;border-radius:5px;height:25px}.loot-table-panel.normal{border-color:var(--color-border-normal)}.loot-table-panel.rare{border-color:var(--color-border-rare)}.loot-table-panel.elite{border-color:var(--color-border-elite)}.loot-table-panel.boss{border-color:var(--color-border-boss)}.bestiary{width:900px}.bestiary .bestiary-layout{display:grid;grid-template-columns:100px 300px 1fr;height:700px;background-color:var(--color-main);border:1px solid var(--color-border-light)}.bestiary .column{display:flex;flex-flow:column nowrap;padding:5px;min-height:0}.bestiary .column.region{border-right:1px solid var(--color-border-light)}.bestiary .column.region .region-container{padding:5px;background-color:var(--color-light);border:1px solid var(--color-border-light)}.bestiary .column.region .region-container:not(:last-child){margin-bottom:5px}.bestiary .column.region .region-container img{display:block;width:100%}.bestiary .column.enemy{border-right:1px solid var(--color-border-light)}.bestiary .column.enemy .enemy-list-container{overflow-y:auto;font-size:1.1rem}.bestiary .column.enemy .enemy-list-container .enemy-container{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer}.bestiary .column.enemy .enemy-list-container .enemy-container:not(:last-child){margin-bottom:10px}.bestiary .column.enemy .enemy-list-container .collection-status-container i{display:block;margin-right:5px}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait{height:35px;aspect-ratio:1;background-color:var(--color-background-image);border:2px solid red;border-radius:50%;box-sizing:border-box}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait img{display:block;width:100%}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait .portrait-image{width:100%;height:100%;background-size:contain;border-radius:50%}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait.normal{border-color:#85aa89}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait.rare{border-color:#718eff}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait.elite{border-color:#42c5cb}.bestiary .column.enemy .enemy-list-container .enemy-container .portrait.boss{border-color:#c5a6ff}.bestiary h3{text-align:center;margin:10px 0}.bestiary .details-container{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%}.bestiary .details-container .enemy-card{position:relative;display:flex;flex-flow:column nowrap;max-width:350px;min-height:575px;padding:5px 0;border:5px ridge #85aa89;box-sizing:border-box}.bestiary .details-container .enemy-card.locked{background-color:var(--color-locked);border-color:var(--color-border-locked)}.bestiary .details-container .enemy-card.locked .main-image{filter:grayscale(1)}.bestiary .details-container .enemy-card.normal{background-color:var(--color-normal);border-color:var(--color-border-normal)}.bestiary .details-container .enemy-card.rare{background-color:var(--color-rare);border-color:var(--color-border-rare)}.bestiary .details-container .enemy-card.elite{background-color:var(--color-elite);border-color:var(--color-border-elite)}.bestiary .details-container .enemy-card.boss{background-color:var(--color-boss);border-color:var(--color-border-boss)}.bestiary .details-container .enemy-card img{width:100%;aspect-ratio:1;background-color:var(--color-background-image)}.bestiary .details-container .enemy-card .enemy-card-header{display:flex;flex-flow:row nowrap;height:3.5rem;margin-bottom:5px}.bestiary .details-container .enemy-card h2{text-align:left;margin:0;font-size:1.25rem;line-height:1.75rem}.bestiary .details-container .enemy-card .attack-style-container{flex-shrink:0;height:100%;aspect-ratio:1;background-color:var(--color-background-image);margin-right:5px;border:5px double;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bestiary .details-container .enemy-card .attack-style-container img{background-color:transparent;width:75%;aspect-ratio:1}.bestiary .details-container .enemy-card .attack-style-container.melee{border-color:var(--color-melee-border)}.bestiary .details-container .enemy-card .attack-style-container.range{border-color:var(--color-range-border)}.bestiary .details-container .enemy-card .attack-style-container.magic{border-color:var(--color-magic-border)}.bestiary .details-container .enemy-card .elemental-type-container{flex-shrink:0;height:100%;aspect-ratio:1;background-color:var(--color-background-image);border:5px double;border-radius:50%;margin-right:5px;box-sizing:border-box}.bestiary .details-container .enemy-card .attributes-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid;border-color:inherit}.bestiary .details-container .enemy-card .attributes-grid .attribute{display:flex;flex-flow:row nowrap;align-items:center}.bestiary .details-container .enemy-card .attributes-grid img{width:30px;aspect-ratio:1;background-color:transparent}.bestiary .details-container .enemy-card .attributes-grid span{font-size:1.25rem}.bestiary .details-container .enemy-card .abilities-grid{padding:10px}.bestiary .card-flip-button{width:100%;margin:0 10px 5px}@media (max-width: 768px){.bestiary .bestiary-layout{grid-template-columns:100px 1fr}}.pets .completion-bar{width:100%;display:flex;flex-flow:row nowrap}.pets .pets-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pets .pets-layout .pet-container{border:1px solid var(--color-border-light);cursor:pointer}.pets .pets-layout .pet-container .header{display:flex;justify-content:flex-start;align-items:center;height:30px;background-color:var(--color-light);border-bottom:1px solid var(--color-border-light);padding:1px}.pets .pets-layout .pet-container .header h2{margin:0;font-size:1.1rem}.pets .pets-layout .pet-container .header .skill-image-container{border:1px solid var(--color-border-lighter);box-sizing:border-box;height:100%;aspect-ratio:1}.pets .pets-layout .pet-container .header .skill-image-container img{height:100%;display:block}.pets .pets-layout .pet-container img{width:100%;display:block;aspect-ratio:1;background-color:var(--color-background-image)}.pets .collection-container{display:flex;flex-flow:column nowrap;width:100%;align-items:center}.pets .collection-container span{font-size:1.25rem;font-weight:700}.pets .collection-container .collection-bar-container{background-color:var(--color-background-image);border:1px solid var(--color-border);height:30px;width:100%;padding:5px;display:flex;box-sizing:border-box}.pets .collection-container .collection-bar{background:linear-gradient(to right,#45b059 80%,#8ef394)}.pets .floating-container{display:none}.pets .pet-bonuses-modal{min-height:150px}.pets .pet-bonuses-panel{width:400px;height:fit-content}.pets .pet-bonuses-panel .bonus{display:flex;flex-flow:row nowrap;align-items:center}.pets .pet-bonuses-panel .bonus .skill-icon-container{height:20px;aspect-ratio:1;background-color:var(--color-background-image);border:1px solid var(--color-border);box-sizing:border-box}.pets .pet-bonuses-panel .bonus .skill-icon-container img{height:100%;display:block}.pet-modal img{background-color:var(--color-background-image)}.pet-modal h1{border:1px solid var(--color-border)}@media (max-width: 768px){.pets .panel{padding:5px}.pets .pets-layout{grid-template-columns:repeat(2,1fr);gap:5px}.pets .floating-container{position:sticky;top:55px;display:flex;z-index:1}}:root{--color-background: #202124;--color-main: #2c2d37;--color-light: #353747;--color-lighter: #424458;--color-disabled: #2f2d26;--color-border: #202124;--color-border-light: #6b6556;--color-border-lighter: #4d4f63;--color-border-lightest: #ac9f7c;--color-border-disabled: #514f49;--color-border-disabled-dark: #423f38;--color-input: #d4cfc1;--color-font: #cccccc;--color-font-dark: #313131;--color-font-dull: #888888;--color-font-disabled: #595959;--color-text-dull: #888888;--color-text-success: #69ce6a;--color-text-danger: #ff5050;--color-text-anchor: #77c0ff;--color-neutral: #00b1ff;--color-neutral-border: #83d6fa;--color-neutral-hover: #7ed8ff;--color-success: #69ce6a;--color-success-dark: #242e24;--color-success-border: #95e6a3;--color-success-hover: #79d98b;--color-danger: #c74747;--color-danger-light: #ff7979;--color-danger-dark: #221717;--color-danger-border: #e27979;--color-danger-hover: #dd7272;--color-warning: #d7ad59;--color-warning-dark: #2a2316;--color-warning-border: #ffd682;--color-warning-hover: #d7bf8e;--color-lore: #e5ca9e;--color-combat-turn: #b91414;--color-combat-pull: #f1d856;--color-dungeon-loot: #5485d2;--color-health-friendly: #579c57;--color-health-enemy: #df5252;--text-outline-power: 1px;--color-background-image: #141415;--color-melee: #99362d;--color-melee-border: #df5245;--color-range: #2ba059;--color-range-border: #5bc886;--color-magic: #0078ff;--color-magic-border: #449cff;--color-shadow-soft: #3e3e3e;--color-locked: #2c2c2c;--color-normal: #406d45;--color-rare: #132c8d;--color-elite: #297579;--color-boss: #8341ff;--color-border-locked: #707070;--color-border-normal: #85aa89;--color-border-rare: #718eff;--color-border-elite: #42c5cb;--color-border-boss: #c5a6ff;--color-skill-harvesting: #39864c;--color-skill-mining: #5c5038;--color-skill-logging: #a17d51;--color-skill-fishing: #4a89cf;--color-skill-tailoring: #c7c5b0;--color-skill-leatherworking: #d87b1d;--color-skill-armorsmithing: #801818;--color-skill-rodsmithing: #4f448d;--color-skill-fletching: #b2a831;--color-skill-weaponsmithing: #585353;--color-skill-jewelry: #89fff8;--color-skill-runecarving: #b52bdc;--color-skill-alchemy: #3cff46;--color-skill-cooking: #be391e}:root.fantasy-theme{--color-background: #202124;--color-main: #3f3c33;--color-light: #5f5846;--color-lighter: #897a53;--color-lightest: #9b8c66;--color-border: #5b5442;--color-border-light: #7a725d;--color-border-lighter: #a79975;--color-input: #d4cfc1;--color-font: #cccccc;--color-text-danger: #ff5050;--color-success: #5bc16d;--color-success-hover: #79d98b}body{font-family:Cinzel,serif;color:var(--color-font);background-color:var(--color-background);padding:0;margin:0}main{display:flex;flex-flow:column nowrap;align-items:center;min-height:100vh;padding-top:70px}.empty-layout{display:flex;flex-flow:column nowrap;align-items:center}h1{margin-top:0}a{color:var(--color-text-anchor)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#80808080}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent}.alpha-tag{position:absolute;right:10px;top:55px;font-size:1rem;color:#fffa94}.active-player-container{display:flex;align-items:center}.active-player-container i{color:#1edf57;font-size:.75rem}.page-regular{width:600px;display:flex;flex-flow:column nowrap}@media (max-width: 768px){.page-regular{width:100%;margin:0 5px 5px}.component-name-tag{display:none}}.page-thin{width:350px;display:flex;flex-flow:column nowrap}.page-wide{width:800px;max-width:calc(100vw - 10px);display:flex;flex-flow:column nowrap}.page-full{width:100%;display:flex;flex-flow:column nowrap}.page-content-container{display:grid;grid-template-columns:1fr 600px 1fr;column-gap:10px}.center-div{display:flex;flex-flow:column nowrap}.right-div{width:400px}@media (max-width: 768px){.page-content-container{grid-template-columns:100%}.center-div{margin:0 5px 5px}}.frame-generic{box-sizing:border-box;border:1px solid var(--color-border);background-color:var(--color-main);padding:25px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014}@media (max-width: 768px){.frame-generic{padding:10px}}.m-0{margin:0}.mt-a{margin-top:auto}.mt-0{margin-top:0!important}.mt-5px{margin-top:5px!important}.mt-10px{margin-top:10px!important}.mt-15px{margin-top:15px!important}.mt-20px{margin-top:20px!important}.mt-25px{margin-top:25px!important}.mb-0{margin-bottom:0!important}.mb-5px{margin-bottom:5px!important}.mb-10px{margin-bottom:10px!important}.mb-15px{margin-bottom:15px!important}.mb-20px{margin-bottom:20px!important}.mb-25px{margin-bottom:25px!important}.mr-5px{margin-right:5px!important}.mr-10px{margin-right:10px!important}.mr-15px{margin-right:15px!important}.mr-20px{margin-right:20px!important}.mr-25px{margin-right:25px!important}.ml-a{margin-left:auto!important}.ml-0{margin-left:0!important}.ml-5px{margin-left:5px!important}.ml-10px{margin-left:10px!important}.ml-15px{margin-left:15px!important}.ml-20px{margin-left:20px!important}.px-0{padding-left:0!important;padding-right:0!important}.px-5px{padding-left:5px!important;padding-right:5px!important}.px-10px{padding-left:10px!important;padding-right:10px!important}.pd-0{padding:0!important}.pd-5px{padding:5px!important}.pd-10px{padding:10px!important}.pd-15px{padding:15px!important}.pd-20px{padding:20px!important}.pd-25px{padding:25px!important}.p-0{padding:0!important}.p-5px{padding:5px!important}.p-10px{padding:10px!important}.p-15px{padding:15px!important}.p-20px{padding:20px!important}.p-25px{padding:25px!important}.pl-0{padding-left:0!important}.pl-5px{padding-left:5px!important}.pl-10px{padding-left:10px!important}.pl-15px{padding-left:15px!important}.pl-20px{padding-left:20px!important}.pl-25px{padding-left:25px!important}.pr-0{padding-right:0!important}.pr-5px{padding-right:5px!important}.pr-10px{padding-right:10px!important}.pr-15px{padding-right:15px!important}.pr-20px{padding-right:20px!important}.pr-25px{padding-right:25px!important}@media (max-width: 768px){.m-pd-10px{padding:10px!important}}.bold{font-weight:700!important}.italic{font-style:italic!important}.soft-outline{text-shadow:calc(var(--text-outline-power) * -1) calc(var(--text-outline-power) * -1) 0 var(--color-shadow-soft),calc(var(--text-outline-power)) calc(var(--text-outline-power) * -1) 0 var(--color-shadow-soft),calc(var(--text-outline-power) * -1) calc(var(--text-outline-power)) 0 var(--color-shadow-soft),calc(var(--text-outline-power)) calc(var(--text-outline-power)) 0 var(--color-shadow-soft)}.text-center{text-align:center!important}.text-small{font-size:.8em}.text-highlight.green{color:#74f59e!important}.text-dull{color:var(--color-text-dull)}.text-disabled{color:gray}.interaction-disabled{color:gray;cursor:not-allowed}.text-glow{animation:glow 1s ease-in-out infinite}.text-danger{color:var(--color-text-danger)}.text-danger.light{color:var(--color-danger-light)}.text-lore{color:var(--color-lore);font-style:italic}.text-success{color:var(--color-text-success)}.text-legible{font-family:Calibri;font-weight:400}.text-legible.large{font-size:1.25rem}.success{background-color:var(--color-success)}.success:hover{transition:ease-in-out .15s;background-color:var(--color-success-hover)}.row{display:flex;flex-flow:row nowrap}.column{display:flex;flex-flow:column nowrap}.align-center{align-items:center}.justify-center{justify-content:center}.align-start{align-items:flex-start}.align-self-center{align-self:center}.hidden{display:none!important}.relative{position:relative!important}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.h-100{height:100%!important}.border-top-none{border-top:none}@keyframes glow{0%,to{text-shadow:0 0 3px #FFFFFF}50%{text-shadow:0 0 10px #FFDA65}}.panel-tag{position:absolute;top:-20px;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);border-radius:2px;height:20px;text-align:center;justify-items:center;padding:0 5px;z-index:1}.badge{display:flex;flex-flow:row nowrap;padding:0 5px;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);border-radius:3px;align-items:center}.badge.inline{height:1.25em;box-sizing:border-box}.badge.light{background-color:var(--color-light);border-color:var(--color-border-light)}.badge.danger{background-color:var(--color-danger-dark);border-color:var(--color-danger-border)}.badge.warning{background-color:var(--color-warning-dark);border-color:var(--color-warning-border)}.badge.success{background-color:var(--color-success-dark);border-color:var(--color-success-border)}.badge.melee{background-color:var(--color-melee);border-color:var(--color-melee-border);color:var(--color-font)}.badge.melee:after{content:"Melee"}.badge.range{background-color:var(--color-range);border-color:var(--color-range-border);color:var(--color-font)}.badge.range:after{content:"Range"}.badge.magic{background-color:var(--color-magic);border-color:var(--color-magic-border);color:var(--color-font)}.badge.magic:after{content:"Magic"}.badge.experience{background-color:#61214e;border-color:#ff4bc7}.card{position:relative;display:flex;flex-flow:column nowrap;padding:10px;background-color:var(--color-light);border:1px solid var(--color-border-light);border-radius:3px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014}.card .title{position:absolute;top:-15px;right:10px;padding:0 5px;border:1px solid var(--color-border-lighter);background-color:var(--color-lighter);border-radius:3px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014;font-size:.9rem}.card.danger{background-color:var(--color-danger-dark);border-color:var(--color-danger-border)}.card.danger .title{background-color:var(--color-danger);border-color:var(--color-danger-border)}.shadow{box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014}.interactive{pointer-events:auto}.pointer{cursor:pointer}.list-no-decoration{list-style:none;padding-left:0;margin:0}@media (max-width: 768px){.desktop-only{display:none}}@media (min-width: 769px){.mobile-only{display:none}}.panel{position:relative;box-sizing:border-box;border:1px solid var(--color-border);background-color:var(--color-main);padding:25px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014}.panel.black-glass{background-color:#0009}.panel.black-glass.darker{background-color:#000000bf}.panel.clear{background-color:unset;border:none;box-shadow:none}.sub-panel .corner-badge{position:absolute;top:-15px;right:10px;padding:0 5px;border:1px solid var(--color-border-lighter);background-color:var(--color-lighter);border-radius:3px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014;font-size:1.25rem}.sub-panel{position:relative;box-sizing:border-box;border:1px solid var(--color-border);background-color:var(--color-light);padding:15px;box-shadow:0 1px 10px #0000001f,0 2px 4px #0000001a,0 4px 4px #00000014}.panel.interactable,.sub-panel.interactable{cursor:pointer}.panel.interactable:hover,.sub-panel.interactable:hover{background-color:var(--color-lighter);transition:ease-in-out .1s}.panel.interactable,.sub-panel.disabled{background-color:#2f2d26;border-color:#423f38;color:#595959;cursor:not-allowed}.panel.interactable,.sub-panel.disabled img{filter:grayscale(100%)}.inset-panel{box-sizing:border-box;height:auto;padding:10px;border:1px inset var(--color-border);background-color:#36332d;overflow-y:auto}.preview-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.preview-row .item{background-color:var(--color-background-image)}.preview-row .item img{width:100%;display:block}@media (max-width: 768px){div.mobile-fit-x{margin-left:5px!important;margin-right:5px!important}.preview-row{grid-template-columns:repeat(3,1fr)}}form{display:flex;flex-flow:column nowrap}.form-group:not(:last-child){margin-bottom:10px}button{height:30px;background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);font-family:inherit;font-size:1.25rem;font-weight:700;color:var(--color-font-dark);box-sizing:border-box;cursor:pointer}button:hover{background-color:var(--color-lightest);transition:ease-in-out .1s}button.light{background-color:var(--color-light);border:1px solid var(--color-border-light)}button.light:hover{background-color:var(--color-lighter);border-color:var(--color-lighter-border)}button.neutral{background-color:var(--color-neutral);border-color:var(--color-neutral-border)}button.neutral:hover{background-color:var(--color-neutral-hover)}button.danger{background-color:var(--color-danger);border-color:var(--color-danger-border)}button.danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-border);transition:ease-in-out .1s}button.warning{background-color:var(--color-warning);border-color:var(--color-warning-border)}button.warning:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-border)}button:disabled{background-color:var(--color-disabled)!important;border-color:var(--color-border-disabled)!important;color:var(--color-font-disabled)!important;transition:ease-in-out .2s;cursor:not-allowed}button:disabled:hover{background-color:var(--color-disabled)!important;border-color:var(--color-border-disabled)!important;color:var(--color-font-disabled)!important}input{border-radius:0;background-color:var(--color-input);height:25px;font-weight:700;font-size:1em;padding-left:5px;border-color:var(--color-border-lighter);font-family:inherit}input.legible{font-family:Calibri;font-size:1.25rem;font-weight:400}select{border-radius:0;border-style:inset;border-width:2px;background-color:var(--color-input);height:31px;font-family:inherit;font-weight:700;font-size:1em;padding-left:5px;border-color:var(--color-border-lighter)}input:focus,select:focus{outline:2px solid var(--color-border-lighter)}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.button{background-color:var(--color-light);border:1px solid var(--color-border-light);cursor:pointer;height:35px;font-size:1.25rem;font-weight:700;box-sizing:border-box}.button:hover{background-color:var(--color-lighter);border:1px solid var(--color-border-lighter);transition:.1s ease-in-out}.button.success{background-color:var(--color-success);border:1px solid var(--color-success-border);color:var(--color-font-dark)}.button.success:hover{background-color:var(--color-success-hover);border:1px solid var(--color-success-border);transition:.1s ease-in-out}.button.disabled{background-color:var(--color-disabled);border-color:var(--color-border-disabled);color:var(--color-font-disabled);cursor:not-allowed!important}.button.full{width:100%}.button.large{height:50px;font-size:1.25rem}a.button{display:flex;align-items:center;justify-content:center;text-decoration:none}.form-row{display:flex;flex-flow:row nowrap;align-items:flex-end;width:100%}.form-group.inline-center{display:flex;flex-flow:row nowrap;align-items:center;width:100%}.form-group{flex:1;display:flex;flex-flow:column nowrap}.form-group>input,.form-group>select{width:100%;box-sizing:border-box;height:2em}.form-group>input[type=checkbox],.form-row>input[type=checkbox]{width:20px;min-width:20px;height:20px;cursor:pointer}.form-row .form-group:not(:last-child){margin:0 10px 0 0}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;z-index:19}.z-1{z-index:20}.z-2{z-index:30}.z-3{z-index:40}.z-4{z-index:50}.overlay.z-layout{z-index:9}.overlay.z-1{z-index:19}.overlay.z-2{z-index:29}.overlay.z-3{z-index:39}.overlay.z-4{z-index:49}@media (min-width: 769px){.overlay.mobile-only{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50}
