@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";.flip-container{perspective:1000px;position:relative}.flip-content.is-flipped{transform:rotateY(180deg)}.flip-content{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.flip-content .flip-front,.flip-content .flip-back{width:100%;height:100%;position:absolute;backface-visibility:hidden}.flip-content .flip-front{border-radius:15px;background-color:#222;font-size:24px;color:#fff}.flip-content .flip-back{border-radius:15px;background-color:#222;transform:rotateY(180deg);font-size:24px;color:#fff}.switch{display:inline-block;position:absolute;top:.7rem;right:0;width:35px;height:15px;cursor:pointer;overflow:hidden}.switch input{position:absolute;top:-30px;left:-30px;width:0;height:0}.switch input+span{position:absolute;top:0;bottom:0;left:0;right:0;background:#666;border-radius:20px}.switch input:checked+span{background:#569256}.switch input+span:before{content:"";display:inline-block;position:absolute;top:50%;left:4px;width:10px;height:10px;background:#fff;border-radius:50%;transform:translateY(-50%);transition:all .5s}.switch input:checked+span:before{left:21px}html,body,#app{height:100vh;width:100vw;max-height:100vh;max-width:100vw;overflow:hidden}*{font-family:Inter,sans-serif;max-width:100%;box-sizing:border-box}body{background:transparent;color:#fff;position:relative;margin:0}a{color:#eee!important;text-decoration:none}a:hover{text-decoration:underline}button:hover{cursor:pointer}table{width:100%}table th{text-align:left}ul{margin:0;padding:0;list-style:none}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex>*{flex:1}.hidden{display:none!important}.w-100{width:100%}.compass{display:inline-block;position:relative;right:0;background:#222;width:120px;height:220px;border-radius:15px;font-size:.75rem;margin:.25rem;border:transparent 3px solid;line-height:1.6;background-color:#333}.compass.is-active{border:#d599dd 3px solid;border-radius:15px;opacity:1}.compass .header{border-top-left-radius:15px;border-top-right-radius:15px;background-color:#000;padding:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.compass .header:hover{cursor:move}.compass button{background-color:transparent;color:#eee;padding:.25rem 1rem;font-size:.9rem;border:0}.compass button:hover{background-color:#444;cursor:pointer}.compass .header button{display:inline-block;background-color:transparent;padding:0;width:auto;margin:0;font-size:1rem}.compass .progress{transition:all 1s linear}.compass .buttons{display:flex;justify-content:space-between;align-items:center}.compass input{display:block;width:90%;margin:0 auto;transition:all .8s ease-in-out}.compass .angle-value{position:absolute;top:115px;left:0;right:0;font-size:.6rem;text-align:center}.compass .force-container{position:absolute;top:150px;left:0;right:0;font-size:.6rem;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.compass p{color:#eee;margin:0}.compass .flip-front p{text-align:center;font-size:.9rem}.compass .flip-back p{font-size:.75rem;padding:.25rem .5rem}.angle-circle{width:80px;height:80px;border-radius:50%;border:2px solid #fff;position:relative;margin:0 auto 1.25rem}.angle-arrow{position:absolute;top:50%;left:50%;transform-origin:0% 0%;width:40px;height:2px;background-color:red;transition:all .5s ease-in-out}.angle-arrowhead{position:absolute;width:0;height:0;border-top:5px solid transparent;border-left:10px solid red;border-bottom:5px solid transparent;transform-origin:0% 50%;left:31px;top:-4px}.compass footer{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:.5rem}.compass footer button{border:1px solid #eff;border-radius:50%;background-color:#222;color:#eee;width:20px;height:20px;padding:0;font-size:.5rem;opacity:.5}.compass footer button:hover{opacity:1}.compass ul.weapons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:.5rem 0}.compass ul.weapons li{width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.1rem}.compass ul.weapons li:hover{cursor:pointer;background-color:#333}.compass .flip-back footer .button-back{position:absolute;bottom:.5rem;left:.5rem}.compass.current-player{position:fixed;bottom:10px;right:0;display:block}.console{position:absolute;top:0;left:0;right:0;font-size:.8rem;background-color:#222;opacity:.1;line-height:1.6;letter-spacing:.05rem}.console:hover{opacity:.95!important}.console:hover>.content{display:block}.console>header{display:flex;justify-content:space-between;align-items:center;background-color:#111}.console nav button{background-color:transparent;color:#666;border:0;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;padding:.5rem 1rem;margin-right:.25rem}.console nav button.is-active{border-color:#eee;color:#eee}.console .title{background-color:#111;padding:.25rem .5rem;margin:.5rem 0 0}.console>.content{display:none;padding:1rem;min-height:50px}.console>.content.persist{display:block!important}.console ul{list-style:none;margin:0;padding:0}.console ul li{padding:.25rem 0}.console .console-stats{width:200px;height:100%;background-color:#111;border-radius:10px;display:flex;justify-content:space-between;align-items:start;gap:1.5rem;padding:.5rem}.console .console-stats ul{width:150px}.console .console-stats ul li{display:flex;justify-content:space-between;align-items:center}.console .section-controls{display:flex;justify-content:start;align-items:center;flex-wrap:wrap}.console .icon-socket,.console .icon-socket-state,.console .icon-twitch{color:#333;transition:all .2s ease-in-out}.console .icon-socket.is-active,.console .icon-socket-state.is-active,.console .icon-twitch.is-active{color:green}.console .icon-twitch.is-active{color:#a970ff}.console .icon-socket-up.is-active{color:orange}.controls{position:fixed;bottom:1rem;right:1rem;width:200px;max-height:100px;min-height:100px;border-radius:10px;opacity:.75}.controls:hover{background-color:#222}.controls:hover header{opacity:1;visibility:visible}.controls:hover .button-close{display:block}.controls header{background-color:#111;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;opacity:0;visibility:hidden}.controls header:hover{cursor:move}.controls .buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.5rem}.controls button:hover{cursor:pointer}.controls button:not(.button-close){width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid #aaa;background-color:#444;color:#eee}.controls button:not(.button-close):hover{border-color:#eee;transform:scale(1.1)}.controls button:not(.button-close).is-active{background-color:#eee;color:#444}.controls button.button-close{display:none;background-color:transparent;color:#eee;margin:.5rem;border:0}.section-monitor header{display:flex;align-items:flex-start;gap:.75rem}.section-monitor header>div:nth-child(2),.section-monitor header>div:nth-child(3){flex:1}.section-monitor header .content{padding:0;max-height:200px;overflow-y:scroll}.section-monitor header .content::-webkit-scrollbar{width:10px}.section-monitor header .content::-webkit-scrollbar-track{background:#8f919a}.section-monitor header .content::-webkit-scrollbar-thumb{background:#444}.section-monitor header .content::-webkit-scrollbar-thumb:hover{background:#444}.section-monitor header .content .title{margin:0}.section-monitor header .content .log{opacity:.5;font-size:.75rem;animation:slideDown .3s ease-in-out}.section-monitor header .content .log:hover{background-color:#333;opacity:1}.section-monitor header .content .log p{margin:0}.section-settings{font-size:.75rem;background:#222;display:flex;align-items:start;gap:1rem;border-bottom:1px solid #555;padding:.5rem .5rem 1rem}.section-settings header{display:flex;justify-content:space-between;align-items:center}.section-settings header .title{letter-spacing:.15rem;margin-bottom:.25rem}.section-settings header button{background-color:transparent;color:#fff;font-size:1.2rem;cursor:pointer;border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;width:35px;height:35px}.section-settings ul{margin:0;padding:0;list-style:none}.section-settings>*{width:25%}.section-settings .title{font-size:1rem;letter-spacing:.15rem;color:#444}.section-settings .field{display:flex;justify-content:space-between;align-items:center;color:gray;padding:.5rem}.section-settings .field:hover{background-color:#333;opacity:.5;color:#fff}.section-settings input{background-color:transparent;border:0;border-bottom:1px solid grey;width:25px}table{border-collapse:collapse}table thead tr,table tr:hover{background-color:#333}table th:not(:nth-child(2)),table td:not(:nth-child(2)){text-align:right;padding:.25rem}.field{position:relative}.weapons-menu{display:block;position:absolute;top:50%;right:0;width:120px;height:120px;background-color:#222;opacity:.75;border-radius:15px}.weapons-menu header{display:flex;justify-content:space-between;align-items:center;background-color:#000;border-top-left-radius:15px;border-top-right-radius:15px;padding:.5rem;font-size:.9rem}.weapons-menu header button{background-color:transparent;color:#eee;border:0;border-bottom:0;gap:.5rem}.weapons-menu ul{display:flex;flex-wrap:wrap;justify-content:flex-start}.weapons-menu ul li{width:30px;height:30px;padding:.25rem;display:flex;justify-self:center;align-items:center}.weapons-menu ul li:hover{background-color:#333}.weapons-menu.is-active{display:block}.section-messenger{display:flex;gap:1rem}.section-messenger>*{flex:1;max-height:500px;overflow-y:scroll}.section-messenger .filters{display:flex;gap:1rem}.section-messenger .messages{display:flex;flex-direction:column-reverse;gap:.5rem}.section-messenger .message{display:flex;justify-content:space-between;align-items:start;background-color:#333;padding:.5rem;animation:slideDown .5s ease-in-out}.section-messenger .message>div:last-child{text-align:right;opacity:.5}.section-messenger .message p{margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{transform:translateY(0);opacity:1}}