@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";@import"https://fonts.googleapis.com/css2?family=Yuji+Mai&display=swap";body{padding:0;margin:0;width:100vw;height:100vh;overflow:clip}svg{font-family:Special Elite,system-ui;width:100vw;height:100vh;--input-color: royalblue;--ideal-color: orange;--estimation-color: crimson}#fullCircle{fill:none;stroke-width:.04;stroke:var(--input-color)}#halfCircle{fill:none;stroke-width:.04;stroke:var(--input-color);stroke-linecap:round}line{stroke-width:.04}#requestedDot{fill:var(--input-color)}#idealLine{stroke:var(--ideal-color)}circle.approximation{fill:var(--estimation-color)}#approximateLine{stroke:var(--estimation-color)}#debugInput{position:absolute;top:0;left:0;right:0;margin:1.5em;display:flex;flex-direction:column;align-items:stretch}#debugInput div{font-family:Special Elite,system-ui;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}#debugInput div label{padding:.2em}#legend{transform:translate(-3.4px,-.7px) scale(.7)}text{font-size:.2pt}.border text{stroke:#fff;stroke-width:.05px;stroke-linejoin:round}.legendInput{fill:var(--input-color)}.legendIdeal{fill:var(--ideal-color)}.legendEstimated{fill:var(--estimation-color)}#debugInfo{position:absolute;left:1em;bottom:1em;color:#2be2c1;text-shadow:white .1em 0em .1em,white -.1em 0em .1em,white 0em .1em .1em,white 0em -.1em .1em;font-size:3rem;font-family:Yuji Mai,monospace}