:root{--bg: #050907;--hl: #19241e;--hl2: #04AA6D;--fg: #fff}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--fg);height:100vh;overflow:hidden}#scene-container{z-index:0;height:100%;background-color:var(--bg)}#overlay{top:0;left:0;z-index:9999;position:absolute;pointer-events:none;height:100%;width:100%;display:block;background-color:transparent}#console{top:0;right:0;position:absolute;pointer-events:all;display:flex;flex-direction:column;border:1px solid var(--hl);background-color:var(--bg)}#queue-select{top:0;left:46vw;position:absolute;pointer-events:all;color:var(--fg);border:1px solid var(--hl);background-color:var(--bg)}#scene-select{top:0;left:54vw;position:absolute;pointer-events:all;color:var(--fg);border:1px solid var(--hl);background-color:var(--bg)}#watermark{top:0;float:right;opacity:.4;pointer-events:all}#watermark img{width:5vh;height:5vh}#legend{top:0;position:absolute;width:8rem;height:5rem;display:flex;flex-direction:column;border:1px solid var(--hl);background-color:var(--bg)}#legend-body{width:100%;overflow-y:scroll;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}#legend-body::-webkit-scrollbar{display:none}.legend-row{display:flex;flex-direction:row;text-align:center;justify-content:center;width:100%;padding:.1rem}.legend-row div{flex-basis:33.333%}.legend-row .color{display:flex;justify-content:center}.legend-row .color div{width:1rem;height:1rem}#attack-log{bottom:0;position:absolute;overflow-x:hidden;width:100vw;height:5rem;display:flex;flex-direction:column;border:1px solid var(--hl);background-color:var(--bg)}#attack-log-table{display:flex;flex-direction:column;overflow-y:hidden}.attack-row{height:1rem;width:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;font-size:.8rem;border-bottom:1px solid var(--hl)}.attack-type{width:10%}.severity{width:20%}.origin{width:20%;overflow:hidden}.attacker{width:40%}.timestamp{width:20%}.interact{-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;pointer-events:all}.interact *{-ms-touch-action:none;touch-action:none}.controller{font-size:.8rem;align-items:center;display:flex;flex-direction:row}.controller label{flex-basis:35%;padding-left:.5rem}.controller input[type=range]{flex-basis:40%}.controller input[type=number]{flex-basis:25%}.arrow{margin-right:.3rem;padding:2px;display:inline-block;border:solid var(--hl2);border-width:0 3px 3px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:transform .1s}.title{font-size:.8rem;padding-left:.4rem;border-bottom:1px solid var(--hl)}.children{display:flex;flex-direction:column;max-height:100vh;transition:max-height .1s ease-out}.title.checked .arrow{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform .1s}.title.checked+.children{max-height:0;visibility:hidden;transition:max-height .1s ease-out}.console-button{width:100%;color:#fff;border:none;background-color:var(--hl)}.console-button:active{background-color:var(--hl2)}.slider{-webkit-appearance:none;-webkit-transition:.2s;width:100%;height:25px;-moz-appearance:none;appearance:none;outline:none;background:var(--bg);border:1px solid var(--hl);opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.2rem;height:1rem;background:var(--hl2);cursor:pointer}.slider::-moz-range-thumb{width:.2rem;height:1rem;background:var(--hl2);cursor:pointer}.number{width:1rem;height:100%;padding:.2rem;color:var(--fg);outline:none;border:none;background-color:var(--hl)}.number::-webkit-inner-spin-button,.number::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}