@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap";body,html,#root{margin:0;padding:0;height:100%;width:100vw;overflow:hidden;font-family:Titillium Web,sans-serif}.inventory-empty-state{display:flex;width:100%;margin-top:40px;font-size:10pt;color:#fff;justify-content:center;align-items:center}.error-message{width:100%;color:#bd2b12;font-weight:600;text-align:center;box-sizing:border-box}.alert-message{width:fit-content;box-sizing:border-box;height:40px;line-height:40px;border-radius:4px;position:fixed;padding-left:20px;padding-right:20px;z-index:2;background-color:#0065d1;top:5px;left:50%;transform:translate(-50%);margin-top:80px;color:#fff;text-align:center;font-size:10pt;font-weight:600;filter:drop-shadow(2px 2px 4px black)}.player-details{position:relative;display:flex;flex-direction:column;flex-grow:3;overflow-y:hidden}.player-registration-container{text-align:center;margin:2rem auto;width:100%;max-width:500px}.register-btn{background:linear-gradient(135deg,#3cf,#f6c);color:#fff;padding:1rem 2rem;border:none;border-radius:5px;outline:none!important;cursor:pointer;font-size:1.2rem;transition:.3s ease;box-shadow:0 0 15px #ff66ccb3}.register-btn:hover{box-shadow:0 0 25px #3cf}.player-registration-form{margin-top:0;background-color:transparent;border-radius:10px}.modal-text-passkey{position:absolute;color:#5e5e5e;top:10px;right:60px;font-size:14pt}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-title{color:#272727;margin-bottom:0;font-size:12pt}.input-field{width:100%;margin:.5rem 0;background-color:#fff;border-radius:5px;color:#1b1b1b;font-size:10pt;outline:none;transition:.3s ease;font-family:Titillium Web,sans-serif;resize:vertical}.input-select{width:100%;height:50px;padding:.8rem;margin:.5rem 0;background-color:#fff;border-radius:5px;color:#1b1b1b;font-size:10pt;outline:none;transition:.3s ease;font-family:Titillium Web,sans-serif}.input-select option{background-color:#ebebeb}.input-field:focus{border-color:#f6c;box-shadow:0 0 10px #ff66ccb3}.submit-btn{background-color:#202020;color:#fff;padding:5px;border:none;border-radius:5px;cursor:pointer;font-size:12pt;height:40px;transition:.3s ease;outline:none}.submit-btn:hover{box-shadow:0 0 25px #f6c}.success-message{background-color:#175063;margin-top:1rem;color:#f1f1f1;text-align:center;font-size:10pt}.map-grid-container{padding:0;max-width:1000px;width:100%;height:100%}.map-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.map-btn{background-color:#444;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.map-btn.active{background-color:#f6c;box-shadow:0 0 10px #f6cc}.map-btn:hover{background-color:#333}.map-area{background-color:#333;z-index:10;position:relative}.map-background{background-size:cover;background-position:center;position:relative;width:100%;height:100%}.left-panel-empty-title{color:#9b9b9b;font-size:12px;height:100%;width:100%;font-weight:600;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-panel-enter-passkey{color:#9b9b9b;font-size:18px;width:100%;font-weight:600;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.campaign-key-input-container{padding:40px}.campaign-key-input-container input{text-align:center;font-size:12pt;outline:none!important}.campaign-key-input-container textarea{text-align:left;font-size:12pt;outline:none!important;max-height:500px;resize:vertical}.no-maps-empty-state{width:100%;display:flex;flex-direction:column;text-align:center;color:#eee;justify-content:center;align-items:center;background-color:#303030;font-weight:600}.charges-container{width:300px;justify-content:space-evenly;display:flex;align-items:center;height:40px;gap:10px}.charges-container button{background-color:transparent;width:40px;text-align:center;color:#fff}.charges-circles{display:flex;justify-content:space-around;width:100%;gap:5px}.charge-circle{width:20px;height:20px;border-radius:50%;background-color:#535353;box-shadow:none;transition:background-color .3s,box-shadow .3s}.charge-circle.filled{background:linear-gradient(to bottom right,#4caf50,#9acd32);box-shadow:0 0 10px 5px #4caf50b3}.empty-state-create-player{margin-top:50px;background-color:#3c5f5a;color:#fff;font-size:12pt;padding:5px 10px;width:200px;height:50px}.empty-state-welcome-header{margin-top:30%;letter-spacing:2px;color:#fff;font-size:14pt;margin-bottom:20px;font-weight:400;display:flex;flex-direction:column;font-family:Titillium Web,sans-serif;filter:drop-shadow(4px 4px 4px black)}.empty-state-campaign-name-label{font-size:10pt;text-transform:uppercase;padding:0;margin:0;text-align:left}.empty-state-label-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.empty-state-label-container-centered{display:flex;flex-direction:column;align-items:center;width:100%}.empty-state-border-container{border-left:6px solid rgb(255,252,252);padding:0 12px}.empty-state-campaign-name-value{font-family:Orbitron,sans-serif;font-size:2rem;color:#fff;filter:drop-shadow(0px 0px 4px rgb(119,221,71));letter-spacing:2px;font-weight:800;padding:0;margin:0}.campaign-name-input{font-family:Orbitron,sans-serif;font-size:2rem;color:#fff;filter:drop-shadow(0px 0px 4px rgb(0,0,0));letter-spacing:2px;font-weight:800;padding:0;max-height:120px;height:fit-content;resize:none;background-color:transparent;margin:0;scrollbar-width:none}.empty-state-campaign-backstory{font-size:10pt;font-weight:400;color:#fff;text-align:left;white-space:pre-wrap;padding:0;margin:20px 0 0;max-height:60vh;overflow-y:auto;scrollbar-width:thin}.backstory-input{box-sizing:border-box;background-color:transparent;min-width:440px;min-height:55vh;max-height:55vh;font-size:10pt;font-weight:400;color:#fff;text-align:left;white-space:pre-wrap;padding:5px;margin:20px 0 0;max-height:60vh;overflow-y:scroll;resize:none;scrollbar-width:thin}.empty-state-campaign-code-value{font-family:Orbitron,sans-serif;font-size:14pt;width:100%;text-align:left;color:#adff2f;filter:drop-shadow(0px 0px 4px greenyellow);letter-spacing:2px;margin:0 0 20px;padding:0}.empty-state-welcome-header-title{font-family:Orbitron,sans-serif;letter-spacing:0px;color:#ff006a;font-weight:800;font-size:3rem;filter:drop-shadow(4px 4px 4px black);margin:0}.empty-map-welcome-text{display:grid;justify-content:center;align-items:center;text-align:center;height:1000px;width:1000px;letter-spacing:2px;color:#fff;font-size:14pt;filter:drop-shadow(4px 4px 4px black)}.empty-state-map-icon{font-size:140pt;color:gray;filter:drop-shadow(0px 0px 4px rgb(21,116,68))}.empty-state-welcome-text{letter-spacing:2px;color:#fff;font-size:14pt;filter:drop-shadow(4px 4px 4px black)}.scrollable-container{display:flex;flex-direction:column;justify-content:space-between;padding:0 10px;width:100%;box-sizing:border-box;max-height:90vh;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#161616 #202020}.tooltip-button{width:fit-content;height:30px;font-size:10pt;line-height:15px;padding:4px 8px;margin:0;background-color:#202020;border:1px solid yellowgreen!important;color:#fff;transition:all .2s ease-in-out;filter:drop-shadow(0px 0px 2px rgb(0,0,0))}.tooltip-button:hover{background-color:#9acd32;color:#000}.player-icon{filter:drop-shadow(2px 2px 4px rgb(34,34,34));width:90px;height:90px;display:flex;pointer-events:none;align-items:center;position:absolute;top:-90px;left:-50px;justify-content:space-between;flex-direction:column;gap:5px}.player-icon h3{margin:0;font-size:1rem;font-weight:700}.player-icon p{margin:.2rem 0;font-size:.9rem;color:#ddd}.left-panel-indicator-accent{position:absolute;width:100%;height:8px;top:0;left:0}.abilities-container{display:flex;flex-wrap:wrap;gap:4px}.ability-chiclet{display:inline-block;padding:2px 8px;background:linear-gradient(to top left,#421717,#791122);border-radius:4px;font-size:12px;font-weight:600;color:#fff;border:none;box-shadow:0 1px 3px #0000001a;white-space:nowrap}.join-campaign-button{background-color:#3c5f5a;color:#fff;transition:all .2s}.join-campaign-button:hover{background-color:#53837c;color:#fff}.create-campaign-button{border:2px solid rgb(60,95,90)!important;background-color:transparent;color:#bbd1ce;margin:20px;transition:all .2s;width:calc(100% - 40px)}.character-container-div{scrollbar-gutter:stable;overflow-y:auto;scrollbar-width:thin;margin-left:10px}.player-viewing-indicator{color:#fff!important;padding:2px 5px;margin-left:5px;border-radius:5px;font-size:12px;font-weight:600}.target-crosshair{position:absolute;font-size:26pt;z-index:5;top:30%;color:red;filter:drop-shadow(0px 0px 8px rgb(0,0,0))}.player-name-tooltip-text{width:100%;color:#fff;font-weight:600;text-align:center;filter:drop-shadow(0px 0px 4px black)}.create-campaign-button:hover{background-color:#53837c;color:#fff;border:2px solid rgb(83,131,124)!important}.player-select-dropdown{font-family:Titillium Web,sans-serif;font-size:22pt;width:calc(100% - 100px);-webkit-user-select:none;user-select:none;padding-top:20px;padding-left:10px;font-weight:600;border:none;background-color:transparent;color:#e4e4e4;outline:none;margin-bottom:20px;cursor:pointer;letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-select-dropdown-option{font-family:Titillium Web,sans-serif;font-size:18pt;color:#f0f0f0;background-color:#202020}.player-select-dropdown-dm{font-family:Titillium Web,sans-serif;font-size:18pt;width:calc(100% - 100px);-webkit-user-select:none;user-select:none;padding-top:20px;padding-left:10px;font-weight:600;border:none;background-color:transparent;color:#e4e4e4;outline:none;margin-bottom:20px;cursor:pointer;letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-select-dropdown-dm-option{font-family:Titillium Web,sans-serif;font-size:18pt;color:#f0f0f0;background-color:#202020}.inventory-description{max-width:100%;max-height:280px;height:60px;font-family:Titillium Web,sans-serif;min-height:60px;color:#000;background-color:#fff!important;resize:vertical}.enter-campaign-passkey{background-color:#fff!important;color:#202020!important;font-size:24pt!important;font-weight:600;letter-spacing:10px;padding-left:20px!important}.cancel-campaign-button{color:#e2e2e2;background-color:transparent}.edit-player-form{width:50%;max-height:610px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bebebe #eceae6}.edit-player-button{width:100px;height:40px;padding:0;background-color:#24524a;color:#fff;font-size:10pt;margin:5px}.player-display-description{font-family:Titillium Web,sans-serif;color:#e4e4e4;max-height:100px;overflow-y:auto;margin:10px 10px 5px;-webkit-user-select:none;user-select:none;font-size:10pt;scrollbar-width:thin}.player-display-description-dnd{font-family:Titillium Web,sans-serif;color:#e4e4e4;margin:0 10px 2px 5px;font-size:10pt;-webkit-user-select:none;user-select:none;width:300px}.player-display-abilities{font-family:Titillium Web,sans-serif;color:#e4e4e4;margin-left:10px;-webkit-user-select:none;user-select:none;font-size:10pt}.player-display-abilities-dnd{font-family:Titillium Web,sans-serif;color:#e4e4e4;-webkit-user-select:none;user-select:none;margin-left:5px;font-size:10pt}.player-btn{position:absolute;background-color:#33ccffe6;color:#fff;padding:1rem;border:none;border-radius:50%;cursor:pointer;font-size:.9rem;width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.player-btn:hover{transform:scale(1.15);box-shadow:0 0 15px #3cfc}.player-btn h3{margin:0;font-size:1.1rem;font-weight:700}.player-btn p{margin:.2rem 0;font-size:.9rem;color:#ddd}.player-btn:active{transform:scale(.9)}.player-image-scale{display:flex;flex-direction:row;width:100%;height:fit-content;gap:20px;padding:0 10px 0 20px;box-sizing:border-box;justify-content:space-between}.selected-player-image-background{width:80px;height:100px}.left-panel-container{display:flex;justify-content:space-between;flex-direction:column;height:100%;position:fixed;bottom:0;width:460px}.lower-left-panel{width:100%;display:flex;flex-direction:row}.control-panel-container{background-color:#444;max-height:fit-content;flex-grow:3;border-radius:0;padding:20px;position:fixed;bottom:0;width:100%;max-width:420px;filter:drop-shadow(0px 0px 6px rgba(0,0,0,.856))}.add-to-inventory-button{background-color:#3c5f5a;color:#fff;transition:all .2s;letter-spacing:2px}.inventory-empty{background-color:transparent!important;color:#fff;width:100%;text-align:center}.disabled{opacity:50%;cursor:default;pointer-events:none}.inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px;height:60vh}.inventory-list li{max-height:200px}.inventory-grid{display:grid;grid-template-columns:repeat(5,100px);grid-gap:10px;padding:20px}.grid-item{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;cursor:grab}.grid-item.empty{background-color:transparent;border:1px dashed #ccc}.grid-item.full{background-color:#e0f7fa}.inventory-item{list-style:none;color:#242424;background-color:transparent!important;flex:1 1 calc(25% - 10px);box-sizing:border-box;cursor:grab}.inventory-tile-title{font-size:12pt;margin:2px;font-weight:600;color:#242424;width:calc(100% - 30px)}.inventory-tile-description{font-size:10pt;margin:4px;color:#242424;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:calc(1.2em * 3)}.inventory-tile{display:flex;box-sizing:border-box;color:#202020;justify-content:space-between;background-color:#ececec;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a;position:relative;width:100%;max-width:200px;min-width:100px;max-height:200px;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.inventory-tile:hover{background-color:#ccc}.transfer-item-selection{display:flex;flex-direction:row;width:99%;padding-left:10px;padding-top:20px;margin-top:20px;gap:10px;align-items:center;border-top:1px solid rgba(51,51,51,.562)}.give-item-title{font-family:Titillium Web,sans-serif;font-size:14pt;color:#202020;font-weight:600;-webkit-user-select:none;user-select:none;letter-spacing:2px;padding:0;margin:0}.give-item-container{display:flex;flex-direction:column;gap:10px}.give-inventory-button{background-color:transparent;border:none;cursor:pointer;padding:2px;line-height:10px;position:absolute;right:90px;top:10px;width:30px;color:#8d8d8d;font-size:16pt;transition:all .2s}.give-inventory-button svg{transition:all .2s}.give-inventory-button:hover svg{fill:#025fac}.give-select-player{font-family:Titillium Web,sans-serif;font-size:14pt;width:230px;-webkit-user-select:none;user-select:none;padding-top:0;padding-left:0;font-weight:600;border:none;background-color:transparent;color:#141414;outline:none;cursor:pointer;letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.confirm-transfer{width:160px;background-color:#175063;color:#fff;z-index:1;font-size:10pt;transition:all .2s ease-in-out}.confirm-transfer:hover{background-color:#177fa1}.cancel-transfer{width:160px;background-color:#505050;color:#fff;font-size:10pt;transition:all .2s ease-in-out}.cancel-transfer:hover{background-color:#3a3a3a}.transfer-item-buttons{display:flex;flex-direction:row;width:100%;gap:10px}.remove-inventory-button{background-color:transparent;border:none;cursor:pointer;padding:2px;line-height:10px;position:absolute;right:160px;top:10px;width:30px;transition:all .2s}.remove-inventory-button svg{width:20px;height:20px}.remove-inventory-button:hover svg{fill:#522424}.score-scale{display:flex;justify-content:space-between;align-items:center;width:300px;margin-top:0;position:relative}.score-node-container{display:flex;justify-content:center;align-items:center;position:relative}.score-node{width:30px;height:30px;border-radius:50%;background-color:#575757;text-align:center;color:#fff;line-height:30px}.purple{background-color:#770544}.green{background-color:#078f59}.blue{background-color:#cc430df8}.red{background-color:#088ca3}.map-management{padding:2rem;background-color:#222;border-radius:10px;max-width:600px;margin:0 auto;text-align:center}.map-management input[type=text],.map-management textarea{width:100%;padding:.8rem;margin:.5rem 0;background-color:#111;color:#fff;border-radius:5px}.map-management input[type=file]{margin:.5rem 0}.map-management button{background-color:#3cf;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.map-management button:disabled{background-color:#555;cursor:not-allowed}.map-list{height:610px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bebebe #eceae6;display:flex;flex-direction:column;width:48%;height:fit-content;flex-wrap:wrap;gap:10px;justify-content:left;padding-left:10px;box-sizing:border-box;padding-bottom:20px}.maps-reorder-group{display:flex;flex-direction:column;gap:10px;margin:0;justify-content:center;align-items:center}.edit-map-form{width:50%;box-sizing:border-box;height:fit-content}.map-list ul{list-style-type:none;padding-inline-start:0px!important}.map-item{margin:0;max-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:fit-content;background-color:#202020;padding:10px;min-width:330px;border-radius:5px;width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.map-item img{margin-top:.5rem}.roam-button.active{background-color:green;color:#fff}.dm-tools{margin-top:50px;min-height:400px;max-height:75vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cecece #eceae6}.dm-tools-map-title{max-width:330px;margin:0;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.delete-map-button{background-color:#522424;color:#e9e9e9;width:80px;font-size:12px;transition:all .2s}.delete-map-button:hover{background-color:#6e1e1e;color:#f5f5f5}.dm-tools-container{text-align:center}.slider-container{width:105px;height:91px;display:flex;justify-content:center;align-items:center;position:relative;overflow-x:hidden}.vertical-slider{opacity:50%;position:absolute;bottom:0;right:0;transform:rotate(270deg);transform-origin:bottom left;width:80px!important;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#919b9c;border:none;transition:all .2s}.vertical-slider:hover{opacity:1}.vertical-slider::-webkit-slider-runnable-track{width:100%;height:5px;background:#302d2d}.vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid rgb(64,72,77);background:#425a5a;border-radius:50%;cursor:pointer;margin-top:-5px}.vertical-slider::-moz-range-track{width:100%;height:5px;background:#202020}.vertical-slider::-moz-range-thumb{width:15px;height:15px;background:#07a7cf;border-radius:50%;cursor:pointer}.spotify{position:absolute;z-index:5000;left:20px;bottom:20px;width:600px}.show-spotify-button{position:absolute;top:430px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.show-spotify-button:hover{background-color:#779c7d;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.point-to-click-button{position:absolute;top:250px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.point-to-click-button:hover{background-color:#4e3620;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.map-roaming-button{position:absolute;top:520px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.map-roaming-button:hover{background-color:#1e3a4d;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.dm-tools-button{position:absolute;top:430px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.dm-tools-button:hover{background-color:#4b2424;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.map-reveal-mode-button{position:absolute;top:475px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.map-reveal-mode-button:hover{background-color:#4b2424;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.icon-size-slider-button{position:absolute;top:55px;height:95px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.icon-size-slider-button:hover{background-color:#244b41;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.zoom-button{position:absolute;top:295px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.zoom-button:hover{background-color:#345341;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.map-deets-button{position:absolute;top:340px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.map-deets-button:hover{background-color:#435a57;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.show-chat-button{position:absolute;top:385px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.show-chat-button:hover{background-color:#444e19;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.show-right-pane-button{position:absolute;top:205px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.show-right-pane-button:hover{background-color:#2e3768;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.show-left-pane-button{position:absolute;top:160px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.show-left-pane-button:hover{background-color:#52374b;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.right-pane-empty-state{background-color:#0f0f0f;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#272727}.roll-die-button-action{padding:0;margin:0;width:50px;background-color:transparent;border:none;font-size:14px;transition:all .2s}.dnd-mode-player-container{width:300px;height:40px;display:flex;flex-direction:row;position:relative}.throw-dice{-webkit-animation:throw-dice 4s linear both;animation:throw-dice 4s linear both}@-webkit-keyframes throw-dice{0%{-webkit-transform:translate(0);transform:translate(0)}5%{-webkit-transform:translate(-55px,10px);transform:translate(-55px,10px)}10%{-webkit-transform:translate(-50px,0px);transform:translate(-50px)}15%{-webkit-transform:translate(-45px,-10px);transform:translate(-45px,-5px)}20%{-webkit-transform:translate(-50px,5px);transform:translate(-50px,5px)}25%{-webkit-transform:translate(-50px,-10px);transform:translate(-50px,-10px)}30%{-webkit-transform:translate(-50px,0px);transform:translate(-50px)}35%{-webkit-transform:translate(-45px,-10px);transform:translate(-45px,-5px)}40%{-webkit-transform:translate(-50px,5px);transform:translate(-50px,5px)}45%{-webkit-transform:translate(-50px,-10px);transform:translate(-50px,-10px)}50%{-webkit-transform:translate(-50px,0px);transform:translate(-50px)}55%{-webkit-transform:translate(-45px,-10px);transform:translate(-45px,-5px)}60%{-webkit-transform:translate(-50px,5px);transform:translate(-50px,5px)}65%{-webkit-transform:translate(-50px,-10px);transform:translate(-50px,-10px)}70%{-webkit-transform:translate(-35px,-5px);transform:translate(-35px,-5px)}75%{-webkit-transform:translate(-30px,5px);transform:translate(-30px,5px)}80%{-webkit-transform:translate(-20px,2px);transform:translate(-20px,2px)}90%{-webkit-transform:translate(-5px,-2px);transform:translate(-5px,-2px)}to{-webkit-transform:translate(0px);transform:translate(0)}}@keyframes throw-dice{0%{-webkit-transform:translate(0,0);transform:translate(0)}5%{-webkit-transform:translate(-60px,15px);transform:translate(-60px,15px)}10%{-webkit-transform:translate(-40px,-10px);transform:translate(-40px,-10px)}15%{-webkit-transform:translate(-20px,5px);transform:translate(-20px,5px)}20%{-webkit-transform:translate(-10px,-5px);transform:translate(-10px,-5px)}25%{-webkit-transform:translate(0px,0px);transform:translate(0)}to{-webkit-transform:translate(0px,0px);transform:translate(0)}}.roll-die-button-action:hover{transform:scale(1.4)}.roll-die-animation:hover{-webkit-animation:vibrate-1 .5s linear infinite both;animation:vibrate-1 .5s linear infinite both}.hide-dice-roller{margin-left:20px;height:100%;display:flex;justify-content:center;align-items:center}.die-chiclet-option{display:flex;flex-direction:row;gap:5px;height:35px;align-items:center}.die-chiclet{height:20px;width:fit-content;padding:0 4px;font-size:10pt;border-radius:4px;border:1px solid grey;transition:all .2s}.active-roll-lasers{background-color:#00bcd4;border:1px solid #00BCD4;-webkit-box-shadow:0px 0px 19px 0px #0bacc2;-moz-box-shadow:0px 0px 19px 0px #0bacc2;box-shadow:0 0 19px #0bacc2;color:#fff}.active-roll-feelings{background-color:#f44336;border:1px solid #F44336;-webkit-box-shadow:0px 0px 19px 0px #c02a1f;-moz-box-shadow:0px 0px 19px 0px #c02a1f;box-shadow:0 0 19px #c02a1f;color:#fff}.active-modifier{background-color:#411d41;border:1px solid #9c2f9c;-webkit-box-shadow:0px 0px 49px 0px rgba(196,46,255,.5);-moz-box-shadow:0px 0px 49px 0px rgba(196,46,255,.5);box-shadow:0 0 49px #c42eff80;color:#fc48b7}.npc-toggle{width:fit-content;height:25px;line-height:25px;margin-left:10px}.npc-toggle-checkbox{color:#3a3a3a;font-weight:700;display:flex;flex-direction:row;gap:10px;align-items:center;font-family:Titillium Web,sans-serif;font-size:10pt}.reveal-map-toggle{width:200px;height:25px;line-height:25px;margin-left:10px}.reveal-map-checkbox{color:#3a3a3a;font-weight:700;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:left;font-family:Titillium Web,sans-serif;font-size:10pt}.reveal-checkbox-label{width:200px}.reveal-entire-map{position:fixed;bottom:20px;width:fit-content;height:30px;line-height:30px;padding:0 12px;font-size:10pt;background-color:#1b1b1b;color:#adff2f;border:1px solid greenyellow!important;transition:all .2s;left:20px}.reveal-entire-map:hover{background-color:#52800d;border:1px solid greenyellow!important;filter:drop-shadow(0px 0px 4px greenyellow);color:#eef1ee}.dm-mode-chiclet{position:absolute;top:30px;left:20px;border-radius:4px;padding:0 4px;height:20px;border:1px solid grey;font-size:12px;color:gray;line-height:20px;cursor:pointer;transition:all .2s}.active-dm-mode{background-color:#175063;color:#fff}.tab-navigation{display:flex;flex-direction:row;gap:2px;margin:0 0 20px;padding:0;width:100%}.tab-button{margin:0;height:40px;background-color:#3a5050;color:#fff;padding:0;border-radius:4px 4px 0 0}.tab-active{background-color:#eceae6!important;font-size:18pt;font-weight:700;color:#222!important}.dm-mode-indicator{width:2px;height:100vh;position:absolute;top:8px;left:0;background-color:#00bcd4;-webkit-box-shadow:4px 4px 49px 6px rgba(63,147,202,.897);-moz-box-shadow:4px 4px 49px 6px rgba(63,147,202,.897);box-shadow:4px 4px 49px 6px #3f93cae5}.die-chiclet:hover{background-color:#9771974d;border:1px solid #887b884d}.roll-die-button{position:absolute;top:20px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:0;width:400px;box-sizing:border-box;padding-right:10px;display:flex;justify-content:left;z-index:2;align-items:left;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;transition:all .5s}.roll-die-button-clean{position:absolute;top:20px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:0;width:400px;box-sizing:border-box;padding:8px 0 0 16px;display:flex;justify-content:left;z-index:3;align-items:left;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;transform:translate(350px);transition:all .5s}.roll-die-button-clean:hover{background-color:#615a46;transform:translate(345px)}.settings-menu-button{color:#fff;background-color:#667270;transition:all .1s ease-in-out}.settings-menu-button:hover{background-color:#267265}.roll-die-button:hover{background-color:#2c2c2c}.show-dnd-mode-button{position:absolute;top:10px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.show-dnd-mode-button:hover{background-color:#435a57;color:#0f0f0f;font-weight:800;transform:translate(-5px)}.roll-type-dropdown{font-size:10pt!important;height:25px;line-height:25px;margin-right:10px;background-color:transparent!important;background-color:#fefefe!important;font-family:Titillium Web,sans-serif;border-radius:8px}.dm-login{display:flex;flex-direction:row;align-items:center;gap:20px;width:100%;justify-content:space-between;background-color:transparent;width:300px;border-radius:10px}.dm-login input{width:100%;padding:.8rem;margin:0rem 0;flex-grow:3;background-color:#bbb;color:#0f0f0f;outline:none!important;border-radius:5px}.dm-login button{flex-grow:1;background-color:transparent;color:#fff;width:40px;padding:0}.dm-tools-header{color:#202020;font-size:12pt;text-align:left;margin-top:0}.dm-tools-label{color:#3a3a3a;font-size:10pt;margin-bottom:5px;padding-left:10px;text-align:left}.dm-tools-input{width:100%;height:40px;background-color:#fefefe;font-family:Titillium Web,sans-serif;border:1px solid rgb(207,207,207);border-radius:8px}.edit-player-form input,.edit-map-form input,.edit-player-form textarea{background-color:#fefefe}.dm-tools-textarea{resize:none;background-color:#fefefe}.player-list{list-style:none;display:flex;flex-direction:column;gap:5px;width:48%;padding:0;margin-top:0;max-height:640px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bebebe #eceae6}.edit-player-empty-state{background-color:#e2e0dc;color:#202020;border-radius:8px;display:flex;justify-content:center;margin-top:20px;align-items:center;font-size:10pt;font-weight:600;min-height:500px}.score-hp-container{display:flex;flex-direction:column;justify-content:space-between;margin-top:0}.hp-manager-container{display:flex;flex-direction:column;align-items:center}.hp-display{display:flex;align-items:center;margin-bottom:0;-webkit-user-select:none;user-select:none}.decrement-button,.increment-button{padding:2px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;background-color:transparent;border:none;border-radius:50%;cursor:pointer;margin:0;transition:all .2s}.increment-button:hover{background-color:#208120}.decrement-button:hover{background-color:#971536}.active-hp-indicator{display:flex;justify-content:center;width:60px;font-size:26pt;font-family:Orbitron,sans-serif;transition:all .2s}.add-remove-hp{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.progress-bar{position:relative;width:180px;height:18px;background-color:#423f3f;border-radius:10px;overflow:hidden;margin:0 10px;cursor:pointer}.progress-fill{height:100%;transition:width .3s ease;border-radius:10px;transition:all .6s}.modal{display:block;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0006}.player-list-flex{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding:0 5px;border-radius:8px;font-size:12pt;max-height:50px;font-weight:600;background-color:#dbd7d7;box-sizing:border-box}.delete-player-name{padding:0;color:#202020;margin:0;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.delete-player-button{padding:0;background-color:#522424;color:#fff;font-size:10pt;height:40px;margin:40px 0 5px}.update-player-button{padding:0;background-color:#225e86;color:#fff;font-size:10pt;height:40px;margin:5px 0}.back-to-main-button{padding:8px;background-color:#5a2a2c;color:#fff;transition:all .2s ease-in-out}.confirm-show-dm-password{font-size:10pt;color:#202020}.show-dm-password-button{padding:8px;background-color:transparent;color:#532c2c;font-size:10pt;height:40px;font-weight:600;text-decoration:underline;margin:0 0 5px;transition:all .2s ease-in-out;width:fit-content;position:absolute;left:20px;top:80px}.showing-dm-password-button{padding:8px;background-color:transparent;color:#532c2c;font-size:10pt;height:40px;font-weight:600;text-decoration:underline;margin:0 0 5px;transition:all .2s ease-in-out;width:fit-content;position:absolute;left:20px;top:120px}.cancel-dm-password-button{padding:8px;background-color:transparent;color:#353030;font-size:10pt;height:40px;font-weight:600;text-decoration:underline;margin:0 0 5px;transition:all .2s ease-in-out;width:fit-content;position:absolute;left:160px;top:120px}.back-to-main-button:hover{background-color:#7e2121}.cancel-player-button{padding:0;background-color:#e4e4e4;color:#181818;border:1px solid rgb(182,182,182)!important;font-size:10pt;height:40px;margin:5px 0}.ac-icon{position:absolute;left:-60px;bottom:0;height:50px;display:flex;flex-direction:row}.ac-shield{position:absolute;filter:drop-shadow(0px 0px 4px black)}.ac-number{display:flex;justify-content:center;align-items:center;position:absolute;color:#fff;left:14.5px;width:20px;font-family:Orbitron,sans-serif;text-align:center;-webkit-user-select:none;user-select:none;font-weight:600}.character-image{display:flex;gap:10px;align-items:end}.select-image-container{width:100%;display:flex;flex-direction:column}.modal-effects-text{font-size:10pt;color:#1a1a1a;margin:0}.modal-accent{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;top:0;left:0;transition:all .2s}.modal-accent-weapon{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;background-color:#b41111;top:0;left:0;transition:all .2s}.modal-accent-glow{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;background-color:#e79504;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd590d)}.modal-accent-glow-weapon{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;background-color:#e70448;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd0d29)}.modal-accent-glow-spell{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;background-color:#02ddcb;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #04d9ff)}.spell-cast{opacity:1!important}.spell-cast-accent{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;top:0;left:0;transition:all .2s;animation:cast-spell 4s infinite linear}.puff-out-center{transition:all 2s ease-in-out;background-color:#0a0a0afb;transform-origin:top;-webkit-animation:puff-out-center 1s 3s cubic-bezier(.165,.84,.44,1) both;animation:puff-out-center 1s 3s cubic-bezier(.165,.84,.44,1) both}.button-response-animate{-webkit-animation:flicker-out-1 2s linear both;animation:flicker-out-1 2s linear both}.background-animate{-webkit-animation:background-animate 2s linear both;animation:background-animate 2s linear both}.font-color-animate{-webkit-animation:font-color-animate 2s linear both;animation:font-color-animate 2s linear both;margin:0;font-size:10pt;color:#242424;flex-grow:3}.font-color-animate-title{-webkit-animation:font-color-animate 2s linear both;animation:font-color-animate 2s linear both;font-weight:600;font-size:14pt;color:#242424;margin:10px 0;max-width:400px;white-space:wrap}.font-color-animate-small{-webkit-animation:font-color-animate 2s linear both;animation:font-color-animate 2s linear both;font-weight:600;font-size:8pt;color:#242424;margin:10px 0;max-width:400px;white-space:wrap}.charges-animate{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.71);transform:scale(.71);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.88);transform:scale(.88);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.77);transform:scale(.77);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.71);transform:scale(.71);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.88);transform:scale(.88);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.77);transform:scale(.77);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes flicker-out-1{0%{opacity:1}13.9%{opacity:1}14%{opacity:0;-webkit-box-shadow:none;box-shadow:none}14.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}15%{opacity:1}22.9%{opacity:1}23%{opacity:0;-webkit-box-shadow:none;box-shadow:none}24.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}25%{opacity:1;filter:blur(8px)}34.9%{opacity:1}35%{opacity:0;-webkit-box-shadow:none;box-shadow:none}39.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}40%{opacity:1}42.9%{opacity:1}43%{opacity:0;-webkit-box-shadow:none;box-shadow:none}44.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}45%{opacity:1}50%{opacity:1}54.9%{opacity:1}55%{opacity:0;-webkit-box-shadow:none;box-shadow:none}69.4%{opacity:0;-webkit-box-shadow:none;box-shadow:none}69.5%{opacity:1}69.9%{opacity:1}70%{opacity:0;-webkit-box-shadow:none;box-shadow:none}79.4%{opacity:0;-webkit-box-shadow:none;box-shadow:none}79.9%{opacity:1}80%{opacity:0;-webkit-box-shadow:none;box-shadow:none}89.8%{opacity:0;-webkit-box-shadow:none;box-shadow:none}89.9%{opacity:1;-webkit-box-shadow:none;box-shadow:none}90%{opacity:0;-webkit-box-shadow:none;box-shadow:none}to{opacity:0}}@keyframes flicker-out-1{0%{opacity:1}13.9%{opacity:1}14%{opacity:0;-webkit-box-shadow:none;box-shadow:none}14.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}15%{opacity:1}22.9%{opacity:1}23%{opacity:0;-webkit-box-shadow:none;box-shadow:none}24.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}25%{opacity:1;filter:blur(8px)}34.9%{opacity:1}35%{opacity:0;-webkit-box-shadow:none;box-shadow:none}39.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}40%{opacity:1}42.9%{opacity:1}43%{opacity:0;-webkit-box-shadow:none;box-shadow:none}44.9%{opacity:0;-webkit-box-shadow:none;box-shadow:none}45%{opacity:1}50%{opacity:1}54.9%{opacity:1}55%{opacity:0;-webkit-box-shadow:none;box-shadow:none}69.4%{opacity:0;-webkit-box-shadow:none;box-shadow:none}69.5%{opacity:1}69.9%{opacity:1}70%{opacity:0;-webkit-box-shadow:none;box-shadow:none}79.4%{opacity:0;-webkit-box-shadow:none;box-shadow:none}79.9%{opacity:1}80%{opacity:0;-webkit-box-shadow:none;box-shadow:none}89.8%{opacity:0;-webkit-box-shadow:none;box-shadow:none}89.9%{opacity:1;-webkit-box-shadow:none;box-shadow:none}90%{opacity:0;-webkit-box-shadow:none;box-shadow:none}to{opacity:0}}@keyframes cast-spell{0%{background-color:#02ddcb;box-shadow:0 4px 25px #76e4ffcc}20%{background-color:#fff;box-shadow:0 4px 25px #4de0ffcc}40%{background-color:#272727;box-shadow:0 4px 25px #2ac5ffcc}60%{background-color:#01daf7;box-shadow:0 4px 25px #2885ffcc}80%{background-color:#fff;box-shadow:0 4px 25px #2d46b9cc}to{background-color:#02ddcb;box-shadow:0 4px 25px #76e4ffcc}}@keyframes start-glowing{0%{color:#d9d9d9;filter:drop-shadow(0px 0px 4px yellowgreen)}10%{color:#9acd32;filter:drop-shadow(0px 0px 4px yellowgreen)}20%{color:#0a82e4;filter:drop-shadow(0px 0px 4px rgb(1,167,233))}30%{color:#97c5b7;filter:drop-shadow(0px 0px 4px rgb(1,167,233))}40%{color:#fbfcfb;filter:drop-shadow(0px 0px 4px rgb(1,233,221))}90%{color:#fff;filter:drop-shadow(0px 0px 4px rgb(0,255,128))}to{color:#f8f8f8;filter:drop-shadow(0px 0px 4px yellowgreen)}}@-webkit-keyframes font-color-animate{0%{filter:blur(0px);opacity:0}50%{filter:drop-shadow(0px 0px 4px cyan);opacity:1}80%{opacity:0;filter:drop-shadow(0px 0px 4px transparent)}to{filter:blur(8px);opacity:1}}@keyframes font-color-animate{0%{filter:blur(0px);opacity:0}50%{filter:drop-shadow(0px 0px 2px cyan);opacity:1}80%{filter:drop-shadow(0px 0px 4px transparent);opacity:0}to{filter:blur(8px);opacity:1}}@-webkit-keyframes background-animate{50%{background-color:#161616;box-shadow:0 4px 25px #76e4ffcc}to{background-color:#161616;box-shadow:0 4px 25px #76e4ffcc}}@keyframes background-animate{50%{background-color:#161616;box-shadow:0 4px 25px #76e4ffcc;color:#fff!important}to{background-color:#161616;box-shadow:0 4px 25px #76e4ffcc}}@-webkit-keyframes puff-out-center{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}}@keyframes puff-out-center{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}}.modal-accent-glow-both{width:8px;height:calc(100% + -0px);border-radius:2px 0 0 2px;position:absolute;background-color:#9503f7;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd0d9f)}.modal-button-container-flex{display:flex;flex-direction:row;gap:20px}.charge-cost-container,.charge-cost-container-mini{display:flex;align-items:center;font-size:10pt;color:#202020;margin-top:0}.targeted-player-note{font-weight:600;color:maroon;font-size:10pt;margin-top:18px;margin-bottom:18px;display:flex;gap:5px;align-items:center}.mapped-item-effect-paragraph{font-size:9pt}.modal-charge-cost-dot{width:8px;height:8px;border:1px solid rgb(19,100,23);border-radius:50%;background:linear-gradient(to top right,#109955,#09e0ce);filter:drop-shadow(0px 0px 4px greenyellow)}.modal-charge-cost-dot-tiny{width:4px;height:4px;margin-top:8px;border:1px solid rgba(19,100,23,.616);border-radius:50%;background:linear-gradient(to top right,#109955,#09e0ce);filter:drop-shadow(0px 0px 4px rgb(0,255,55))}.modal-charge-cost-dot-even-tinier{width:4px;height:4px;margin-top:2px;border:1px solid rgba(19,100,23,.616);border-radius:50%;background:linear-gradient(to top right,#109955,#09e0ce);filter:drop-shadow(0px 0px 4px rgb(0,255,55))}.activated-item-card{position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .5s ease-in-out}.instructions{position:absolute;right:60px;display:flex;align-items:center;color:#fff;z-index:10;font-size:12px;text-align:right}.diearrow{top:20px}.sliderarrow{top:95px}.leftpanearrow{top:175px}.rightpanearrow{top:220px}.pointclickarrow{top:260px}.zoomarrow{top:310px}.mapdeetsarrow{top:355px}.chatarrow{top:400px}.dmtoolsarrow{top:445px}.playerinstructions{position:absolute;display:flex;align-items:center;background-color:#202020;border-radius:4px;filter:drop-shadow(0px 0px 4px yellowgreen);color:#fff;z-index:9999;padding:2px 8px;font-size:12px;text-align:right}.playervisibility{top:20px;left:465px}.playermoney{top:60px;left:465px}.playerhp{top:100px;left:465px}.playerspells{top:140px;left:465px}.playerac{top:140px;left:130px}.playerabilities{top:200px;left:465px}.playerstatsheet{top:400px;left:465px}.playerattack{top:650px;left:465px}.display-help-button{position:fixed;z-index:10;left:470px;bottom:30px;border-radius:50%;width:fit-content;padding:0;height:24px;margin:0;font-size:30px;color:#9acd32;filter:drop-shadow(0px 0px 4px black);background-color:transparent;transition:all .2s ease-in-out}.display-help-button-inline{border-radius:50%;width:fit-content;padding:0;height:24px;margin:0 5px;font-size:18px;color:#9acd32;filter:drop-shadow(0px 0px 4px black);background-color:transparent;transition:all .2s ease-in-out}.display-help-button:hover{color:#0b9640}.empty-map-instructions{color:#fff;background-color:#0f0f0f;min-height:1000px;max-height:1000px;width:2000px;flex-direction:column;display:flex;align-items:left;box-sizing:border-box;padding:10%;margin-top:80px;gap:70px}.no-maps-instruction{color:#fff;font-size:12pt;display:flex;flex-direction:column}.activated-item-icon-background-big{position:absolute;display:flex;right:100px;opacity:.1;font-size:180pt;top:80px;flex-direction:column;align-items:center;width:20%;margin:0;padding:0}.spell-cast-icon{animation:start-glowing 4s linear alternate;transition:3s all ease-in-out;filter:drop-shadow(0px 0px 4px yellowgreen);opacity:1!important}.modal-accent-little-tiny{width:4px;height:calc(100% + -0px);border-radius:8px 0 0 8px;position:absolute;background-color:#e79504;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd590d)}.modal-accent-weapon-little-tiny{width:4px;height:calc(100% + -0px);border-radius:8px 0 0 8px;position:absolute;background-color:#e70448;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd0d29)}.modal-accent-spell-little-tiny{width:4px;height:calc(100% + -0px);border-radius:8px 0 0 8px;position:absolute;background-color:#01ffc0;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #0dddba)}.modal-accent-little{width:6px;height:calc(100% + -0px);border-radius:3px 0 0 3px;position:absolute;background-color:#e79f04;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd590d)}.modal-accent-weapon-little{width:6px;height:calc(100% + -0px);border-radius:3px 0 0 3px;position:absolute;background-color:#4102156c;top:0;left:0;transition:all .2s}.modal-accent-weapon-little-glow{width:6px;height:calc(100% + -0px);border-radius:3px 0 0 3px;position:absolute;background-color:#e70448;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #dd0d29)}.modal-accent-spell-little{width:6px;height:calc(100% + -0px);border-radius:3px 0 0 3px;position:absolute;background-color:#04dfe7;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #0dddd3)}.modal-accent-both-little{width:6px;height:calc(100% + -0px);border-radius:3px 0 0 3px;position:absolute;background-color:#490bf3;top:0;left:0;transition:all .2s;filter:drop-shadow(0px 0px 4px #350286)}.modal-content{position:relative;max-width:600px;min-height:600px;max-height:600px;border-radius:3px;background-color:#eceae6;box-sizing:border-box;margin:auto;padding:20px;border:none;width:80%;overflow-y:auto;scrollbar-width:thin;transition:all 1s ease-in-out;scrollbar-color:#cecece #eceae6}.modal-content-item{position:relative;max-width:600px;min-height:400px;max-height:600px;border-radius:3px;background-color:#eceae6;box-sizing:border-box;margin:auto;padding:20px;border:none;display:flex;flex-direction:column;justify-content:space-between;width:80%;overflow-y:auto;scrollbar-width:none;transition:all 1s ease-in-out}.modal-title-item{font-weight:600;font-size:14pt;color:#242424;margin:10px 0;max-width:400px;white-space:wrap;transition:all .3s ease-in-out}.modal-text-item{margin:0;font-size:10pt;color:#242424;white-space:pre-wrap;flex-grow:1;transition:all .3s ease-in-out}.special-class:hover{background-color:#080808;transition:all .2s ease-in-out;filter:drop-shadow(0px 0px 4px yellowgreen)}.empty-state-map-select{display:flex;flex-direction:row;justify-content:center}.preview-map-form{display:flex;width:280px;height:280px;background-color:#c6cdcf;border-radius:8px}.modal-content-dmTools{position:relative;max-width:800px;min-height:800px;max-height:80vh;border-radius:3px;background-color:#eceae6;box-sizing:border-box;margin:auto;padding:20px;border:none;width:80%}.empty-shrimps{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;gap:20px}.modal-content-dmTools-password{position:relative;max-width:400px;min-height:180px;border-radius:3px;background-color:#eceae6;box-sizing:border-box;margin:80px auto auto;padding:20px;border:none;width:30%;display:flex;flex-direction:column}.icon-selector-container{position:relative;display:inline-block}.selected-icon{padding:8px;border:2px solid #ccc;border-radius:4px;cursor:pointer;transition:border-color .3s}.selected-icon:hover{border-color:#007bff}.icon-label-span{font-size:8pt;color:#fff;border:1px solid rgb(253,253,253);border-radius:4px;text-align:center;padding:1px}.icon-name-box{display:flex;align-items:center;gap:15px;justify-content:space-between}.icon-grid-overlay{position:absolute;top:0;left:0;background:#0000004d;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9000}.icon-grid-overlay-dm{position:absolute;top:0;left:0;background:#0000004d;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9000}.icon-grid-dm{background:#2b2b2b;padding:10px;height:80%;border-radius:8px;box-shadow:0 0 10px #0000004d;display:grid;grid-template-columns:repeat(6,80px);gap:10px;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#202020 transparent}.icon-preview-dm{padding-top:10px}.icon-grid-item-dm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;font-size:30px;border:2px solid transparent;border-radius:8px;cursor:pointer;color:#e7ddee;transition:border-color .3s}.icon-grid{background:#2b2b2b;padding:10px;border-radius:8px;box-shadow:0 0 10px #0000004d;display:grid;grid-template-columns:repeat(10,80px);gap:10px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#202020 transparent}.icon-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;font-size:40px;border:2px solid transparent;border-radius:8px;cursor:pointer;color:#e7ddee;transition:border-color .3s}.icon-grid-item.selected{background-color:#175063}.icon-grid-item:hover{background-color:#414141}.icon-grid-item span{margin-top:5px;font-size:12px;text-align:center;color:#333}.dm-toolkit-buttons{font-size:12pt;gap:5px;width:100%;display:flex;flex-direction:row}.dm-toolkit-buttons button{padding:2px!important;margin:0;background-color:#202020;color:#e2e0e0;border-radius:8px 8px 0 0;text-decoration:underline}.dmtoolkit-active-tab{color:#fff!important;font-weight:600;text-decoration:none!important;background-color:#131313!important}.dmtools-player-select-dropdown{display:flex}.dmMode-toolkit-container{position:absolute;z-index:1}.dmToolkit-global-effects-list{display:flex;gap:10px;flex-wrap:wrap;min-height:58px}.dmToolkit-cancel-action-button{background-color:transparent;color:bisque;border:1px solid #ffffff00!important}.dmToolkit-cancel-action-button:hover{border:1px solid bisque!important}.global-effect-item{background:linear-gradient(to bottom right,#852670,#994c4c)!important;border-radius:15px;padding:5px 10px!important;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;align-items:left;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;margin:0!important}.global-effect-item p{display:flex;flex-direction:row;color:#fff;align-items:left;justify-content:center}.global-effect-item-toolkit{background:linear-gradient(to bottom right,#852670,#994c4c)!important;border-radius:8px;padding:5px 40px 5px 10px!important;box-shadow:0 2px 4px #0000001a;display:flex;width:fit-content;flex-direction:column;justify-content:space-between;align-items:left;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;margin:0!important}.global-effect-item-toolkit p{font-size:10pt;display:flex;flex-direction:row;color:#fff;margin:2px;justify-content:left}.points-left-buttons{display:flex;align-items:center;height:40px}.increment-points-button,.decrement-points-button{width:20px;display:flex;text-align:center;justify-content:center;align-items:center;height:20px;background-color:transparent;color:#fff;padding-bottom:15px}.predefined-effects-grid{display:flex;flex-wrap:wrap;gap:10px}.predefined-effect-button{font-size:10pt;width:fit-content;border:1px solid rgb(129,180,209)!important;color:#6fb1d8;background-color:#313131;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s ease-in-out}.predefined-effect-button:hover{background-color:#175063;color:#00a2ff}.activated-button{background-color:#326970;color:#79e8f7;filter:drop-shadow(0px 0px 4px rgb(0,162,255))}.predefined-effect-description{font-size:.85em;color:gray;margin-top:5px}.dm-toolkit-container{padding:0;box-sizing:border-box;position:fixed;top:0;left:460px;right:455px;max-height:100vh;scrollbar-width:thin;overflow-y:auto}.dm-toolkit{padding:0 10px;background-color:#202020}.dmToolkit-drawer-button-active{margin:0;border-radius:0 0 100% 100%;background-color:#202020;line-height:10px;transform:translateY(0);transition:all .2s ease-in-out}.dmToolkit-drawer-button{padding:15px 10px 5px;margin:0;border-radius:0 0 100% 100%;background-color:#202020;line-height:10px;transform:translateY(-10px);transition:all .2s ease-in-out}.dmToolkit-drawer-button:hover{transform:translateY(0)}.dm-toolkit-weapon-effect{display:flex}.dm-toolkit-effect-list{list-style:none;color:#fff;font-weight:700;display:flex;flex-direction:column;padding:0;width:100%;justify-content:space-between}.dm-toolkit-effect-selector{width:100%;display:flex;justify-content:left;align-items:flex-end;gap:40px}.dm-toolkit-effect-list li{display:flex;justify-content:space-between;padding-right:40px}.dm-toolkit-give-item-button:hover{background-color:#24a770}.disabled-button{opacity:.5;pointer-events:none}.global-effect-indicator-dmtool{background-color:#fff;border-radius:4px;margin:0;width:fit-content;padding:0 5px;color:#202020!important}.dm-toolkit-map-visibility-list{height:fit-content;max-height:100vw;width:100%;display:flex;flex-direction:column;gap:5px;border-radius:8px;padding:20px 0 0;margin-top:0;box-sizing:border-box}.dm-toolkit-map{display:flex;flex-direction:row;justify-content:space-between;height:40px;align-items:center;cursor:grab;border-radius:4px}.dm-toolkit-visibility-map-name{display:flex;flex-direction:row;justify-content:left;height:60px;align-items:center;width:300px;gap:5px}.dm-toolkit-map-name{font-size:12pt;font-weight:600;width:250px;white-space:nowrap;text-overflow:ellipsis;color:#0a0a0a;overflow:hidden}.dm-toolkit-map-button{width:120px;padding:0 4px;height:40px;font-size:10pt;font-weight:600;letter-spacing:1px;border-radius:0 4px 4px 0}.dm-toolkit-manage-maps-button{height:30px;line-height:15px;border-radius:8px 8px 0 0;background-color:#202020;color:#fff;text-decoration:underline}.dm-toolkit-inventory-creator{height:fit-content;background-color:#131313;gap:2px;display:flex;flex-direction:column;padding:20px 10px 10px;border-radius:0 0 8px 8px}.dm-toolkit-item-effect-list-item{position:relative;width:fit-content;height:30px;line-height:30px;color:#fff}.dm-toolkit-select-player-inventory-input{width:100%;padding:0;margin:0;flex-grow:3;border-radius:4px;outline:none!important;font-size:10pt!important;height:40px;background-color:#fff;color:#000;font-family:Titillium Web,sans-serif}.inventory-input-icon{display:flex;flex-direction:row;align-items:center;height:40px;justify-content:left}.dm-toolkit-select-player-inventory-input-small{width:60px;padding:0;margin:0;flex-grow:3;text-align:center;border-radius:4px;outline:none!important;font-size:14pt!important;height:40px;background-color:#fff;color:#000;font-family:Titillium Web,sans-serif}.dm-toolkit-add-effect{font-size:10pt;width:fit-content;background-color:#175063;color:#f0f0f0;margin-bottom:1px}.dm-toolkit-checkbox{accent-color:yellowgreen;margin:14px 0}.dm-toolkit-name-weapon-container{display:flex;height:70px;width:100%;gap:20px}.dmtoolkit-selected-player-effects{flex-direction:column;display:flex;gap:10px}.dm-toolkit-laser-item-button{border-radius:8px 8px 0 0;height:30px;line-height:15px;background-color:transparent;color:#fff}.dm-toolkit-remove-effect{font-size:10pt;width:30px;height:30px;line-height:15px;padding:3px 0 0;position:absolute;margin:0;right:8px;top:14px;pointer-events:auto;background-color:transparent;color:#f0f0f0;transition:all .2s ease-in-out}.dm-toolkit-remove-effect:hover{background-color:#631730!important}.dm-toolkit-remove-item-effect{font-size:10pt;width:30px;height:30px;line-height:15px;padding:3px 0 0;position:absolute;margin:0;right:8px;top:0;pointer-events:auto;background-color:transparent;color:#f0f0f0;transition:all .2s ease-in-out}.dm-toolkit-remove-item-effect:hover{background-color:#631730!important}.dm-toolkit-header{padding:0 0 4px;margin:0}.dm-toolkit-inventory-input{min-width:260px;margin:0;background-color:#fff;color:#000}.dm-toolkit-inventory-textarea{height:80px;background-color:#fff;color:#000;max-height:140px;resize:vertical}.dm-toolkit-give-item-button{background-color:#3c5f5a;color:#fff;transition:all .2s;letter-spacing:2px}.armor-class,.proficiency{display:none!important}.clean{position:absolute!important;top:10px;height:35px;border-radius:10px 0 0 10px;background-color:#3b3b3b;color:#cfcfcf;right:-10px;width:60px;padding-right:20px;font-size:10px;transition:all .2s;z-index:10}.player-edit-form{display:flex;flex-direction:row;justify-content:space-between;min-height:500px}.special-modifiers{margin-bottom:10px;display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;height:60px}.special-modifier{border:1px solid rgba(255,255,255,0);height:20px;position:relative;border-radius:50%;width:20px;padding:10px;font-size:14pt;color:#fff;display:flex;justify-content:center;cursor:pointer;align-items:center;font-weight:600;transition:all .2s ease-in-out;filter:drop-shadow(0px 0px 4px rgb(7,136,153))}.special-modifier:hover{filter:drop-shadow(0px 0px 4px rgb(197,6,95))}.roll-icon-stat{position:absolute;right:-10px;bottom:-10px;font-size:40pt;color:gray;opacity:.4}.roll-icon-label{position:absolute;left:-30px;top:10px;font-size:12pt!important;font-weight:600;filter:drop-shadow(0px 0px 4px rgb(153,7,51))}.map-edit-form{display:flex;flex-direction:row;justify-content:space-between;min-height:300px}.close{color:#aaa;position:absolute;right:30px;top:10px;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#d4a3a3;text-decoration:none;cursor:pointer}.confirmation-container{width:100%;padding:0 40px 40px;display:flex;flex-direction:column;height:300px;justify-content:space-around;margin-top:0;box-sizing:border-box}.confirm-delete{background-color:#522424;color:#dbdada;transition:all .2s}.confirm-delete:hover{background-color:#6e1e1e;color:#f5f5f5}.cancel-delete{background-color:#6d6d6d;color:#f5f5f5}.cancel-delete:hover{background-color:#3a5050;color:#f5f5f5}.add-item-input{font-family:Titillium Web,sans-serif;color:#000;background-color:#fff!important}.app-container{display:flex;height:100vh;align-items:baseline;background-color:#0f0f0f;scrollbar-width:thin;scrollbar-color:#161616 #202020;flex-direction:row;padding-left:460px;z-index:1;letter-spacing:.3px;box-sizing:border-box}.map-description{color:#ebebeb;font-weight:400;padding:0 20px 10px;font-size:14px;margin-left:10px}.map-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;margin-left:5px;padding:10px 10px 0;font-size:36px;margin-bottom:0}.map-title-background{position:fixed;transition:all .2s;top:0;background-color:#0f0f0fc0;border-radius:4px;max-width:460px}.player-header-container{display:flex;flex-direction:row}.player-control-button-container{padding-top:2px}.hide-left-pane-button,.hide-player-button{color:#dbdbdb;width:10px;background-color:transparent}.maps-list-list{list-style:none;margin:0;padding:5px 0 5px 5px;width:calc(90% - 15px);box-sizing:border-box;max-width:600px;background-color:#202020;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#161616 #202020;transition:all .2s}.maps-list-list li{list-style:none;margin:5px;padding:12px;background-color:#2b2b2b;border-radius:4px;font-weight:400;transition:all .2s;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.active-map{background-color:#3c5f5a!important;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.left-panel{position:fixed;left:0;top:0;height:100vh;overflow:hidden;flex-basis:20%;background-color:#202020;z-index:2;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #0c0c0c;box-sizing:border-box;flex-grow:1;min-width:460px;max-width:460px;overflow-y:hidden;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.719))}.left-panel h3{margin-top:1rem;font-size:1.2rem}.left-panel ul{list-style:none;padding:0;flex-grow:1}.left-panel ul li{margin:.5rem 0;padding:.5rem;background-color:#eee;border-radius:5px}.toggle-inventory{background-color:#444;padding:10px;color:#fff;font-size:12pt;margin-bottom:-5px;border-radius:8px 8px 0 0;height:45px;transition:all .2s;letter-spacing:1px;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.719))}.toggle-inventory:hover{transform:translateY(-5px);background-color:#475856}.toggle-inventory-inside{background-color:#444;padding:15px 0 0;margin:0;border-radius:8px 8px 0 0;height:20px;transition:all .2s;position:absolute;top:-5px;left:0;width:100%;display:flex;justify-content:center;align-items:center}.modal-text{font-size:12pt;color:#242424}.modal-title{width:80%;color:#242424;font-size:14pt;font-weight:600}.map-panel{max-width:1000px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.welcome-campaign-empty{text-align:left;display:flex;width:calc(100vw - 460px);flex-direction:column;height:100vh;box-sizing:border-box;overflow:hidden;gap:20px;padding:100px}.map-area{width:1000px;height:1000px;background-size:cover;background-position:center;position:relative}.map-players-viewing{display:flex;flex-direction:row;width:fit-content;flex-wrap:wrap;row-gap:5px}.player-btn{position:absolute;background-color:#3cfc;color:#fff;padding:1rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;width:180px;transition:transform .2s ease}.player-btn:hover{transform:scale(1.1)}.health-status-indicator{width:100%;height:10px!important;display:flex;flex-direction:row;justify-content:center;margin:0;padding:0}.progress-bar-tiny-container{width:100%;height:100%;max-height:8px;display:flex;flex-direction:row;justify-content:center;margin:0;padding:0}.progress-bar-tiny{position:relative;width:50%;margin:0;height:100%;background-color:#423f3f;border-radius:10px;overflow:hidden}.progress-fill-tiny{height:100%;transition:width .3s ease;border-radius:0;transition:all .6s}button,input,textarea{margin:10px 0;padding:10px;border-radius:5px;border:1px solid #ccc;width:100%;box-sizing:border-box;font-family:Titillium Web,sans-serif}h3,h4,p{color:#c9c9c9}button{background-color:#333;color:#4b4a4a;cursor:pointer;border:none!important;outline:none!important;transition:all .2s}.die-roll-container{position:fixed;bottom:20px;left:480px;width:60px;height:60px;background-color:transparent;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;font-weight:700;-webkit-user-select:none;user-select:none;transition:transform .3s ease}.die-roll-container:hover{transform:scale(1.1)}.close-dieroll{position:absolute;top:-50px;font-size:20px;color:#d4d4d4;width:5px;right:-30px;background-color:transparent}.die-roll-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:50}.die-roll-modal-content{background-color:transparent;padding:0;border-radius:8px;text-align:center;position:relative;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.die-roll-modal-title{font-size:24px;margin-bottom:10px}.die-roll-result{font-size:80px;font-weight:800;line-height:40px;color:#0f0f0f;margin-bottom:15px;display:flex;gap:80px}.roll-options{display:flex;flex-direction:row}.roll-type-select{display:flex;align-items:center;margin-right:10px;gap:5px}.roll-type-label{margin-right:.5rem;font-weight:700;color:#333}.checkbox-option{display:flex;align-items:center}.checkbox-label{font-size:1rem;color:#333}.checkbox-input{margin-right:.5rem;width:16px;height:16px}.checkbox-input:checked{background-color:#007bff}.checkbox-label:hover .checkbox-input{cursor:pointer;border-color:#007bff}.dice-status-message{position:fixed;top:20%;font-weight:600;font-family:Orbitron,sans-serif;font-size:48pt;filter:drop-shadow(4px 4px 4px black)}.right-pane{position:fixed;right:0;top:0;height:100vh;width:455px;z-index:2;border-left:1px solid #0c0c0c;background-color:#202020;flex-grow:3;display:flex;flex-direction:column;justify-content:space-between;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.719))}.right-pane-empty-state{position:fixed;right:0;top:0;height:100vh;width:410px;z-index:2;background-color:#202020;flex-grow:3;display:flex;align-items:center;color:#9b9b9b;flex-direction:column;font-size:12px;justify-content:center}.use-dmtools-cta{text-decoration:underline;background-color:transparent;font-size:10pt;width:fit-content;color:#078899}.use-dmtools-cta-inline{text-decoration:underline;background-color:transparent;font-size:12pt;width:fit-content;padding:0;color:#9acd32}.flex-container{display:flex;flex-direction:row;gap:5px;align-items:center}.event-log-container{border-top:1px solid rgb(39,39,39);padding:10px;height:260px;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;scrollbar-color:#161616 #202020}.log-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.log-entry{white-space:wrap;text-overflow:ellipsis;overflow:hidden;font-size:10pt;padding:5px 0;margin:0;background-color:transparent!important;border-bottom:1px solid rgba(173,173,173,.075)}.log-entry-container{padding:0;margin:0;background-color:transparent!important}.log-entry-date{padding:5px 0 0;color:#7c7b7b;margin:0;font-size:8pt;text-align:right}.chat-input-form{display:flex;padding:10px;align-items:center}.chat-input{background-color:#444;color:#fff!important;border:1px solid grey;outline:none!important}.chat-submit-button{width:40px;height:40px;padding:0;margin:0;display:flex;justify-content:center;align-items:center;background-color:#202020;border-radius:50%}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#202020}.loader{width:54px;height:54px;position:relative;border-radius:4px;background-color:#fff;background-image:radial-gradient(circle 5px,#202020 100%,transparent 0),radial-gradient(circle 5px,#202020 100%,transparent 0),radial-gradient(circle 5px,#202020 100%,transparent 0),radial-gradient(circle 5px,#202020 100%,transparent 0),radial-gradient(circle 5px,#202020 100%,transparent 0),radial-gradient(circle 5px,#202020 100%,transparent 0);background-repeat:no-repeat;animation:move 2s linear infinite,rotate 2s linear infinite}@keyframes rotate{0%,20%{transform:rotate(0)}30%,40%{transform:rotate(90deg)}50%,60%{transform:rotate(180deg)}70%,80%{transform:rotate(270deg)}90%,to{transform:rotate(360deg)}}@keyframes move{0%,9%{background-position:-12px -15px,-12px 0px,-12px 15px,12px -15px,12px 0px,12px 15px}10%,25%{background-position:0px -15px,-12px 0px,-12px 15px,34px -15px,12px 0px,12px 15px}30%,45%{background-position:0px -34px,-12px -10px,-12px 12px,34px -15px,12px -10px,12px 12px}50%,65%{background-position:0px -34px,-12px -34px,-12px 12px,34px -12px,0px -10px,12px 12px}70%,85%{background-position:0px -34px,-12px -34px,0px 12px,34px -12px,0px -10px,34px 12px}90%,to{background-position:0px -34px,-12px -34px,0px 0px,34px -12px,0px 0px,34px 12px}}.die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:110px;height:110px;padding:5px;background:#fff;border:none;border-radius:10px;position:relative;filter:drop-shadow(4px 4px 4px black);opacity:.5}.dot{background-color:#000;border-radius:50%;width:20px;height:20px;display:block;margin:auto}.center{grid-column:2;grid-row:2}.top-left{grid-column:1;grid-row:1}.top-right{grid-column:3;grid-row:1}.bottom-left{grid-column:1;grid-row:3}.bottom-right{grid-column:3;grid-row:3}.middle-left{grid-column:1;grid-row:2}.middle-right{grid-column:3;grid-row:2}.glowing{background:linear-gradient(to bottom right,#f1de70fa,#c9c924d3);animation:glow1 1s infinite alternate;opacity:1;transform:scale(1.2);transition:all .5s}@keyframes glow1{0%{box-shadow:0 0 5px #ebe70d}to{box-shadow:0 0 15px #e6bd0b}}.player-stats-summary{height:fit-content;overflow-y:auto;scrollbar-width:thin}.player-stat-sheet{font-family:Arial,sans-serif;padding:20px;border:none;border-radius:8px;max-width:100%;margin:0 auto;height:600px;font-family:Titillium Web,sans-serif!important}.modifiers-summary li{cursor:pointer;padding:10px;border-radius:5px;-webkit-user-select:none;user-select:none}.modifiers-summary li.active-modifier{background-color:#1a7d85!important;color:#fff}.stats-container{display:flex;flex-direction:column;width:100%;font-size:10pt;border-top:1px solid rgb(196,189,189)}.stats-container p{color:#d3dfbd!important}.stat-item{display:flex;align-items:center;justify-content:space-between;margin:10px 0;width:100%;height:30px;color:#fff}.stat-item label{font-size:12pt;font-weight:600;width:160px;text-align:left;text-transform:capitalize;color:#fff}.charges-label{color:#9acd32!important;font-size:12pt!important;font-weight:700!important}.stat-item-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100px;color:#fff}.stat-item button{background-color:transparent;color:#fff;max-width:18px;min-width:18px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;line-height:18px;font-size:12pt;box-sizing:border-box;padding-bottom:4px!important;height:18px;margin:0;padding:0;cursor:pointer;border-radius:50%;transition:background-color .3s ease}.stat-item button:hover{background-color:#9acd32;color:#202020}.stat-item button:disabled{background-color:#ccc;cursor:not-allowed}.stat-item span{color:#fff;width:80px;font-size:12pt;text-align:center;font-weight:600}.stat-item-number{color:#9acd32!important;width:80px;font-size:12pt;text-align:center;font-weight:600}.skill-item span{color:#fff;width:80px;font-size:12pt;text-align:center;font-weight:600;height:30px}.skill-item{color:#fff;margin:10px 0;height:30px;font-size:12pt;font-weight:600}.skill-item label{color:#fff;width:160px;text-align:left;height:30px}.skills-container{border-top:1px solid rgb(196,189,189)}.skills-container-proficiency{width:80px!important;font-size:12pt;gap:5px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#202020;accent-color:rgb(187,236,10)}.stat-item-modifier-results{display:flex;justify-content:space-between;width:40px!important;font-size:16pt;font-weight:700;color:#202020}.update-stats-button{width:100%;padding:10px;background-color:#1b5264;border:none;color:#fff;font-size:10pt;cursor:pointer;border-radius:4px;margin-top:20px;transition:background-color .3s ease}.update-stats-button:hover{background-color:#007bb5}.update-stats-button:disabled{background-color:#ccc;cursor:not-allowed}.details-container,.skills-container{display:flex;flex-direction:column;margin-bottom:15px}.detail-item,.skill-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-item input{width:60px;font-size:12pt;margin:0;text-align:center;padding:0;box-sizing:border-box;height:40px;font-weight:600;letter-spacing:1px;outline:none!important}.detail-item label{font-size:14pt;font-weight:700;color:#9acd32}.add-effect-container{display:flex;align-items:center;gap:10px}.add-effect-container select,.add-effect-container input{width:100px;padding:5px}.character-sheet-header{width:100%;font-size:8pt!important;font-weight:400;text-transform:uppercase;padding:5px 0 0;border-top:1px solid grey;margin:0!important;display:flex;gap:4px;align-items:center;line-height:20px}.modifiers-summary{display:flex;flex-direction:column;align-items:left;width:100%}.modifiers-summary h4{font-size:1.5em;margin-bottom:1em}.modifiers-summary ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:10px 0}.modifiers-summary li{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background-color:transparent!important;border:1px solid rgb(199,199,199);border-radius:10px;margin:0!important;padding:0 0 0 5px!important;width:100%;box-shadow:0 2px 4px #0000001a}.modifiers-summary li strong{font-size:9pt;margin-right:5px;color:#f8f8f8;font-weight:400}.toggle-effects-button{width:160px;font-size:10pt;transition:all .2s ease-in-out}.character-tab-group{gap:2px;display:flex;flex-direction:row;font-size:14px!important;border-radius:0 8px 8px 0;height:40px;margin:0 10px 2px}.active-character-tab{background-color:transparent!important;border:1px solid rgb(245,245,245)!important;border-bottom:none!important;color:#fff;font-weight:600}.tab-button-character-sheet,.tab-button-inventory,.tab-button-stat-sheet{height:30px;line-height:10px;background-color:#ccc;border-radius:8px 8px 0 0;border-bottom:1px solid white}.deactivate{background-color:#852670;color:#fff}.activate{background-color:#11ac8a;color:#fff}.modifiers-summary li .modifier-value{display:inline-block;font-weight:700;color:#fff;font-size:10pt;width:22px;text-align:center;background-color:#1a7d85;padding:2px 4px;border-radius:0 5px 5px 0;box-shadow:0 1px 3px #0003}.global-effects{display:flex;flex-direction:column;align-items:center;width:100%}.global-effects-section{background-color:#131313;border-radius:0 0 8px 8px;padding:10px}.global-effects h4{font-size:1.5em;margin-bottom:1em}.global-effects ul{display:flex;flex-wrap:wrap;width:100%;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:10px 0}.global-effects li{background:linear-gradient(to bottom right,#852670,#994c4c)!important;border-radius:15px;padding:5px 10px!important;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;align-items:left;-webkit-user-select:none;user-select:none;margin:0!important}.global-effects .effect-description{color:#fff;font-weight:700}.global-effects li p{margin:0;font-size:12px;color:#f8f8f8}.global-effect-type-selection{width:200px}.global-effect-value-input{height:40px;width:60px;margin:0}.global-effect-type-value-container{display:flex;flex-direction:row;align-items:center;height:100px;width:100%;justify-content:left;gap:40px}.effect-description{font-size:12px!important}.activated-items{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:0}.activated-items h4{font-size:1.5em;margin-bottom:1em}.activated-items ul{display:flex;width:100%;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;flex-wrap:wrap;margin:10px 0}.main-money-container{position:absolute;right:25px;top:65px;color:#daa520;display:flex;align-items:center;gap:5px;z-index:50;cursor:pointer;font-family:Orbitron,sans-serif}.edit-money-input{font-family:Orbitron,sans-serif;background:transparent;border:none;padding:0;width:80px;color:#fff;font-size:12pt;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.activated-item-icon-background{position:absolute;display:flex;right:10px;opacity:.3;font-size:24pt;top:10px;flex-direction:column;align-items:center;width:20%;margin:0;padding:0}.weapon-selection-container{display:flex;align-items:center;gap:10px}.weapon-icon-preview{color:#fff;display:flex;align-items:center;justify-content:center;padding-top:28px;width:40px;height:40px;font-size:40px;border-radius:4px;cursor:pointer}.weapon-icon-preview-2{color:#fff;display:flex;align-items:center;justify-content:center;padding-top:28px;width:40px;height:40px;font-size:40px;border-radius:4px}.weapon-icon-preview-3{color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:40px;max-width:40px;height:40px;font-size:40px;border-radius:4px;cursor:pointer}.modifier-summary-item{transition:all .2s ease-in-out}.modifier-summary-item:hover{background-color:#1a7d85!important;filter:drop-shadow(0px 0px 4px rgba(0,0,255,.452))}.activated-items li{background-color:#f6f8f8!important;border-radius:15px;padding:5px 5px 5px 8px!important;box-shadow:0 2px 4px #0000001a;display:flex;margin:0!important;flex-direction:column;align-items:left}.activated-items .item-name{color:#242424!important;font-weight:700;font-size:12px;padding:0}.activated-items li p{margin:0;font-size:12px;color:#242424!important}@media screen and (max-width: 460px){.left-panel{min-width:100vw;max-width:100vw}.left-panel-container,.right-pane{max-width:100vw}.roll-die-button-clean{width:60px;right:-10px;transform:none}.roll-die-button-clean:hover{transform:translate(-5px)}.map-title-background{display:none}}.roll20-main-container{display:flex;flex-direction:row;justify-content:flex-end;position:fixed;z-index:7000;width:100vw;height:100vh;left:0;-webkit-backdrop-filter:grayscale(.9) blur(1px);backdrop-filter:grayscale(.9) blur(1px);bottom:0}.roll20-attacking-player-claim{padding:8px 8px 0;width:100%;text-align:center;margin-left:0;font-size:20px;color:#ff004c;font-weight:600;filter:drop-shadow(0px 0px 2px black)}.roll20-rolling-container{align-self:last baseline;border-radius:8px 8px 0 0;overflow:show;pointer-events:auto!important;background-color:#202020;width:400px;filter:drop-shadow(0px -2px 4px rgba(0,0,0,.815));color:bisque;position:relative;animation:glow 10s linear infinite;transition:all .5s ease-in-out}@-webkit-keyframes glow{0%{-webkit-filter:drop-shadow(0px 0px 12px gold);filter:drop-shadow(0px 0px 12px gold)}20%{-webkit-filter:drop-shadow(0px 0px 6px orange);filter:drop-shadow(0px 0px 6px orange)}40%{-webkit-filter:drop-shadow(0px 0px 16px #ff0055);filter:drop-shadow(0px 0px 16px #ff0055)}60%{-webkit-filter:drop-shadow(0px 0px 8px orange);filter:drop-shadow(0px 0px 8px orange)}80%{-webkit-filter:drop-shadow(0px 0px 16px #0ba8e6);filter:drop-shadow(0px 0px 16px #0ba8e6)}to{-webkit-filter:drop-shadow(0px 0px 12px gold);filter:drop-shadow(0px 0px 12px gold)}}@keyframes glow{0%{-webkit-filter:drop-shadow(0px 0px 12px gold);filter:drop-shadow(0px 0px 12px gold)}20%{-webkit-filter:drop-shadow(0px 0px 6px orange);filter:drop-shadow(0px 0px 6px orange)}40%{-webkit-filter:drop-shadow(0px 0px 16px #ff0055);filter:drop-shadow(0px 0px 16px #ff0055)}60%{-webkit-filter:drop-shadow(0px 0px 8px orange);filter:drop-shadow(0px 0px 8px orange)}80%{-webkit-filter:drop-shadow(0px 0px 16px #0ba8e6);filter:drop-shadow(0px 0px 16px #0ba8e6)}to{-webkit-filter:drop-shadow(0px 0px 12px gold);filter:drop-shadow(0px 0px 12px gold)}}.roll20-main-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.hit-or-miss-result{position:absolute;top:-50px;width:100%;filter:drop-shadow(0px 0px 4px black);text-align:center;text-transform:uppercase;letter-spacing:2px}.roll20-buttons{margin:20px 0 20px 20px;width:150px;display:flex;flex-direction:row;justify-content:space-around}.roll20-damage-roll-target-button{margin:20px 0;width:200px;font-size:12pt;box-sizing:border-box;background-color:#202020;color:#fc2b2b;position:relative;font-weight:600;transition:all .5s ease-in-out;border:2px solid rgb(252,43,43)!important}.roll20-damage-roll-target-button:hover{background-color:#3d0606;color:red}.roll20-button{background-color:transparent;color:#fff;padding:0 4px;margin:5px;line-height:22px;height:24px;width:fit-content;font-weight:400;font-size:10pt;border:1px solid bisque!important;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.roll20-button.activeadvantage{background-color:#151616;color:#00dbbe;font-weight:400;border:1px solid rgb(6,238,207)!important;filter:drop-shadow(0px 0px 4px rgb(0,219,190))}.roll20-button.activedisadvantage{background-color:#151616;color:#ff2857;font-weight:400;border:1px solid rgb(145,13,31)!important;filter:drop-shadow(0px 0px 4px rgb(250,39,85))}.roll20-dice-selector{height:40px;display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center;border:none;margin:20px 0;font-family:Titillium Web,sans-serif!important;font-size:18pt;border-radius:8px;color:#bebebe}.roll20-dice-selector-select{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:center;border:none;margin:20px 0;font-family:Titillium Web,sans-serif!important;font-size:18pt;border-radius:8px;color:#bebebe;background-color:#202020;outline:none!important}.roll20-die-control{display:flex;flex-direction:row;width:100%;justify-content:space-between}.roll20-die-control-button{background-color:transparent;color:#fff;width:fit-content;padding:0;margin:0;filter:drop-shadow(0px 0px 4px rgb(197,98,164))}.roll20-die-icon{font-size:48px;cursor:pointer;transition:transform .3s ease}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes throw{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes throw{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.roll20-critical-checkbox{display:flex;gap:5px;flex-direction:row;font-size:10pt;line-height:30px;height:30px;position:absolute;left:10px;top:10px;width:10px}.roll20-critical-checkbox input{padding:0!important;margin:0!important;accent-color:rgb(196,61,61)}.roll20-critical-hit{color:red;-webkit-user-select:none;user-select:none;filter:drop-shadow(0px 0px 4px red);font-weight:600;text-align:center;width:100%}.roll20-result{-webkit-user-select:none;user-select:none;position:fixed;margin-top:20px;font-size:24px;font-weight:700;width:200px}.roll20-result-value{-webkit-user-select:none;user-select:none;position:fixed;margin-top:60px;font-size:50px;font-weight:700;width:200px;text-align:center;font-family:Orbitron,sans-serif;filter:drop-shadow(0px 0px 4px rgba(255,255,255,.582))}.roll20-critical-result-tag{font-size:14pt;padding:0 20px;margin-top:10px}.roll20-die-icon-container{display:flex;justify-content:center;align-items:center;gap:20px}.roll20-die-icon-multi{display:flex;justify-content:center;gap:20px}.roll20-die-icons{width:50%;margin-bottom:16px;display:flex;flex-direction:row;justify-content:space-around;padding:0 40px;box-sizing:border-box}.roll20-die-icons:hover{-webkit-animation:vibrate-1 .5s linear infinite both;animation:vibrate-1 .5s linear infinite both}.throwDice{animation:throw .2s linear forwards!important}.roll20-detailed-breakdown{display:flex;flex-direction:row;width:100%;justify-content:space-around}.roll20-close-button{background-color:transparent!important;color:#fff;position:absolute;top:10px;margin:0;-webkit-user-select:none;user-select:none;padding:0;line-height:10px;text-align:center;right:10px;width:10px;height:10px}.roll20-modifier-icon{font-size:100pt;position:absolute;bottom:-50px;-webkit-user-select:none;user-select:none;right:20px;pointer-events:none;opacity:.2}.roll20-modifier-title{font-size:20pt;margin:0;padding:0;position:absolute;bottom:10px;color:#fafdfb;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.692));font-weight:700;-webkit-user-select:none;user-select:none;letter-spacing:1px;right:20px}.roll20-raw-die-result{background-color:#f1f1e4;border:1px solid black;width:40px;height:34px;color:#000;font-size:14pt;text-align:center;-webkit-user-select:none;user-select:none;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.692))}.roll20-raw-die-result-mod{border:1px solid black;width:40px;height:34px;color:#f1eaea;font-size:14pt;-webkit-user-select:none;user-select:none;text-align:center;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.692))}.roll20-close-roll-button{font-size:10pt;width:80px;margin:0 60px;height:30px;-webkit-user-select:none;user-select:none;font-weight:600;letter-spacing:2px;line-height:10px;border:1px solid white!important;background-color:#00000091;transition:all .3s ease;color:#fff}.roll20-close-roll-button:hover{background-color:#9c0c37b7;filter:drop-shadow(0px 0px 4px rgba(128,0,128,.74));border:1px solid rgb(197,97,118)!important;color:#fff}.roll20-modifier-value{position:absolute;bottom:30px;right:30px;background-color:bisque;width:30px;height:30px;text-align:center;line-height:30px;-webkit-user-select:none;user-select:none;color:#000;font-weight:600;border-radius:50%;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.692))}.die-loader{width:200px;aspect-ratio:1;background:linear-gradient(45deg,#e7dbbf 50%,#0000 0),linear-gradient(45deg,#0000 50%,#d3d1c5 0),linear-gradient(-45deg,#3c6f86 50%,#0000 0),linear-gradient(-45deg,#0000 50%,#7e3456 0),linear-gradient(#1f1f1f 0,#1f1f1f 0);background-size:50% 50%;background-position:center;background-repeat:no-repeat;animation:openresult 5s forwards .5s}@keyframes openresult{0%{background-position:50% 50%,50% 50%,50% 50%,50% 50%,50% 50%}25%{background-position:0 100%,100% 0,50% 50%,50% 50%,50% 50%}50%{background-position:0 100%,100% 0,100% 100%,0 0,50% 50%}to{background-position:0 100%,100% 0,100% 100%,0 0,50% 50%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}