@font-face{font-family:AzeretMono;src:url(/font/AzeretMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AzeretMono;src:url(/font/AzeretMono-Bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:AzeretMono;src:url(/font/AzeretMono-Italic.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:AzeretMono;src:url(/font/AzeretMono-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic}:root{--bg:#fff;--bg2:#f6f6f6;--bg3:#ddd;--fg:#000;--fg2:#111;--fg3:#444;--special:#c955e7}@media (prefers-color-scheme:dark){:root{--bg:#111;--bg2:#151515;--bg3:#333;--fg:#fff;--fg2:#eee;--fg3:#aaa;--special:#e975ff}}body{background-color:var(--bg);color:var(--fg);justify-content:center}html{overscroll-behavior:none;font-size:16px}html,body,#root{width:100%;height:100%;margin:0;display:flex}*{font-variant-ligatures:none;box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--bg3);font-family:AzeretMono,monospace}h1{margin-block:2rem}h2{margin-block:.5rem}h3{margin-block:.3rem}p{margin:0}a{color:var(--fg);&:hover{color:var(--special);& i{color:var(--special)}}}i{color:var(--fg)}button:focus,input:focus,select:focus{outline:1px solid var(--special)}input,textarea{background-color:var(--bg2);color:var(--fg);border-width:1px;font-size:1rem}button{background-color:var(--bg2);color:var(--fg);border-width:1px;font-size:1rem;&:hover{border-color:var(--special)}&:disabled{color:var(--fg3);&:hover{background-color:var(--bg2)}}&.active{color:var(--special);border-color:var(--special)}}select{background:var(--bg2);color:var(--fg);border-width:1px;outline:none;font-size:1rem}.active{color:var(--special)}#root{display:flex;& canvas{width:100%;height:100%;position:absolute;top:0;left:0}& #hud{pointer-events:none}& #overlay{z-index:2;pointer-events:none;flex-direction:column;gap:.5rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;& .debug,& .pose,& .sites,& .courses,& .practice,& .results,& .info{white-space:pre;pointer-events:auto;background-color:#0006;flex-direction:column;gap:.5rem;width:fit-content;max-height:100%;margin-left:.5rem;padding:.5rem;display:flex;overflow:auto}& .debug{margin-top:.5rem;font-size:.8rem;& .sub{padding-left:2ch}& .warn{color:#fc9}& td{min-width:6ch;padding-inline:.5ch}}& .practice{flex-direction:row;align-items:center}& .version{opacity:.5;margin:.5rem;position:absolute;bottom:0;right:0}& .info{margin-bottom:.5rem;position:absolute;bottom:0;& td:first-child{padding-right:1ch}}& .results{max-height:50%;position:absolute;top:0;right:0}& .stats{justify-content:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex;position:absolute;top:0;& div{background-color:#0006;align-items:center;gap:.5rem;padding:.5rem;font-size:1.25rem;display:flex;& .reset{color:#ff554c}}}}}td.number{text-align:right}