.krw-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.krw-box svg {
    width: 100%;
    touch-action: none;
}

.krw-box path {
    fill: none;
    stroke: #000;
    stroke-width: 4;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

.krw-box path.active {
    stroke: #d2232a;
}

.krw-controls {
    text-align: center;
    margin-bottom: 6px;
}

.krw-controls button {
    margin: 0 4px;
    cursor: pointer;
}

/* Mobile */
@media (max-width: 600px) {
    .krw-group {
        justify-content: center;
    }
}