.mtk{display:flex;flex-direction:column;overflow:hidden;padding:0}.mtk__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--color-border) / .45)}.mtk__back{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid rgb(var(--color-border) / .6);border-radius:.55rem;color:rgb(var(--color-ink))}.mtk__title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:rgb(var(--color-ink))}.mtk__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-left:auto}.mtk__check{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:rgb(var(--color-body));cursor:pointer}.mtk__check input{accent-color:rgb(var(--color-accent))}.mtk__clear{display:inline-flex;align-items:center;gap:.35rem;height:2rem;padding:0 .75rem;border:1px solid rgb(var(--color-border) / .6);border-radius:.55rem;background:transparent;font-size:.8125rem;font-weight:650;color:rgb(var(--color-ink));cursor:pointer}.mtk__clear:hover,.mtk__back:hover{border-color:rgb(var(--color-accent) / .6)}.mtk__clear:focus-visible,.mtk__back:focus-visible,.mtk__check input:focus-visible{outline:2px solid rgb(var(--color-accent) / .85);outline-offset:2px}.mtk__stage{position:relative;height:clamp(20rem,55vh,34rem);background:linear-gradient(rgb(var(--color-border) / .12) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(90deg,rgb(var(--color-border) / .12) 1px,transparent 1px) 0 0 / 40px 40px,#0b0f14;cursor:crosshair;touch-action:none}.mtk__canvas{position:absolute;inset:0;width:100%;height:100%}.mtk__hint{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:1rem;font-size:.9375rem;color:#ffffff8c;text-align:center;pointer-events:none}.mtk__hint[hidden]{display:none}.mtk__legend{position:absolute;right:.75rem;bottom:.6rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.6875rem;color:#fff9;pointer-events:none}.mtk__legend-bar{display:inline-block;width:4rem;height:.35rem;border-radius:999px;background:linear-gradient(90deg,#36e270,#c6e236,#e23636)}.mtk__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0;border-top:1px solid rgb(var(--color-border) / .45)}.mtk__stat{display:grid;gap:.15rem;padding:.75rem 1rem;border-right:1px solid rgb(var(--color-border) / .3)}.mtk__stat dt{font-size:.75rem;color:rgb(var(--color-muted))}.mtk__stat dd{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:rgb(var(--color-ink))}.mtk__stat dd small{margin-left:.2rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:600;color:rgb(var(--color-muted))}
