@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color:#323437;--main-color:#e2b714;--text-color:#d1d0c5;--error-color:#ca4754;--sub-color:#646669;--sub-alt-color:#2c2e31;--font:"JetBrains Mono", ui-monospace, monospace;--radius:8px;--maxw:850px}*{box-sizing:border-box}html,body{background:var(--bg-color);color:var(--text-color);font-family:var(--font);margin:0}button{font-family:var(--font);cursor:pointer}body{justify-content:center;display:flex}#root{width:100%;max-width:var(--maxw);padding:2rem 1.5rem}.app{flex-direction:column;gap:1.5rem;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.topbar h1{color:var(--main-color);margin:0;font-size:1.4rem}.tabs{gap:.4rem;display:flex}.tabs a{background:var(--sub-alt-color);color:var(--sub-color);border-radius:var(--radius);padding:.4rem .8rem;text-decoration:none}.tabs a[aria-current]{color:var(--text-color)}.tabs a:hover,.tabs a:focus-visible{color:var(--main-color)}.langs button,.modes button{background:var(--sub-alt-color);color:var(--sub-color);border-radius:var(--radius);border:none;margin-left:.4rem;padding:.4rem .8rem}.langs button.on,.modes button.on{color:var(--bg-color);background:var(--main-color)}.langs button{align-items:center;gap:.45rem;display:inline-flex}.langs button:before{content:"";opacity:.7;background-position:50%;background-size:cover;border-radius:2px;flex-shrink:0;width:18px;height:13px;transition:opacity .15s ease-out}.langs button.on:before,.langs button:hover:before{opacity:1}.langs button.lang-no:before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'><rect width='22' height='16' fill='%23ba0c2f'/><path d='M0 8h22M8 0v16' stroke='%23fff' stroke-width='4'/><path d='M0 8h22M8 0v16' stroke='%2300205b' stroke-width='2'/></svg>")}.langs button.lang-en:before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'><rect width='22' height='16' fill='%23012169'/><path d='M0 0 22 16M22 0 0 16' stroke='%23fff' stroke-width='3.2'/><path d='M0 0 22 16M22 0 0 16' stroke='%23c8102e' stroke-width='1.4'/><path d='M11 0v16M0 8h22' stroke='%23fff' stroke-width='5.4'/><path d='M11 0v16M0 8h22' stroke='%23c8102e' stroke-width='3'/></svg>")}@media (prefers-reduced-motion:reduce){.langs button:before{transition:none}}.modes{gap:.4rem;display:flex}.modes button{flex:1;margin:0}.readout{justify-content:space-between;align-items:baseline;display:flex}.readout .label{color:var(--sub-color)}.readout .value{color:var(--main-color);font-size:2.5rem;font-weight:700}.readout .values{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.readout .alt{gap:1.25rem;display:flex}.readout .alt-item{color:var(--text-color);background:0 0;border:none;margin:-.5rem -.25rem;padding:.5rem .25rem;font-size:1rem;font-weight:500;transition:color .15s ease-out}.readout .alt-item .unit{color:color-mix(in oklab, var(--text-color) 72%, var(--bg-color));font-size:.8rem;transition:color .15s ease-out}.readout .alt-item:hover,.readout .alt-item:hover .unit,.readout .alt-item:focus-visible,.readout .alt-item:focus-visible .unit{color:var(--main-color)}.readout .alt-item:focus-visible{outline:2px solid var(--main-color);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.readout .alt-item,.readout .alt-item .unit{transition:none}}.app input[type=range]{width:100%;accent-color:var(--main-color)}.races{border-collapse:collapse;width:100%}.races caption{text-align:left;color:var(--sub-color);caption-side:top;padding-bottom:.3rem}.races th{text-align:left;color:var(--sub-color);padding:.4rem 0;font-weight:500}.races th:last-child{text-align:right}.races td{border-top:1px solid var(--sub-alt-color);padding:.5rem 0}.races td:last-child{text-align:right;color:var(--main-color)}.custom{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.custom label{color:color-mix(in oklab, var(--text-color) 72%, var(--bg-color));flex:1}.custom input,.custom select{background:var(--sub-alt-color);color:var(--text-color);border-radius:var(--radius);font-family:var(--font);border:none;padding:.5rem}.custom input{width:6rem}.custom .value{color:var(--main-color);text-align:right;min-width:6rem;margin-left:auto}.sitefooter{text-align:center;margin-top:1rem}.sitefooter .sep{color:color-mix(in oklab, var(--text-color) 40%, var(--bg-color));margin:0 .9rem;font-size:.85rem}.sitefooter a{color:color-mix(in oklab, var(--text-color) 72%, var(--bg-color));margin:-.5rem;padding:.5rem;font-size:.85rem;text-decoration:none;transition:color .15s ease-out}.sitefooter a:hover,.sitefooter a:focus-visible{color:var(--main-color)}.sitefooter a:focus-visible{outline:2px solid var(--main-color);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.sitefooter a{transition:none}}.langs button,.modes button,.tabs a{min-height:2.75rem}.readout .valueinput{text-align:right;width:5.5ch;font-family:var(--font);background:0 0;border:none;padding:0}.readout .valueinput:focus-visible{outline:2px solid var(--main-color);outline-offset:4px;border-radius:4px}