.ku3-ruler{display:block;width:100%;height:auto;min-height:130px;background:#f4f5eb;border:1px solid #d6dfcb;border-radius:10px;margin:12px 0 18px}
.ku3-rubber{stroke:#8a6a32;stroke-width:8;stroke-linecap:round}
.ku3-dot{fill:#256759;stroke:#fffef7;stroke-width:2}
.ku3-dot-you{fill:#ad603c;stroke:#fffef7;stroke-width:3}
.ku3-sky{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}
.ku3-patch{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:8px 6px;border:1px solid #becdb7;border-radius:11px;background:#f4f6eb;color:#293e3d;font:inherit;cursor:pointer}
.ku3-patch span{font-size:16px}
.ku3-patch strong{font-size:20px;font-variant-numeric:tabular-nums}
.ku3-patch-on{background:#dfeada;border:2px solid #256759;padding:7px 5px}
@media(max-width:480px){.ku3-sky{grid-template-columns:repeat(2,minmax(0,1fr))}}