body,p,ul,ol,li,h1,h2{margin:0;padding:0;font-size:13px;font-family:Verdana;font-weight:normal;color:#fff;background-color:transparent}form,fieldset{margin:0;padding:0;border:0}p,ul,ol,h1,h2{margin-bottom:10px}h1,h2{font-weight:bold}h1{font-size:1.6em}h2{font-size:1.4em}ul,ol{list-style-position:inside}a{color:#f0f0f0}#user-configuration{position:absolute;top:5px;right:20px;background-color:transparent;border:0;color:#aaa;font-size:2em;cursor:pointer}#user-configuration:hover{color:#777}body{background-color:#000;text-align:center}form{margin:0;padding:10px}fieldset{white-space:nowrap}label{font-family:monospace}input[type="text"],select{padding:2px 5px;border:1px solid #ccc;border-radius:3px;font-family:Arial,sans-serif;box-sizing:border-box}input[type="text"]:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,0.25);outline:0}input[type="text"]::placeholder{color:#777}.button{background-color:#aaa;color:#000;padding:2px 7px;border:0;border-radius:3px;font-family:monospace;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#888}.button:active{background-color:#444}.button.disabled,.button.disabled:hover,.button.disabled:active{background-color:#444;cursor:default}.disabled{color:#888}input[type="text"].disabled,select.disabled{opacity:20%}#bits.disabled,#step.disabled{color:#fff;background-color:#222;opacity:100% !important;border-color:#222}header{background-color:#404040;position:relative;text-align:left}header h1{position:relative;top:1px;color:#eee;display:inline-block;margin:0 10px 0 0;width:auto}header h1 a{text-decoration:none}header h1 span{position:absolute;top:5px;color:#bbb;font-size:.5em;font-weight:normal}#bit-config fieldset{display:block}#bits{margin-right:10px}#play-time{display:none}.suggest{font-size:.8em;cursor:pointer;border:0;background-color:transparent;color:#eee}.suggest:hover{color:#aaa}.suggest.disabled,.suggest.diabled:hover{color:#777}#config{display:inline-block}#display-mode{display:inline-block;padding:10px}#live-display{display:inline-block}#fixed-display{display:inline-block}#field-possible-rules{font-size:1.2em;color:#eee;font-weight:bold}#field-time-to-finish{font-size:1.2em;color:#eee;font-weight:bold}#display{position:relative;width:auto;clear:both;margin:0;padding:5px 0 0 0}#display img{width:auto;max-width:100%}#rule-info{clear:both;position:relative;margin:0 auto;width:fit-content;display:none}#rule-title{cursor:default;font-size:1.4em;font-weight:normal;margin:0}#copy-box{font-family:monospace;margin-left:5px;position:absolute;top:2px;left:100%;white-space:nowrap;opacity:.5}#copy{color:#ddd;background-color:transparent;border:0;cursor:pointer;padding:0;margin:0}#copy:hover{opacity:.7}#copied-message{position:absolute;top:3px;left:100%;margin-left:5px;font-size:.9em;transition:opacity 1s ease-in-out;color:#eee}#copied-message.fade-out{opacity:0}#ruleLog{clear:both;position:relative;margin:0 auto;width:fit-content}#ruleLog li{position:relative;display:block;list-style:none;cursor:pointer;font-size:1em;color:#ccc}#ruleLog li:hover{color:#aaa;background-color:#101010}footer{clear:both;margin:20px 0 0 0;opacity:30%;display:none}.columns form,.columns fieldset{display:inline-block;padding:0;margin:0}.columns #user-configuration{top:5px}.columns #user-configuration:hover{color:#ccc}.columns header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;width:100%}.columns header h1{padding:9px 0;width:100%;grid-column:1 / -1;grid-row:1;background-color:black;text-align:center}.columns #info{padding:20px;margin:0;grid-column:1;grid-row:2;background-color:#404040;text-align:center}.columns #info form{display:block}.columns .info-block{display:block;margin:10px 0 0 0}.columns #field-possible-rules{display:inline}.columns #field-time-to-finish{display:inline}.columns #control{padding:20px;margin:0;grid-column:2;grid-row:2;display:grid;color:#ddd;background-color:#303030;text-align:center}.columns #width{width:20%}.rows #user-configuration{color:#ababab}.rows #user-configuration:hover{color:#ccc}.rows form,.rows fieldset{display:inline-block;padding:0;margin:0}.rows header h1{display:inline-block;padding-left:20px;position:relative;top:2px}.rows #info{color:#ddd;padding:10px;display:inline-block;margin-left:20px;font-size:.8em}.rows .info-block{margin:0 10px 0 10px}.rows #bit-config fieldset{display:inline-block}.rows #control{background-color:#303030;padding:10px;display:block}.rows #field-possible-rules{display:inline}.rows #field-time-to-finish{display:inline}@media screen and (max-width:1070px){.rows header h1{display:none}.rows #info{padding:10px;margin:0}.rows #live-display label,.rows #fixed-display label{margin-left:5px}}@media screen and (max-width:770px){fieldset{white-space:normal}#label-torus{display:none}#user-configuration{z-index:1000}.columns header{display:block;width:100%}.columns header h1{display:block;width:100%;padding:10px 0}.columns #info{min-height:100px}.columns #field-time-to-finish{white-space:nowrap}.columns #live-display label,.columns #fixed-display label{display:block;margin-bottom:10px}.rows header{display:block;width:auto}.rows form,.rows fieldset{display:block;text-align:left;padding:0;margin:0}.rows #bits-fieldset{position:absolute;right:0;top:100%;margin-top:10px}.rows #info{padding:10px 0 0 0;margin:0;display:block;font-size:.8em;width:auto;position:relative;min-height:60px}.rows #field-time-to-finish{display:block}.rows .info-block{display:block;margin:0 10px;padding:0}.rows #control{padding:10px;display:block;text-align:left}.rows #display-mode{display:block;padding:0;margin:0 0 10px 0}.rows #step,.rows #rule-num{width:90px}.rows #live-display label,.rows #fixed-display label{display:inline-block;margin:10px 10px 10px 5px}}