body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;font-family:Arial,sans-serif}.table-container{width:100%;height:100%;overflow:auto;position:relative}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{border:1px solid #ccc;width:50px;height:30px;text-align:center;vertical-align:middle;white-space:nowrap}thead th{background:#000;position:sticky;top:0;color:#fff;z-index:99999}tbody td:first-child,thead th:first-child{background:#000;color:#fff;position:sticky;left:0;z-index:999999}table{background:#000}.item{width:40px;height:50px;display:inline-grid;padding:2px}.circle{font-weight:800;font-size:9pt;border-radius:100%;border:2px solid white;width:20px;height:20px;display:inline-grid;align-items:center}.roll{display:inline-grid;align-items:center;width:25px;height:25px;border-radius:4px;color:#fff;padding:6px}.time{font-size:10pt;color:#fff}.roll.red{background:red;color:#fff}.roll.black{background:#313131;color:#fff}.roll.white{background:#fff;color:#fff;background-image:url(/logo_blaze.png);background-size:20px;background-repeat:no-repeat;background-position:center}.roll.white .circle{border:0px;opacity:0}.item-roll{cursor:pointer}.info{display:none}.hide .info{display:block}.hide .name{display:none;width:25px}.hide{width:10px}.hide .item{opacity:0!important}.icon-hide,.hide .toggle-visibility{display:none}.hide-col{cursor:pointer}.hide-col:hover{opacity:.8}.total{color:#fff;font-size:10pt}.total_line div{align-content:center;font-size:10pt}.total_line .black{background:#313131;color:#fff;height:33.3%}.total_line .white{background:#fff;color:#000;height:33.3%}.total_line .red{background:red;color:#fff;height:33.3%}.row-separator{background:green;z-index:9;height:5px}.line-active{position:relative}.line-active:after{content:"";position:absolute;top:50%;right:0;width:100px;height:100%;border-top:3px solid green;transform:rotate(0);transform-origin:top right;pointer-events:none}.line-origin:after{content:"";position:absolute;top:50%;right:50%;width:100px;height:100%;border-top:3px solid green;transform:rotate(0);transform-origin:top right;pointer-events:none}.orange-edge{border:5px solid orange}.cell-obfuscated{opacity:.3}.cell-empty{background:transparent}.cell-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.cell-roll{font-weight:800;font-size:9pt;border-radius:100%;border:2px solid white;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.cell-id,.cell-time{font-size:8pt;color:#ccc}.cell-red .cell-roll{background:red;color:#fff}.cell-black .cell-roll{background:#313131;color:#fff}.cell-white .cell-roll{background:#fff;color:#fff;border:0px;opacity:0}.grid-container{width:100%;height:100%;overflow:auto;position:relative}.grid{border-collapse:collapse;width:100%;table-layout:fixed}.row-label{background:#000;color:#fff;position:sticky;left:0;z-index:999999;font-size:10pt}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow:hidden}.app{width:100vw;height:100vh;overflow:hidden}.status-warning{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#ffb703e6;color:#000;padding:8px 16px;border-radius:4px;font-size:13px;z-index:10000}.controls{position:fixed;top:10px;right:10px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;z-index:10000;background:#000c;padding:8px;border-radius:4px}.controls button{cursor:pointer;padding:4px 8px;border:1px solid #ccc;background:#333;color:#fff;border-radius:4px;font-size:11px}.controls button:hover{background:#555}.column-toggles{display:flex;flex-wrap:wrap;gap:2px;max-width:200px}.col-hidden{background:#555;color:#aaa;opacity:.5}.col-visible{background:#333;color:#eee}h1{display:none}