.dialogue-text-box {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000,0 -2px 0 #000, 2px 0 0 #000, 0 2px 0 #000, -2px 0 0 #000;
    background: rgba(32,100,200,.7);
    width: 102%;
    padding: .5em .7em .5em 6.5em;
    height: 94%;
    border-radius: 1em;
    left: -1%;
    top: 13%;
    box-sizing: border-box;
    border: .15em solid white;
    box-shadow: inset 6em 0 white;
}

.default-button.vne-button.small-button {
    padding: .05em;
    border: .1em solid white;
}
.default-button.vne-button.small-button.skip-disabled {
    color: #a2a2a2;
    background: rgba(44, 104, 200, 0.8);
}

.dialogue-text-shield {
    top: 10%;
    left: -2%;
    width: 104%;

}
.dialogue-next-button {
    right: 2%;
    bottom: 11%;
    animation: opacity-pulse .5s infinite alternate;
}
.map-location {
    text-align: center;
    font-size: .7em;
    padding: .4em 0 0 0;
    color: white;
    background-repeat: no-repeat;
    background-image: url(https://lh3.googleusercontent.com/Iof5bd4eBnvMuVknBrYiEeQoxUofkF3OosQCh2ThpcOvV9_Wd1B_jf5lTgnqYTS4iRkCw6voct9NCbn1VT14-eId4tsNv3GnMNr6iLF_E14X831swWZNGogGaWDWHXAUcsJQZNSKsCEbPCQk7S_1rXQyiMW2CGwLUQJRBWgwxVPQ-bFgIqpd1MN781VKusvGNNJYpoh7ikPikloKGTdg3NDveiOUdyzrpzwNB8Y4pgN8nGkqHNwMn9zCgVb9iUWvJkhwPWqSoazbEQdedCrv0Dx2Mqq06PoszBThyiYj3jjCcorR7h6zvy455uFOGV0DxHWbcFLuoh1Yfi_Z8PI5vR104jlnZxWOqAUR3smWbm7-zjh7mqjTKdA1MCyBRG43geYS_78gQZu6yzxhWJLk6EkKCEd61NcqD24tXMLOdmj267d8XuCnWmkQbZJxwgA--Cp_iEerV7QHcInmL-5xKg6sZviB4kXxrLfQ_x2Wahu5JPlkNExnFGo8TmXLpvp5Xj9qFk0M6tvGkr-xJtZmR7FEWG7hah0TQhFC2OdZztSauEtXmwu_7hu_9jokDAAyWtyj=w256-h222-no);
    /*background-image: url('../cg/ui/map-active.png');*/
}

.map-location.visited {
    background-image: url(https://lh3.googleusercontent.com/7ZFkUKaYJsYuWUqIM7sijwN9I789I830DpdhU4sadmUTi6YPBOoNbrUCN2Kufi8LjkGE2E5ABE4KEtf4lR7qxvX2FF2w2Xx8ne30OHZB4Of7JN_UvAxEYNRxxYNkNrt3bHT48mi0R4F3YTlEbKNHdp8dyeKjwZwAsqSrAPynxOdBKj1Nec6moXP1qM5yihmX1IHc55DbHfnkZoTmaSjNy4Bfp8FrtWPcjmQv4oBnUJ1zWR4lZCprp_GjY8tSaZxHzLXCqgXIN1M-fjTi69UcDDqUoG-eG8TQmbq32fKtDCgt03x2p-kUv5GYTMHwgLNDEyjWdQ3UN4CAP4OxTfWxoTEq1lXnDI5Auy4Rr71uNeEJSljZAJupsrAikaicfqFtQikP0KB2XvCslJWFge_JaZDr90OGG9kThKDJSaNBpwXMeNC3fiKQ0HkKIWRsszEdQbNJAIMKx2Rd6ok4Oa7iA7XyCqOHKJUija3nh7yPnjov4NrA3zRAZmTVtVvT-ZrT3bcdwl92nfjRUduRAuNI2DcaCcnsG7QdW0wVLWfFuYPMdQ8wMCPJc9WKWagAeyNqWXTR=w256-h222-no);
    /*background-image: url('../cg/ui/map-visited.png');*/
}

.map-location:hover {
    background-image: url(https://lh3.googleusercontent.com/eLpCS7UvvHuD6T6EsU2UYoYTCl2D-hyqr_btvn76toS3KR2OH0rPevNoWi3P5UBRje-Evg9HVkt7hSiFcAyPZ22sLA8GA-wduWHwo6A5RixXybmYR_ifYGgmobg8bHhRlsoV_kxGrGBqt04Z3xFNc3v6LZ2rz0twpdrl0cI-S5yuRLTsb3TQFh6UB4pqHWa7BruHDMWpJVv4LR_k_qhizWDNaEIaBqHpHag-1T085pQLkHC5-gijh6xAhAAR91jj_cmB-KTPFH4MbR6qa9o-UFmdUpny8A16U-p0jldLI5WpX8lIsfpJndWsJHpm4yG_MEOLp1MhHHZjCOooW5VoJu_wjTmvnigDvHuBRm-uCXy3PjhZeibBJplNuzRKiXKFpM-nZRcell5JAH6xhRqJT1fFVHx6eRhdrPCiC_EGfG17zcZ-WgLpvXtmoOd1-o4JFMwGeD0JRncf-uDU_V7jxhY6Vzxd0i_n7ffFgUxGLTeQ7vPWDZW_WEOmL5-3yyAjywIhJbPHBQ1y2KkEYTvwwRFk-LWk3rGu8mxrK3CXp3kzGAunD2rczXKe0uLNC01mHWnr=w256-h222-no);
    /*background-image: url('../cg/ui/map-hover.png');*/
}

.map-location.visited:hover {
    background-image: url(https://lh3.googleusercontent.com/0vIh9kBDwQ_ivUVJI5PL8aVYX-gFqcuemcCaeRe8N1wuwylp6PX13_iNHwJE-oESIH6vnGCCOTQUerZK04RAqmvky3eQwIRxdOHmKzubXiGfq6BVPLgCmARk2tpmKQMYgqA6joEt-l0nLyl4DhUbDc8gZHIBpbTEqZcKnwfdn3tV074KqOj5xiK3KEToQDKU5R0MshM5d-WeY4D87z2B8QfmXvAsTdXeQ3L7U7vvuFFw20km3rtNZOBT9bkUMM7jppsHAApiWEK5P7loytwzZpg9jQhQIoric5EkrtmJBhBmWstkxkxT-fG0wuTKQqou-12W6oogOTLt8Zc30VzVZIr4kfJG7-5c0Fm6BRyxmGUwlRA5BPhdTISjOJdPUDj4qdVoMatRsV9fI0EUk45aSUIaI4NTiAg6VMRs0C9mRnq5Yayjhfp6sN05hhUmWGtk87OVoa9yiYK1iHil5fFiW0Q00l3CR4owd8wA9hfQc7zuvtioxRB5hpR1WYmKoD-d8awdxYPf_HiX2F3aVqcQtAvBb--Bd9cJgvARWnzYW2zqaTA12lHpQL7WlTUR4JmSYDdX=w256-h222-no);
    /*background-image: url('../cg/ui/map-visited-hover.png');*/
}

.map-location.unlock {
    font-size: .35em;
    padding: 3em 0 0 2em;
}

.portrait-container {
    top: 18%;
    z-index: 10;
    width: 11.67%;
    height: 118.99%;
    position: absolute;
    left: -0.5%;
}
.dialogue-backdrop,
.portrait-backdrop {
    opacity: 0;
}


.lose-modal,
.win-modal {
	position: absolute;
    height: 80%;
    width: 80%;
    top: 10%;
    left: 10%;
    font-size: .7em;
    border-radius: .7em;
    box-sizing: border-box;
}

.win-modal {
    background: rgba(30,50,230,0.9);
    padding: 4% 0 0 34%;
    color: white;
}

.lose-modal {	
    background: rgba(100,9,9,.9);
    padding: 3% 36% 31% 20%;
    text-align: right;
    color: white;
}

.default-button.vne-button {
    color: white;
    padding: .5em;
    border-radius: .7em;
    font-size: .7em;
}

.default-button.vne-button.slot-item {
    font-size: .7em;
    white-space: pre-line;
}

.close-deck-button,
.modal-close {
	color: white;
    position: absolute;
    padding: .5em;
    border-radius: .7em;
    bottom: 5%;
    right: 3%;
    cursor: pointer;
}

.default-button.vne-button,
.close-deck-button,
.win-modal .modal-close {
    background: rgb(44,104,200);
}

.default-button.vne-button:hover,
.close-deck-button:hover,
.win-modal .modal-close:hover {
    background: rgb(84,144,240);
}

.lose-modal .modal-close {
    background: rgb(150,20,20);
}

.lose-modal .modal-close:hover {
    background: rgb(200,20,20);
}

.winning-enemy {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 1%;
    left: 57%;
    width: 32%;
    height: 80%;
}
.losing-enemy {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 1%;
    right: 0;
    width: 32%;
    height: 80%;
}

.butt-plug {
    height: 6%;
    width: 5%;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 8%;
    left: 25%;

}

.won-hex {
	background-size: 22%;
    background-repeat: no-repeat;
    color: white;
    font-size: .7em;
    position: absolute;
    width: 32%;
    left: 34%;
    bottom: 4%;
    height: 11%;
    padding: 3% 0 0 14%;
    box-sizing: border-box;
}

.game-HUD .element-container.map-deck {
    top: 2%;
    width: 20%;
    right: 1%;
    left: initial;
    height: 12%;
}

.default-button.hidden-button:hover,
.default-button.hidden-button {
    background: none;
}

.card-tooltip {
    display: none;
}

.hover-anchor:hover .card-tooltip {
    position: absolute;
    display: block;
    box-sizing: border-box;
    color: white;
    font-size: .5em;
    height: 479%;
    width: 661%;
    padding: .5em .5em .5em 7em;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000,0 -2px 0 #000, 2px 0 0 #000, 0 2px 0 #000, -2px 0 0 #000;
    background: rgba(32,100,200,.7);
    border-radius: 1em;
    border: .15em solid white;
    box-shadow: inset 6em 0 white;
    white-space: pre-line;
}
.deck-card-comp.position-0 .hover-anchor:hover .card-tooltip {
    right: 347%;
    top: 248%;
}
.deck-card-comp.position-1 .hover-anchor:hover .card-tooltip {
    right: 502%;
    top: 158%;
}

.deck-card-comp.position-2 .hover-anchor:hover .card-tooltip {
    right: 659%;
    top: 248%;
}
.deck-card-comp.position-3 .hover-anchor:hover .card-tooltip {
    top: 158%;
    right: 816%;
}
.deck-card-suit.position-0 .hover-anchor:hover .card-tooltip {
    top: 509%;
    height: 377%;
    right: 309%;
    width: 543%;
}

.save-screen {
    background: linear-gradient(to right, rgba(255,155,220,0) 0%,rgba(255,155,220,0) 47%,rgba(221,166,223,0) 63%,rgba(221,166,223,1) 75%,rgba(144,192,229,1) 100%);
}

.char-sheet.vne-label {
    color: rgb(20,20,110);
}