html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}div.version{position:absolute;right:0;bottom:0;padding:3px 10px;margin-right:1px;margin-bottom:1px;font-size:small;font-family:Tahoma,Geneva,sans-serif}.ChromaticScale{display:flex;flex-direction:row;Xoutline:blue solid 2px;Xwidth:700px;Xmargin-top:30px;justify-content:flex-end}.ChromaticScale button.note-button{font-size:larger;padding:5px;margin:5px;width:45px;height:45px;border-radius:20%}.ChromaticScale button.note-button:hover:enabled{background-color:#8b0000;color:#fff}.ChromaticScale div.attempt-indicator{flex-grow:1;display:flex;align-items:flex-end;margin-bottom:5px;margin-left:5px;font-family:Tahoma,Geneva,sans-serif}.ChromaticScale div.scale-notes{flex-grow:4;display:flex;justify-content:center;margin:auto}.ChromaticScale div.stop-button{flex-grow:1}.ChromaticScale span.error{background:red;color:#fff;padding:5px;border-radius:50%}.ChromaticScale span.success{background:#006400;color:#fff;padding:5px;border-radius:50%}button.finish-round{color:orange;Xposition:absolute;Xright:0px;Xtop:0px;Xdisplay:inline;Xpadding:0;Xbackground-color:black;font-size:1em;color:#aaa;Xtext-decoration:underline}.user-message{display:flex;flex-direction:row;justify-content:center;Xbackground-color:#5c6663;Xmargin:2px;Xcolor:white;border-radius:5px;font-family:Tahoma,Geneva,sans-serif}.fretboard{display:flex;flex-direction:column;background:#be975b;width:100%;Xheight:300px}.string{width:100%;height:50px;position:relative;display:flex;Xborder:solid 1px}.string:before{content:"";width:100%;height:8px;position:absolute;background:linear-gradient(#eee,#999);box-shadow:0 3px 10px #806233;z-index:1;top:22px}.fret{display:flex;flex:1 1;border-right:10px solid;border-image:linear-gradient(to left,#777,#bbb,#777) 1 100%;justify-content:center;align-items:center;position:relative;opacity:1}.fret-marker:after{content:"";position:absolute;height:20px;width:20px;border-radius:50%;background:#806233;transform:translateY(-100%)}.fret:first-child{background:#42281c;min-width:76px;border-right:12px solid;flex-grow:0;flex-shrink:0;border-image:linear-gradient(to left,#bbb,#fff,#bbb) 1 100%}.single-fretmark:after{content:"";position:absolute;height:20px;width:20px;border-radius:50%;background:#806233;top:150px;transform:translateY(-50%)}.fret-debug-info{position:absolute;top:0;left:0;color:#0ff}.fret-note{background-color:#fff;color:#958d8d;z-index:1;width:28px;height:28px;line-height:28px;font-size:.9em;font-family:Arial,sans-serif;text-align:center;vertical-align:middle;border-radius:50%;font-weight:700;padding:2px;display:inline-block;box-shadow:0 3px 5px #66604f}.fret-note span{display:inline-block}.UNDER_TEST{color:#f6f5f5;background-color:#00f}.CORRECT_GUESS{color:#f6f5f5;background-color:green}.WRONG_GUESS{color:#f6f5f5;background-color:red}.EXPIRED{color:#f6f5f5;background-color:#ff5100}.dual-labels{font-size:x-small}.options-navbar{Xoutline:blue solid 1px;margin:0 auto;justify-content:center;flex-direction:row;display:flex;align-items:center}.options-navbar div.control{Xoutline:green solid 3px;padding:15px}.options-navbar select{height:30px;padding:5px}.options-navbar label{Xoutline:red solid 1px;font-weight:400;margin-right:5px;font-family:Arial,sans-serif}.options-navbar button{padding:5px 15px}