:root{--white:#fff}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--white);margin:0;font-family:Arial,sans-serif;overflow:hidden}button,input{font:inherit}.screen{background:var(--white);place-items:center;min-height:100svh;display:grid}.sign{aspect-ratio:1916/821;-webkit-user-select:none;user-select:none;width:min(100vw,233.374svh);position:relative;overflow:hidden;container-type:inline-size}.sign>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.distance{width:30%;height:24%;color:var(--white);white-space:nowrap;justify-content:center;align-items:center;font-size:8.6cqw;font-weight:700;line-height:1;display:flex;position:absolute;top:54%;left:40.5%}.distance input{min-width:.8em;max-width:2.9em;color:inherit;font-weight:inherit;line-height:inherit;text-align:right;caret-color:var(--white);background:0 0;border:0;outline:0;padding:0}.direction{width:18.5%;height:49%;color:var(--white);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:0;place-items:center;padding:0;display:grid;position:absolute;top:23%;left:74.5%}.arrow-shape{background:var(--white);clip-path:polygon(36% 0,64% 0,64% 54%,100% 54%,50% 100%,0 54%,36% 54%);width:14cqw;height:19cqw;transition:transform .16s;display:block}.direction:focus-visible{outline:max(2px, .15cqw) solid var(--white);outline-offset:min(-5px, -.4cqw)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.arrow-shape{transition:none}}