html,body{overflow:hidden;width:100%;height:100%;padding:1rem;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5rem;overscroll-behavior-x:none}.app{width:calc(100% - 4rem);transition:opacity .5s}.app h1{margin:0}.app .columns{display:flex;height:calc(100vh - 20rem);flex-direction:row}.app .columns .capture,.app .columns .data,.app .columns .options{margin-right:2rem}.app .columns .capture-body{position:relative;width:30rem;height:calc(100% - 3rem);background-color:#c8c8c8;outline:2px solid black}.app .columns .capture-body .prediction{position:absolute;bottom:0;overflow:hidden;width:calc(100% - 1rem);height:2rem;margin:.5rem;background:linear-gradient(90deg,red,green);pointer-events:none}.app .columns .capture-body .prediction:before,.app .columns .capture-body .prediction:after{position:absolute;margin:0 .5rem;color:#fff;line-height:2rem}.app .columns .capture-body .prediction:before{left:0;content:"fake"}.app .columns .capture-body .prediction:after{right:0;content:"real"}.app .columns .capture-body .prediction-amount{position:absolute;top:0;left:50%;width:0;height:100%;outline:2px solid white;transition:left .25s}.app .columns .data{width:15rem;min-width:15rem;height:calc(100% - 3rem)}.app .columns .data-body{display:flex;height:100%;flex-direction:column-reverse;line-height:.75rem;outline:2px solid black;overflow-x:hidden;overflow-y:scroll}.app .columns .data-body:empty{align-items:center;justify-content:center}.app .columns .data-body:empty:before{content:"wheel data"}.app .columns .data-body div{padding:.25rem}.app .columns .data-body div.real{border-color:#0f0!important;background-color:#0f03}.app .columns .data-body div.fake{border-color:red!important;background-color:#f003}.app .columns .data-body div.start,.app .columns .data-body div.end{border-right:2px solid;border-left:2px solid}.app .columns .data-body div.end{border-top:2px solid;margin-top:.25rem}.app .columns .data-body div.start{border-bottom:2px solid;margin-bottom:.25rem}.app .columns .options div{margin:1rem 0}.app .buttons{position:absolute;bottom:0;display:flex;width:100%}.app .buttons button{margin:1rem .5rem}.app .buttons button:first-child{margin-left:0}.disabled{opacity:.5;pointer-events:none}
