body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body,html{padding:0;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}.main{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px;overflow:auto}.main .title{color:#2f4f4f}.main .container{margin:10px 0 0;max-width:90vw;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;flex-wrap:nowrap;min-height:0;grid-gap:10px;gap:10px}.main .container .inputs{display:flex;justify-content:center;align-items:center;margin:0 auto;border:0;border-radius:50%;padding:35px;height:3em;position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80vw;grid-gap:15px;gap:15px}.main .container .output{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex-wrap:nowrap;width:90vw;grid-gap:10px;gap:10px}.main .container .output .box{height:1.5rem;padding:.5rem;margin:0 0 20px;overflow:hidden}.main .container .inputs .box,.main .container .output .box{display:flex;justify-content:center;align-items:center;border:2px solid #000;cursor:pointer}.main .container .inputs .box{flex-direction:column;height:2.5em;width:6em;padding:.5em}.main .container .output .green{color:green;border:2px solid #90ee90}.main .container .output .red{color:darkred;border:2px solid red}.main .container .inputs .green{color:#32cd32}.main .container .inputs .red{color:red}.arrow{margin-top:8px;margin-left:14px;margin-right:1.2px;height:6px;position:relative;width:6px}.arrow,.arrow:after{display:inline-block}.arrow:after{border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:"";left:0;position:absolute;top:0}.arrow.is-triangle:after{border-style:solid;border-width:0 0 6px 6px;height:0;width:0}.arrow.is-check:after{width:6px}.arrow.arrow-bar:before{bottom:1px;content:"";height:20px;position:absolute;right:0;-webkit-transform-origin:bottom;transform-origin:bottom;width:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow.is-top{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.arrow.is-right{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.arrow.is-bottom{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrow.is-left{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.arrow .arrow.is-triangle:after,.arrow.is-triangle:after{border-color:transparent transparent #d3d3d3}.arrow .arrow:before,.arrow:before{background-color:#d3d3d3}.arrow .arrow.is-triangle.green-arrow:after,.arrow.is-triangle.green-arrow:after{border-color:transparent transparent #90ee90}.arrow.green-arrow.arrow:before,.arrow.green-arrow:before{background-color:#90ee90}.arrow .arrow.is-triangle.red-arrow:after,.arrow.is-triangle.red-arrow:after{border-color:transparent transparent red}.arrow.red-arrow.arrow:before,.arrow.red-arrow:before{background-color:red}.footer{color:dimgrey;font-size:14px;display:flex;justify-content:center}.footer a{color:inherit;text-decoration:none}.box sub{font-size:45%}.p-next{font-size:70%}.win-loss{color:grey;margin-top:10px;font-size:12px;display:flex;flex-direction:row;flex-wrap:wrap;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;overflow-y:auto;max-height:15vh}.sequence{color:#daa520}