:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;--border-width: 3px}body{padding:0;margin:0}ul{list-style-type:none;padding:0;margin:0}.guess-out{--veil-left: 50%;--track-height: 4rem;display:flex;align-items:center;background-color:var(--color-1)}@media only screen and (max-width:600px){.guess-out{--track-height: 3rem}}@media only screen and (max-width:768px){.guess-out{--veil-left: 45%}}@media only screen and (min-width:1800px){.guess-out{--veil-left: 55%}}.guess-out:after{content:"";position:absolute;inset:0 var(--track-height) 0 var(--veil-left);border-left:dashed var(--border-width) var(--color-1);border-right:dashed var(--border-width) var(--color-1);background-color:var(--color-2)}.guess-out .ball-track{position:relative;flex:auto;height:var(--track-height);color:var(--color-1);background-color:var(--color-2)}.guess-out .ball-track .ball{position:absolute;top:0;bottom:0;right:calc(100% - var(--ball-progress) + var(--track-height));width:var(--track-height);border-radius:50%;background-color:var(--color-1)}:root{--border-radius: .25rem;--spacing-s: .25rem;--spacing-m: .5rem;--font-size-s: .8em;--font-size-m: 1.2em;--font-size-l: 2rem}@media only screen and (max-width:600px){:root{--spacing-s: .1rem;--spacing-m: .25rem;--font-size-s: .75em;--font-size-m: 1em;--font-size-l: 1.5rem}}body{background-color:var(--color-2);touch-action:pan-x pan-y;position:fixed}.guess-out{height:100vh;width:100vw;height:100dvh;width:100dvw}@media(pointer:fine){.guess-out .ball-track:after{content:"⏎";position:absolute;top:var(--spacing-m);bottom:var(--spacing-m);left:var(--spacing-m);width:calc(var(--track-height) - 2 * var(--spacing-m) - 2 * var(--spacing-s) - 2 * var(--border-width));padding-left:var(--spacing-s);padding-right:var(--spacing-s);border:solid var(--border-width);border-radius:var(--border-radius);align-content:center;text-align:center;font-weight:500;font-size:var(--font-size-l);animation:beat .8s ease-in-out infinite alternate;transform-origin:center}.guess-out .ball-track:has(.ball):after{left:unset;right:var(--spacing-m)}}@keyframes beat{to{transform:scale(.9)}}.theme{display:flex;position:absolute;top:var(--spacing-m);left:var(--spacing-m);border:solid var(--border-width) var(--color-2);border-radius:var(--border-radius);color:var(--color-2)}.theme button{cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-s);font-size:var(--font-size-m);text-align:center;color:inherit;border:none;background:transparent}.theme button span{width:2rem;font-size:var(--font-size-s)}.theme button+button{border-left:solid var(--border-width) var(--color-2)}.latest-result{position:absolute;pointer-events:none;bottom:var(--spacing-m);left:var(--spacing-m);align-content:center;font-size:var(--font-size-l);color:var(--color-2)}.guess-out:has(.ball)~.latest-result{opacity:0;transition:opacity .2s}