body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fff;color:#000;font-family:monospace}section{border-top:1px solid black;clear:both;padding:1em}h2{margin-top:0}table{border-collapse:collapse}td{border:1px solid black;padding:.2em .5em}ul{list-style-type:none}button{border-width:1px}.instruction{background-color:#eee;padding:.5em}.button{padding:.2em}.red{background-color:red;color:#fff}.yellow{background-color:#ff0;color:#000}.blue{background-color:#00f;color:#fff}.green{background-color:green;color:#fff}.white{background-color:#fff;border-color:#000;color:#000}.black{background-color:#000;color:#fff}.litIndicator{color:#fff;border:1px outset red;text-shadow:0px 0px 3px yellow,0px 0px 3px yellow;background:#000;padding:0 3px 3px}.litIndicator:before{content:"• "}.button.white{border:1px solid black}.marked{position:relative}.marked:after{color:green;font-size:18pt;position:absolute}.marked:after,.marked.odd.even:after{content:"⟽"}.marked.odd:after{content:"⟽ odd"}.marked.even:after{content:"⟽ even"}section .active{opacity:1}.inactive{opacity:.3}h2{cursor:pointer}.collapsed{padding:0}.collapsed *{display:none}.collapsed h2{display:block;font-size:small;margin:0}nav{background-color:#fff;border-left:1px solid black;border-top:1px solid black;position:fixed;bottom:0;right:0}#navList{line-height:150%;list-style-type:none;margin:0;padding:.1em .5em}#sectionButton{line-height:150%}#sectionButton div{margin-bottom:1em}#sectionButton .buttonWhite{border-style:solid;border-width:1px}#sectionButton label{margin-left:1em}.bigButton{border:2px solid black;border-radius:50%;height:69px;position:relative;text-align:center;width:69px}.bigButton span{font-family:Arial,"sans-serif";font-size:16px;left:50%;position:absolute;transform:translate(-50%,-50%);top:50%}#sectionComplicatedWires td{height:2em;text-align:center;padding:0;width:2em}.jsResetSection{display:block}#sectionKeypads ul{display:inline-block;list-style-type:none;margin-right:2em;padding-left:0}#sectionKeypads li{border:1px solid black;border-bottom:0;line-height:0}#sectionKeypads li button{background:none;border:none;cursor:pointer;display:block;padding:0}#sectionKeypads li:last-child{border-bottom:1px solid black}#sectionKeypads .selected{background-color:#ff6}#sectionKeypads .matching .selected{background-color:#90ee90}#sectionMemory table{margin-top:1em}#sectionMemory td{text-align:right}#sectionMemory input{text-align:center;width:5em}#sectionMorseCode table{float:left;margin-bottom:1em;margin-right:1em}#simonInputs{float:left;margin-right:5em}.collapsed #simonBoard{display:none}#simonBoard{display:inline-block;padding-bottom:40px;position:relative;transform:rotate(45deg)}#simonBoard>div>div{border:2px solid black;display:inline-block;height:64px;width:64px}#simonBoard>.simonRow:first-child>div{border-top-width:4px}#simonBoard>.simonRow:first-child+div>div{border-bottom-width:4px}#simonBoard>.simonRow>div:first-child{border-left-width:4px}#simonBoard>.simonRow>div:last-child{border-right-width:4px}.simonRed{background:radial-gradient(#fb9a9a,#fc7373,red)}.simonYellow{background:radial-gradient(#fbfb9a,#fcfc73,#ff0)}.simonBlue{background:radial-gradient(#9a9afb,#7373fc,#00f)}.simonGreen{background:radial-gradient(#98c998,#72b772,green)}.arrow{background-color:#000;height:10px;width:50px;position:absolute}.arrow:after{content:"";border-top:10px solid transparent;border-left:20px solid black;border-bottom:10px solid transparent;height:0;width:0;margin-left:50px;position:absolute;top:-5px}#arrowRB{top:70px;left:10px;transform:rotate(-90deg)}#arrowBR{top:60px;left:10px;transform:rotate(90deg)}#arrowBY{top:30px;left:45px}#arrowYB{top:30px;left:45px;transform:rotate(180deg)}#arrowYG{top:60px;left:80px;transform:rotate(90deg)}#arrowGY{top:70px;left:80px;transform:rotate(-90deg)}#arrowGR{top:100px;left:45px;transform:rotate(180deg)}#arrowRG{top:100px;left:45px}#arrowRY{top:66px;left:44px;transform:rotate(-45deg)}#arrowYR{top:66px;left:44px;transform:rotate(135deg)}#arrowBG{top:64px;left:44px;transform:rotate(45deg)}#arrowGB{top:64px;left:44px;transform:rotate(-135deg)}#sectionWhosOnFirst dl,#sectionWhosOnFirst table{display:inline-block;margin-bottom:1em}.collapsed dl,.collapsed table{display:none}#sectionWhosOnFirst dl{margin-right:4em}#sectionWhosOnFirst dt{background-color:#000;clear:left;color:#fff;margin-right:1em;text-align:center;width:6em}#sectionWhosOnFirst dd{margin-bottom:.4em;margin-left:0}#sectionWhosOnFirst dt,#sectionWhosOnFirst dd{float:left}#sectionWhosOnFirst dt.inactive+dd{opacity:0}#sectionWhosOnFirst table{margin-left:.5em}#sectionWhosOnFirst th{border:1px solid black}#sectionWires button{border-color:#000;cursor:pointer;width:2em;height:2em}.wireOptions__item{display:inline-block;margin-right:.5em}#wireList{list-style-type:decimal}#sectionWireSequences button{cursor:pointer;width:2em}#sequenceOptions{padding-left:0;width:9.5em}#sequenceOptions li{display:inline-block;margin-right:.5em}#sequenceInstruction{list-style-type:decimal}#sequenceInstruction button{margin-right:.2em}