@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-page{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.logo_element{position:absolute;width:30vw}.logo_container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;top:50%;width:100%}@keyframes logo_shake{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.15)}75%{transform:scale(1.05)}to{transform:scale(1)}}.logo_element:hover{animation:logo_shake .75s ease-out infinite;cursor:pointer}.logo{position:absolute;width:30vw}.button_home{background-color:#8b85c1;border:none;border-radius:1vh;color:#281223;cursor:pointer;font-size:1.3em;padding:15px 30px;transition:background-color .3s ease}.curved-area{bottom:0;position:absolute}.curved-area button{color:#fff;margin:2vh;padding:2vh}.overlay{background-color:#00000080;height:100%;justify-content:center;position:fixed;width:100%;z-index:2}.options-card,.overlay{align-items:center;display:flex}.options-card{background-color:#f5f5f5;border:.2vh solid #38182f;border-radius:1vh;flex-direction:column;padding:3vh}.options-card h3{color:#38182f;font-size:1.5em}.options-card .button.submit{margin-top:2vh;width:75%}.player-selection-card{align-items:center;background-color:#f5f5f5;border:.2vh solid #38182f;border-radius:1vh;display:flex;flex-direction:column;padding:4vh}.player-selection-card h3{color:#38182f;font-size:1.5em}.player-selection-card .dropdown{border:.2vh solid #38182f;border-radius:2vh;font-size:1em;margin-bottom:2vh;padding:2vh;width:80%}.player-selection-card .button.submit{width:75%}.volume-control{background:#00000080;border-radius:1vh;bottom:2vh;padding:2vh;position:fixed;right:2vh;z-index:2}.volume-control input[type=range]{-webkit-appearance:none;background:#0000;width:15vh}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:1.5vh;width:1.5vh}.volume-control input[type=range]::-webkit-slider-runnable-track{background:#8b85c1;border-radius:1vh;height:.8vh;width:100%}.error-message{color:red;font-size:1.2em;margin-top:2vh}.success-message{color:green;font-size:1.2em;margin-top:2vh}.link{color:#007bff;cursor:pointer;font-weight:700;text-decoration:underline;transition:color .3s ease-in-out}.link:hover{color:#0056b3;text-decoration:none}.options-card p{color:#38182f;font-size:1.2em;margin-top:2vh}.overlay input{border:2px solid #ddd;border-radius:5px;font-size:1rem;margin:8px 0;outline:none;padding:10px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.overlay input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.overlay input::placeholder{color:#888;font-size:.9rem}.overlay input.error{border-color:red;box-shadow:0 0 5px #ff000080}.logout-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;right:20px;top:10px;transition:background .3s ease-in-out}.logout-button:hover{background-color:#c00}.admin-page{align-items:center;background-color:initial;display:flex;flex-direction:column;min-height:100vh;position:relative;text-align:center}.overlay-admin-page{background-color:#00000080;height:100%;position:absolute;width:100%;z-index:3}.return-button{background-color:#38182f;border:none;color:#fff;cursor:pointer;left:3vh;position:absolute;top:3vh}.return-button:hover{background-color:#281223}.search-bar{border:none;border-radius:1vh;font-size:1rem;margin-bottom:2vh;margin-top:2vh;padding:2vh;width:35%}.items{max-height:70%;width:80%}.items-container{display:flex;flex-wrap:wrap;gap:2vh;justify-content:center;margin-top:2vh;max-height:70vh;overflow-y:auto;padding:1vh}.item-card{background-color:#8b85c1;border-radius:1vh;color:#fff;cursor:pointer;flex:0 0 20%;padding:2vh}.item-card.selected{background-color:#38182f}.item-card:hover{background-color:#7668a0}.action-card{background-color:#f5f5f5;border:.2vh solid #38182f;border-radius:1vh;display:flex;flex-direction:column;justify-content:space-between;margin:2.5% 2vh 2vh;max-height:80vh;min-width:80vh;overflow:auto;padding:5vh;position:absolute;z-index:3}.action-card h2{color:#38182f;margin-bottom:2vh}.stat-button{margin-top:2vh}.action-card form{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:2vh;justify-content:space-between}.stat-entry{width:100%}.admin-page textarea{border-radius:2vh;height:12.5vh;width:100%}.action-card form input{border:.2vh solid #38182f;border-radius:2vh;box-sizing:border-box;padding:2vh;width:100%}.action-card form button{background-color:#38182f;border:none;border-radius:2vh;color:#fff;cursor:pointer;padding:2vh}.action-card form button:hover{background-color:#7a6f9b}.title{color:#8b85c1;font-size:2em;margin-bottom:3vh}.info{color:#fff;font-size:1.5em;position:relative;top:30%}.button{background-color:#38182f;border:none;border-radius:2vh;color:#fff;cursor:pointer;font-size:1.3em;padding:2vh 4vh;transition:background-color .3s ease}.button:hover{background-color:#281223}.button.submit{align-self:center;background-color:#8b85c1;border:none;border-radius:1vh;color:#fff;cursor:pointer;flex-shrink:0;margin:1vh;padding:1vh 2vh;width:80%}.button.create-button{bottom:2vh;left:50%;position:fixed;transform:translateX(-50%)}.button.close-button{display:flex;font-size:1em;margin-top:-3vh;padding:1vh 2vh;position:absolute}.menu-container{align-items:flex-end;display:flex;flex-direction:column;position:absolute;right:3vh;top:3vh}.menu-button:hover{background-color:#281223}.dropdown-menu{background-color:#7a6f9b;border:.2vh solid #38182f;border-radius:1vh;display:none;flex-direction:column;margin-top:2vh;overflow:hidden;z-index:1}.menu-container:hover .dropdown-menu{display:flex}.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;font-size:1em;padding:2vh 4vh;text-align:left}.dropdown-menu button:hover{background-color:#8b85c1}.action-card .button-container{display:flex;flex-direction:column;gap:1.5vh}.quantity-popup{background-color:#fff;border-radius:1vh;padding:5vh;text-align:center;z-index:4}.quantity-popup h2{color:#38182f;margin:5vh}.confirm-button{background-color:#4caf50;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:.8em;margin:2vh;padding:2vh 4vh}.quantity-content{display:inline-block;width:80%}body,html{background-color:initial;font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.create-player-container{display:flex;justify-content:center;margin:0 auto;max-height:96vh;max-height:98vh;max-width:185vh;min-height:98vh}.create-player-page{background-color:#313131cc;border-radius:2vh;box-shadow:0 0 1.5vh #0003;flex:1 1;margin-top:2vh}.create-player-page h1{color:#8b85c1;font-size:4.5vh;margin-bottom:2vh;text-align:center}.content{align-items:center;display:flex;flex-direction:column;padding:2vh}.create-player-page input[type=number],.create-player-page select,.info-section input[type=text]{border:.1vh solid #ccc;border-radius:.4vh;font-size:2.4vh;margin-bottom:1.5vh;padding:1.5vh;width:45vh}.create-player-page .statistics-section{margin-bottom:2vh}.create-player-page .statistics-grid{grid-gap:1vh;align-items:center;display:grid;gap:1vh;grid-template-columns:1fr 1fr 1fr}.create-player-page .header{color:#8b85c1;font-size:2.25vh;font-weight:700;margin-bottom:1vh!important;margin:0;text-align:center}.create-player-page .stat-label{color:#8b85c1;font-size:2.25vh;font-weight:700;margin-bottom:1vh;text-align:left}.create-player-page .bonus{color:#8b85c1;font-size:2.25vh;font-weight:700;margin-bottom:.5vh;text-align:center}.create-player-page .stat-input{text-align:center;width:10vh!important}.create-player-page .stat-input-container{align-items:center;display:flex}.create-player-page .stat-buttons{display:flex;flex-direction:column;margin-bottom:1.2vh;margin-left:.5vh}.create-player-page .stat-buttons button{margin:.2vh 0}.create-player-page .stat-buttons button,.skills-section button{background-color:initial;border:none;color:#6a5fa3;cursor:pointer;font-size:2.25vh;font-weight:700;width:2.25vh}.create-player-page button[type=submit]{background-color:#6a5fa3;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:1.95vh;padding:1.125vh 2.25vh;transition:background-color .3s ease}.create-player-page button[type=submit]:hover{background-color:#38182f}.skills-section{background-color:#313131cc;border-radius:2vh;box-shadow:0 0 1.5vh #0003;flex:1 1;margin-left:1.5vh;margin-top:2vh}.skills-section p{color:#8b85c1;font-weight:700;text-align:center}.skills-group h3{color:#8b85c1;font-size:2.25vh;margin-bottom:.5vh;text-align:center}.skills-list{display:flex;flex-wrap:wrap;gap:1vh;justify-content:center}.skill{align-items:center;background-color:#f5f5f5;border:.1vh solid #ccc;border-radius:.4vh;display:flex;flex-direction:column;padding:1vh;width:10vh}.skill-label{color:#555;font-size:1.5vh;font-weight:700;margin-bottom:.5vh}.skill-stat{color:#888;font-size:1.35vh}.skill-bonus{color:#888;font-size:1.2vh}.battle-skill-bonus span,.skill-bonus span{font-size:1.8vh;margin:1vh}.info-section{margin-bottom:2vh}.battle-section,.info-section{background-color:#313131cc;border-radius:2vh;box-shadow:0 0 1.5vh #0003;flex:1 1;max-height:47vh;min-height:47vh}.side-section{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-right:1.5vh;margin-top:2vh}.battle-section h1,.info-section h1,.skills-section h1{color:#8b85c1;font-size:4.5vh;margin-bottom:2vh;text-align:center}.create-player-page h2{color:#8b85c1;font-size:2.25vh;margin-bottom:1vh;text-align:center}.battle-section p,.create-player-page p{color:#8b85c1;font-weight:700;text-align:center}.submit-button{background-color:#6a5fa3;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:1.95vh;padding:1.125vh 2.25vh}.info-section label{color:#555;font-size:2.5vh;font-weight:700;padding-left:.2vh}.info-section-content{padding:3vh}.circle-container{display:flex;justify-content:space-around;margin:2vh 0}.circle-wrapper{align-items:center;display:flex;flex-direction:column}.pv-circle-label{border-color:#f74b4b;color:#f82020}.movement-circle-label,.pv-circle-label{font-size:1.8vh;font-weight:700;margin-bottom:.75vh}.movement-circle-label{border-color:#55a8fa;color:#55a8fa}.soul-circle-label{border-color:#9428ed;color:#e755fa}.defense-circle-label,.soul-circle-label{font-size:1.8vh;font-weight:700;margin-bottom:.75vh}.defense-circle-label{border-color:#7d91a7;color:#7d91a7}.circle{align-items:center;border:1vh solid;border-radius:50%;display:flex;font-size:3vh;height:10vh;justify-content:center;text-align:center;width:10vh}.hp-circle{border-color:#f74b4b;color:#f82020}.soul-circle{border-color:#de55fa;color:#de55fa}.movement-circle{border-color:#55a8fa;color:#55a8fa}.defense-circle{border-color:#7d91a7;color:#7d91a7}.battle-skills-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.battle-skills-group{margin-bottom:1.5vh;margin-right:1.5vh;padding:.4vh}.battle-skills-group h3{color:#8b85c1;font-size:2.25vh;margin-bottom:.75vh;text-align:center}.battle-skills-list{display:flex;flex-wrap:wrap;gap:1vh;justify-content:center}.battle-skill{align-items:center;background-color:#f5f5f5;border:.1vh solid #ccc;border-radius:.4vh;display:flex;flex-direction:column;padding:.5vh;width:10vh}.battle-skill-label{color:#555;font-size:1.5vh;font-weight:700;margin-bottom:.75vh}.battle-skill-bonus{color:#888;font-size:1.2vh}.global-container{display:flex;flex-direction:column}.container{align-content:center;display:flex}.left-side,.right-side{display:flex;flex:1 1;flex-direction:column}.view-player-container{width:50vh}.side-view-player-container,.view-player-container{background-color:#313131cc;border-radius:1vh;box-shadow:0 1vh 3vh #0003;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin-top:2vh;padding:2vh}.side-view-player-container{margin-left:5vh;margin-right:5vh;max-height:45vh;min-height:45vh;position:relative}h1{color:#8b85c1;font-size:3.5vh;text-align:center}.stat-title{border-bottom:.2vh solid #8b85c1;color:#8b85c1;margin-top:2vh}p{color:#fff;font-size:1.85vh;line-height:3vh;margin:.8vh 0}strong{color:#8b85c1}.strong-secondary{color:#fff}select{background-color:#fffc;border:.2vh solid #8b85c1;border-radius:.5vh;box-shadow:0 .5vh 1vh #0000001a;color:#333;cursor:pointer;font-size:1.85vh;outline:none;padding:1vh;width:100%}select:focus{border-color:#0056b3;box-shadow:0 0 1vh #007bff80}.details{background-color:#fffc;border:.2vh solid #8b85c1;border-radius:1vh;box-shadow:0 1vh 1vh #0000001a;color:#333;font-size:1.85vh;height:100%;margin-top:2vh;overflow-y:auto;padding:2vh;scrollbar-color:#fff #fff0}.details p{color:#333;margin:.25vh 0}.details ul{font-size:1.85vh;margin:.25vh 0}.details strong{color:#8b85c1}.orb-container{background:radial-gradient(circle,#8338ec,#000);border-radius:50%;bottom:50%;box-shadow:0 0 4vh #8338ec;height:25vh;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%) translateY(50%);width:25vh}.orb-fill{animation:animate 6s ease-in-out infinite;background:linear-gradient(180deg,#c19bf5,#8338ec);bottom:0;position:absolute;transition:height .5s ease-in-out;width:100%}.orb-text{color:#fff;font-size:2vh;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.buttons-container{bottom:5vh;display:flex;flex-direction:row;flex-wrap:wrap;gap:1vh;justify-content:space-evenly;position:absolute;width:100%}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 48%,20% 47%,50% 49%,80% 50%,100% 48%,100% 100%,0 100%);clip-path:polygon(0 48%,20% 47%,50% 49%,80% 50%,100% 48%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 50%,20% 51%,50% 52%,80% 51%,100% 50%,100% 100%,0 100%);clip-path:polygon(0 50%,20% 51%,50% 52%,80% 51%,100% 50%,100% 100%,0 100%)}}.soul-shard-popup-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.soul-shard-popup{background-color:#fff;border-radius:1vh;max-width:70vh;padding:4vh;text-align:center}.soul-shard-popup P{color:#333;font-size:1.85vh}.soul-shard-popup ul{list-style-type:none;padding:0}.soul-shard-popup li{margin-bottom:5vh}.soul-shard-popup button{background-color:#4caf50;border:none;border-radius:.5vh;color:#fff;cursor:pointer;font-size:1.85vh;margin:2vh;padding:2vh 4vh}.soul-shard-popup button:hover{background-color:#45a049}.soul-core-section{height:100%;position:relative}.soul-core-section button{background-color:#8338ec;border:none;border-radius:.5vh;box-shadow:0 1vh 2vh #0003;color:#fff;cursor:pointer;font-size:1.85vh;left:50%;padding:1vh 2vh;position:relative;top:80%;transform:translateX(-50%);transition:background-color .3s,transform .2s ease}.soul-core-section button:hover{background-color:#5410b4}.equipment-popup-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.equipment-popup{background-color:#fff;border-radius:2vh;box-shadow:0 2vh 4vh #0003;font-family:Poppins,sans-serif;max-height:80vh;overflow:auto;padding:4vh;text-align:center}.equipment-popup p{color:#333;font-size:1.85vh}.details li{list-style:none}.equipment-popup h2{color:#8b85c1;font-size:2.5vh;margin-bottom:2vh}.equipment-popup ul{list-style:none;margin-bottom:3vh;overflow-y:auto;padding:0}.equipment-item{background-color:#f9f9f9;border:.2vh solid #ccc;border-radius:1vh;margin-bottom:1vh;padding:2vh}.equipment-item strong{color:#333;font-size:1.85vh}.equipment-item p{color:#555;font-size:1.5vh;margin:1vh 0}.equip-button{align-self:flex-end;background-color:#4caf50;border:none;border-radius:1vh;box-shadow:0 .2vh .4vh #0003;color:#fff;cursor:pointer;font-size:1.5vh;margin-top:2vh;padding:2vh 4vh}.equip-button:hover{background-color:#45a049}.close-button{background-color:#d9534f;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:1.5vh;padding:2vh 4vh}.close-button:hover{background-color:#c9302c}.equipment-slots-container{align-self:center;background-color:#313131cc;border-radius:1vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:2vh;margin-top:2vh;padding:2vh;position:relative;width:95%}.equipment-slots{display:flex;gap:1.5vh;grid-template-columns:repeat(auto-fill,minmax(25vh,1fr));justify-items:center}.equipment-slot{background-color:#fffc;border:.4vh dashed #8b85c1;border-radius:2vh;cursor:pointer;padding:2vh;text-align:center;transition:transform .2s,box-shadow .2s;width:22vh}.equipment-slot:hover{box-shadow:0 1vh 2vh #0003;transform:translateY(-.15vh)}.equipment-slot p{color:#8b85c1;font-size:2.5vh;font-weight:700;margin:1.2vh 0}.equipped-item{background-color:#8b85c1;border-radius:1vh;box-shadow:0 .1vh .5vh #0000001a;padding:1.5vh}.equipped-item p{color:#8b85c1;font-size:1.85vh;margin:0}.equipment-slot p:last-child{color:#333;font-size:1.85vh;font-style:italic}.equipped-item p{color:#fff!important}.remove-button{background-color:#d9534f;color:#fff}.remove-button:hover{background-color:#c9302c}.inventory-category{margin-top:0}.player-image{display:flex;position:absolute;width:10vh}.game-page{background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden;position:relative;z-index:0}.map-select{background-color:#f0f0f080;bottom:0;box-shadow:0 -2px 5px #0003;font-size:2.5vh;left:0;position:fixed;transition:width .3s ease;width:75%;z-index:1}.dice-select{background-color:#f0f0f0;border:none;border-radius:.4rem;box-shadow:0 0 5vh rgba(0,0,0,.397);cursor:pointer;padding:1rem;text-align:center;transition:background-color .3s}.dice-select:hover{background-color:#dcdcdc}.dice-select option{padding:1vh;text-align:center}.dice-select:focus{outline:none}.messages-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-left:2px solid #444;box-shadow:-2px 0 15px #000000b3;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;position:fixed;right:0;top:0;transition:transform .3s ease;width:25%;z-index:4}.messages-container.closed{transform:translateX(100%)}.messages{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#1a1a1a}.messages::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:gold}.message{word-wrap:break-word;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:1px solid #444;border-radius:.8rem;box-shadow:0 2px 8px #0000004d;color:#e0e0e0;font-size:1rem;margin-bottom:1.5vh;max-width:100%;padding:1rem;position:relative}.message-avatar{border:2px solid #ffd900ab;border-radius:50%;left:1vh;position:absolute;top:1vh;width:5vh}.message-text{display:flex;flex-direction:column}.message-text strong{align-self:center;color:gold;font-size:1.25rem;margin-bottom:1.5rem;margin-top:.25rem;text-shadow:0 0 5px #ffd7004d}.message-time{color:#ffd700cc;font-family:monospace;font-size:.95em;opacity:.85;pointer-events:none;position:absolute;right:1.2rem;top:.5rem;z-index:2}.message-line{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.message-line:last-child{margin-bottom:0}.textarea-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-top:2px solid #444;box-shadow:0 -2px 10px #00000080;display:flex;flex-direction:column;position:relative;width:100%}.textarea{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:1px solid #444;border-radius:.5rem;color:#e0e0e0;font-size:1rem;height:20vh;margin:1vh;outline:none;padding:1vh;resize:none;-webkit-user-select:none;user-select:none;width:97%}.textarea::placeholder{color:#888}.send-icon{bottom:1vh;color:gold;cursor:pointer;font-size:2rem;position:absolute;right:2vw;transition:all .3s ease}.send-icon:hover{color:#fff;text-shadow:0 0 10px #ffd700cc;transform:scale(1.1)}.hide-icon{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #444;border-bottom-left-radius:2vh;border-right:none;border-top-left-radius:2vh;box-shadow:-2px 0 10px #00000080;color:gold;cursor:pointer;display:flex;font-size:2.5vh;font-weight:700;height:12vh;justify-content:center;position:fixed;right:0;text-shadow:0 0 5px #ffd70080;top:50%;transform:translateY(-50%);transition:all .3s ease;width:4vh;z-index:4}.hide-icon:hover{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-color:gold;box-shadow:-3px 0 15px #ffd7004d;text-shadow:0 0 10px #ffd700cc;transform:translateY(-50%) scale(1.05)}.hide-icon:active{transform:translateY(-50%) scale(.95)}@keyframes vibrate{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(5px)}}.messages-container.vibrating{animation:vibrate .3s ease-out}.message.dice-message{background:linear-gradient(135deg,#1a2a1a,#2a3a2a);border:1px solid #4a5a4a;box-shadow:0 2px 8px #00ff001a}.message.dice-message-critical-success{background:linear-gradient(135deg,#2a2a1a,#3a3a2a);border:1px solid #5a5a4a;box-shadow:0 2px 8px #ffd70033}.message.dice-message-critical-success u{color:gold;text-decoration:none;text-shadow:0 0 5px #ffd70080}.message.dice-message-critical-fail u{color:#ff6b6b;text-decoration:none;text-shadow:0 0 5px #ff6b6b80}.date-separator{align-items:center;display:flex;justify-content:center;margin:2vh 0;position:relative}.date-separator:before{background:linear-gradient(90deg,#0000,gold,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.date-separator span{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #444;border-radius:1vh;box-shadow:0 2px 8px #0000004d;color:gold;font-size:.9rem;font-weight:700;padding:.5vh 2vh;position:relative;text-align:center;text-shadow:0 0 5px #ffd7004d;z-index:2}em{color:#aaa;font-size:.8rem}.message.dice-message-critical-fail{background:linear-gradient(135deg,#2a1a1a,#3a2a2a);border:1px solid #5a4a4a;box-shadow:0 2px 8px #ff6b6b33}.message.system-message{background:linear-gradient(135deg,#1a1a2a,#2a2a3a);border:1px solid #4a4a5a;box-shadow:0 2px 8px #6b6bff1a}.player-info{background-color:#0009;border-bottom-right-radius:1vh;justify-content:space-between;padding:1rem 1rem 1rem 1.5rem;position:fixed;top:0;z-index:0}.player-info p{color:gold;font-size:4vh;font-weight:700}.character-sheet{align-items:center;background-color:#0009;border-radius:50%;box-shadow:0 4px 6px #0003;cursor:pointer;display:flex;font-size:24px;height:8vh;justify-content:center;margin-left:1vh;margin-top:15vh;position:fixed;transition:background-color .3s,transform .3s;-webkit-user-select:none;user-select:none;width:8vh;z-index:1}.character-sheet:hover{background-color:#000c;transform:scale(1.1)}.action-button{align-items:center;background-color:#0009;border-radius:50%;box-shadow:0 4px 6px #0003;cursor:pointer;display:flex;font-size:24px;height:8vh;justify-content:center;position:fixed;transition:background-color .3s,transform .3s;-webkit-user-select:none;user-select:none;width:8vh}.action-button:hover{background-color:#000c;transform:scale(1.1)}.back-button{background-color:initial;border:none;border-bottom-right-radius:1vh;color:gold;cursor:pointer;font-size:4vh;justify-content:space-between;position:fixed;top:0;z-index:2}.context-menu{background-color:#333;border-radius:5px;color:#fff;padding:5px;position:absolute;z-index:4}.context-menu-item{cursor:pointer;padding:8px 12px;position:relative}.context-menu-item:hover .submenu{display:block}.context-menu-item:hover{background-color:#525252}.submenu{background-color:#333;border-radius:1vh;display:none;left:100%;position:absolute;top:-1vh;z-index:4}.submenu-item{cursor:pointer;display:flex;padding:1vh 2vh;width:25vh}.submenu-item:hover{background-color:#525252}.submenu-item-icon{height:5vh;margin-right:2vh;width:5vh}.item{align-items:center;cursor:move;display:flex;justify-content:center;position:absolute;transition:transform .5s ease-in-out;z-index:0}:root{--item-img-size:75px}.item img{height:75px;height:var(--item-img-size);object-fit:cover;transition:filter .3s ease,opacity .3s ease;width:75px;width:var(--item-img-size)}.item img.dead-item{filter:brightness(50%) sepia(1) hue-rotate(-50deg) saturate(10) opacity(.8)}.selected-highlight{border-radius:2vh;box-shadow:0 0 1vh .5vh blue}.health-bar{background-color:#343333;border-radius:1vh;cursor:pointer;display:flex;height:3vh;left:50%;overflow:hidden;position:absolute;top:-4vh;transform:translateX(-50%);width:10vh}.health-bar-fill{border-radius:.5vh;height:100%;transition:width 1s ease,height 1s ease,width 1s ease}.health-bar.slider-active{height:3vh;width:10vh}.health-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100%;position:absolute;width:100%}.health-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#cf2f2f;border-radius:50%;cursor:pointer;height:3vh;width:1vh}.health-slider::-moz-range-thumb{background:#cf2f2f;cursor:pointer;height:2vh;width:.5vh}.soul-essence-bar{background-color:#343333;border-radius:1vh;cursor:pointer;display:flex;height:3vh;left:50%;overflow:hidden;position:absolute;top:-8vh;transform:translateX(-50%);width:10vh}.soul-essence-bar-fill{border-radius:.5vh;height:100%;transition:width 1s ease,height 1s ease}.soul-essence-bar.slider-active{height:3vh;width:10vh}.soul-essence-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100%;position:absolute;width:100%}.soul-essence-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#9832a8;border-radius:50%;cursor:pointer;height:3vh;width:1vh}.soul-essence-slider::-moz-range-thumb{background:#9832a8;cursor:pointer;height:2vh;width:.5vh}.mode-toggle-button{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #444;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;box-shadow:0 2px 8px #0000004d;color:gold;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1vh 2vh;text-shadow:0 0 5px #ffd7004d;transition:all .3s ease}.mode-toggle-button:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-color:gold;box-shadow:0 4px 12px #ffd70033;text-shadow:0 0 10px #ffd700cc;transform:translateY(-1px)}.management-container{color:#e0e0e0;display:flex;flex-direction:column;height:100%;margin-top:-6vh;width:100%}.management-container h3{align-self:center;color:gold;margin-top:5vh;text-shadow:0 0 5px #ffd7004d}.item-row{align-items:center;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:1px solid #444;border-radius:1vh;box-shadow:0 2px 8px #0000004d;color:#e0e0e0;display:flex;flex-direction:column;gap:1vh;margin-bottom:2vh;padding:1vh;position:relative}.item-row:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-color:gold;box-shadow:0 4px 12px #ffd7001a}.item-icon{border-radius:50%;box-shadow:0 0 10px #ffd7004d;height:10vh;width:10vh}.bars-container{gap:1vh}.bars-container,.controls-container{display:flex;margin:.5vh 0;width:100%}.controls-container{gap:5vh;justify-content:center}.health-bar-container,.soul-essence-bar-container{align-items:center;background-color:#343333;border-radius:1vh;display:flex;flex:1 1;height:3vh;overflow:hidden;position:relative}.health-bar-fill,.soul-essence-bar-fill{border-radius:1vh;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.health-bar-fill{background-color:#cf2f2f}.soul-essence-bar-fill{background-color:#9832a8}.health-slider,.soul-essence-slider{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;margin:0;position:relative;width:100%;z-index:2}.health-slider::-webkit-slider-thumb,.soul-essence-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:.3vh solid #ddd;border-radius:50%;cursor:pointer;height:3vh;-webkit-transition:background-color .3s;transition:background-color .3s;width:1.5vh}.health-slider::-webkit-slider-thumb:hover,.soul-essence-slider::-webkit-slider-thumb:hover{background:#f0f0f0}.health-slider::-moz-range-thumb,.soul-essence-slider::-moz-range-thumb{background:#ff0;cursor:pointer;height:3vh;width:.5vh}.health-bar-text,.soul-essence-bar-text{color:#fff;font-size:2.5vh;font-weight:700;pointer-events:none;position:absolute;text-align:center;text-shadow:-.15vh -.15vh 0 #000,.15vh -.15vh 0 #000,-.15vh .15vh 0 #000,.15vh .15vh 0 #000;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.delete-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:.5vh;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;font-size:1.5vh;font-weight:700;margin-top:1vh;padding:.8vh 1.6vh;text-shadow:0 0 5px #00000080;transition:all .3s ease}.delete-button:hover{background:linear-gradient(135deg,#c82333,#a71d2a);box-shadow:0 4px 12px #dc354580;transform:translateY(-1px)}.delete-button:active{transform:translateY(0)}.arrow{background-color:red;height:.5vh;position:absolute;transform-origin:0 50%;z-index:4}.arrow-head{border-bottom:.25vh solid #0000;border-left:.5vh solid red;border-top:.25vh solid #0000;height:0;position:absolute;right:0;top:-.25vh;width:0}.arrow-distance{background-color:#fff;border-radius:.2vh;font-size:1vh;font-weight:700;left:50%;padding:.2vh .5vh;position:absolute;top:-2vh;transform:translateX(-50%);z-index:1001}.map-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;transition:transform .03s linear;-webkit-user-select:none;user-select:none;width:100vw;will-change:transform;z-index:-1}.map-container.scrollable,.map-container.square{overflow:auto}.turn-order-container{background-color:#0009;border-radius:1vh;bottom:5vh;box-shadow:0 0 1vh #00000080;color:#fff;overflow:hidden;position:relative!important;z-index:2}.turn-order-container.expanded{width:40vh}.turn-order-container:not(.expanded){align-items:center;display:flex;height:5vh;justify-content:center;width:10vh}.toggle-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5vh;padding:.5vh}.turn-order-content{display:flex;flex-direction:column;gap:1vh;padding:1vh}.new-combat-button{background-color:#28a745;border:none;border-radius:.5vh;color:#fff;cursor:pointer;font-size:1.5vh;padding:1vh}.new-combat-button:hover{background-color:#218838}.turn-order-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.turn-order-item{align-items:center;background-color:#ffffff1a;border-radius:.5vh;cursor:grab;display:flex;gap:1vh;height:5vh;padding:1vh}.turn-order-item img{border-radius:50%;height:4vh;width:4vh}.turn-order-item.dragging{opacity:.5}.dragging-container{box-shadow:0 0 2vh #ffffffb3;opacity:.8}.no-select{user-select:none;-webkit-user-select:none;-ms-user-select:none}.item.hover-highlight{position:relative}.item.hover-highlight:before{background-color:#ffff00b3;border-radius:50%;bottom:-1vh;content:"";left:-1vh;position:absolute;right:-1vh;top:-1vh;z-index:-1}.damage-indicator{align-self:flex-end;color:#fff;font-size:3vh;font-weight:700;padding:1vh 2vh;position:absolute}.roll-dice-container{align-items:center;display:flex;flex-direction:column;left:0;position:absolute;top:0}.roll-dice-button{background:none;border:none;cursor:pointer;font-size:4vh;font-weight:700}.roll-result{font-size:3vh;font-weight:700;margin-top:.5vh}.health-adjust,.soul-adjust{align-items:center;display:flex;gap:.5vh;margin-top:.5vh}.health-input,.soul-input{-webkit-appearance:none;appearance:textfield;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #444;border-radius:.5vh;color:#e0e0e0;font-size:1.2vh;outline:none;padding:.5vh;text-align:center;transition:all .3s ease;width:6vh}.health-input::-webkit-inner-spin-button,.health-input::-webkit-outer-spin-button,.soul-input::-webkit-inner-spin-button,.soul-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.health-input[type=number],.soul-input[type=number]{-moz-appearance:textfield;font-size:2vh}.health-input:focus,.soul-input:focus{border-color:gold;box-shadow:0 0 8px #ffd7004d}.health-input::placeholder,.soul-input::placeholder{color:#888}.health-button,.soul-button{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #444;border-radius:.5vh;color:gold;cursor:pointer;font-size:2vh;font-weight:700;min-width:3vh;padding:.5vh 1vh;transition:all .3s ease}.health-button:hover,.soul-button:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-color:gold;text-shadow:0 0 5px #ffd70080;transform:translateY(-1px)}.health-button:active,.soul-button:active{transform:translateY(0)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:4}.modal-content{background:#fff;border-radius:2vh;min-width:30vh;padding:5vh;text-align:center;z-index:4}.modal-content h2{color:#9832a8;margin-top:0;z-index:4}.modal-content button{background-color:#28a745;border:none;border-radius:.5vh;color:#fff;cursor:pointer;font-size:2vh;margin-top:2vh;padding:1vh}.modal-content p{color:#000;font-size:2.5vh;line-height:3vh;margin:.8vh 0}.connected-players-bar{background:#0009;border-radius:1vh;color:#fff;cursor:pointer;left:50%;padding:2vh;position:fixed;text-align:center;top:-2vh;transform:translateX(-50%);transition:top .3s ease-in-out;width:30vh;z-index:4}.toggle-text{font-weight:700;margin:0}.players-list{margin-top:2vh}.player{align-items:center;border-bottom:.1vh solid #fff3;display:flex;gap:2vh;padding:1vh}.player-avatar{border-radius:50%;height:30px;width:30px}.management-container span{align-self:center}.item-list{margin-top:2vh}.map-select-container{background:#0009;border-top-left-radius:3vh;border-top-right-radius:3vh;bottom:-1vh;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;height:auto;left:50%;max-width:none;min-width:0;min-width:auto;padding:0;position:fixed;right:auto;text-align:center;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:4}.messages-container.closed~.map-select-container{right:0}.map-select-container.expanded{box-shadow:0 4px 6px #0000004d;display:block;left:0;max-width:100vw;min-width:200px;padding:10px;right:25vw;transform:none;width:auto}.map-select-container.full-width.expanded{max-width:100vw;right:0!important}.map-select-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;gap:10px;justify-content:center;margin-bottom:0;min-height:36px;min-width:70px;padding:8px 18px}.map-select-header:after{content:"▲";font-size:1.2em;transition:transform .3s ease}.map-select-container.expanded .map-select-header:after{transform:rotate(180deg)}.maps-list{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:8px;scrollbar-color:gold #222;scrollbar-width:thin;width:100%}.maps-list::-webkit-scrollbar{background:#222;height:8px}.maps-list::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.map-item{align-items:center;background-color:#ffffff1a;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;max-width:200px;min-width:150px;padding:10px;transition:all .3s ease}.map-item:hover{background-color:#fff3;border-color:gold;transform:translateY(-5px)}.map-item.selected{background-color:#ffd70033;border-color:gold;box-shadow:0 0 10px #ffd70080}.map-preview{border:1px solid #ffffff4d;border-radius:6px;height:80px;margin-bottom:8px;object-fit:cover;width:120px}.map-item-name{word-wrap:break-word;font-size:.9em;font-weight:700;text-align:center}.target-in-range{border-radius:50%;box-shadow:0 0 0 6px gold,0 0 16px 4px #ffd70055;cursor:pointer;transition:box-shadow .2s;z-index:30}@keyframes targetPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.target-indicator{transition:all .2s ease}.target-indicator:hover{background-color:#ff00004d!important;border-color:#f44!important}.attacker-highlight{animation:attackerPulse .8s ease-in-out;z-index:200}.target-hit{animation:targetHit .8s ease-in-out;z-index:200}.target-miss{animation:targetMiss .8s ease-in-out;z-index:200}.attack-line{animation:attackLine .8s ease-in-out;background:linear-gradient(90deg,gold,red);height:3px;pointer-events:none;position:absolute;z-index:150}@keyframes attackerPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes targetHit{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes targetMiss{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes attackLine{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.circle-target-highlight{border-radius:50%;box-shadow:0 0 0 6px #ffa50099,0 0 16px 4px #ffa50066;transition:box-shadow .3s ease;z-index:25}@keyframes circleTargetPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.circle-target-indicator{transition:all .3s ease}.circle-target-indicator:hover{background-color:#ffa50080!important;border-color:orange!important}.action-menu{background-color:#000c;border:1px solid #ffffff1a;border-radius:1vh;box-shadow:0 4px 6px #0000004d;color:#fff;margin-left:10vh;padding:2vh;position:relative;z-index:2}.attack-menu{max-height:50vh;max-width:30vw;overflow-y:auto}.action-menu h1{color:#fff;font-size:1.2em;letter-spacing:1px;margin-bottom:15px;text-align:center;text-transform:uppercase}.attack-menu-container{margin-top:35vh}.attack-menu-container,.dice-menu-container{cursor:pointer;margin-left:1vh;position:fixed;z-index:1}.dice-menu-container{margin-top:25vh}.dice-section,.weapon-section{background-color:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:20px;max-height:30vh;max-width:30vw;padding:10px}.dice-options{flex-wrap:wrap;gap:10px}.dice-option,.dice-options{display:flex;justify-content:center}.dice-option{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;cursor:pointer;font-size:1.2em;font-weight:700;height:50px;transition:all .3s ease;width:50px}.dice-option:hover{background-color:#fff3;transform:scale(1.05)}.dice-option.selected{background-color:#fff;border-color:#fff;color:#000}.bonus-dice-input,.dice-input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;display:block;font-size:1.3em;margin:0 auto;padding:8px;text-align:center;width:100px}.bonus-dice-input:focus,.dice-input:focus{border-color:#fff;outline:none}.attack-roll-button,.dice-roll-button{background-color:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.weapon-info{background-color:#ffffff0d;border-radius:6px;margin-bottom:15px;padding:10px;text-align:center}.weapon-info h1{color:#fff;margin-bottom:10px}.weapon-damage,.weapon-type{color:#fffc;font-size:.9em;margin:5px 0}.attack-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.attack-item{background-color:#ffffff0d;border-radius:6px;box-sizing:border-box;flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;padding:8px;transition:all .3s ease}.attack-item:hover{background-color:#ffffff1a;transform:translateY(5px)}.attack-roll-button{background-color:initial;border:1px solid #fff;border-radius:6px;color:#fff;padding:10px;text-align:left;transition:all .3s ease;width:100%}.attack-roll-button:hover,.dice-roll-button:hover{background-color:#fff;color:#000;transform:translateY(-2px)}.attack-name{font-size:1.1em;font-weight:700;margin-bottom:5px;text-align:center}.attack-details{color:#fffc;display:flex;flex-direction:column;font-size:.8em;gap:2px}.attack-damage{color:gold;font-weight:700}.attack-range{color:#87ceeb}.attack-area{color:#ff6b6b;font-style:italic}.main-attack{background-color:#fff;color:#000;margin-top:20px}@keyframes diceRoll{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dice-option.rolling{animation:diceRoll .5s ease-in-out}.bonus-dice-input::-webkit-inner-spin-button,.bonus-dice-input::-webkit-outer-spin-button,.dice-input::-webkit-inner-spin-button,.dice-input::-webkit-outer-spin-button{background:#fff;border-radius:4px;cursor:pointer;height:100%;margin:0 10px 0 0;opacity:1;padding:0;position:absolute;right:0;top:0;transform:scale(2);width:25px}.bonus-dice-input[type=number],.dice-input[type=number]{-moz-appearance:textfield;position:relative}.bonus-dice-input::-ms-clear,.bonus-dice-input::-ms-reveal,.dice-input::-ms-clear,.dice-input::-ms-reveal{display:none}.orientation-lock-overlay{align-items:center;background-color:#000;color:#fff;display:flex;font-size:1.8rem;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:10}.orientation-message{max-width:80%}.macro-overlay{background-color:#0009;border-radius:4px;color:#fff;left:0;position:fixed;top:0;transform:translateX(12.5vw);transition:all .3s ease;width:100px;z-index:5}.macro-overlay.expanded{display:flex;flex-direction:column;height:auto;max-height:50vh;transform:translateX(12.5vw);width:300px}.macro-header{align-items:center;background-color:#0003;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:space-between;padding:10px}.expand-icon{font-size:1.2em}.macro-content{box-sizing:border-box;display:flex;flex-direction:column;height:calc(50vh - 40px)}.macro-list{flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.macro-item,.macro-list{display:flex;padding:10px}.macro-item{background-color:#ffffff1a;border-radius:4px;flex-direction:column;gap:5px}.macro-title{font-weight:700;margin-bottom:5px}.macro-buttons{gap:8px;width:100%}.macro-action-btn,.macro-buttons{display:flex;justify-content:center}.macro-action-btn{align-items:center;background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9em;min-width:80px;padding:8px 12px;text-align:center;transition:background-color .2s}.macro-action-btn:hover{background-color:#5a5a5a}.macro-edit-btn{background-color:#2196f3}.macro-edit-btn:hover{background-color:#1976d2}.macro-delete-btn{background-color:#f44}.macro-delete-btn:hover{background-color:#f66}.macro-form{background-color:#000c;border-radius:4px;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:10px}.macro-form input,.macro-form textarea{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;padding:8px}.macro-form textarea{min-height:60px;resize:vertical}.macro-form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px}.macro-form button:hover{background-color:#45a049}
/*# sourceMappingURL=main.0b7728ee.css.map*/