:root{font-family:system-ui,Helvetica,Avenir,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#34312c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#dab65a;text-decoration:inherit}a:hover{color:#c77822}a.active{color:#a7a298}body{margin:0;padding:16px;min-width:320px;min-height:100vh}h1{font-size:3.2em;margin:0}footer{font-size:.75rem;color:#999;padding-top:24px;margin-bottom:8px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}select{font-size:16px;margin-left:8px}.tooltipBG{background-color:#000000bf;padding:8px;font-size:12px}.tooltipBG p{margin:0 0 4px}.tooltip{color:#ccc}.tooltip__majorLabel{font-size:1.5rem}.tooltip__label{font-size:1rem}.tooltip__minorLabel{font-size:.75rem}.chartBlock{height:160px;width:320px}.chartBlock__small{height:80px;width:160px}.statLabel{margin-top:0;color:#ccc}.selectWrapper{margin-bottom:1rem}.success__color{color:#52a166}.crit__color{color:#984a34}.downed__color{color:#bd7830}.minor__color{color:#8884a8}.miss__color{color:#6f6f6f}.navItems{list-style:none;margin:0;padding:0;display:flex;gap:16px}.appHeader{display:flex;justify-content:space-between;align-items:center}.appHeader__title{font-size:1.25rem;color:#ddc}