.ke{--ke-cols:minmax(190px,250px) minmax(0,1fr) minmax(230px,300px)}.ke.is-strip{--ke-cols:minmax(120px,180px) minmax(0,1fr) minmax(170px,240px)}.ke-lane,.ke-scale{display:grid;grid-template-columns:var(--ke-cols);column-gap:18px;align-items:center}.ke-scale{padding-bottom:6px;border-bottom:1px solid var(--mn-ink)}.ke-ticks{position:relative;height:16px;font:12px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--mn-soft)}.ke-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ke-ticks span:first-child{left:0;transform:none}.ke-ticks span:nth-child(2){left:25%}.ke-ticks span:nth-child(3){left:50%;color:var(--mn-ink)}.ke-ticks span:nth-child(4){left:75%}.ke-ticks span:nth-child(5){left:100%;transform:translateX(-100%)}.ke-lanes{margin:0;padding:0;list-style:none}.ke-lanes>li{position:relative;max-width:none}.ke-lane{min-height:30px;padding:3px 0;border-bottom:1px solid var(--mn-hair);color:var(--mn-ink);text-decoration:none}.ke-lane:hover .ke-name{text-decoration:underline;text-underline-offset:3px}.ke-lane:hover{background:var(--mn-wash)}.ke-lane:focus-visible{outline:2px solid var(--mn-ink);outline-offset:2px}.ke-name{font:600 13.5px/1.3 var(--font-sans);min-width:0}.ke-text{font:12.5px/1.35 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--mn-soft);min-width:0}.ke-text b{font-weight:600}.ke-text b.is-d{color:var(--mn-dem-deep)}.ke-text b.is-r{color:var(--mn-rep-deep)}.ke-lane.is-called .ke-name{font-weight:500}.ke-ruler{position:relative;display:block;height:22px;container-type:inline-size;background:linear-gradient(var(--mn-hair),var(--mn-hair)) 0 50% /1px 10px no-repeat,linear-gradient(var(--mn-hair),var(--mn-hair)) 25% 50% /1px 10px no-repeat,linear-gradient(var(--mn-soft),var(--mn-soft)) 50% 0 /1px 100% no-repeat,linear-gradient(var(--mn-hair),var(--mn-hair)) 75% 50% /1px 10px no-repeat,linear-gradient(var(--mn-hair),var(--mn-hair)) 100% 50% /1px 10px no-repeat}.ke-axis{height:1px;background:var(--mn-hair)}.ke-axis,.ke-band{position:absolute;left:0;right:0;top:50%}.ke-band{height:7px;transform:translateY(-50%);opacity:.45;clip-path:inset(0 calc(100% - (var(--l, 0) + var(--w, 0)) * 1%) 0 calc(var(--l, 0) * 1%) round 4px);transition:clip-path var(--mn-dur-data) var(--mn-ease-out)}.ke-lane.is-called .ke-band{transition-duration:var(--mn-dur-ui)}.ke-dot{position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:50%;transform:translate(calc(var(--x, 0) * 1cqi - 50%),-50%);box-shadow:0 0 0 2px var(--mn-paper);transition:transform var(--mn-dur-data) var(--mn-ease-out)}:is(.ke-band,.ke-dot).is-d{background:var(--mn-dem)}:is(.ke-band,.ke-dot).is-r{background:var(--mn-rep)}:is(.ke-band,.ke-dot).is-i{background:var(--ind)}:is(.ke-band,.ke-dot).is-n{background:var(--mn-soft)}.ke-lane:hover .ke-dot{box-shadow:0 0 0 2px var(--mn-wash)}.ke-dot.is-won,.ke-key-dot.is-won,.ke-lane:hover .ke-dot.is-won{box-shadow:0 0 0 2px var(--mn-paper),0 0 0 3.5px var(--mn-ink)}.ke-off{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;font:600 12px var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.ke-off.is-left{left:0}.ke-off.is-right{right:0;flex-direction:row-reverse}.ke-off i{width:7px;height:10px;background:currentColor}.ke-off.is-left i{clip-path:polygon(100% 0,100% 100%,0 50%)}.ke-off.is-right i{clip-path:polygon(0 0,0 100%,100% 50%)}.ke-off.is-d{color:var(--mn-dem-deep)}.ke-off.is-r{color:var(--mn-rep-deep)}.ke-h{margin:22px 0 0;padding-bottom:6px;border-bottom:1px solid var(--mn-ink);font:600 13.5px var(--font-sans)}.ke-h,.ke-more{color:var(--mn-ink)}.ke-more{display:inline-block;margin-top:10px;font:500 13px var(--font-sans);text-decoration:none;border-bottom:1px solid var(--mn-hair);padding:4px 0}.ke-more:hover{border-bottom-color:var(--mn-ink)}.ke-empty{margin:12px 0;font:13.5px var(--font-sans)}.ke-empty,.ke-key{color:var(--mn-soft)}.ke-key{display:flex;flex-wrap:wrap;gap:6px 22px;margin:12px 0 0;font:12px var(--font-sans)}.ke-key span{display:inline-flex;align-items:center;gap:7px}.ke-key-dot{width:10px;height:10px;border-radius:50%;background:var(--mn-ink)}.ke-key-band{width:28px;height:7px;border-radius:4px;background:var(--mn-ink);opacity:.45}.ke-key-off{width:7px;height:10px;background:var(--mn-ink);clip-path:polygon(0 0,0 100%,100% 50%)}.ke-note{margin:6px 0 0;max-width:80ch;font:12px/1.5 var(--font-sans)}.ke-catch,.ke-note{color:var(--mn-soft)}.ke-catch{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:12px}.ke-cbar{flex:none;width:46px;height:4px;background:var(--mn-hair)}.ke-cbar i{display:block;height:100%;background:var(--mn-soft)}.ke-cbar i.is-d{background:var(--mn-dem)}.ke-cbar i.is-r{background:var(--mn-rep)}@media (max-width:720px){.ke-scale{grid-template-columns:minmax(0,1fr)}.ke-scale>span:first-child,.ke-scale>span:last-child{display:none}.ke-lane{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "text" "ruler";row-gap:2px;padding:7px 0 4px}.ke-name{grid-area:name}.ke-text{grid-area:text}.ke-ruler{grid-area:ruler}}